package Ġpages . bootstrap Ċ Ċ import Ġkeyboard . Hot key Window Ċ import Ġorg . w 3 c . dom . HTMLElement Ċ import Ġpages . forms . Html Display Widget Ċ import Ġpages . forms . Html Editor Widget Ċ import Ġversion Ċ import Ġwidget . Holder Widget Ċ import Ġwidget . Widget Ċ Ċ class ĠNavbar Menu Widget ( private Ġval Ġroot Widget : ĠWidget Ġ= ĠWidget ("< h 1 > empty Ġroot Widget </ h 1 > ")) Ġ: ĠWidget ( // language = HTML ĊĠĠĠ Ġ""" Ċ Ċ < nav Ġclass =" navbar Ġnavbar - expand - lg Ġfixed - top Ġnavbar - dark Ġbg - dark " Ġaria - label =" Main Ġnavigation "> ĊĠĠĠ Ġ< div Ġclass =" container - fluid "> ĊĠĠĠĠĠĠĠ Ġ< button Ġclass =" navbar - toggler Ġp - 0 Ġborder - 0 " Ġtype =" button " Ġid =" navbar Side Collapse " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġaria - label =" Toggle Ġnavigation "> ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ< span Ġclass =" navbar - toggler - icon "></ span > ĊĠĠĠĠĠĠĠ Ġ</ button > ĊĠĠĠĠĠĠĠ Ġ< a Ġclass =" navbar - brand " Ġhref ="#"> Kotlin - mpp - starter Ġ$ version </ a > ĊĊĠĠĠĠĠĠĠ Ġ< div Ġclass =" navbar - collapse Ġoff canvas - collapse " Ġid =" navbar s Example Default "> ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ< ul Ġclass =" navbar - nav Ġme - auto Ġmb - 2 Ġmb - lg - 0 "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< li Ġclass =" nav - item "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< a Ġclass =" nav - link Ġactive " Ġaria - current =" page " Ġhref ="#"> Dashboard </ a > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ</ li > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< li Ġclass =" nav - item "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< a Ġclass =" nav - link " Ġhref ="#"> Notifications </ a > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ</ li > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< li Ġclass =" nav - item "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< a Ġclass =" nav - link " Ġhref ="#"> Profile </ a > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ</ li > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< li Ġclass =" nav - item "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< a Ġclass =" nav - link " Ġ> Menu Ġitem 1 </ a > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ</ li > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< li Ġclass =" nav - item Ġdropdown "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< a Ġclass =" nav - link Ġdropdown - toggle " Ġhref ="#" Ġid =" dropdown 0 1 " Ġdata - bs - toggle =" dropdown " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġaria - expanded =" false "> Settings </ a > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< ul Ġclass =" dropdown - menu " Ġaria - labelledby =" dropdown 0 1 "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< li >< a Ġclass =" dropdown - item " Ġhref ="#" Ġid =" menu Html 1 "> Toggle Ġhtml Ġhost </ a ></ li > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< li >< a Ġclass =" dropdown - item " Ġhref ="#"> Another Ġaction </ a ></ li > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< li >< a Ġclass =" dropdown - item " Ġhref ="#"> Something Ġelse Ġhere </ a ></ li > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ</ ul > ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ</ li > ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ</ ul > ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ< form Ġclass =" d - flex "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< input Ġclass =" form - control Ġme - 2 " Ġtype =" search " Ġplaceholder =" Search " Ġaria - label =" Search "> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ< button Ġclass =" btn Ġbtn - outline - success " Ġtype =" submit "> Search </ button > ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ</ form > ĊĠĠĠĠĠĠĠ Ġ</ div > ĊĠĠĠ Ġ</ div > Ċ </ nav > Ċ <!-- Ġdiv Ġclass =" nav - sc roller Ġbg - body Ġshadow - sm " Ġid =" nav Band " Ġw - expand ></ div Ġ--> ĠĠĠĠĠĠĠĠ Ċ < main Ġclass =" container " Ġid =" main Holder "></ main > ĠĠĠĠĠĠĠĠĊĠĠĠ Ġ""" . trim Indent () Ċ ) Ġ{ ĊĠĠĠ Ġval Ġmain Holder Ġby Ġthis Ġ{ ĠH older Widget () Ġ} ĊĊĠĠĠ Ġprivate Ġval Ġnavbar Side Collapse : ĠHTMLElement Ġby Ġthis ĊĠĠĠ Ġprivate Ġval Ġnavbar s Example Default : ĠHTMLElement Ġby Ġthis ĊĠĠĠ Ġprivate Ġval Ġmenu Html 1 : ĠHTMLElement Ġby Ġthis ĊĠĠĠ Ġval Ġdefault H amburger Click Ġ= Ġ{ Ġnavbar s Example Default . classList . toggle (" open "); ĠUnit Ġ} ĊĠĠĠ Ġvar Ġon H amburger Click : Ġ() Ġ-> ĠUnit Ġ= Ġdefault H amburger Click ĊĠĠĠ Ġoverride Ġfun Ġafter Render () Ġ{ ĊĊĠĠĠĠĠĠĠ Ġnavbar Side Collapse . onclick Ġ= Ġ{ Ġon H amburger Click () Ġ} ĊĠĠĠĠĠĠĠ Ġmenu Html 1 . onclick Ġ= Ġ{ Ġtoggle () Ġ} ĊĊĠĠĠĠĠĠĠ Ġmain Holder . show ( root Widget ) ĊĠĠĠĠĠĠĠ Ġval Ġdesigner Widget Ġ= ĠHtml Editor Widget () ĊĊĊĠĠĠĠĠĠĠ ĠHot key Window Ċ // ĠĠĠĠĠĠĠĠĠĠĠ Ġ. add (" F 2 ") Ġ{ Ġmain Holder . show ( designer Widget ) Ġ} Ċ // ĠĠĠĠĠĠĠĠĠĠĠ Ġ. add (" F 3 ", Ġ"~ ", Ġ" SHIFT - ~ ") Ġ{ Ġit . stopPropagation (); Ġit . preventDefault (); Ġtoggle () Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ. add (" SHIFT - F 4 ") Ġ{ Ġmain Holder . container . classList . toggle (" container ") Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ. add (" Escape ") Ġ{ Ġmain Holder . close Current () Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġprivate Ġfun Ġtoggle () Ġ{ ĊĠĠĠĠĠĠĠ Ġif Ġ( main Holder . stack . last OrNull () Ġ== ĠHtml Display Widget . shared ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmain Holder . close Current () ĊĠĠĠĠĠĠĠ Ġelse Ġmain Holder . show ( Html Display Widget . shared ) ĊĊĠĠĠ Ġ} Ċ } ĊĊ