package Ġcom . cc fr aser . mu ir wik . test app Ċ Ċ import Ġcom . cc fr aser . mu ir wik . components . button . m Button Ċ import Ġcom . cc fr aser . mu ir wik . components . list . m List Ċ import Ġcom . cc fr aser . mu ir wik . components . list . m ListItem Ċ import Ġcom . cc fr aser . mu ir wik . components . m Paper Ċ import Ġcom . cc fr aser . mu ir wik . components . m Typography Ċ import Ġcom . cc fr aser . mu ir wik . components . menu .* Ċ import Ġcom . cc fr aser . mu ir wik . components . spacing Units Ċ import Ġcom . cc fr aser . mu ir wik . components . theme Context Ċ import Ġcom . cc fr aser . mu ir wik . components . transitions . M Transition Props Ċ import Ġcom . cc fr aser . mu ir wik . components . transitions . Simple Transition Duration Ċ import Ġcom . cc fr aser . mu ir wik . components . transitions . mF ade Ċ import Ġkotlin ext . js . js Ċ import Ġkotlin ext . js . js Object Ċ import Ġkotlinx . css .* Ċ import Ġorg . w 3 c . dom . Node Ċ import Ġorg . w 3 c . dom . events . Event Ċ import Ġreact .* Ċ import Ġreact . dom . div Ċ import Ġreact . dom . find DOM Node Ċ import Ġstyled . StyleSheet Ċ import Ġstyled . css Ċ import Ġstyled . styled Div ĊĊ Ċ class ĠTest Menus Ġ: ĠR Component < R Props , ĠR State >() Ġ{ ĊĠĠĠ Ġprivate Ġvar Ġanchor Element : ĠNode ? Ġ= Ġnull ĊĠĠĠ Ġprivate Ġvar Ġselected Option Ġ= Ġ" Selection ĠExample ..." ĊĠĠĠ Ġprivate Ġvar Ġselected Menu Index : ĠInt ? Ġ= Ġnull ĊĠĠĠ Ġprivate Ġvar Ġref Anchor Element : ĠNode ? Ġ= Ġnull ĊĊĠĠĠ Ġprivate Ġfun Ġhandle Show Menu Click ( event : ĠEvent , Ġmenu Index : ĠInt ) Ġ{ ĊĠĠĠĠĠĠĠ Ġselected Menu Index Ġ= Ġmenu Index ĊĠĠĠĠĠĠĠ Ġval Ġcurrent Target Ġ= Ġevent . currentTarget ĊĠĠĠĠĠĠĠ ĠsetState Ġ{ Ġanchor Element Ġ= Ġcurrent Target . as Dynamic () Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġprivate Ġfun Ġhandle Simple Click () Ġ{ ĊĠĠĠĠĠĠĠ ĠsetState Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġselected Menu Index Ġ= Ġnull ĊĠĠĠĠĠĠĠĠĠĠĠ Ġanchor Element Ġ= Ġnull ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġprivate Ġfun Ġhandle MenuItem Click ( selected Text : ĠString ) Ġ{ ĊĠĠĠĠĠĠĠ ĠsetState Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġselected Option Ġ= Ġselected Text ĊĠĠĠĠĠĠĠĠĠĠĠ Ġselected Menu Index Ġ= Ġnull ĊĠĠĠĠĠĠĠĠĠĠĠ Ġanchor Element Ġ= Ġnull ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġprivate Ġfun Ġhandle On Close ( reason : ĠMenu On Close Reason ) Ġ{ ĊĠĠĠĠĠĠĠ ĠsetState Ġ{ Ġanchor Element Ġ= Ġnull ; Ġselected Menu Index Ġ= Ġnull Ġ} ĊĠĠĠĠĠĠĠ Ġprintln (" Close Ġreason : Ġ$ reason ") ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġprivate Ġval Ġoptions Ġ= ĠarrayOf (" Show Ġsome Ġlove Ġto ĠMaterial - UI ", Ġ" Show Ġall Ġnotification Ġcontent ", Ġ" Hide Ġsensitive Ġnotification Ġcontent ", Ġ" Hide Ġall Ġnotification Ġcontent ") ĊĠĠĠ Ġprivate Ġval Ġoptions 2 Ġ= ĠarrayOf (" None ", Ġ" At ria ", Ġ" Cal list o ", Ġ" D ione ", Ġ" G any me de ", Ġ" Hang outs ĠCall ", Ġ" L una ", Ġ" O ber on ", Ġ" Ph ob os ", Ġ" Pyx is ", Ġ" S ed na ", Ġ" T it ania ", Ġ" Tr iton ", Ġ" U mb riel ") ĊĊĠĠĠ Ġoverride Ġfun ĠR Builder . render () Ġ{ ĊĠĠĠĠĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ Ġpadding ( 2 . spacing Units )} ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ Ġdisplay Ġ= ĠDisplay . inline Flex Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Button (" Show ĠMenu ", ĠonClick Ġ= Ġ{ Ġhandle Show Menu Click ( it , Ġ 1 ) Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Menu ( selected Menu Index Ġ== Ġ 1 , Ġanchor Element Ġ= Ġanchor Element , ĠonClose Ġ= Ġ{ Ġ_, Ġreason Ġ-> Ġhandle On Close ( reason ) Ġ}) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Profile ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" My Ġaccount ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Logout ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Button (" Anchor Ġwith ĠRef ", ĠonClick Ġ= Ġ{ ĠsetState Ġ{ Ġselected Menu Index Ġ= Ġ 2 Ġ} Ġ}) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġref Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ// ĠDocs Ġsay Ġdon 't Ġget Ġinto Ġthe Ġhabit Ġof Ġfinding Ġthe Ġrendered ĠDOM Ġnode , Ġbut Ġalso Ġsays Ġit Ġis ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ// Ġok Ġfor Ġthings Ġlike Ġposition ing ... Ġand Ġthat Ġis Ġwhat Ġwe Ġare Ġdoing . Ġ" it " Ġis Ġa Ġreference ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ// Ġto Ġa Ġreact Ġnode Ġinstance , Ġso Ġwe Ġneed Ġto Ġuse Ġfind DOM Node Ġto Ġget Ġthe Ġreal ĠDOM Ġitem Ġso ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ// Ġwe Ġcan Ġposition Ġour Ġmenu Ġon Ġtop Ġof Ġit . Ġ( Note Ġthat Ġ" it " Ġis Ġalso Ġnull Ġsometimes .) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġref Anchor Element Ġ= Ġfind DOM Node ( it ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Menu ( selected Menu Index Ġ== Ġ 2 , Ġanchor Element Ġ= Ġref Anchor Element , ĠonClose Ġ= Ġ{ Ġ_, Ġreason Ġ-> Ġhandle On Close ( reason ) Ġ}) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Profile ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" My Ġaccount ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Logout ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Button (" Max ĠHeight ĠMenu ", ĠonClick Ġ= Ġ{ Ġhandle Show Menu Click ( it , Ġ 3 ) Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ Ġflex Grow Ġ= Ġ 1 . 0 ; Ġpadding ( 2 . spacing Units ) Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġval Ġmenu List Props : ĠM Menu List Props Ġ= Ġjs Object Ġ{ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmenu List Props . as Dynamic (). style Ġ= Ġjs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠmaxHeight Ġ= Ġ 2 1 6 ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Menu ( selected Menu Index Ġ== Ġ 3 , Ġanchor Element Ġ= Ġanchor Element , ĠonClose Ġ= Ġ{ Ġ_, Ġreason Ġ-> Ġhandle On Close ( reason ) Ġ}, Ġmenu List Props Ġ= Ġmenu List Props ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoptions 2 . forEach Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem ( primary Text Ġ= Ġit , Ġselected Ġ= Ġit Ġ== Ġ" Pyx is ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ Ġdisplay Ġ= ĠDisplay . inline Flex Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm List Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm ListItem ( primary Text Ġ= Ġ" When Ġdevice Ġis Ġlocked ", Ġsecondary Text Ġ= Ġselected Option , ĠonClick Ġ= Ġ{ Ġhandle Show Menu Click ( it , Ġ 4 ) Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Menu ( selected Menu Index Ġ== Ġ 4 , Ġanchor Element Ġ= Ġanchor Element , ĠonClose Ġ= Ġ{ Ġ_, Ġreason Ġ-> Ġhandle On Close ( reason ) Ġ}) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoptions . forEach Ġ{ Ġitem Ġ-> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem ( item , Ġselected Ġ= Ġitem Ġ== Ġselected Option , ĠonClick Ġ= Ġ{ Ġhandle MenuItem Click ( item ) Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ Ġdisplay Ġ= ĠDisplay . inline Flex Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġ// ĠFor Ġsome Ġreason Ġthis Ġis Ġa Ġbit Ġdifferent Ġto Ġproviding Ġthe Ġsn ackbar Ġa Ġtransition ... Ġthis Ġworks Ġfor Ġmenu , Ġnot Ġfor Ġsn ackbar ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġclass ĠF ade Transition ( props : ĠM Transition Props ) Ġ: ĠR Component < M Transition Props , ĠR State >( props ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoverride Ġfun ĠR Builder . render () Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġchild List . add ( clone Element ( mF ade ( add As Child Ġ= Ġfalse ), Ġprops )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Button (" With ĠS low ĠTransition ", ĠonClick Ġ= Ġ{ Ġhandle Show Menu Click ( it , Ġ 5 ) Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Menu ( selected Menu Index Ġ== Ġ 5 , Ġanchor Element Ġ= Ġanchor Element , ĠonClose Ġ= Ġ{ Ġ_, Ġreason Ġ-> Ġhandle On Close ( reason ) Ġ}, ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtransition Duration Ġ= ĠSimple Transition Duration ( 1 0 0 0 )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Profile ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" My Ġaccount ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Logout ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Button (" With ĠF ade ĠTransition ", ĠonClick Ġ= Ġ{ Ġhandle Show Menu Click ( it , Ġ 6 ) Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Menu ( selected Menu Index Ġ== Ġ 6 , Ġanchor Element Ġ= Ġanchor Element , ĠonClose Ġ= Ġ{ Ġ_, Ġreason Ġ-> Ġhandle On Close ( reason ) Ġ}, ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtransition Component Ġ= ĠF ade Transition :: class , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtransition Duration Ġ= ĠSimple Transition Duration ( 1 0 0 0 )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Profile ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" My Ġaccount ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Logout ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Button (" Secondary ĠText ?", ĠonClick Ġ= Ġ{ Ġhandle Show Menu Click ( it , Ġ 7 ) Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Menu ( selected Menu Index Ġ== Ġ 7 , Ġanchor Element Ġ= Ġanchor Element , ĠonClose Ġ= Ġ{ Ġ_, Ġreason Ġ-> Ġhandle On Close ( reason ) Ġ}) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Profile ", Ġsecondary Text Ġ= Ġ" Per haps Ġsome Ġexplanation ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" My Ġaccount ", Ġsecondary Text Ġ= Ġ" Don 't Ġknow Ġif Ġthis Ġis Ġneeded ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem (" Logout ", ĠonClick Ġ= Ġ{ Ġhandle Simple Click () Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ Ġdisplay Ġ= ĠDisplay . inline Flex Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġtheme Context . Consumer Ġ{ Ġtheme Ġ-> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġval Ġtheme Styles Ġ= Ġobject Ġ: ĠStyleSheet (" Component Styles ", Ġis Static Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġval Ġmenu Item Ġby Ġcss Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġfocus Ġ{ ĠbackgroundColor Ġ= ĠColor ( theme . palette . primary . main ) Ġ// Ġ(" # 2 1 9 6 f 3 "); ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdesc endants Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠColor ( theme . palette . common . white ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ theme Styles . menuItem ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Typography (" Composition ĠExample ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Paper Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ// ĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm Menu List Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem With Icon (" send ", Ġ" Sent Ġmail ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss ( theme Styles . menuItem ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem With Icon (" draft s ", Ġ" Draft s ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss ( theme Styles . menuItem ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġm MenuItem With Icon (" inbox ", Ġ" Inbox ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss ( theme Styles . menuItem ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ fun ĠR Builder . test Menus () Ġ= Ġchild ( Test Menus :: class ) Ġ{} ĊĊ