package Ġcom . example Ċ Ċ import Ġkotlinx . browser . window Ċ import Ġpl . tre k soft . k vision . core . onClick Ċ import Ġpl . tre k soft . k vision . html . Align Ċ import Ġpl . tre k soft . k vision . html . button Ċ import Ġpl . tre k soft . k vision . html . p Ċ import Ġpl . tre k soft . k vision . ons enu i . Float Direction Ċ import Ġpl . tre k soft . k vision . ons enu i . Float Position Ċ import Ġpl . tre k soft . k vision . ons enu i . control . fab Ċ import Ġpl . tre k soft . k vision . ons enu i . core . Navigator Ċ import Ġpl . tre k soft . k vision . ons enu i . core . back Button Ċ import Ġpl . tre k soft . k vision . ons enu i . core . page Ċ import Ġpl . tre k soft . k vision . ons enu i . dialog .* Ċ import Ġpl . tre k soft . k vision . ons enu i . form . On s Button Type Ċ import Ġpl . tre k soft . k vision . ons enu i . form . ons Button Ċ import Ġpl . tre k soft . k vision . ons enu i . list . Divider Type Ċ import Ġpl . tre k soft . k vision . ons enu i . list . item Ċ import Ġpl . tre k soft . k vision . ons enu i . list . ons List Ċ import Ġpl . tre k soft . k vision . ons enu i . list . ons List Title Ċ import Ġpl . tre k soft . k vision . ons enu i . toolbar . Toolbar Button Ċ import Ġpl . tre k soft . k vision . ons enu i . toolbar . toolbar Ċ import Ġpl . tre k soft . k vision . ons enu i . toolbar . toolbar Button Ċ import Ġpl . tre k soft . k vision . ons enu i . visual . icon Ċ import Ġpl . tre k soft . k vision . utils . obj Ċ Ċ fun ĠNavigator . dialogs Page ( app : ĠApp ) Ġ{ ĊĠĠĠ Ġlateinit Ġvar Ġinfo Button : ĠToolbar Button ĊĠĠĠ Ġlateinit Ġvar Ġpop over : ĠPop over ĊĠĠĠ Ġpage (" dialogs ", ĠclassName Ġ= Ġ" dialogs ") Ġ{ ĊĠĠĠĠĠĠĠ Ġtoolbar (" Dialog s ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġleft Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġback Button (" Home ") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġright Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġinfo Button Ġ= Ġtoolbar Button ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġif Ġ( app . is MD ) Ġnull Ġelse Ġ" More ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġicon Ġ= Ġif Ġ( app . is MD ) Ġ" md - more - vert " Ġelse Ġnull ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġpop over . show On s Popover ( this ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġif Ġ( app . is MD ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġfab (" md - face ", ĠFloat Position . BOTTOM _ RIGHT ) ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġon s List Title (" Notifications ") ĊĠĠĠĠĠĠĠ Ġon s List ( in set Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Alert ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġshow Alert (" Hello , Ġworld !") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Simple ĠConfirm ation ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġshow Confirm (" Are Ġyou Ġready ?") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Prompt ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġshow Prompt (" What Ġis Ġyour Ġname ?") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Toast ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġshow Toast (" Hi Ġthere !", Ġ" Dismiss ", Ġtimeout Ġ= Ġ 1 5 0 0 ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Action / Bottom ĠSheet ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġshow Action Sheet ( buttons Ġ= ĠlistOf (" Label Ġ 1 ", Ġ" Label Ġ 2 ", Ġobj Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġthis . label Ġ= Ġ" Label Ġ 3 " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġthis . modifier Ġ= Ġ" destruct ive " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ}, Ġ" Cancel "), Ġcancel able Ġ= Ġtrue ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġval Ġdialog Ġ= Ġdialog ( cancel able Ġ= Ġtrue , ĠclassName Ġ= Ġ" lo rem - dialog ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġpage Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtoolbar (" Simple ĠDialog ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġp (" Lorem Ġipsum Ġdolor ", Ġalign Ġ= ĠAlign . CENTER ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġp ( align Ġ= ĠAlign . CENTER ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon s Button (" Close ", Ġbutton Type Ġ= ĠO ns Button Type . LIGHT ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġthis @ dialog . hide Dialog () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġval Ġalert Dialog Ġ= Ġalert Dialog (" H ey !! ", Ġcancel able Ġ= Ġtrue , Ġrow footer Ġ= Ġ! app . is MD ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ+" Lorem Ġipsum Ġ" ĊĠĠĠĠĠĠĠĠĠĠĠ Ġicon (" fa - comment - dots ", ĠclassName Ġ= Ġ" far ") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġalert Dialog Button (" W at "). onClick Ġ{ Ġthis @ alert Dialog . hide Dialog () Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġalert Dialog Button (" H mm "). onClick Ġ{ Ġthis @ alert Dialog . hide Dialog () Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġalert Dialog Button (" S ure "). onClick Ġ{ Ġthis @ alert Dialog . hide Dialog () Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġval Ġtoast Ġ= Ġtoast ( animation Ġ= ĠToast Animation . FALL ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ+" Super cal if rag il istic exp ial id oc ious " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbutton (" No Ġway "). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġthis @ toast . hide Toast () ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġval Ġmodal Ġ= Ġmodal Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġp ( align Ġ= ĠAlign . CENTER , Ġrich Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+" Loading Ġ" ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġicon (" fa - spinner ", Ġspin Ġ= Ġtrue ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ "< br >< br >" ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+" Click Ġor Ġwait " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ ĠonClick Ġ{ Ġthis @ modal . hide Modal () Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġvar Ġtimeout Id : ĠInt ? Ġ= Ġnull ĊĠĠĠĠĠĠĠ Ġpop over Ġ= Ġpop over ( Float Direction . DOWN , Ġcancel able Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcover Target Ġ= Ġtrue ĊĠĠĠĠĠĠĠĠĠĠĠ Ġon s List Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠlistOf (" Call Ġhistory ", Ġ" Import / export ", Ġ" New Ġcontact ", Ġ" Settings "). forEach Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġitem ( it , Ġt appable Ġ= Ġtrue , Ġdivider Ġ= Ġif Ġ( app . is MD ) ĠDiv ider Type . NONE Ġelse ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġthis @ popover . hide On s Popover () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġval Ġaction Sheet Ġ= Ġaction Sheet ( cancel able Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġaction Sheet Button (" Action Ġ 1 ", Ġicon Ġ= Ġ" md - square - o "). onClick Ġ{ Ġthis @ action Sheet . hide Action Sheet () Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġaction Sheet Button (" Action Ġ 2 ", Ġicon Ġ= Ġ" md - square - o "). onClick Ġ{ Ġthis @ action Sheet . hide Action Sheet () Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġaction Sheet Button (" Action Ġ 3 ", Ġicon Ġ= Ġ" md - square - o ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= Ġ" destruct ive " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonClick Ġ{ Ġthis @ action Sheet . hide Action Sheet () Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġaction Sheet Button (" Cancel ", Ġicon Ġ= Ġ" md - square - o "). onClick Ġ{ Ġthis @ action Sheet . hide Action Sheet () Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġon s List Title (" Components ") ĊĠĠĠĠĠĠĠ Ġon s List ( in set Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Simple ĠDialog ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdialog . show Dialog () ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Alert ĠDialog ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġalert Dialog . show Dialog () ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Toast Ġ( top )", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtoast . show Toast () ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Modal ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodal . show Modal () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtimeout Id ?. let Ġ{ Ġwindow . clear Timeout ( it ) Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtimeout Id Ġ= Ġwindow . setTimeout ({ Ġmodal . hide Modal () Ġ}, Ġ 2 0 0 0 ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Popover Ġ- ĠMD ĠMenu ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġpop over . show On s Popover ( info Button ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" Action / Bottom ĠSheet ", Ġt appable Ġ= Ġtrue , Ġdivider Ġ= ĠDiv ider Type . LONG ). onClick Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġaction Sheet . show Action Sheet () ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ