[{"data":1,"prerenderedAt":9768},["ShallowReactive",2],{"reference":3,"content-query-vZLoKTUHmP":4,"sidebar-roots":9719,"$dNTcUNV7nV":9731},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":9713,"_id":9714,"_source":9715,"_file":9716,"_stem":9717,"_extension":9718,"layout":6836},"\u002F_components\u002Fdrawer","_components",false,true,"","Drawer",{"type":12,"children":13,"toc":9702},"root",[14,22,9696],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"drawer",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,6303,6887],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,44,51,58,106,122,147,182,2404,2410,2440,2465,2478,6266,6272,6292,6298],{"type":15,"tag":32,"props":33,"children":34},"p",{},[35,42],{"type":15,"tag":36,"props":37,"children":39},"code",{"className":38},[],[40],{"type":21,"value":41},"SfDrawer",{"type":21,"value":43}," is a container that can be anchored to the left, right, top or bottom edge of the screen. This can be used to create things like navigation drawers, sliding cart views, or anything else that needs to stick to the edge of the screen. It also adds additional functionality like closing when the user clicks outside of the drawer or presses the escape key.",{"type":15,"tag":45,"props":46,"children":48},"h2",{"id":47},"examples",[49],{"type":21,"value":50},"Examples",{"type":15,"tag":52,"props":53,"children":55},"h3",{"id":54},"basic-usage",[56],{"type":21,"value":57},"Basic Usage",{"type":15,"tag":32,"props":59,"children":60},{},[61,66,68,74,76,82,84,90,91,97,98,104],{"type":15,"tag":36,"props":62,"children":64},{"className":63},[],[65],{"type":21,"value":41},{"type":21,"value":67}," supports 4 different placements that can be set via ",{"type":15,"tag":36,"props":69,"children":71},{"className":70},[],[72],{"type":21,"value":73},"placement",{"type":21,"value":75}," prop: ",{"type":15,"tag":36,"props":77,"children":79},{"className":78},[],[80],{"type":21,"value":81},"top",{"type":21,"value":83},", ",{"type":15,"tag":36,"props":85,"children":87},{"className":86},[],[88],{"type":21,"value":89},"right",{"type":21,"value":83},{"type":15,"tag":36,"props":92,"children":94},{"className":93},[],[95],{"type":21,"value":96},"bottom",{"type":21,"value":83},{"type":15,"tag":36,"props":99,"children":101},{"className":100},[],[102],{"type":21,"value":103},"left",{"type":21,"value":105},".",{"type":15,"tag":107,"props":108,"children":109},"vue-only",{},[110],{"type":15,"tag":32,"props":111,"children":112},{},[113,115,121],{"type":21,"value":114},"To open\u002Fclose the drawer, you can use ",{"type":15,"tag":36,"props":116,"children":118},{"className":117},[],[119],{"type":21,"value":120},"v-model",{"type":21,"value":105},{"type":15,"tag":123,"props":124,"children":125},"react-only",{},[126],{"type":15,"tag":32,"props":127,"children":128},{},[129,131,137,139,145],{"type":21,"value":130},"To open\u002Fclose the drawer, you can use the the ",{"type":15,"tag":36,"props":132,"children":134},{"className":133},[],[135],{"type":21,"value":136},"open",{"type":21,"value":138}," prop and the ",{"type":15,"tag":36,"props":140,"children":142},{"className":141},[],[143],{"type":21,"value":144},"onClose",{"type":21,"value":146}," event",{"type":15,"tag":32,"props":148,"children":149},{},[150,152,157,159,165,167,173,175,181],{"type":21,"value":151},"By default, ",{"type":15,"tag":36,"props":153,"children":155},{"className":154},[],[156],{"type":21,"value":41},{"type":21,"value":158}," will trigger the close event when the user clicks outside of the drawer or presses the escape key. These behaviors can be disabled by setting the ",{"type":15,"tag":36,"props":160,"children":162},{"className":161},[],[163],{"type":21,"value":164},"disableClickAway",{"type":21,"value":166}," and ",{"type":15,"tag":36,"props":168,"children":170},{"className":169},[],[171],{"type":21,"value":172},"disableEsc",{"type":21,"value":174}," props to ",{"type":15,"tag":36,"props":176,"children":178},{"className":177},[],[179],{"type":21,"value":180},"true",{"type":21,"value":105},{"type":15,"tag":183,"props":184,"children":187},"showcase",{"showcase-name":185,"style":186},"Drawer\u002FPlacement","min-height:400px",[188,1222],{"type":15,"tag":107,"props":189,"children":190},{},[191],{"type":15,"tag":192,"props":193,"children":197},"pre",{"className":194,"code":195,"language":196,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n \u003Clabel>\n Placement\n \u003Cselect class=\"p-2 mx-2 border-2 rounded-sm border-primary-700\" @blur=\"chagePlacement\">\n \u003Coption value=\"top\">top\u003C\u002Foption>\n \u003Coption value=\"right\">right\u003C\u002Foption>\n \u003Coption value=\"bottom\">bottom\u003C\u002Foption>\n \u003Coption value=\"left\" selected>left\u003C\u002Foption>\n \u003C\u002Fselect>\n \u003C\u002Flabel>\n \u003CSfButton @click=\"open = true\"> Open Drawer \u003C\u002FSfButton>\n\n \u003CSfDrawer\n :placement=\"placement\"\n :class=\"[\n 'bg-neutral-50',\n 'p-3',\n 'border',\n 'border-gray-300',\n { 'max-w-[370px]': placement === 'left' || placement === 'right' },\n ]\"\n v-model=\"open\"\n >\n \u003Cdiv>\n \u003Cp class=\"mb-2\">\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequatur repellat, odit voluptatibus\n deserunt eligendi nemo perspiciatis tenetur vero repellendus facere? Dolores sit maiores ut labore facilis\n minima debitis dolore.\n \u003C\u002Fp>\n \u003Cstrong>You can close Drawer by clicking outside or focus and use ESC button\u003C\u002Fstrong>\n \u003C\u002Fdiv>\n \u003C\u002FSfDrawer>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfDrawer, SfDrawerPlacement, SfButton } from '@storefront-ui\u002Fvue';\nimport { ref } from 'vue';\n\nconst placement = ref\u003C`${SfDrawerPlacement}`>('left');\nconst open = ref(false);\nconst chagePlacement = (event: Event) =>\n (placement.value = (event.target as HTMLSelectElement)?.value as SfDrawerPlacement);\n\u003C\u002Fscript>\n\n","vue",[198],{"type":15,"tag":36,"props":199,"children":200},{"__ignoreMap":9},[201,223,241,250,299,340,378,416,459,476,493,533,542,555,573,591,600,609,618,627,636,645,663,672,689,718,727,736,745,762,788,804,820,837,845,881,937,971,979,1048,1083,1131,1206],{"type":15,"tag":202,"props":203,"children":206},"span",{"class":204,"line":205},"line",1,[207,213,218],{"type":15,"tag":202,"props":208,"children":210},{"style":209},"--shiki-default:#ABB2BF",[211],{"type":21,"value":212},"\u003C",{"type":15,"tag":202,"props":214,"children":216},{"style":215},"--shiki-default:#E06C75",[217],{"type":21,"value":28},{"type":15,"tag":202,"props":219,"children":220},{"style":209},[221],{"type":21,"value":222},">\n",{"type":15,"tag":202,"props":224,"children":226},{"class":204,"line":225},2,[227,232,237],{"type":15,"tag":202,"props":228,"children":229},{"style":209},[230],{"type":21,"value":231}," \u003C",{"type":15,"tag":202,"props":233,"children":234},{"style":215},[235],{"type":21,"value":236},"label",{"type":15,"tag":202,"props":238,"children":239},{"style":209},[240],{"type":21,"value":222},{"type":15,"tag":202,"props":242,"children":244},{"class":204,"line":243},3,[245],{"type":15,"tag":202,"props":246,"children":247},{"style":209},[248],{"type":21,"value":249}," Placement\n",{"type":15,"tag":202,"props":251,"children":253},{"class":204,"line":252},4,[254,259,264,270,275,281,286,290,295],{"type":15,"tag":202,"props":255,"children":256},{"style":209},[257],{"type":21,"value":258}," \u003C",{"type":15,"tag":202,"props":260,"children":261},{"style":215},[262],{"type":21,"value":263},"select",{"type":15,"tag":202,"props":265,"children":267},{"style":266},"--shiki-default:#D19A66",[268],{"type":21,"value":269}," class",{"type":15,"tag":202,"props":271,"children":272},{"style":209},[273],{"type":21,"value":274},"=",{"type":15,"tag":202,"props":276,"children":278},{"style":277},"--shiki-default:#98C379",[279],{"type":21,"value":280},"\"p-2 mx-2 border-2 rounded-sm border-primary-700\"",{"type":15,"tag":202,"props":282,"children":283},{"style":266},[284],{"type":21,"value":285}," @blur",{"type":15,"tag":202,"props":287,"children":288},{"style":209},[289],{"type":21,"value":274},{"type":15,"tag":202,"props":291,"children":292},{"style":277},[293],{"type":21,"value":294},"\"chagePlacement\"",{"type":15,"tag":202,"props":296,"children":297},{"style":209},[298],{"type":21,"value":222},{"type":15,"tag":202,"props":300,"children":302},{"class":204,"line":301},5,[303,308,313,318,322,327,332,336],{"type":15,"tag":202,"props":304,"children":305},{"style":209},[306],{"type":21,"value":307}," \u003C",{"type":15,"tag":202,"props":309,"children":310},{"style":215},[311],{"type":21,"value":312},"option",{"type":15,"tag":202,"props":314,"children":315},{"style":266},[316],{"type":21,"value":317}," value",{"type":15,"tag":202,"props":319,"children":320},{"style":209},[321],{"type":21,"value":274},{"type":15,"tag":202,"props":323,"children":324},{"style":277},[325],{"type":21,"value":326},"\"top\"",{"type":15,"tag":202,"props":328,"children":329},{"style":209},[330],{"type":21,"value":331},">top\u003C\u002F",{"type":15,"tag":202,"props":333,"children":334},{"style":215},[335],{"type":21,"value":312},{"type":15,"tag":202,"props":337,"children":338},{"style":209},[339],{"type":21,"value":222},{"type":15,"tag":202,"props":341,"children":343},{"class":204,"line":342},6,[344,348,352,356,360,365,370,374],{"type":15,"tag":202,"props":345,"children":346},{"style":209},[347],{"type":21,"value":307},{"type":15,"tag":202,"props":349,"children":350},{"style":215},[351],{"type":21,"value":312},{"type":15,"tag":202,"props":353,"children":354},{"style":266},[355],{"type":21,"value":317},{"type":15,"tag":202,"props":357,"children":358},{"style":209},[359],{"type":21,"value":274},{"type":15,"tag":202,"props":361,"children":362},{"style":277},[363],{"type":21,"value":364},"\"right\"",{"type":15,"tag":202,"props":366,"children":367},{"style":209},[368],{"type":21,"value":369},">right\u003C\u002F",{"type":15,"tag":202,"props":371,"children":372},{"style":215},[373],{"type":21,"value":312},{"type":15,"tag":202,"props":375,"children":376},{"style":209},[377],{"type":21,"value":222},{"type":15,"tag":202,"props":379,"children":381},{"class":204,"line":380},7,[382,386,390,394,398,403,408,412],{"type":15,"tag":202,"props":383,"children":384},{"style":209},[385],{"type":21,"value":307},{"type":15,"tag":202,"props":387,"children":388},{"style":215},[389],{"type":21,"value":312},{"type":15,"tag":202,"props":391,"children":392},{"style":266},[393],{"type":21,"value":317},{"type":15,"tag":202,"props":395,"children":396},{"style":209},[397],{"type":21,"value":274},{"type":15,"tag":202,"props":399,"children":400},{"style":277},[401],{"type":21,"value":402},"\"bottom\"",{"type":15,"tag":202,"props":404,"children":405},{"style":209},[406],{"type":21,"value":407},">bottom\u003C\u002F",{"type":15,"tag":202,"props":409,"children":410},{"style":215},[411],{"type":21,"value":312},{"type":15,"tag":202,"props":413,"children":414},{"style":209},[415],{"type":21,"value":222},{"type":15,"tag":202,"props":417,"children":419},{"class":204,"line":418},8,[420,424,428,432,436,441,446,451,455],{"type":15,"tag":202,"props":421,"children":422},{"style":209},[423],{"type":21,"value":307},{"type":15,"tag":202,"props":425,"children":426},{"style":215},[427],{"type":21,"value":312},{"type":15,"tag":202,"props":429,"children":430},{"style":266},[431],{"type":21,"value":317},{"type":15,"tag":202,"props":433,"children":434},{"style":209},[435],{"type":21,"value":274},{"type":15,"tag":202,"props":437,"children":438},{"style":277},[439],{"type":21,"value":440},"\"left\"",{"type":15,"tag":202,"props":442,"children":443},{"style":266},[444],{"type":21,"value":445}," selected",{"type":15,"tag":202,"props":447,"children":448},{"style":209},[449],{"type":21,"value":450},">left\u003C\u002F",{"type":15,"tag":202,"props":452,"children":453},{"style":215},[454],{"type":21,"value":312},{"type":15,"tag":202,"props":456,"children":457},{"style":209},[458],{"type":21,"value":222},{"type":15,"tag":202,"props":460,"children":462},{"class":204,"line":461},9,[463,468,472],{"type":15,"tag":202,"props":464,"children":465},{"style":209},[466],{"type":21,"value":467}," \u003C\u002F",{"type":15,"tag":202,"props":469,"children":470},{"style":215},[471],{"type":21,"value":263},{"type":15,"tag":202,"props":473,"children":474},{"style":209},[475],{"type":21,"value":222},{"type":15,"tag":202,"props":477,"children":479},{"class":204,"line":478},10,[480,485,489],{"type":15,"tag":202,"props":481,"children":482},{"style":209},[483],{"type":21,"value":484}," \u003C\u002F",{"type":15,"tag":202,"props":486,"children":487},{"style":215},[488],{"type":21,"value":236},{"type":15,"tag":202,"props":490,"children":491},{"style":209},[492],{"type":21,"value":222},{"type":15,"tag":202,"props":494,"children":496},{"class":204,"line":495},11,[497,501,506,511,515,520,525,529],{"type":15,"tag":202,"props":498,"children":499},{"style":209},[500],{"type":21,"value":231},{"type":15,"tag":202,"props":502,"children":503},{"style":215},[504],{"type":21,"value":505},"SfButton",{"type":15,"tag":202,"props":507,"children":508},{"style":266},[509],{"type":21,"value":510}," @click",{"type":15,"tag":202,"props":512,"children":513},{"style":209},[514],{"type":21,"value":274},{"type":15,"tag":202,"props":516,"children":517},{"style":277},[518],{"type":21,"value":519},"\"open = true\"",{"type":15,"tag":202,"props":521,"children":522},{"style":209},[523],{"type":21,"value":524},"> Open Drawer \u003C\u002F",{"type":15,"tag":202,"props":526,"children":527},{"style":215},[528],{"type":21,"value":505},{"type":15,"tag":202,"props":530,"children":531},{"style":209},[532],{"type":21,"value":222},{"type":15,"tag":202,"props":534,"children":536},{"class":204,"line":535},12,[537],{"type":15,"tag":202,"props":538,"children":539},{"emptyLinePlaceholder":8},[540],{"type":21,"value":541},"\n",{"type":15,"tag":202,"props":543,"children":545},{"class":204,"line":544},13,[546,550],{"type":15,"tag":202,"props":547,"children":548},{"style":209},[549],{"type":21,"value":231},{"type":15,"tag":202,"props":551,"children":552},{"style":215},[553],{"type":21,"value":554},"SfDrawer\n",{"type":15,"tag":202,"props":556,"children":558},{"class":204,"line":557},14,[559,564,568],{"type":15,"tag":202,"props":560,"children":561},{"style":266},[562],{"type":21,"value":563}," :placement",{"type":15,"tag":202,"props":565,"children":566},{"style":209},[567],{"type":21,"value":274},{"type":15,"tag":202,"props":569,"children":570},{"style":277},[571],{"type":21,"value":572},"\"placement\"\n",{"type":15,"tag":202,"props":574,"children":576},{"class":204,"line":575},15,[577,582,586],{"type":15,"tag":202,"props":578,"children":579},{"style":266},[580],{"type":21,"value":581}," :class",{"type":15,"tag":202,"props":583,"children":584},{"style":209},[585],{"type":21,"value":274},{"type":15,"tag":202,"props":587,"children":588},{"style":277},[589],{"type":21,"value":590},"\"[\n",{"type":15,"tag":202,"props":592,"children":594},{"class":204,"line":593},16,[595],{"type":15,"tag":202,"props":596,"children":597},{"style":277},[598],{"type":21,"value":599}," 'bg-neutral-50',\n",{"type":15,"tag":202,"props":601,"children":603},{"class":204,"line":602},17,[604],{"type":15,"tag":202,"props":605,"children":606},{"style":277},[607],{"type":21,"value":608}," 'p-3',\n",{"type":15,"tag":202,"props":610,"children":612},{"class":204,"line":611},18,[613],{"type":15,"tag":202,"props":614,"children":615},{"style":277},[616],{"type":21,"value":617}," 'border',\n",{"type":15,"tag":202,"props":619,"children":621},{"class":204,"line":620},19,[622],{"type":15,"tag":202,"props":623,"children":624},{"style":277},[625],{"type":21,"value":626}," 'border-gray-300',\n",{"type":15,"tag":202,"props":628,"children":630},{"class":204,"line":629},20,[631],{"type":15,"tag":202,"props":632,"children":633},{"style":277},[634],{"type":21,"value":635}," { 'max-w-[370px]': placement === 'left' || placement === 'right' },\n",{"type":15,"tag":202,"props":637,"children":639},{"class":204,"line":638},21,[640],{"type":15,"tag":202,"props":641,"children":642},{"style":277},[643],{"type":21,"value":644}," ]\"\n",{"type":15,"tag":202,"props":646,"children":648},{"class":204,"line":647},22,[649,654,658],{"type":15,"tag":202,"props":650,"children":651},{"style":266},[652],{"type":21,"value":653}," v-model",{"type":15,"tag":202,"props":655,"children":656},{"style":209},[657],{"type":21,"value":274},{"type":15,"tag":202,"props":659,"children":660},{"style":277},[661],{"type":21,"value":662},"\"open\"\n",{"type":15,"tag":202,"props":664,"children":666},{"class":204,"line":665},23,[667],{"type":15,"tag":202,"props":668,"children":669},{"style":209},[670],{"type":21,"value":671}," >\n",{"type":15,"tag":202,"props":673,"children":675},{"class":204,"line":674},24,[676,680,685],{"type":15,"tag":202,"props":677,"children":678},{"style":209},[679],{"type":21,"value":258},{"type":15,"tag":202,"props":681,"children":682},{"style":215},[683],{"type":21,"value":684},"div",{"type":15,"tag":202,"props":686,"children":687},{"style":209},[688],{"type":21,"value":222},{"type":15,"tag":202,"props":690,"children":692},{"class":204,"line":691},25,[693,697,701,705,709,714],{"type":15,"tag":202,"props":694,"children":695},{"style":209},[696],{"type":21,"value":307},{"type":15,"tag":202,"props":698,"children":699},{"style":215},[700],{"type":21,"value":32},{"type":15,"tag":202,"props":702,"children":703},{"style":266},[704],{"type":21,"value":269},{"type":15,"tag":202,"props":706,"children":707},{"style":209},[708],{"type":21,"value":274},{"type":15,"tag":202,"props":710,"children":711},{"style":277},[712],{"type":21,"value":713},"\"mb-2\"",{"type":15,"tag":202,"props":715,"children":716},{"style":209},[717],{"type":21,"value":222},{"type":15,"tag":202,"props":719,"children":721},{"class":204,"line":720},26,[722],{"type":15,"tag":202,"props":723,"children":724},{"style":209},[725],{"type":21,"value":726}," Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequatur repellat, odit voluptatibus\n",{"type":15,"tag":202,"props":728,"children":730},{"class":204,"line":729},27,[731],{"type":15,"tag":202,"props":732,"children":733},{"style":209},[734],{"type":21,"value":735}," deserunt eligendi nemo perspiciatis tenetur vero repellendus facere? Dolores sit maiores ut labore facilis\n",{"type":15,"tag":202,"props":737,"children":739},{"class":204,"line":738},28,[740],{"type":15,"tag":202,"props":741,"children":742},{"style":209},[743],{"type":21,"value":744}," minima debitis dolore.\n",{"type":15,"tag":202,"props":746,"children":748},{"class":204,"line":747},29,[749,754,758],{"type":15,"tag":202,"props":750,"children":751},{"style":209},[752],{"type":21,"value":753}," \u003C\u002F",{"type":15,"tag":202,"props":755,"children":756},{"style":215},[757],{"type":21,"value":32},{"type":15,"tag":202,"props":759,"children":760},{"style":209},[761],{"type":21,"value":222},{"type":15,"tag":202,"props":763,"children":765},{"class":204,"line":764},30,[766,770,775,780,784],{"type":15,"tag":202,"props":767,"children":768},{"style":209},[769],{"type":21,"value":307},{"type":15,"tag":202,"props":771,"children":772},{"style":215},[773],{"type":21,"value":774},"strong",{"type":15,"tag":202,"props":776,"children":777},{"style":209},[778],{"type":21,"value":779},">You can close Drawer by clicking outside or focus and use ESC button\u003C\u002F",{"type":15,"tag":202,"props":781,"children":782},{"style":215},[783],{"type":21,"value":774},{"type":15,"tag":202,"props":785,"children":786},{"style":209},[787],{"type":21,"value":222},{"type":15,"tag":202,"props":789,"children":791},{"class":204,"line":790},31,[792,796,800],{"type":15,"tag":202,"props":793,"children":794},{"style":209},[795],{"type":21,"value":467},{"type":15,"tag":202,"props":797,"children":798},{"style":215},[799],{"type":21,"value":684},{"type":15,"tag":202,"props":801,"children":802},{"style":209},[803],{"type":21,"value":222},{"type":15,"tag":202,"props":805,"children":807},{"class":204,"line":806},32,[808,812,816],{"type":15,"tag":202,"props":809,"children":810},{"style":209},[811],{"type":21,"value":484},{"type":15,"tag":202,"props":813,"children":814},{"style":215},[815],{"type":21,"value":41},{"type":15,"tag":202,"props":817,"children":818},{"style":209},[819],{"type":21,"value":222},{"type":15,"tag":202,"props":821,"children":823},{"class":204,"line":822},33,[824,829,833],{"type":15,"tag":202,"props":825,"children":826},{"style":209},[827],{"type":21,"value":828},"\u003C\u002F",{"type":15,"tag":202,"props":830,"children":831},{"style":215},[832],{"type":21,"value":28},{"type":15,"tag":202,"props":834,"children":835},{"style":209},[836],{"type":21,"value":222},{"type":15,"tag":202,"props":838,"children":840},{"class":204,"line":839},34,[841],{"type":15,"tag":202,"props":842,"children":843},{"emptyLinePlaceholder":8},[844],{"type":21,"value":541},{"type":15,"tag":202,"props":846,"children":848},{"class":204,"line":847},35,[849,853,858,863,867,872,877],{"type":15,"tag":202,"props":850,"children":851},{"style":209},[852],{"type":21,"value":212},{"type":15,"tag":202,"props":854,"children":855},{"style":215},[856],{"type":21,"value":857},"script",{"type":15,"tag":202,"props":859,"children":860},{"style":266},[861],{"type":21,"value":862}," lang",{"type":15,"tag":202,"props":864,"children":865},{"style":209},[866],{"type":21,"value":274},{"type":15,"tag":202,"props":868,"children":869},{"style":277},[870],{"type":21,"value":871},"\"ts\"",{"type":15,"tag":202,"props":873,"children":874},{"style":266},[875],{"type":21,"value":876}," setup",{"type":15,"tag":202,"props":878,"children":879},{"style":209},[880],{"type":21,"value":222},{"type":15,"tag":202,"props":882,"children":884},{"class":204,"line":883},36,[885,891,896,900,904,909,913,917,922,927,932],{"type":15,"tag":202,"props":886,"children":888},{"style":887},"--shiki-default:#C678DD",[889],{"type":21,"value":890},"import",{"type":15,"tag":202,"props":892,"children":893},{"style":209},[894],{"type":21,"value":895}," { ",{"type":15,"tag":202,"props":897,"children":898},{"style":215},[899],{"type":21,"value":41},{"type":15,"tag":202,"props":901,"children":902},{"style":209},[903],{"type":21,"value":83},{"type":15,"tag":202,"props":905,"children":906},{"style":215},[907],{"type":21,"value":908},"SfDrawerPlacement",{"type":15,"tag":202,"props":910,"children":911},{"style":209},[912],{"type":21,"value":83},{"type":15,"tag":202,"props":914,"children":915},{"style":215},[916],{"type":21,"value":505},{"type":15,"tag":202,"props":918,"children":919},{"style":209},[920],{"type":21,"value":921}," } ",{"type":15,"tag":202,"props":923,"children":924},{"style":887},[925],{"type":21,"value":926},"from",{"type":15,"tag":202,"props":928,"children":929},{"style":277},[930],{"type":21,"value":931}," '@storefront-ui\u002Fvue'",{"type":15,"tag":202,"props":933,"children":934},{"style":209},[935],{"type":21,"value":936},";\n",{"type":15,"tag":202,"props":938,"children":940},{"class":204,"line":939},37,[941,945,949,954,958,962,967],{"type":15,"tag":202,"props":942,"children":943},{"style":887},[944],{"type":21,"value":890},{"type":15,"tag":202,"props":946,"children":947},{"style":209},[948],{"type":21,"value":895},{"type":15,"tag":202,"props":950,"children":951},{"style":215},[952],{"type":21,"value":953},"ref",{"type":15,"tag":202,"props":955,"children":956},{"style":209},[957],{"type":21,"value":921},{"type":15,"tag":202,"props":959,"children":960},{"style":887},[961],{"type":21,"value":926},{"type":15,"tag":202,"props":963,"children":964},{"style":277},[965],{"type":21,"value":966}," 'vue'",{"type":15,"tag":202,"props":968,"children":969},{"style":209},[970],{"type":21,"value":936},{"type":15,"tag":202,"props":972,"children":974},{"class":204,"line":973},38,[975],{"type":15,"tag":202,"props":976,"children":977},{"emptyLinePlaceholder":8},[978],{"type":21,"value":541},{"type":15,"tag":202,"props":980,"children":982},{"class":204,"line":981},39,[983,988,994,1000,1006,1010,1015,1020,1024,1029,1033,1038,1043],{"type":15,"tag":202,"props":984,"children":985},{"style":887},[986],{"type":21,"value":987},"const",{"type":15,"tag":202,"props":989,"children":991},{"style":990},"--shiki-default:#E5C07B",[992],{"type":21,"value":993}," placement",{"type":15,"tag":202,"props":995,"children":997},{"style":996},"--shiki-default:#56B6C2",[998],{"type":21,"value":999}," =",{"type":15,"tag":202,"props":1001,"children":1003},{"style":1002},"--shiki-default:#61AFEF",[1004],{"type":21,"value":1005}," ref",{"type":15,"tag":202,"props":1007,"children":1008},{"style":209},[1009],{"type":21,"value":212},{"type":15,"tag":202,"props":1011,"children":1012},{"style":277},[1013],{"type":21,"value":1014},"`",{"type":15,"tag":202,"props":1016,"children":1017},{"style":887},[1018],{"type":21,"value":1019},"${",{"type":15,"tag":202,"props":1021,"children":1022},{"style":990},[1023],{"type":21,"value":908},{"type":15,"tag":202,"props":1025,"children":1026},{"style":887},[1027],{"type":21,"value":1028},"}",{"type":15,"tag":202,"props":1030,"children":1031},{"style":277},[1032],{"type":21,"value":1014},{"type":15,"tag":202,"props":1034,"children":1035},{"style":209},[1036],{"type":21,"value":1037},">(",{"type":15,"tag":202,"props":1039,"children":1040},{"style":277},[1041],{"type":21,"value":1042},"'left'",{"type":15,"tag":202,"props":1044,"children":1045},{"style":209},[1046],{"type":21,"value":1047},");\n",{"type":15,"tag":202,"props":1049,"children":1051},{"class":204,"line":1050},40,[1052,1056,1061,1065,1069,1074,1079],{"type":15,"tag":202,"props":1053,"children":1054},{"style":887},[1055],{"type":21,"value":987},{"type":15,"tag":202,"props":1057,"children":1058},{"style":990},[1059],{"type":21,"value":1060}," open",{"type":15,"tag":202,"props":1062,"children":1063},{"style":996},[1064],{"type":21,"value":999},{"type":15,"tag":202,"props":1066,"children":1067},{"style":1002},[1068],{"type":21,"value":1005},{"type":15,"tag":202,"props":1070,"children":1071},{"style":209},[1072],{"type":21,"value":1073},"(",{"type":15,"tag":202,"props":1075,"children":1076},{"style":266},[1077],{"type":21,"value":1078},"false",{"type":15,"tag":202,"props":1080,"children":1081},{"style":209},[1082],{"type":21,"value":1047},{"type":15,"tag":202,"props":1084,"children":1086},{"class":204,"line":1085},41,[1087,1091,1096,1100,1105,1111,1116,1121,1126],{"type":15,"tag":202,"props":1088,"children":1089},{"style":887},[1090],{"type":21,"value":987},{"type":15,"tag":202,"props":1092,"children":1093},{"style":1002},[1094],{"type":21,"value":1095}," chagePlacement",{"type":15,"tag":202,"props":1097,"children":1098},{"style":996},[1099],{"type":21,"value":999},{"type":15,"tag":202,"props":1101,"children":1102},{"style":209},[1103],{"type":21,"value":1104}," (",{"type":15,"tag":202,"props":1106,"children":1108},{"style":1107},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[1109],{"type":21,"value":1110},"event",{"type":15,"tag":202,"props":1112,"children":1113},{"style":209},[1114],{"type":21,"value":1115},": ",{"type":15,"tag":202,"props":1117,"children":1118},{"style":990},[1119],{"type":21,"value":1120},"Event",{"type":15,"tag":202,"props":1122,"children":1123},{"style":209},[1124],{"type":21,"value":1125},") ",{"type":15,"tag":202,"props":1127,"children":1128},{"style":887},[1129],{"type":21,"value":1130},"=>\n",{"type":15,"tag":202,"props":1132,"children":1134},{"class":204,"line":1133},42,[1135,1140,1144,1148,1153,1157,1161,1165,1169,1174,1179,1184,1189,1193,1197,1202],{"type":15,"tag":202,"props":1136,"children":1137},{"style":209},[1138],{"type":21,"value":1139}," (",{"type":15,"tag":202,"props":1141,"children":1142},{"style":990},[1143],{"type":21,"value":73},{"type":15,"tag":202,"props":1145,"children":1146},{"style":209},[1147],{"type":21,"value":105},{"type":15,"tag":202,"props":1149,"children":1150},{"style":215},[1151],{"type":21,"value":1152},"value",{"type":15,"tag":202,"props":1154,"children":1155},{"style":996},[1156],{"type":21,"value":999},{"type":15,"tag":202,"props":1158,"children":1159},{"style":209},[1160],{"type":21,"value":1104},{"type":15,"tag":202,"props":1162,"children":1163},{"style":990},[1164],{"type":21,"value":1110},{"type":15,"tag":202,"props":1166,"children":1167},{"style":209},[1168],{"type":21,"value":105},{"type":15,"tag":202,"props":1170,"children":1171},{"style":215},[1172],{"type":21,"value":1173},"target",{"type":15,"tag":202,"props":1175,"children":1176},{"style":887},[1177],{"type":21,"value":1178}," as",{"type":15,"tag":202,"props":1180,"children":1181},{"style":990},[1182],{"type":21,"value":1183}," HTMLSelectElement",{"type":15,"tag":202,"props":1185,"children":1186},{"style":209},[1187],{"type":21,"value":1188},")?.",{"type":15,"tag":202,"props":1190,"children":1191},{"style":215},[1192],{"type":21,"value":1152},{"type":15,"tag":202,"props":1194,"children":1195},{"style":887},[1196],{"type":21,"value":1178},{"type":15,"tag":202,"props":1198,"children":1199},{"style":990},[1200],{"type":21,"value":1201}," SfDrawerPlacement",{"type":15,"tag":202,"props":1203,"children":1204},{"style":209},[1205],{"type":21,"value":1047},{"type":15,"tag":202,"props":1207,"children":1209},{"class":204,"line":1208},43,[1210,1214,1218],{"type":15,"tag":202,"props":1211,"children":1212},{"style":209},[1213],{"type":21,"value":828},{"type":15,"tag":202,"props":1215,"children":1216},{"style":215},[1217],{"type":21,"value":857},{"type":15,"tag":202,"props":1219,"children":1220},{"style":209},[1221],{"type":21,"value":222},{"type":15,"tag":123,"props":1223,"children":1224},{},[1225],{"type":15,"tag":192,"props":1226,"children":1230},{"className":1227,"code":1228,"language":1229,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfDrawer, type SfDrawerProps, SfButton } from '@storefront-ui\u002Freact';\nimport { ChangeEventHandler, useState } from 'react';\nimport classNames from 'classnames';\n\nexport default function DrawerDemo() {\n const [open, setOpen] = useState(false);\n const [placementState, setPlacement] = useState\u003CSfDrawerProps['placement']>('left');\n\n const changePlacement: ChangeEventHandler\u003CHTMLSelectElement> = (event) => {\n setPlacement((event.target as HTMLSelectElement).value as SfDrawerProps['placement']);\n };\n\n return (\n \u003C>\n \u003Clabel>\n Placement\n \u003Cselect\n onChange={changePlacement}\n className=\"border-2 border-primary-700 mx-2 p-2 rounded-sm\"\n defaultValue=\"left\"\n >\n \u003Coption value=\"top\">top\u003C\u002Foption>\n \u003Coption value=\"right\">right\u003C\u002Foption>\n \u003Coption value=\"bottom\">bottom\u003C\u002Foption>\n \u003Coption value=\"left\">left\u003C\u002Foption>\n \u003C\u002Fselect>\n \u003C\u002Flabel>\n \u003CSfButton onClick={() => setOpen(true)}>Open Drawer\u003C\u002FSfButton>\n\n \u003CSfDrawer\n open={open}\n onClose={() => setOpen(false)}\n placement={placementState}\n className={classNames('bg-neutral-50 p-3 border border-gray-300', {\n 'max-w-[370px]': placementState === 'left' || placementState === 'right',\n })}\n >\n \u003Cdiv>\n \u003Cp className=\"mb-2\">\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequatur repellat, odit voluptatibus\n deserunt eligendi nemo perspiciatis tenetur vero repellendus facere? Dolores sit maiores ut labore facilis\n minima debitis dolore.\n \u003C\u002Fp>\n \u003Cstrong>You can close Drawer by clicking outside or focus and use ESC button\u003C\u002Fstrong>\n \u003C\u002Fdiv>\n \u003C\u002FSfDrawer>\n \u003C\u002F>\n );\n}\n","tsx",[1231],{"type":15,"tag":36,"props":1232,"children":1233},{"__ignoreMap":9},[1234,1288,1330,1356,1363,1391,1443,1512,1519,1579,1642,1650,1657,1670,1678,1693,1701,1714,1742,1759,1776,1784,1820,1855,1890,1925,1941,1956,2024,2031,2042,2066,2110,2134,2169,2219,2231,2239,2254,2282,2290,2298,2306,2322,2346,2362,2378,2387,2396],{"type":15,"tag":202,"props":1235,"children":1236},{"class":204,"line":205},[1237,1241,1245,1249,1253,1258,1263,1267,1271,1275,1279,1284],{"type":15,"tag":202,"props":1238,"children":1239},{"style":887},[1240],{"type":21,"value":890},{"type":15,"tag":202,"props":1242,"children":1243},{"style":209},[1244],{"type":21,"value":895},{"type":15,"tag":202,"props":1246,"children":1247},{"style":215},[1248],{"type":21,"value":41},{"type":15,"tag":202,"props":1250,"children":1251},{"style":209},[1252],{"type":21,"value":83},{"type":15,"tag":202,"props":1254,"children":1255},{"style":887},[1256],{"type":21,"value":1257},"type",{"type":15,"tag":202,"props":1259,"children":1260},{"style":215},[1261],{"type":21,"value":1262}," SfDrawerProps",{"type":15,"tag":202,"props":1264,"children":1265},{"style":209},[1266],{"type":21,"value":83},{"type":15,"tag":202,"props":1268,"children":1269},{"style":215},[1270],{"type":21,"value":505},{"type":15,"tag":202,"props":1272,"children":1273},{"style":209},[1274],{"type":21,"value":921},{"type":15,"tag":202,"props":1276,"children":1277},{"style":887},[1278],{"type":21,"value":926},{"type":15,"tag":202,"props":1280,"children":1281},{"style":277},[1282],{"type":21,"value":1283}," '@storefront-ui\u002Freact'",{"type":15,"tag":202,"props":1285,"children":1286},{"style":209},[1287],{"type":21,"value":936},{"type":15,"tag":202,"props":1289,"children":1290},{"class":204,"line":225},[1291,1295,1299,1304,1308,1313,1317,1321,1326],{"type":15,"tag":202,"props":1292,"children":1293},{"style":887},[1294],{"type":21,"value":890},{"type":15,"tag":202,"props":1296,"children":1297},{"style":209},[1298],{"type":21,"value":895},{"type":15,"tag":202,"props":1300,"children":1301},{"style":215},[1302],{"type":21,"value":1303},"ChangeEventHandler",{"type":15,"tag":202,"props":1305,"children":1306},{"style":209},[1307],{"type":21,"value":83},{"type":15,"tag":202,"props":1309,"children":1310},{"style":215},[1311],{"type":21,"value":1312},"useState",{"type":15,"tag":202,"props":1314,"children":1315},{"style":209},[1316],{"type":21,"value":921},{"type":15,"tag":202,"props":1318,"children":1319},{"style":887},[1320],{"type":21,"value":926},{"type":15,"tag":202,"props":1322,"children":1323},{"style":277},[1324],{"type":21,"value":1325}," 'react'",{"type":15,"tag":202,"props":1327,"children":1328},{"style":209},[1329],{"type":21,"value":936},{"type":15,"tag":202,"props":1331,"children":1332},{"class":204,"line":243},[1333,1337,1342,1347,1352],{"type":15,"tag":202,"props":1334,"children":1335},{"style":887},[1336],{"type":21,"value":890},{"type":15,"tag":202,"props":1338,"children":1339},{"style":215},[1340],{"type":21,"value":1341}," classNames",{"type":15,"tag":202,"props":1343,"children":1344},{"style":887},[1345],{"type":21,"value":1346}," from",{"type":15,"tag":202,"props":1348,"children":1349},{"style":277},[1350],{"type":21,"value":1351}," 'classnames'",{"type":15,"tag":202,"props":1353,"children":1354},{"style":209},[1355],{"type":21,"value":936},{"type":15,"tag":202,"props":1357,"children":1358},{"class":204,"line":252},[1359],{"type":15,"tag":202,"props":1360,"children":1361},{"emptyLinePlaceholder":8},[1362],{"type":21,"value":541},{"type":15,"tag":202,"props":1364,"children":1365},{"class":204,"line":301},[1366,1371,1376,1381,1386],{"type":15,"tag":202,"props":1367,"children":1368},{"style":887},[1369],{"type":21,"value":1370},"export",{"type":15,"tag":202,"props":1372,"children":1373},{"style":887},[1374],{"type":21,"value":1375}," default",{"type":15,"tag":202,"props":1377,"children":1378},{"style":887},[1379],{"type":21,"value":1380}," function",{"type":15,"tag":202,"props":1382,"children":1383},{"style":1002},[1384],{"type":21,"value":1385}," DrawerDemo",{"type":15,"tag":202,"props":1387,"children":1388},{"style":209},[1389],{"type":21,"value":1390},"() {\n",{"type":15,"tag":202,"props":1392,"children":1393},{"class":204,"line":342},[1394,1399,1404,1408,1412,1417,1422,1426,1431,1435,1439],{"type":15,"tag":202,"props":1395,"children":1396},{"style":887},[1397],{"type":21,"value":1398}," const",{"type":15,"tag":202,"props":1400,"children":1401},{"style":209},[1402],{"type":21,"value":1403}," [",{"type":15,"tag":202,"props":1405,"children":1406},{"style":990},[1407],{"type":21,"value":136},{"type":15,"tag":202,"props":1409,"children":1410},{"style":209},[1411],{"type":21,"value":83},{"type":15,"tag":202,"props":1413,"children":1414},{"style":990},[1415],{"type":21,"value":1416},"setOpen",{"type":15,"tag":202,"props":1418,"children":1419},{"style":209},[1420],{"type":21,"value":1421},"] ",{"type":15,"tag":202,"props":1423,"children":1424},{"style":996},[1425],{"type":21,"value":274},{"type":15,"tag":202,"props":1427,"children":1428},{"style":1002},[1429],{"type":21,"value":1430}," useState",{"type":15,"tag":202,"props":1432,"children":1433},{"style":209},[1434],{"type":21,"value":1073},{"type":15,"tag":202,"props":1436,"children":1437},{"style":266},[1438],{"type":21,"value":1078},{"type":15,"tag":202,"props":1440,"children":1441},{"style":209},[1442],{"type":21,"value":1047},{"type":15,"tag":202,"props":1444,"children":1445},{"class":204,"line":380},[1446,1450,1454,1459,1463,1468,1472,1476,1480,1484,1489,1494,1499,1504,1508],{"type":15,"tag":202,"props":1447,"children":1448},{"style":887},[1449],{"type":21,"value":1398},{"type":15,"tag":202,"props":1451,"children":1452},{"style":209},[1453],{"type":21,"value":1403},{"type":15,"tag":202,"props":1455,"children":1456},{"style":990},[1457],{"type":21,"value":1458},"placementState",{"type":15,"tag":202,"props":1460,"children":1461},{"style":209},[1462],{"type":21,"value":83},{"type":15,"tag":202,"props":1464,"children":1465},{"style":990},[1466],{"type":21,"value":1467},"setPlacement",{"type":15,"tag":202,"props":1469,"children":1470},{"style":209},[1471],{"type":21,"value":1421},{"type":15,"tag":202,"props":1473,"children":1474},{"style":996},[1475],{"type":21,"value":274},{"type":15,"tag":202,"props":1477,"children":1478},{"style":1002},[1479],{"type":21,"value":1430},{"type":15,"tag":202,"props":1481,"children":1482},{"style":209},[1483],{"type":21,"value":212},{"type":15,"tag":202,"props":1485,"children":1486},{"style":990},[1487],{"type":21,"value":1488},"SfDrawerProps",{"type":15,"tag":202,"props":1490,"children":1491},{"style":209},[1492],{"type":21,"value":1493},"[",{"type":15,"tag":202,"props":1495,"children":1496},{"style":277},[1497],{"type":21,"value":1498},"'placement'",{"type":15,"tag":202,"props":1500,"children":1501},{"style":209},[1502],{"type":21,"value":1503},"]>(",{"type":15,"tag":202,"props":1505,"children":1506},{"style":277},[1507],{"type":21,"value":1042},{"type":15,"tag":202,"props":1509,"children":1510},{"style":209},[1511],{"type":21,"value":1047},{"type":15,"tag":202,"props":1513,"children":1514},{"class":204,"line":418},[1515],{"type":15,"tag":202,"props":1516,"children":1517},{"emptyLinePlaceholder":8},[1518],{"type":21,"value":541},{"type":15,"tag":202,"props":1520,"children":1521},{"class":204,"line":461},[1522,1526,1531,1535,1539,1543,1548,1553,1557,1561,1565,1569,1574],{"type":15,"tag":202,"props":1523,"children":1524},{"style":887},[1525],{"type":21,"value":1398},{"type":15,"tag":202,"props":1527,"children":1528},{"style":1002},[1529],{"type":21,"value":1530}," changePlacement",{"type":15,"tag":202,"props":1532,"children":1533},{"style":209},[1534],{"type":21,"value":1115},{"type":15,"tag":202,"props":1536,"children":1537},{"style":990},[1538],{"type":21,"value":1303},{"type":15,"tag":202,"props":1540,"children":1541},{"style":209},[1542],{"type":21,"value":212},{"type":15,"tag":202,"props":1544,"children":1545},{"style":990},[1546],{"type":21,"value":1547},"HTMLSelectElement",{"type":15,"tag":202,"props":1549,"children":1550},{"style":209},[1551],{"type":21,"value":1552},"> ",{"type":15,"tag":202,"props":1554,"children":1555},{"style":996},[1556],{"type":21,"value":274},{"type":15,"tag":202,"props":1558,"children":1559},{"style":209},[1560],{"type":21,"value":1104},{"type":15,"tag":202,"props":1562,"children":1563},{"style":1107},[1564],{"type":21,"value":1110},{"type":15,"tag":202,"props":1566,"children":1567},{"style":209},[1568],{"type":21,"value":1125},{"type":15,"tag":202,"props":1570,"children":1571},{"style":887},[1572],{"type":21,"value":1573},"=>",{"type":15,"tag":202,"props":1575,"children":1576},{"style":209},[1577],{"type":21,"value":1578}," {\n",{"type":15,"tag":202,"props":1580,"children":1581},{"class":204,"line":478},[1582,1587,1592,1596,1600,1604,1608,1612,1617,1621,1625,1629,1633,1637],{"type":15,"tag":202,"props":1583,"children":1584},{"style":1002},[1585],{"type":21,"value":1586}," setPlacement",{"type":15,"tag":202,"props":1588,"children":1589},{"style":209},[1590],{"type":21,"value":1591},"((",{"type":15,"tag":202,"props":1593,"children":1594},{"style":990},[1595],{"type":21,"value":1110},{"type":15,"tag":202,"props":1597,"children":1598},{"style":209},[1599],{"type":21,"value":105},{"type":15,"tag":202,"props":1601,"children":1602},{"style":215},[1603],{"type":21,"value":1173},{"type":15,"tag":202,"props":1605,"children":1606},{"style":887},[1607],{"type":21,"value":1178},{"type":15,"tag":202,"props":1609,"children":1610},{"style":990},[1611],{"type":21,"value":1183},{"type":15,"tag":202,"props":1613,"children":1614},{"style":209},[1615],{"type":21,"value":1616},").",{"type":15,"tag":202,"props":1618,"children":1619},{"style":215},[1620],{"type":21,"value":1152},{"type":15,"tag":202,"props":1622,"children":1623},{"style":887},[1624],{"type":21,"value":1178},{"type":15,"tag":202,"props":1626,"children":1627},{"style":990},[1628],{"type":21,"value":1262},{"type":15,"tag":202,"props":1630,"children":1631},{"style":209},[1632],{"type":21,"value":1493},{"type":15,"tag":202,"props":1634,"children":1635},{"style":277},[1636],{"type":21,"value":1498},{"type":15,"tag":202,"props":1638,"children":1639},{"style":209},[1640],{"type":21,"value":1641},"]);\n",{"type":15,"tag":202,"props":1643,"children":1644},{"class":204,"line":495},[1645],{"type":15,"tag":202,"props":1646,"children":1647},{"style":209},[1648],{"type":21,"value":1649}," };\n",{"type":15,"tag":202,"props":1651,"children":1652},{"class":204,"line":535},[1653],{"type":15,"tag":202,"props":1654,"children":1655},{"emptyLinePlaceholder":8},[1656],{"type":21,"value":541},{"type":15,"tag":202,"props":1658,"children":1659},{"class":204,"line":544},[1660,1665],{"type":15,"tag":202,"props":1661,"children":1662},{"style":887},[1663],{"type":21,"value":1664}," return",{"type":15,"tag":202,"props":1666,"children":1667},{"style":209},[1668],{"type":21,"value":1669}," (\n",{"type":15,"tag":202,"props":1671,"children":1672},{"class":204,"line":557},[1673],{"type":15,"tag":202,"props":1674,"children":1675},{"style":209},[1676],{"type":21,"value":1677}," \u003C>\n",{"type":15,"tag":202,"props":1679,"children":1680},{"class":204,"line":575},[1681,1685,1689],{"type":15,"tag":202,"props":1682,"children":1683},{"style":209},[1684],{"type":21,"value":307},{"type":15,"tag":202,"props":1686,"children":1687},{"style":215},[1688],{"type":21,"value":236},{"type":15,"tag":202,"props":1690,"children":1691},{"style":209},[1692],{"type":21,"value":222},{"type":15,"tag":202,"props":1694,"children":1695},{"class":204,"line":593},[1696],{"type":15,"tag":202,"props":1697,"children":1698},{"style":209},[1699],{"type":21,"value":1700}," Placement\n",{"type":15,"tag":202,"props":1702,"children":1703},{"class":204,"line":602},[1704,1709],{"type":15,"tag":202,"props":1705,"children":1706},{"style":209},[1707],{"type":21,"value":1708}," \u003C",{"type":15,"tag":202,"props":1710,"children":1711},{"style":215},[1712],{"type":21,"value":1713},"select\n",{"type":15,"tag":202,"props":1715,"children":1716},{"class":204,"line":611},[1717,1723,1727,1732,1737],{"type":15,"tag":202,"props":1718,"children":1720},{"style":1719},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1721],{"type":21,"value":1722}," onChange",{"type":15,"tag":202,"props":1724,"children":1725},{"style":996},[1726],{"type":21,"value":274},{"type":15,"tag":202,"props":1728,"children":1729},{"style":887},[1730],{"type":21,"value":1731},"{",{"type":15,"tag":202,"props":1733,"children":1734},{"style":215},[1735],{"type":21,"value":1736},"changePlacement",{"type":15,"tag":202,"props":1738,"children":1739},{"style":887},[1740],{"type":21,"value":1741},"}\n",{"type":15,"tag":202,"props":1743,"children":1744},{"class":204,"line":620},[1745,1750,1754],{"type":15,"tag":202,"props":1746,"children":1747},{"style":1719},[1748],{"type":21,"value":1749}," className",{"type":15,"tag":202,"props":1751,"children":1752},{"style":996},[1753],{"type":21,"value":274},{"type":15,"tag":202,"props":1755,"children":1756},{"style":277},[1757],{"type":21,"value":1758},"\"border-2 border-primary-700 mx-2 p-2 rounded-sm\"\n",{"type":15,"tag":202,"props":1760,"children":1761},{"class":204,"line":629},[1762,1767,1771],{"type":15,"tag":202,"props":1763,"children":1764},{"style":1719},[1765],{"type":21,"value":1766}," defaultValue",{"type":15,"tag":202,"props":1768,"children":1769},{"style":996},[1770],{"type":21,"value":274},{"type":15,"tag":202,"props":1772,"children":1773},{"style":277},[1774],{"type":21,"value":1775},"\"left\"\n",{"type":15,"tag":202,"props":1777,"children":1778},{"class":204,"line":638},[1779],{"type":15,"tag":202,"props":1780,"children":1781},{"style":209},[1782],{"type":21,"value":1783}," >\n",{"type":15,"tag":202,"props":1785,"children":1786},{"class":204,"line":647},[1787,1792,1796,1800,1804,1808,1812,1816],{"type":15,"tag":202,"props":1788,"children":1789},{"style":209},[1790],{"type":21,"value":1791}," \u003C",{"type":15,"tag":202,"props":1793,"children":1794},{"style":215},[1795],{"type":21,"value":312},{"type":15,"tag":202,"props":1797,"children":1798},{"style":1719},[1799],{"type":21,"value":317},{"type":15,"tag":202,"props":1801,"children":1802},{"style":996},[1803],{"type":21,"value":274},{"type":15,"tag":202,"props":1805,"children":1806},{"style":277},[1807],{"type":21,"value":326},{"type":15,"tag":202,"props":1809,"children":1810},{"style":209},[1811],{"type":21,"value":331},{"type":15,"tag":202,"props":1813,"children":1814},{"style":215},[1815],{"type":21,"value":312},{"type":15,"tag":202,"props":1817,"children":1818},{"style":209},[1819],{"type":21,"value":222},{"type":15,"tag":202,"props":1821,"children":1822},{"class":204,"line":665},[1823,1827,1831,1835,1839,1843,1847,1851],{"type":15,"tag":202,"props":1824,"children":1825},{"style":209},[1826],{"type":21,"value":1791},{"type":15,"tag":202,"props":1828,"children":1829},{"style":215},[1830],{"type":21,"value":312},{"type":15,"tag":202,"props":1832,"children":1833},{"style":1719},[1834],{"type":21,"value":317},{"type":15,"tag":202,"props":1836,"children":1837},{"style":996},[1838],{"type":21,"value":274},{"type":15,"tag":202,"props":1840,"children":1841},{"style":277},[1842],{"type":21,"value":364},{"type":15,"tag":202,"props":1844,"children":1845},{"style":209},[1846],{"type":21,"value":369},{"type":15,"tag":202,"props":1848,"children":1849},{"style":215},[1850],{"type":21,"value":312},{"type":15,"tag":202,"props":1852,"children":1853},{"style":209},[1854],{"type":21,"value":222},{"type":15,"tag":202,"props":1856,"children":1857},{"class":204,"line":674},[1858,1862,1866,1870,1874,1878,1882,1886],{"type":15,"tag":202,"props":1859,"children":1860},{"style":209},[1861],{"type":21,"value":1791},{"type":15,"tag":202,"props":1863,"children":1864},{"style":215},[1865],{"type":21,"value":312},{"type":15,"tag":202,"props":1867,"children":1868},{"style":1719},[1869],{"type":21,"value":317},{"type":15,"tag":202,"props":1871,"children":1872},{"style":996},[1873],{"type":21,"value":274},{"type":15,"tag":202,"props":1875,"children":1876},{"style":277},[1877],{"type":21,"value":402},{"type":15,"tag":202,"props":1879,"children":1880},{"style":209},[1881],{"type":21,"value":407},{"type":15,"tag":202,"props":1883,"children":1884},{"style":215},[1885],{"type":21,"value":312},{"type":15,"tag":202,"props":1887,"children":1888},{"style":209},[1889],{"type":21,"value":222},{"type":15,"tag":202,"props":1891,"children":1892},{"class":204,"line":691},[1893,1897,1901,1905,1909,1913,1917,1921],{"type":15,"tag":202,"props":1894,"children":1895},{"style":209},[1896],{"type":21,"value":1791},{"type":15,"tag":202,"props":1898,"children":1899},{"style":215},[1900],{"type":21,"value":312},{"type":15,"tag":202,"props":1902,"children":1903},{"style":1719},[1904],{"type":21,"value":317},{"type":15,"tag":202,"props":1906,"children":1907},{"style":996},[1908],{"type":21,"value":274},{"type":15,"tag":202,"props":1910,"children":1911},{"style":277},[1912],{"type":21,"value":440},{"type":15,"tag":202,"props":1914,"children":1915},{"style":209},[1916],{"type":21,"value":450},{"type":15,"tag":202,"props":1918,"children":1919},{"style":215},[1920],{"type":21,"value":312},{"type":15,"tag":202,"props":1922,"children":1923},{"style":209},[1924],{"type":21,"value":222},{"type":15,"tag":202,"props":1926,"children":1927},{"class":204,"line":720},[1928,1933,1937],{"type":15,"tag":202,"props":1929,"children":1930},{"style":209},[1931],{"type":21,"value":1932}," \u003C\u002F",{"type":15,"tag":202,"props":1934,"children":1935},{"style":215},[1936],{"type":21,"value":263},{"type":15,"tag":202,"props":1938,"children":1939},{"style":209},[1940],{"type":21,"value":222},{"type":15,"tag":202,"props":1942,"children":1943},{"class":204,"line":729},[1944,1948,1952],{"type":15,"tag":202,"props":1945,"children":1946},{"style":209},[1947],{"type":21,"value":753},{"type":15,"tag":202,"props":1949,"children":1950},{"style":215},[1951],{"type":21,"value":236},{"type":15,"tag":202,"props":1953,"children":1954},{"style":209},[1955],{"type":21,"value":222},{"type":15,"tag":202,"props":1957,"children":1958},{"class":204,"line":738},[1959,1963,1967,1972,1976,1980,1985,1989,1994,1998,2002,2007,2011,2016,2020],{"type":15,"tag":202,"props":1960,"children":1961},{"style":209},[1962],{"type":21,"value":307},{"type":15,"tag":202,"props":1964,"children":1965},{"style":990},[1966],{"type":21,"value":505},{"type":15,"tag":202,"props":1968,"children":1969},{"style":1719},[1970],{"type":21,"value":1971}," onClick",{"type":15,"tag":202,"props":1973,"children":1974},{"style":996},[1975],{"type":21,"value":274},{"type":15,"tag":202,"props":1977,"children":1978},{"style":887},[1979],{"type":21,"value":1731},{"type":15,"tag":202,"props":1981,"children":1982},{"style":209},[1983],{"type":21,"value":1984},"() ",{"type":15,"tag":202,"props":1986,"children":1987},{"style":887},[1988],{"type":21,"value":1573},{"type":15,"tag":202,"props":1990,"children":1991},{"style":1002},[1992],{"type":21,"value":1993}," setOpen",{"type":15,"tag":202,"props":1995,"children":1996},{"style":209},[1997],{"type":21,"value":1073},{"type":15,"tag":202,"props":1999,"children":2000},{"style":266},[2001],{"type":21,"value":180},{"type":15,"tag":202,"props":2003,"children":2004},{"style":209},[2005],{"type":21,"value":2006},")",{"type":15,"tag":202,"props":2008,"children":2009},{"style":887},[2010],{"type":21,"value":1028},{"type":15,"tag":202,"props":2012,"children":2013},{"style":209},[2014],{"type":21,"value":2015},">Open Drawer\u003C\u002F",{"type":15,"tag":202,"props":2017,"children":2018},{"style":990},[2019],{"type":21,"value":505},{"type":15,"tag":202,"props":2021,"children":2022},{"style":209},[2023],{"type":21,"value":222},{"type":15,"tag":202,"props":2025,"children":2026},{"class":204,"line":747},[2027],{"type":15,"tag":202,"props":2028,"children":2029},{"emptyLinePlaceholder":8},[2030],{"type":21,"value":541},{"type":15,"tag":202,"props":2032,"children":2033},{"class":204,"line":764},[2034,2038],{"type":15,"tag":202,"props":2035,"children":2036},{"style":209},[2037],{"type":21,"value":307},{"type":15,"tag":202,"props":2039,"children":2040},{"style":990},[2041],{"type":21,"value":554},{"type":15,"tag":202,"props":2043,"children":2044},{"class":204,"line":790},[2045,2050,2054,2058,2062],{"type":15,"tag":202,"props":2046,"children":2047},{"style":1719},[2048],{"type":21,"value":2049}," open",{"type":15,"tag":202,"props":2051,"children":2052},{"style":996},[2053],{"type":21,"value":274},{"type":15,"tag":202,"props":2055,"children":2056},{"style":887},[2057],{"type":21,"value":1731},{"type":15,"tag":202,"props":2059,"children":2060},{"style":215},[2061],{"type":21,"value":136},{"type":15,"tag":202,"props":2063,"children":2064},{"style":887},[2065],{"type":21,"value":1741},{"type":15,"tag":202,"props":2067,"children":2068},{"class":204,"line":806},[2069,2074,2078,2082,2086,2090,2094,2098,2102,2106],{"type":15,"tag":202,"props":2070,"children":2071},{"style":1719},[2072],{"type":21,"value":2073}," onClose",{"type":15,"tag":202,"props":2075,"children":2076},{"style":996},[2077],{"type":21,"value":274},{"type":15,"tag":202,"props":2079,"children":2080},{"style":887},[2081],{"type":21,"value":1731},{"type":15,"tag":202,"props":2083,"children":2084},{"style":209},[2085],{"type":21,"value":1984},{"type":15,"tag":202,"props":2087,"children":2088},{"style":887},[2089],{"type":21,"value":1573},{"type":15,"tag":202,"props":2091,"children":2092},{"style":1002},[2093],{"type":21,"value":1993},{"type":15,"tag":202,"props":2095,"children":2096},{"style":209},[2097],{"type":21,"value":1073},{"type":15,"tag":202,"props":2099,"children":2100},{"style":266},[2101],{"type":21,"value":1078},{"type":15,"tag":202,"props":2103,"children":2104},{"style":209},[2105],{"type":21,"value":2006},{"type":15,"tag":202,"props":2107,"children":2108},{"style":887},[2109],{"type":21,"value":1741},{"type":15,"tag":202,"props":2111,"children":2112},{"class":204,"line":822},[2113,2118,2122,2126,2130],{"type":15,"tag":202,"props":2114,"children":2115},{"style":1719},[2116],{"type":21,"value":2117}," placement",{"type":15,"tag":202,"props":2119,"children":2120},{"style":996},[2121],{"type":21,"value":274},{"type":15,"tag":202,"props":2123,"children":2124},{"style":887},[2125],{"type":21,"value":1731},{"type":15,"tag":202,"props":2127,"children":2128},{"style":215},[2129],{"type":21,"value":1458},{"type":15,"tag":202,"props":2131,"children":2132},{"style":887},[2133],{"type":21,"value":1741},{"type":15,"tag":202,"props":2135,"children":2136},{"class":204,"line":839},[2137,2142,2146,2150,2155,2159,2164],{"type":15,"tag":202,"props":2138,"children":2139},{"style":1719},[2140],{"type":21,"value":2141}," className",{"type":15,"tag":202,"props":2143,"children":2144},{"style":996},[2145],{"type":21,"value":274},{"type":15,"tag":202,"props":2147,"children":2148},{"style":887},[2149],{"type":21,"value":1731},{"type":15,"tag":202,"props":2151,"children":2152},{"style":1002},[2153],{"type":21,"value":2154},"classNames",{"type":15,"tag":202,"props":2156,"children":2157},{"style":209},[2158],{"type":21,"value":1073},{"type":15,"tag":202,"props":2160,"children":2161},{"style":277},[2162],{"type":21,"value":2163},"'bg-neutral-50 p-3 border border-gray-300'",{"type":15,"tag":202,"props":2165,"children":2166},{"style":209},[2167],{"type":21,"value":2168},", {\n",{"type":15,"tag":202,"props":2170,"children":2171},{"class":204,"line":847},[2172,2177,2181,2185,2190,2195,2200,2205,2209,2214],{"type":15,"tag":202,"props":2173,"children":2174},{"style":277},[2175],{"type":21,"value":2176}," 'max-w-[370px]'",{"type":15,"tag":202,"props":2178,"children":2179},{"style":209},[2180],{"type":21,"value":1115},{"type":15,"tag":202,"props":2182,"children":2183},{"style":215},[2184],{"type":21,"value":1458},{"type":15,"tag":202,"props":2186,"children":2187},{"style":996},[2188],{"type":21,"value":2189}," ===",{"type":15,"tag":202,"props":2191,"children":2192},{"style":277},[2193],{"type":21,"value":2194}," 'left'",{"type":15,"tag":202,"props":2196,"children":2197},{"style":996},[2198],{"type":21,"value":2199}," ||",{"type":15,"tag":202,"props":2201,"children":2202},{"style":215},[2203],{"type":21,"value":2204}," placementState",{"type":15,"tag":202,"props":2206,"children":2207},{"style":996},[2208],{"type":21,"value":2189},{"type":15,"tag":202,"props":2210,"children":2211},{"style":277},[2212],{"type":21,"value":2213}," 'right'",{"type":15,"tag":202,"props":2215,"children":2216},{"style":209},[2217],{"type":21,"value":2218},",\n",{"type":15,"tag":202,"props":2220,"children":2221},{"class":204,"line":883},[2222,2227],{"type":15,"tag":202,"props":2223,"children":2224},{"style":209},[2225],{"type":21,"value":2226}," })",{"type":15,"tag":202,"props":2228,"children":2229},{"style":887},[2230],{"type":21,"value":1741},{"type":15,"tag":202,"props":2232,"children":2233},{"class":204,"line":939},[2234],{"type":15,"tag":202,"props":2235,"children":2236},{"style":209},[2237],{"type":21,"value":2238}," >\n",{"type":15,"tag":202,"props":2240,"children":2241},{"class":204,"line":973},[2242,2246,2250],{"type":15,"tag":202,"props":2243,"children":2244},{"style":209},[2245],{"type":21,"value":1708},{"type":15,"tag":202,"props":2247,"children":2248},{"style":215},[2249],{"type":21,"value":684},{"type":15,"tag":202,"props":2251,"children":2252},{"style":209},[2253],{"type":21,"value":222},{"type":15,"tag":202,"props":2255,"children":2256},{"class":204,"line":981},[2257,2261,2265,2270,2274,2278],{"type":15,"tag":202,"props":2258,"children":2259},{"style":209},[2260],{"type":21,"value":1791},{"type":15,"tag":202,"props":2262,"children":2263},{"style":215},[2264],{"type":21,"value":32},{"type":15,"tag":202,"props":2266,"children":2267},{"style":1719},[2268],{"type":21,"value":2269}," className",{"type":15,"tag":202,"props":2271,"children":2272},{"style":996},[2273],{"type":21,"value":274},{"type":15,"tag":202,"props":2275,"children":2276},{"style":277},[2277],{"type":21,"value":713},{"type":15,"tag":202,"props":2279,"children":2280},{"style":209},[2281],{"type":21,"value":222},{"type":15,"tag":202,"props":2283,"children":2284},{"class":204,"line":1050},[2285],{"type":15,"tag":202,"props":2286,"children":2287},{"style":209},[2288],{"type":21,"value":2289}," Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam consequatur repellat, odit voluptatibus\n",{"type":15,"tag":202,"props":2291,"children":2292},{"class":204,"line":1085},[2293],{"type":15,"tag":202,"props":2294,"children":2295},{"style":209},[2296],{"type":21,"value":2297}," deserunt eligendi nemo perspiciatis tenetur vero repellendus facere? Dolores sit maiores ut labore facilis\n",{"type":15,"tag":202,"props":2299,"children":2300},{"class":204,"line":1133},[2301],{"type":15,"tag":202,"props":2302,"children":2303},{"style":209},[2304],{"type":21,"value":2305}," minima debitis dolore.\n",{"type":15,"tag":202,"props":2307,"children":2308},{"class":204,"line":1208},[2309,2314,2318],{"type":15,"tag":202,"props":2310,"children":2311},{"style":209},[2312],{"type":21,"value":2313}," \u003C\u002F",{"type":15,"tag":202,"props":2315,"children":2316},{"style":215},[2317],{"type":21,"value":32},{"type":15,"tag":202,"props":2319,"children":2320},{"style":209},[2321],{"type":21,"value":222},{"type":15,"tag":202,"props":2323,"children":2325},{"class":204,"line":2324},44,[2326,2330,2334,2338,2342],{"type":15,"tag":202,"props":2327,"children":2328},{"style":209},[2329],{"type":21,"value":1791},{"type":15,"tag":202,"props":2331,"children":2332},{"style":215},[2333],{"type":21,"value":774},{"type":15,"tag":202,"props":2335,"children":2336},{"style":209},[2337],{"type":21,"value":779},{"type":15,"tag":202,"props":2339,"children":2340},{"style":215},[2341],{"type":21,"value":774},{"type":15,"tag":202,"props":2343,"children":2344},{"style":209},[2345],{"type":21,"value":222},{"type":15,"tag":202,"props":2347,"children":2349},{"class":204,"line":2348},45,[2350,2354,2358],{"type":15,"tag":202,"props":2351,"children":2352},{"style":209},[2353],{"type":21,"value":1932},{"type":15,"tag":202,"props":2355,"children":2356},{"style":215},[2357],{"type":21,"value":684},{"type":15,"tag":202,"props":2359,"children":2360},{"style":209},[2361],{"type":21,"value":222},{"type":15,"tag":202,"props":2363,"children":2365},{"class":204,"line":2364},46,[2366,2370,2374],{"type":15,"tag":202,"props":2367,"children":2368},{"style":209},[2369],{"type":21,"value":753},{"type":15,"tag":202,"props":2371,"children":2372},{"style":990},[2373],{"type":21,"value":41},{"type":15,"tag":202,"props":2375,"children":2376},{"style":209},[2377],{"type":21,"value":222},{"type":15,"tag":202,"props":2379,"children":2381},{"class":204,"line":2380},47,[2382],{"type":15,"tag":202,"props":2383,"children":2384},{"style":209},[2385],{"type":21,"value":2386}," \u003C\u002F>\n",{"type":15,"tag":202,"props":2388,"children":2390},{"class":204,"line":2389},48,[2391],{"type":15,"tag":202,"props":2392,"children":2393},{"style":209},[2394],{"type":21,"value":2395}," );\n",{"type":15,"tag":202,"props":2397,"children":2399},{"class":204,"line":2398},49,[2400],{"type":15,"tag":202,"props":2401,"children":2402},{"style":209},[2403],{"type":21,"value":1741},{"type":15,"tag":52,"props":2405,"children":2407},{"id":2406},"drawer-transition-and-trap-focus",[2408],{"type":21,"value":2409},"Drawer transition and trap focus",{"type":15,"tag":107,"props":2411,"children":2412},{},[2413],{"type":15,"tag":32,"props":2414,"children":2415},{},[2416,2418,2423,2425,2438],{"type":21,"value":2417},"You can wrap ",{"type":15,"tag":36,"props":2419,"children":2421},{"className":2420},[],[2422],{"type":21,"value":41},{"type":21,"value":2424}," in a ",{"type":15,"tag":2426,"props":2427,"children":2431},"a",{"href":2428,"rel":2429},"https:\u002F\u002Fvuejs.org\u002Fguide\u002Fbuilt-ins\u002Ftransition.html#the-transition-component",[2430],"nofollow",[2432],{"type":15,"tag":36,"props":2433,"children":2435},{"className":2434},[],[2436],{"type":21,"value":2437},"\u003Ctransition>",{"type":21,"value":2439}," component to add enter\u002Fexit animations.",{"type":15,"tag":123,"props":2441,"children":2442},{},[2443],{"type":15,"tag":32,"props":2444,"children":2445},{},[2446,2447,2452,2453,2464],{"type":21,"value":2417},{"type":15,"tag":36,"props":2448,"children":2450},{"className":2449},[],[2451],{"type":21,"value":41},{"type":21,"value":2424},{"type":15,"tag":2426,"props":2454,"children":2457},{"href":2455,"rel":2456},"https:\u002F\u002Freactcommunity.org\u002Freact-transition-group\u002Fcss-transition",[2430],[2458],{"type":15,"tag":36,"props":2459,"children":2461},{"className":2460},[],[2462],{"type":21,"value":2463},"\u003CCSSTransition>",{"type":21,"value":2439},{"type":15,"tag":32,"props":2466,"children":2467},{},[2468,2470,2476],{"type":21,"value":2469},"Additionally, you can use the ",{"type":15,"tag":36,"props":2471,"children":2473},{"className":2472},[],[2474],{"type":21,"value":2475},"useTrapFocus",{"type":21,"value":2477}," utility for better control of focusable elements inside.",{"type":15,"tag":183,"props":2479,"children":2482},{"showcase-name":2480,"style":2481,"no-scale":9},"Drawer\u002FTransitionAndCloseButton","min-height: 400px;",[2483,3980],{"type":15,"tag":107,"props":2484,"children":2485},{},[2486],{"type":15,"tag":192,"props":2487,"children":2489},{"className":194,"code":2488,"language":196,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cfieldset>\n \u003Clabel v-for=\"{ label, value } in options\" :key=\"value\" class=\"flex items-center my-4 cursor-pointer\">\n \u003CSfRadio class=\"flex items-center\" name=\"placement\" :value=\"value\" v-model=\"placement\" \u002F>\n \u003Cspan class=\"ml-2\">{{ label }}\u003C\u002Fspan>\n \u003C\u002Flabel>\n \u003C\u002Ffieldset>\n \u003CSfButton @click=\"open = true\"> Open Drawer \u003C\u002FSfButton>\n\n \u003Ctransition\n enter-active-class=\"transition duration-500 ease-in-out\"\n leave-active-class=\"transition duration-500 ease-in-out\"\n :enter-from-class=\"placement === 'left' ? '-translate-x-full' : 'translate-x-full'\"\n :enter-to-class=\"placement === 'left' ? 'translate-x-0' : 'translate-x-0'\"\n :leave-from-class=\"placement === 'left' ? 'translate-x-0' : 'translate-x-0'\"\n :leave-to-class=\"placement === 'left' ? '-translate-x-full' : 'translate-x-full'\"\n >\n \u003CSfDrawer\n ref=\"drawerRef\"\n :placement=\"placement\"\n :class=\"[\n 'bg-neutral-50',\n 'border',\n 'border-gray-300',\n { 'max-w-[370px]': placement === 'left' || placement === 'right' },\n ]\"\n v-model=\"open\"\n >\n \u003Cheader class=\"flex items-center justify-between px-10 py-6 bg-primary-700\">\n \u003Cdiv class=\"flex items-center text-white\">\u003CSfIconFavorite class=\"mr-2\" \u002F> Your favorite items\u003C\u002Fdiv>\n \u003CSfButton square variant=\"tertiary\" class=\"text-white\" @click=\"open = false\">\n \u003CSfIconClose \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fheader>\n \u003Cdiv class=\"p-5 px-10\">\n \u003Cp class=\"mb-2\">\n Focus is trapped inside this Drawer and \u003Cstrong>tab\u003C\u002Fstrong> button cycle through\n \u003Ca href=\"#\" class=\"underline text-primary-700\"> Focusable Element \u003C\u002Fa> and another\n \u003Ca href=\"#\" class=\"underline text-primary-700\"> Focusable Element \u003C\u002Fa>\n \u003C\u002Fp>\n \u003Cstrong>You can close Drawer by clicking outside or focus and use ESC button\u003C\u002Fstrong>\n \u003C\u002Fdiv>\n \u003C\u002FSfDrawer>\n \u003C\u002Ftransition>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport {\n SfDrawer,\n SfDrawerPlacement,\n SfButton,\n SfRadio,\n SfIconFavorite,\n SfIconClose,\n useTrapFocus,\n} from '@storefront-ui\u002Fvue';\nimport { ref } from 'vue';\n\nconst placement = ref\u003C`${SfDrawerPlacement}`>('left');\nconst open = ref(false);\nconst drawerRef = ref();\n\nconst options = ref([\n { label: 'Slide from left', value: 'left' },\n { label: 'Slide from right', value: 'right' },\n]);\n\nuseTrapFocus(drawerRef, { activeState: open });\n\u003C\u002Fscript>\n\n",[2490],{"type":15,"tag":36,"props":2491,"children":2492},{"__ignoreMap":9},[2493,2508,2524,2580,2650,2687,2702,2717,2752,2759,2771,2788,2804,2821,2838,2854,2870,2877,2888,2905,2921,2937,2945,2953,2961,2969,2977,2993,3001,3030,3090,3150,3166,3181,3196,3224,3251,3277,3329,3376,3391,3414,3429,3444,3460,3475,3482,3513,3524,3536,3549,3562,3575,3588,3601,3614,3635,3667,3675,3731,3763,3789,3797,3823,3866,3908,3916,3924,3964],{"type":15,"tag":202,"props":2494,"children":2495},{"class":204,"line":205},[2496,2500,2504],{"type":15,"tag":202,"props":2497,"children":2498},{"style":209},[2499],{"type":21,"value":212},{"type":15,"tag":202,"props":2501,"children":2502},{"style":215},[2503],{"type":21,"value":28},{"type":15,"tag":202,"props":2505,"children":2506},{"style":209},[2507],{"type":21,"value":222},{"type":15,"tag":202,"props":2509,"children":2510},{"class":204,"line":225},[2511,2515,2520],{"type":15,"tag":202,"props":2512,"children":2513},{"style":209},[2514],{"type":21,"value":231},{"type":15,"tag":202,"props":2516,"children":2517},{"style":215},[2518],{"type":21,"value":2519},"fieldset",{"type":15,"tag":202,"props":2521,"children":2522},{"style":209},[2523],{"type":21,"value":222},{"type":15,"tag":202,"props":2525,"children":2526},{"class":204,"line":243},[2527,2531,2535,2540,2544,2549,2554,2558,2563,2567,2571,2576],{"type":15,"tag":202,"props":2528,"children":2529},{"style":209},[2530],{"type":21,"value":258},{"type":15,"tag":202,"props":2532,"children":2533},{"style":215},[2534],{"type":21,"value":236},{"type":15,"tag":202,"props":2536,"children":2537},{"style":266},[2538],{"type":21,"value":2539}," v-for",{"type":15,"tag":202,"props":2541,"children":2542},{"style":209},[2543],{"type":21,"value":274},{"type":15,"tag":202,"props":2545,"children":2546},{"style":277},[2547],{"type":21,"value":2548},"\"{ label, value } in options\"",{"type":15,"tag":202,"props":2550,"children":2551},{"style":266},[2552],{"type":21,"value":2553}," :key",{"type":15,"tag":202,"props":2555,"children":2556},{"style":209},[2557],{"type":21,"value":274},{"type":15,"tag":202,"props":2559,"children":2560},{"style":277},[2561],{"type":21,"value":2562},"\"value\"",{"type":15,"tag":202,"props":2564,"children":2565},{"style":266},[2566],{"type":21,"value":269},{"type":15,"tag":202,"props":2568,"children":2569},{"style":209},[2570],{"type":21,"value":274},{"type":15,"tag":202,"props":2572,"children":2573},{"style":277},[2574],{"type":21,"value":2575},"\"flex items-center my-4 cursor-pointer\"",{"type":15,"tag":202,"props":2577,"children":2578},{"style":209},[2579],{"type":21,"value":222},{"type":15,"tag":202,"props":2581,"children":2582},{"class":204,"line":252},[2583,2587,2592,2596,2600,2605,2610,2614,2619,2624,2628,2632,2637,2641,2645],{"type":15,"tag":202,"props":2584,"children":2585},{"style":209},[2586],{"type":21,"value":307},{"type":15,"tag":202,"props":2588,"children":2589},{"style":215},[2590],{"type":21,"value":2591},"SfRadio",{"type":15,"tag":202,"props":2593,"children":2594},{"style":266},[2595],{"type":21,"value":269},{"type":15,"tag":202,"props":2597,"children":2598},{"style":209},[2599],{"type":21,"value":274},{"type":15,"tag":202,"props":2601,"children":2602},{"style":277},[2603],{"type":21,"value":2604},"\"flex items-center\"",{"type":15,"tag":202,"props":2606,"children":2607},{"style":266},[2608],{"type":21,"value":2609}," name",{"type":15,"tag":202,"props":2611,"children":2612},{"style":209},[2613],{"type":21,"value":274},{"type":15,"tag":202,"props":2615,"children":2616},{"style":277},[2617],{"type":21,"value":2618},"\"placement\"",{"type":15,"tag":202,"props":2620,"children":2621},{"style":266},[2622],{"type":21,"value":2623}," :value",{"type":15,"tag":202,"props":2625,"children":2626},{"style":209},[2627],{"type":21,"value":274},{"type":15,"tag":202,"props":2629,"children":2630},{"style":277},[2631],{"type":21,"value":2562},{"type":15,"tag":202,"props":2633,"children":2634},{"style":266},[2635],{"type":21,"value":2636}," v-model",{"type":15,"tag":202,"props":2638,"children":2639},{"style":209},[2640],{"type":21,"value":274},{"type":15,"tag":202,"props":2642,"children":2643},{"style":277},[2644],{"type":21,"value":2618},{"type":15,"tag":202,"props":2646,"children":2647},{"style":209},[2648],{"type":21,"value":2649}," \u002F>\n",{"type":15,"tag":202,"props":2651,"children":2652},{"class":204,"line":301},[2653,2657,2661,2665,2669,2674,2679,2683],{"type":15,"tag":202,"props":2654,"children":2655},{"style":209},[2656],{"type":21,"value":307},{"type":15,"tag":202,"props":2658,"children":2659},{"style":215},[2660],{"type":21,"value":202},{"type":15,"tag":202,"props":2662,"children":2663},{"style":266},[2664],{"type":21,"value":269},{"type":15,"tag":202,"props":2666,"children":2667},{"style":209},[2668],{"type":21,"value":274},{"type":15,"tag":202,"props":2670,"children":2671},{"style":277},[2672],{"type":21,"value":2673},"\"ml-2\"",{"type":15,"tag":202,"props":2675,"children":2676},{"style":209},[2677],{"type":21,"value":2678},">{{ label }}\u003C\u002F",{"type":15,"tag":202,"props":2680,"children":2681},{"style":215},[2682],{"type":21,"value":202},{"type":15,"tag":202,"props":2684,"children":2685},{"style":209},[2686],{"type":21,"value":222},{"type":15,"tag":202,"props":2688,"children":2689},{"class":204,"line":342},[2690,2694,2698],{"type":15,"tag":202,"props":2691,"children":2692},{"style":209},[2693],{"type":21,"value":467},{"type":15,"tag":202,"props":2695,"children":2696},{"style":215},[2697],{"type":21,"value":236},{"type":15,"tag":202,"props":2699,"children":2700},{"style":209},[2701],{"type":21,"value":222},{"type":15,"tag":202,"props":2703,"children":2704},{"class":204,"line":380},[2705,2709,2713],{"type":15,"tag":202,"props":2706,"children":2707},{"style":209},[2708],{"type":21,"value":484},{"type":15,"tag":202,"props":2710,"children":2711},{"style":215},[2712],{"type":21,"value":2519},{"type":15,"tag":202,"props":2714,"children":2715},{"style":209},[2716],{"type":21,"value":222},{"type":15,"tag":202,"props":2718,"children":2719},{"class":204,"line":418},[2720,2724,2728,2732,2736,2740,2744,2748],{"type":15,"tag":202,"props":2721,"children":2722},{"style":209},[2723],{"type":21,"value":231},{"type":15,"tag":202,"props":2725,"children":2726},{"style":215},[2727],{"type":21,"value":505},{"type":15,"tag":202,"props":2729,"children":2730},{"style":266},[2731],{"type":21,"value":510},{"type":15,"tag":202,"props":2733,"children":2734},{"style":209},[2735],{"type":21,"value":274},{"type":15,"tag":202,"props":2737,"children":2738},{"style":277},[2739],{"type":21,"value":519},{"type":15,"tag":202,"props":2741,"children":2742},{"style":209},[2743],{"type":21,"value":524},{"type":15,"tag":202,"props":2745,"children":2746},{"style":215},[2747],{"type":21,"value":505},{"type":15,"tag":202,"props":2749,"children":2750},{"style":209},[2751],{"type":21,"value":222},{"type":15,"tag":202,"props":2753,"children":2754},{"class":204,"line":461},[2755],{"type":15,"tag":202,"props":2756,"children":2757},{"emptyLinePlaceholder":8},[2758],{"type":21,"value":541},{"type":15,"tag":202,"props":2760,"children":2761},{"class":204,"line":478},[2762,2766],{"type":15,"tag":202,"props":2763,"children":2764},{"style":209},[2765],{"type":21,"value":231},{"type":15,"tag":202,"props":2767,"children":2768},{"style":215},[2769],{"type":21,"value":2770},"transition\n",{"type":15,"tag":202,"props":2772,"children":2773},{"class":204,"line":495},[2774,2779,2783],{"type":15,"tag":202,"props":2775,"children":2776},{"style":266},[2777],{"type":21,"value":2778}," enter-active-class",{"type":15,"tag":202,"props":2780,"children":2781},{"style":209},[2782],{"type":21,"value":274},{"type":15,"tag":202,"props":2784,"children":2785},{"style":277},[2786],{"type":21,"value":2787},"\"transition duration-500 ease-in-out\"\n",{"type":15,"tag":202,"props":2789,"children":2790},{"class":204,"line":535},[2791,2796,2800],{"type":15,"tag":202,"props":2792,"children":2793},{"style":266},[2794],{"type":21,"value":2795}," leave-active-class",{"type":15,"tag":202,"props":2797,"children":2798},{"style":209},[2799],{"type":21,"value":274},{"type":15,"tag":202,"props":2801,"children":2802},{"style":277},[2803],{"type":21,"value":2787},{"type":15,"tag":202,"props":2805,"children":2806},{"class":204,"line":544},[2807,2812,2816],{"type":15,"tag":202,"props":2808,"children":2809},{"style":266},[2810],{"type":21,"value":2811}," :enter-from-class",{"type":15,"tag":202,"props":2813,"children":2814},{"style":209},[2815],{"type":21,"value":274},{"type":15,"tag":202,"props":2817,"children":2818},{"style":277},[2819],{"type":21,"value":2820},"\"placement === 'left' ? '-translate-x-full' : 'translate-x-full'\"\n",{"type":15,"tag":202,"props":2822,"children":2823},{"class":204,"line":557},[2824,2829,2833],{"type":15,"tag":202,"props":2825,"children":2826},{"style":266},[2827],{"type":21,"value":2828}," :enter-to-class",{"type":15,"tag":202,"props":2830,"children":2831},{"style":209},[2832],{"type":21,"value":274},{"type":15,"tag":202,"props":2834,"children":2835},{"style":277},[2836],{"type":21,"value":2837},"\"placement === 'left' ? 'translate-x-0' : 'translate-x-0'\"\n",{"type":15,"tag":202,"props":2839,"children":2840},{"class":204,"line":575},[2841,2846,2850],{"type":15,"tag":202,"props":2842,"children":2843},{"style":266},[2844],{"type":21,"value":2845}," :leave-from-class",{"type":15,"tag":202,"props":2847,"children":2848},{"style":209},[2849],{"type":21,"value":274},{"type":15,"tag":202,"props":2851,"children":2852},{"style":277},[2853],{"type":21,"value":2837},{"type":15,"tag":202,"props":2855,"children":2856},{"class":204,"line":593},[2857,2862,2866],{"type":15,"tag":202,"props":2858,"children":2859},{"style":266},[2860],{"type":21,"value":2861}," :leave-to-class",{"type":15,"tag":202,"props":2863,"children":2864},{"style":209},[2865],{"type":21,"value":274},{"type":15,"tag":202,"props":2867,"children":2868},{"style":277},[2869],{"type":21,"value":2820},{"type":15,"tag":202,"props":2871,"children":2872},{"class":204,"line":602},[2873],{"type":15,"tag":202,"props":2874,"children":2875},{"style":209},[2876],{"type":21,"value":671},{"type":15,"tag":202,"props":2878,"children":2879},{"class":204,"line":611},[2880,2884],{"type":15,"tag":202,"props":2881,"children":2882},{"style":209},[2883],{"type":21,"value":258},{"type":15,"tag":202,"props":2885,"children":2886},{"style":215},[2887],{"type":21,"value":554},{"type":15,"tag":202,"props":2889,"children":2890},{"class":204,"line":620},[2891,2896,2900],{"type":15,"tag":202,"props":2892,"children":2893},{"style":266},[2894],{"type":21,"value":2895}," ref",{"type":15,"tag":202,"props":2897,"children":2898},{"style":209},[2899],{"type":21,"value":274},{"type":15,"tag":202,"props":2901,"children":2902},{"style":277},[2903],{"type":21,"value":2904},"\"drawerRef\"\n",{"type":15,"tag":202,"props":2906,"children":2907},{"class":204,"line":629},[2908,2913,2917],{"type":15,"tag":202,"props":2909,"children":2910},{"style":266},[2911],{"type":21,"value":2912}," :placement",{"type":15,"tag":202,"props":2914,"children":2915},{"style":209},[2916],{"type":21,"value":274},{"type":15,"tag":202,"props":2918,"children":2919},{"style":277},[2920],{"type":21,"value":572},{"type":15,"tag":202,"props":2922,"children":2923},{"class":204,"line":638},[2924,2929,2933],{"type":15,"tag":202,"props":2925,"children":2926},{"style":266},[2927],{"type":21,"value":2928}," :class",{"type":15,"tag":202,"props":2930,"children":2931},{"style":209},[2932],{"type":21,"value":274},{"type":15,"tag":202,"props":2934,"children":2935},{"style":277},[2936],{"type":21,"value":590},{"type":15,"tag":202,"props":2938,"children":2939},{"class":204,"line":647},[2940],{"type":15,"tag":202,"props":2941,"children":2942},{"style":277},[2943],{"type":21,"value":2944}," 'bg-neutral-50',\n",{"type":15,"tag":202,"props":2946,"children":2947},{"class":204,"line":665},[2948],{"type":15,"tag":202,"props":2949,"children":2950},{"style":277},[2951],{"type":21,"value":2952}," 'border',\n",{"type":15,"tag":202,"props":2954,"children":2955},{"class":204,"line":674},[2956],{"type":15,"tag":202,"props":2957,"children":2958},{"style":277},[2959],{"type":21,"value":2960}," 'border-gray-300',\n",{"type":15,"tag":202,"props":2962,"children":2963},{"class":204,"line":691},[2964],{"type":15,"tag":202,"props":2965,"children":2966},{"style":277},[2967],{"type":21,"value":2968}," { 'max-w-[370px]': placement === 'left' || placement === 'right' },\n",{"type":15,"tag":202,"props":2970,"children":2971},{"class":204,"line":720},[2972],{"type":15,"tag":202,"props":2973,"children":2974},{"style":277},[2975],{"type":21,"value":2976}," ]\"\n",{"type":15,"tag":202,"props":2978,"children":2979},{"class":204,"line":729},[2980,2985,2989],{"type":15,"tag":202,"props":2981,"children":2982},{"style":266},[2983],{"type":21,"value":2984}," v-model",{"type":15,"tag":202,"props":2986,"children":2987},{"style":209},[2988],{"type":21,"value":274},{"type":15,"tag":202,"props":2990,"children":2991},{"style":277},[2992],{"type":21,"value":662},{"type":15,"tag":202,"props":2994,"children":2995},{"class":204,"line":738},[2996],{"type":15,"tag":202,"props":2997,"children":2998},{"style":209},[2999],{"type":21,"value":3000}," >\n",{"type":15,"tag":202,"props":3002,"children":3003},{"class":204,"line":747},[3004,3008,3013,3017,3021,3026],{"type":15,"tag":202,"props":3005,"children":3006},{"style":209},[3007],{"type":21,"value":307},{"type":15,"tag":202,"props":3009,"children":3010},{"style":215},[3011],{"type":21,"value":3012},"header",{"type":15,"tag":202,"props":3014,"children":3015},{"style":266},[3016],{"type":21,"value":269},{"type":15,"tag":202,"props":3018,"children":3019},{"style":209},[3020],{"type":21,"value":274},{"type":15,"tag":202,"props":3022,"children":3023},{"style":277},[3024],{"type":21,"value":3025},"\"flex items-center justify-between px-10 py-6 bg-primary-700\"",{"type":15,"tag":202,"props":3027,"children":3028},{"style":209},[3029],{"type":21,"value":222},{"type":15,"tag":202,"props":3031,"children":3032},{"class":204,"line":764},[3033,3037,3041,3045,3049,3054,3059,3064,3068,3072,3077,3082,3086],{"type":15,"tag":202,"props":3034,"children":3035},{"style":209},[3036],{"type":21,"value":1708},{"type":15,"tag":202,"props":3038,"children":3039},{"style":215},[3040],{"type":21,"value":684},{"type":15,"tag":202,"props":3042,"children":3043},{"style":266},[3044],{"type":21,"value":269},{"type":15,"tag":202,"props":3046,"children":3047},{"style":209},[3048],{"type":21,"value":274},{"type":15,"tag":202,"props":3050,"children":3051},{"style":277},[3052],{"type":21,"value":3053},"\"flex items-center text-white\"",{"type":15,"tag":202,"props":3055,"children":3056},{"style":209},[3057],{"type":21,"value":3058},">\u003C",{"type":15,"tag":202,"props":3060,"children":3061},{"style":215},[3062],{"type":21,"value":3063},"SfIconFavorite",{"type":15,"tag":202,"props":3065,"children":3066},{"style":266},[3067],{"type":21,"value":269},{"type":15,"tag":202,"props":3069,"children":3070},{"style":209},[3071],{"type":21,"value":274},{"type":15,"tag":202,"props":3073,"children":3074},{"style":277},[3075],{"type":21,"value":3076},"\"mr-2\"",{"type":15,"tag":202,"props":3078,"children":3079},{"style":209},[3080],{"type":21,"value":3081}," \u002F> Your favorite items\u003C\u002F",{"type":15,"tag":202,"props":3083,"children":3084},{"style":215},[3085],{"type":21,"value":684},{"type":15,"tag":202,"props":3087,"children":3088},{"style":209},[3089],{"type":21,"value":222},{"type":15,"tag":202,"props":3091,"children":3092},{"class":204,"line":790},[3093,3097,3101,3106,3111,3115,3120,3124,3128,3133,3137,3141,3146],{"type":15,"tag":202,"props":3094,"children":3095},{"style":209},[3096],{"type":21,"value":1708},{"type":15,"tag":202,"props":3098,"children":3099},{"style":215},[3100],{"type":21,"value":505},{"type":15,"tag":202,"props":3102,"children":3103},{"style":266},[3104],{"type":21,"value":3105}," square",{"type":15,"tag":202,"props":3107,"children":3108},{"style":266},[3109],{"type":21,"value":3110}," variant",{"type":15,"tag":202,"props":3112,"children":3113},{"style":209},[3114],{"type":21,"value":274},{"type":15,"tag":202,"props":3116,"children":3117},{"style":277},[3118],{"type":21,"value":3119},"\"tertiary\"",{"type":15,"tag":202,"props":3121,"children":3122},{"style":266},[3123],{"type":21,"value":269},{"type":15,"tag":202,"props":3125,"children":3126},{"style":209},[3127],{"type":21,"value":274},{"type":15,"tag":202,"props":3129,"children":3130},{"style":277},[3131],{"type":21,"value":3132},"\"text-white\"",{"type":15,"tag":202,"props":3134,"children":3135},{"style":266},[3136],{"type":21,"value":510},{"type":15,"tag":202,"props":3138,"children":3139},{"style":209},[3140],{"type":21,"value":274},{"type":15,"tag":202,"props":3142,"children":3143},{"style":277},[3144],{"type":21,"value":3145},"\"open = false\"",{"type":15,"tag":202,"props":3147,"children":3148},{"style":209},[3149],{"type":21,"value":222},{"type":15,"tag":202,"props":3151,"children":3152},{"class":204,"line":806},[3153,3157,3162],{"type":15,"tag":202,"props":3154,"children":3155},{"style":209},[3156],{"type":21,"value":1791},{"type":15,"tag":202,"props":3158,"children":3159},{"style":215},[3160],{"type":21,"value":3161},"SfIconClose",{"type":15,"tag":202,"props":3163,"children":3164},{"style":209},[3165],{"type":21,"value":2649},{"type":15,"tag":202,"props":3167,"children":3168},{"class":204,"line":822},[3169,3173,3177],{"type":15,"tag":202,"props":3170,"children":3171},{"style":209},[3172],{"type":21,"value":1932},{"type":15,"tag":202,"props":3174,"children":3175},{"style":215},[3176],{"type":21,"value":505},{"type":15,"tag":202,"props":3178,"children":3179},{"style":209},[3180],{"type":21,"value":222},{"type":15,"tag":202,"props":3182,"children":3183},{"class":204,"line":839},[3184,3188,3192],{"type":15,"tag":202,"props":3185,"children":3186},{"style":209},[3187],{"type":21,"value":753},{"type":15,"tag":202,"props":3189,"children":3190},{"style":215},[3191],{"type":21,"value":3012},{"type":15,"tag":202,"props":3193,"children":3194},{"style":209},[3195],{"type":21,"value":222},{"type":15,"tag":202,"props":3197,"children":3198},{"class":204,"line":847},[3199,3203,3207,3211,3215,3220],{"type":15,"tag":202,"props":3200,"children":3201},{"style":209},[3202],{"type":21,"value":307},{"type":15,"tag":202,"props":3204,"children":3205},{"style":215},[3206],{"type":21,"value":684},{"type":15,"tag":202,"props":3208,"children":3209},{"style":266},[3210],{"type":21,"value":269},{"type":15,"tag":202,"props":3212,"children":3213},{"style":209},[3214],{"type":21,"value":274},{"type":15,"tag":202,"props":3216,"children":3217},{"style":277},[3218],{"type":21,"value":3219},"\"p-5 px-10\"",{"type":15,"tag":202,"props":3221,"children":3222},{"style":209},[3223],{"type":21,"value":222},{"type":15,"tag":202,"props":3225,"children":3226},{"class":204,"line":883},[3227,3231,3235,3239,3243,3247],{"type":15,"tag":202,"props":3228,"children":3229},{"style":209},[3230],{"type":21,"value":1708},{"type":15,"tag":202,"props":3232,"children":3233},{"style":215},[3234],{"type":21,"value":32},{"type":15,"tag":202,"props":3236,"children":3237},{"style":266},[3238],{"type":21,"value":269},{"type":15,"tag":202,"props":3240,"children":3241},{"style":209},[3242],{"type":21,"value":274},{"type":15,"tag":202,"props":3244,"children":3245},{"style":277},[3246],{"type":21,"value":713},{"type":15,"tag":202,"props":3248,"children":3249},{"style":209},[3250],{"type":21,"value":222},{"type":15,"tag":202,"props":3252,"children":3253},{"class":204,"line":939},[3254,3259,3263,3268,3272],{"type":15,"tag":202,"props":3255,"children":3256},{"style":209},[3257],{"type":21,"value":3258}," Focus is trapped inside this Drawer and \u003C",{"type":15,"tag":202,"props":3260,"children":3261},{"style":215},[3262],{"type":21,"value":774},{"type":15,"tag":202,"props":3264,"children":3265},{"style":209},[3266],{"type":21,"value":3267},">tab\u003C\u002F",{"type":15,"tag":202,"props":3269,"children":3270},{"style":215},[3271],{"type":21,"value":774},{"type":15,"tag":202,"props":3273,"children":3274},{"style":209},[3275],{"type":21,"value":3276},"> button cycle through\n",{"type":15,"tag":202,"props":3278,"children":3279},{"class":204,"line":973},[3280,3284,3288,3293,3297,3302,3306,3310,3315,3320,3324],{"type":15,"tag":202,"props":3281,"children":3282},{"style":209},[3283],{"type":21,"value":1791},{"type":15,"tag":202,"props":3285,"children":3286},{"style":215},[3287],{"type":21,"value":2426},{"type":15,"tag":202,"props":3289,"children":3290},{"style":266},[3291],{"type":21,"value":3292}," href",{"type":15,"tag":202,"props":3294,"children":3295},{"style":209},[3296],{"type":21,"value":274},{"type":15,"tag":202,"props":3298,"children":3299},{"style":277},[3300],{"type":21,"value":3301},"\"#\"",{"type":15,"tag":202,"props":3303,"children":3304},{"style":266},[3305],{"type":21,"value":269},{"type":15,"tag":202,"props":3307,"children":3308},{"style":209},[3309],{"type":21,"value":274},{"type":15,"tag":202,"props":3311,"children":3312},{"style":277},[3313],{"type":21,"value":3314},"\"underline text-primary-700\"",{"type":15,"tag":202,"props":3316,"children":3317},{"style":209},[3318],{"type":21,"value":3319},"> Focusable Element \u003C\u002F",{"type":15,"tag":202,"props":3321,"children":3322},{"style":215},[3323],{"type":21,"value":2426},{"type":15,"tag":202,"props":3325,"children":3326},{"style":209},[3327],{"type":21,"value":3328},"> and another\n",{"type":15,"tag":202,"props":3330,"children":3331},{"class":204,"line":981},[3332,3336,3340,3344,3348,3352,3356,3360,3364,3368,3372],{"type":15,"tag":202,"props":3333,"children":3334},{"style":209},[3335],{"type":21,"value":1791},{"type":15,"tag":202,"props":3337,"children":3338},{"style":215},[3339],{"type":21,"value":2426},{"type":15,"tag":202,"props":3341,"children":3342},{"style":266},[3343],{"type":21,"value":3292},{"type":15,"tag":202,"props":3345,"children":3346},{"style":209},[3347],{"type":21,"value":274},{"type":15,"tag":202,"props":3349,"children":3350},{"style":277},[3351],{"type":21,"value":3301},{"type":15,"tag":202,"props":3353,"children":3354},{"style":266},[3355],{"type":21,"value":269},{"type":15,"tag":202,"props":3357,"children":3358},{"style":209},[3359],{"type":21,"value":274},{"type":15,"tag":202,"props":3361,"children":3362},{"style":277},[3363],{"type":21,"value":3314},{"type":15,"tag":202,"props":3365,"children":3366},{"style":209},[3367],{"type":21,"value":3319},{"type":15,"tag":202,"props":3369,"children":3370},{"style":215},[3371],{"type":21,"value":2426},{"type":15,"tag":202,"props":3373,"children":3374},{"style":209},[3375],{"type":21,"value":222},{"type":15,"tag":202,"props":3377,"children":3378},{"class":204,"line":1050},[3379,3383,3387],{"type":15,"tag":202,"props":3380,"children":3381},{"style":209},[3382],{"type":21,"value":1932},{"type":15,"tag":202,"props":3384,"children":3385},{"style":215},[3386],{"type":21,"value":32},{"type":15,"tag":202,"props":3388,"children":3389},{"style":209},[3390],{"type":21,"value":222},{"type":15,"tag":202,"props":3392,"children":3393},{"class":204,"line":1085},[3394,3398,3402,3406,3410],{"type":15,"tag":202,"props":3395,"children":3396},{"style":209},[3397],{"type":21,"value":1708},{"type":15,"tag":202,"props":3399,"children":3400},{"style":215},[3401],{"type":21,"value":774},{"type":15,"tag":202,"props":3403,"children":3404},{"style":209},[3405],{"type":21,"value":779},{"type":15,"tag":202,"props":3407,"children":3408},{"style":215},[3409],{"type":21,"value":774},{"type":15,"tag":202,"props":3411,"children":3412},{"style":209},[3413],{"type":21,"value":222},{"type":15,"tag":202,"props":3415,"children":3416},{"class":204,"line":1133},[3417,3421,3425],{"type":15,"tag":202,"props":3418,"children":3419},{"style":209},[3420],{"type":21,"value":753},{"type":15,"tag":202,"props":3422,"children":3423},{"style":215},[3424],{"type":21,"value":684},{"type":15,"tag":202,"props":3426,"children":3427},{"style":209},[3428],{"type":21,"value":222},{"type":15,"tag":202,"props":3430,"children":3431},{"class":204,"line":1208},[3432,3436,3440],{"type":15,"tag":202,"props":3433,"children":3434},{"style":209},[3435],{"type":21,"value":467},{"type":15,"tag":202,"props":3437,"children":3438},{"style":215},[3439],{"type":21,"value":41},{"type":15,"tag":202,"props":3441,"children":3442},{"style":209},[3443],{"type":21,"value":222},{"type":15,"tag":202,"props":3445,"children":3446},{"class":204,"line":2324},[3447,3451,3456],{"type":15,"tag":202,"props":3448,"children":3449},{"style":209},[3450],{"type":21,"value":484},{"type":15,"tag":202,"props":3452,"children":3453},{"style":215},[3454],{"type":21,"value":3455},"transition",{"type":15,"tag":202,"props":3457,"children":3458},{"style":209},[3459],{"type":21,"value":222},{"type":15,"tag":202,"props":3461,"children":3462},{"class":204,"line":2348},[3463,3467,3471],{"type":15,"tag":202,"props":3464,"children":3465},{"style":209},[3466],{"type":21,"value":828},{"type":15,"tag":202,"props":3468,"children":3469},{"style":215},[3470],{"type":21,"value":28},{"type":15,"tag":202,"props":3472,"children":3473},{"style":209},[3474],{"type":21,"value":222},{"type":15,"tag":202,"props":3476,"children":3477},{"class":204,"line":2364},[3478],{"type":15,"tag":202,"props":3479,"children":3480},{"emptyLinePlaceholder":8},[3481],{"type":21,"value":541},{"type":15,"tag":202,"props":3483,"children":3484},{"class":204,"line":2380},[3485,3489,3493,3497,3501,3505,3509],{"type":15,"tag":202,"props":3486,"children":3487},{"style":209},[3488],{"type":21,"value":212},{"type":15,"tag":202,"props":3490,"children":3491},{"style":215},[3492],{"type":21,"value":857},{"type":15,"tag":202,"props":3494,"children":3495},{"style":266},[3496],{"type":21,"value":862},{"type":15,"tag":202,"props":3498,"children":3499},{"style":209},[3500],{"type":21,"value":274},{"type":15,"tag":202,"props":3502,"children":3503},{"style":277},[3504],{"type":21,"value":871},{"type":15,"tag":202,"props":3506,"children":3507},{"style":266},[3508],{"type":21,"value":876},{"type":15,"tag":202,"props":3510,"children":3511},{"style":209},[3512],{"type":21,"value":222},{"type":15,"tag":202,"props":3514,"children":3515},{"class":204,"line":2389},[3516,3520],{"type":15,"tag":202,"props":3517,"children":3518},{"style":887},[3519],{"type":21,"value":890},{"type":15,"tag":202,"props":3521,"children":3522},{"style":209},[3523],{"type":21,"value":1578},{"type":15,"tag":202,"props":3525,"children":3526},{"class":204,"line":2398},[3527,3532],{"type":15,"tag":202,"props":3528,"children":3529},{"style":215},[3530],{"type":21,"value":3531}," SfDrawer",{"type":15,"tag":202,"props":3533,"children":3534},{"style":209},[3535],{"type":21,"value":2218},{"type":15,"tag":202,"props":3537,"children":3539},{"class":204,"line":3538},50,[3540,3545],{"type":15,"tag":202,"props":3541,"children":3542},{"style":215},[3543],{"type":21,"value":3544}," SfDrawerPlacement",{"type":15,"tag":202,"props":3546,"children":3547},{"style":209},[3548],{"type":21,"value":2218},{"type":15,"tag":202,"props":3550,"children":3552},{"class":204,"line":3551},51,[3553,3558],{"type":15,"tag":202,"props":3554,"children":3555},{"style":215},[3556],{"type":21,"value":3557}," SfButton",{"type":15,"tag":202,"props":3559,"children":3560},{"style":209},[3561],{"type":21,"value":2218},{"type":15,"tag":202,"props":3563,"children":3565},{"class":204,"line":3564},52,[3566,3571],{"type":15,"tag":202,"props":3567,"children":3568},{"style":215},[3569],{"type":21,"value":3570}," SfRadio",{"type":15,"tag":202,"props":3572,"children":3573},{"style":209},[3574],{"type":21,"value":2218},{"type":15,"tag":202,"props":3576,"children":3578},{"class":204,"line":3577},53,[3579,3584],{"type":15,"tag":202,"props":3580,"children":3581},{"style":215},[3582],{"type":21,"value":3583}," SfIconFavorite",{"type":15,"tag":202,"props":3585,"children":3586},{"style":209},[3587],{"type":21,"value":2218},{"type":15,"tag":202,"props":3589,"children":3591},{"class":204,"line":3590},54,[3592,3597],{"type":15,"tag":202,"props":3593,"children":3594},{"style":215},[3595],{"type":21,"value":3596}," SfIconClose",{"type":15,"tag":202,"props":3598,"children":3599},{"style":209},[3600],{"type":21,"value":2218},{"type":15,"tag":202,"props":3602,"children":3604},{"class":204,"line":3603},55,[3605,3610],{"type":15,"tag":202,"props":3606,"children":3607},{"style":215},[3608],{"type":21,"value":3609}," useTrapFocus",{"type":15,"tag":202,"props":3611,"children":3612},{"style":209},[3613],{"type":21,"value":2218},{"type":15,"tag":202,"props":3615,"children":3617},{"class":204,"line":3616},56,[3618,3623,3627,3631],{"type":15,"tag":202,"props":3619,"children":3620},{"style":209},[3621],{"type":21,"value":3622},"} ",{"type":15,"tag":202,"props":3624,"children":3625},{"style":887},[3626],{"type":21,"value":926},{"type":15,"tag":202,"props":3628,"children":3629},{"style":277},[3630],{"type":21,"value":931},{"type":15,"tag":202,"props":3632,"children":3633},{"style":209},[3634],{"type":21,"value":936},{"type":15,"tag":202,"props":3636,"children":3638},{"class":204,"line":3637},57,[3639,3643,3647,3651,3655,3659,3663],{"type":15,"tag":202,"props":3640,"children":3641},{"style":887},[3642],{"type":21,"value":890},{"type":15,"tag":202,"props":3644,"children":3645},{"style":209},[3646],{"type":21,"value":895},{"type":15,"tag":202,"props":3648,"children":3649},{"style":215},[3650],{"type":21,"value":953},{"type":15,"tag":202,"props":3652,"children":3653},{"style":209},[3654],{"type":21,"value":921},{"type":15,"tag":202,"props":3656,"children":3657},{"style":887},[3658],{"type":21,"value":926},{"type":15,"tag":202,"props":3660,"children":3661},{"style":277},[3662],{"type":21,"value":966},{"type":15,"tag":202,"props":3664,"children":3665},{"style":209},[3666],{"type":21,"value":936},{"type":15,"tag":202,"props":3668,"children":3670},{"class":204,"line":3669},58,[3671],{"type":15,"tag":202,"props":3672,"children":3673},{"emptyLinePlaceholder":8},[3674],{"type":21,"value":541},{"type":15,"tag":202,"props":3676,"children":3678},{"class":204,"line":3677},59,[3679,3683,3687,3691,3695,3699,3703,3707,3711,3715,3719,3723,3727],{"type":15,"tag":202,"props":3680,"children":3681},{"style":887},[3682],{"type":21,"value":987},{"type":15,"tag":202,"props":3684,"children":3685},{"style":990},[3686],{"type":21,"value":993},{"type":15,"tag":202,"props":3688,"children":3689},{"style":996},[3690],{"type":21,"value":999},{"type":15,"tag":202,"props":3692,"children":3693},{"style":1002},[3694],{"type":21,"value":1005},{"type":15,"tag":202,"props":3696,"children":3697},{"style":209},[3698],{"type":21,"value":212},{"type":15,"tag":202,"props":3700,"children":3701},{"style":277},[3702],{"type":21,"value":1014},{"type":15,"tag":202,"props":3704,"children":3705},{"style":887},[3706],{"type":21,"value":1019},{"type":15,"tag":202,"props":3708,"children":3709},{"style":990},[3710],{"type":21,"value":908},{"type":15,"tag":202,"props":3712,"children":3713},{"style":887},[3714],{"type":21,"value":1028},{"type":15,"tag":202,"props":3716,"children":3717},{"style":277},[3718],{"type":21,"value":1014},{"type":15,"tag":202,"props":3720,"children":3721},{"style":209},[3722],{"type":21,"value":1037},{"type":15,"tag":202,"props":3724,"children":3725},{"style":277},[3726],{"type":21,"value":1042},{"type":15,"tag":202,"props":3728,"children":3729},{"style":209},[3730],{"type":21,"value":1047},{"type":15,"tag":202,"props":3732,"children":3734},{"class":204,"line":3733},60,[3735,3739,3743,3747,3751,3755,3759],{"type":15,"tag":202,"props":3736,"children":3737},{"style":887},[3738],{"type":21,"value":987},{"type":15,"tag":202,"props":3740,"children":3741},{"style":990},[3742],{"type":21,"value":1060},{"type":15,"tag":202,"props":3744,"children":3745},{"style":996},[3746],{"type":21,"value":999},{"type":15,"tag":202,"props":3748,"children":3749},{"style":1002},[3750],{"type":21,"value":1005},{"type":15,"tag":202,"props":3752,"children":3753},{"style":209},[3754],{"type":21,"value":1073},{"type":15,"tag":202,"props":3756,"children":3757},{"style":266},[3758],{"type":21,"value":1078},{"type":15,"tag":202,"props":3760,"children":3761},{"style":209},[3762],{"type":21,"value":1047},{"type":15,"tag":202,"props":3764,"children":3766},{"class":204,"line":3765},61,[3767,3771,3776,3780,3784],{"type":15,"tag":202,"props":3768,"children":3769},{"style":887},[3770],{"type":21,"value":987},{"type":15,"tag":202,"props":3772,"children":3773},{"style":990},[3774],{"type":21,"value":3775}," drawerRef",{"type":15,"tag":202,"props":3777,"children":3778},{"style":996},[3779],{"type":21,"value":999},{"type":15,"tag":202,"props":3781,"children":3782},{"style":1002},[3783],{"type":21,"value":1005},{"type":15,"tag":202,"props":3785,"children":3786},{"style":209},[3787],{"type":21,"value":3788},"();\n",{"type":15,"tag":202,"props":3790,"children":3792},{"class":204,"line":3791},62,[3793],{"type":15,"tag":202,"props":3794,"children":3795},{"emptyLinePlaceholder":8},[3796],{"type":21,"value":541},{"type":15,"tag":202,"props":3798,"children":3800},{"class":204,"line":3799},63,[3801,3805,3810,3814,3818],{"type":15,"tag":202,"props":3802,"children":3803},{"style":887},[3804],{"type":21,"value":987},{"type":15,"tag":202,"props":3806,"children":3807},{"style":990},[3808],{"type":21,"value":3809}," options",{"type":15,"tag":202,"props":3811,"children":3812},{"style":996},[3813],{"type":21,"value":999},{"type":15,"tag":202,"props":3815,"children":3816},{"style":1002},[3817],{"type":21,"value":1005},{"type":15,"tag":202,"props":3819,"children":3820},{"style":209},[3821],{"type":21,"value":3822},"([\n",{"type":15,"tag":202,"props":3824,"children":3826},{"class":204,"line":3825},64,[3827,3832,3836,3840,3845,3849,3853,3857,3861],{"type":15,"tag":202,"props":3828,"children":3829},{"style":209},[3830],{"type":21,"value":3831}," { ",{"type":15,"tag":202,"props":3833,"children":3834},{"style":215},[3835],{"type":21,"value":236},{"type":15,"tag":202,"props":3837,"children":3838},{"style":209},[3839],{"type":21,"value":1115},{"type":15,"tag":202,"props":3841,"children":3842},{"style":277},[3843],{"type":21,"value":3844},"'Slide from left'",{"type":15,"tag":202,"props":3846,"children":3847},{"style":209},[3848],{"type":21,"value":83},{"type":15,"tag":202,"props":3850,"children":3851},{"style":215},[3852],{"type":21,"value":1152},{"type":15,"tag":202,"props":3854,"children":3855},{"style":209},[3856],{"type":21,"value":1115},{"type":15,"tag":202,"props":3858,"children":3859},{"style":277},[3860],{"type":21,"value":1042},{"type":15,"tag":202,"props":3862,"children":3863},{"style":209},[3864],{"type":21,"value":3865}," },\n",{"type":15,"tag":202,"props":3867,"children":3869},{"class":204,"line":3868},65,[3870,3874,3878,3882,3887,3891,3895,3899,3904],{"type":15,"tag":202,"props":3871,"children":3872},{"style":209},[3873],{"type":21,"value":3831},{"type":15,"tag":202,"props":3875,"children":3876},{"style":215},[3877],{"type":21,"value":236},{"type":15,"tag":202,"props":3879,"children":3880},{"style":209},[3881],{"type":21,"value":1115},{"type":15,"tag":202,"props":3883,"children":3884},{"style":277},[3885],{"type":21,"value":3886},"'Slide from right'",{"type":15,"tag":202,"props":3888,"children":3889},{"style":209},[3890],{"type":21,"value":83},{"type":15,"tag":202,"props":3892,"children":3893},{"style":215},[3894],{"type":21,"value":1152},{"type":15,"tag":202,"props":3896,"children":3897},{"style":209},[3898],{"type":21,"value":1115},{"type":15,"tag":202,"props":3900,"children":3901},{"style":277},[3902],{"type":21,"value":3903},"'right'",{"type":15,"tag":202,"props":3905,"children":3906},{"style":209},[3907],{"type":21,"value":3865},{"type":15,"tag":202,"props":3909,"children":3911},{"class":204,"line":3910},66,[3912],{"type":15,"tag":202,"props":3913,"children":3914},{"style":209},[3915],{"type":21,"value":1641},{"type":15,"tag":202,"props":3917,"children":3919},{"class":204,"line":3918},67,[3920],{"type":15,"tag":202,"props":3921,"children":3922},{"emptyLinePlaceholder":8},[3923],{"type":21,"value":541},{"type":15,"tag":202,"props":3925,"children":3927},{"class":204,"line":3926},68,[3928,3932,3936,3941,3946,3951,3955,3959],{"type":15,"tag":202,"props":3929,"children":3930},{"style":1002},[3931],{"type":21,"value":2475},{"type":15,"tag":202,"props":3933,"children":3934},{"style":209},[3935],{"type":21,"value":1073},{"type":15,"tag":202,"props":3937,"children":3938},{"style":215},[3939],{"type":21,"value":3940},"drawerRef",{"type":15,"tag":202,"props":3942,"children":3943},{"style":209},[3944],{"type":21,"value":3945},", { ",{"type":15,"tag":202,"props":3947,"children":3948},{"style":215},[3949],{"type":21,"value":3950},"activeState",{"type":15,"tag":202,"props":3952,"children":3953},{"style":209},[3954],{"type":21,"value":1115},{"type":15,"tag":202,"props":3956,"children":3957},{"style":215},[3958],{"type":21,"value":136},{"type":15,"tag":202,"props":3960,"children":3961},{"style":209},[3962],{"type":21,"value":3963}," });\n",{"type":15,"tag":202,"props":3965,"children":3967},{"class":204,"line":3966},69,[3968,3972,3976],{"type":15,"tag":202,"props":3969,"children":3970},{"style":209},[3971],{"type":21,"value":828},{"type":15,"tag":202,"props":3973,"children":3974},{"style":215},[3975],{"type":21,"value":857},{"type":15,"tag":202,"props":3977,"children":3978},{"style":209},[3979],{"type":21,"value":222},{"type":15,"tag":123,"props":3981,"children":3982},{},[3983],{"type":15,"tag":192,"props":3984,"children":3986},{"className":1227,"code":3985,"language":1229,"meta":9,"style":9},"import {\n SfDrawer,\n SfButton,\n SfRadio,\n SfIconFavorite,\n SfIconClose,\n useTrapFocus,\n SfDrawerPlacement,\n} from '@storefront-ui\u002Freact';\nimport { useState, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport classNames from 'classnames';\n\nconst options = [\n { label: 'Slide from left', value: 'left' },\n { label: 'Slide from right', value: 'right' },\n];\n\nexport default function DrawerWithTransition() {\n const [open, setOpen] = useState(false);\n const [placement, setPlacement] = useState\u003C`${SfDrawerPlacement}`>('left');\n const nodeRef = useRef\u003CTransition\u003CHTMLElement | undefined>>(null);\n const drawerRef = useRef\u003CHTMLElement>(null);\n\n useTrapFocus(drawerRef, { activeState: open });\n\n return (\n \u003C>\n \u003Cfieldset>\n {options.map(({ label, value }) => (\n \u003Clabel className=\"flex items-center my-4 cursor-pointer\" key={value}>\n \u003CSfRadio\n name=\"placement\"\n value={value}\n checked={placement === value}\n onChange={(event) => {\n setPlacement(event.target.value as SfDrawerPlacement);\n }}\n \u002F>\n \u003Cspan className=\"ml-2\">{label}\u003C\u002Fspan>\n \u003C\u002Flabel>\n ))}\n \u003C\u002Ffieldset>\n \u003CSfButton onClick={() => setOpen(true)}>Open Drawer\u003C\u002FSfButton>\n\n \u003CTransition ref={nodeRef} in={open} timeout={300}>\n {(state) => (\n \u003CSfDrawer\n ref={drawerRef}\n open\n placement={placement}\n onClose={() => setOpen(false)}\n className={classNames(\n 'bg-neutral-50 border border-gray-300 max-w-[370px] duration-500 transition ease-in-out',\n {\n 'translate-x-0': state === 'entered' && placement === 'left',\n '-translate-x-full': (state === 'entering' || state === 'exited') && placement === 'left',\n '-translate-x-0': state === 'entered' && placement === 'right',\n 'translate-x-full': (state === 'entering' || state === 'exited') && placement === 'right',\n },\n )}\n >\n \u003Cheader className=\"flex items-center justify-between px-10 py-6 bg-primary-700\">\n \u003Cdiv className=\"flex items-center text-white\">\n \u003CSfIconFavorite className=\"mr-2\" \u002F> Your favorite items\n \u003C\u002Fdiv>\n \u003CSfButton\n square\n variant=\"tertiary\"\n onClick={() => {\n setOpen(!open);\n }}\n className=\"text-white\"\n >\n \u003CSfIconClose \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fheader>\n \u003Cdiv className=\"p-5 px-10\">\n \u003Cp className=\"mb-2\">\n Focus is trapped inside this Drawer and \u003Cstrong>tab\u003C\u002Fstrong> button cycle through{' '}\n \u003Ca href=\"https:\u002F\u002Fdocs.storefrontui.io\u002Fv2\u002F\" className=\"underline text-primary-700\">\n Focusable Element\n \u003C\u002Fa>{' '}\n and another{' '}\n \u003Ca href=\"https:\u002F\u002Fdocs.storefrontui.io\u002Fv2\u002F\" className=\"underline text-primary-700\">\n Focusable Element\n \u003C\u002Fa>\n \u003C\u002Fp>\n \u003Cstrong>You can close Drawer by clicking outside or focus and use ESC button\u003C\u002Fstrong>\n \u003C\u002Fdiv>\n \u003C\u002FSfDrawer>\n )}\n \u003C\u002FTransition>\n \u003C\u002F>\n );\n}\n",[3987],{"type":15,"tag":36,"props":3988,"children":3989},{"__ignoreMap":9},[3990,4001,4012,4023,4034,4045,4056,4067,4078,4097,4137,4170,4193,4200,4220,4259,4298,4306,4313,4337,4384,4455,4517,4556,4563,4598,4605,4616,4623,4638,4690,4738,4751,4767,4791,4823,4859,4903,4915,4923,4975,4990,5002,5017,5080,5087,5166,5194,5205,5229,5237,5261,5305,5330,5342,5350,5396,5465,5509,5573,5581,5593,5601,5628,5656,5685,5701,5713,5721,5738,5767,5793,5806,5824,5833,5849,5865,5882,5910,5938,5977,6018,6027,6056,6077,6117,6125,6141,6157,6181,6197,6213,6226,6242,6250,6258],{"type":15,"tag":202,"props":3991,"children":3992},{"class":204,"line":205},[3993,3997],{"type":15,"tag":202,"props":3994,"children":3995},{"style":887},[3996],{"type":21,"value":890},{"type":15,"tag":202,"props":3998,"children":3999},{"style":209},[4000],{"type":21,"value":1578},{"type":15,"tag":202,"props":4002,"children":4003},{"class":204,"line":225},[4004,4008],{"type":15,"tag":202,"props":4005,"children":4006},{"style":215},[4007],{"type":21,"value":3531},{"type":15,"tag":202,"props":4009,"children":4010},{"style":209},[4011],{"type":21,"value":2218},{"type":15,"tag":202,"props":4013,"children":4014},{"class":204,"line":243},[4015,4019],{"type":15,"tag":202,"props":4016,"children":4017},{"style":215},[4018],{"type":21,"value":3557},{"type":15,"tag":202,"props":4020,"children":4021},{"style":209},[4022],{"type":21,"value":2218},{"type":15,"tag":202,"props":4024,"children":4025},{"class":204,"line":252},[4026,4030],{"type":15,"tag":202,"props":4027,"children":4028},{"style":215},[4029],{"type":21,"value":3570},{"type":15,"tag":202,"props":4031,"children":4032},{"style":209},[4033],{"type":21,"value":2218},{"type":15,"tag":202,"props":4035,"children":4036},{"class":204,"line":301},[4037,4041],{"type":15,"tag":202,"props":4038,"children":4039},{"style":215},[4040],{"type":21,"value":3583},{"type":15,"tag":202,"props":4042,"children":4043},{"style":209},[4044],{"type":21,"value":2218},{"type":15,"tag":202,"props":4046,"children":4047},{"class":204,"line":342},[4048,4052],{"type":15,"tag":202,"props":4049,"children":4050},{"style":215},[4051],{"type":21,"value":3596},{"type":15,"tag":202,"props":4053,"children":4054},{"style":209},[4055],{"type":21,"value":2218},{"type":15,"tag":202,"props":4057,"children":4058},{"class":204,"line":380},[4059,4063],{"type":15,"tag":202,"props":4060,"children":4061},{"style":215},[4062],{"type":21,"value":3609},{"type":15,"tag":202,"props":4064,"children":4065},{"style":209},[4066],{"type":21,"value":2218},{"type":15,"tag":202,"props":4068,"children":4069},{"class":204,"line":418},[4070,4074],{"type":15,"tag":202,"props":4071,"children":4072},{"style":215},[4073],{"type":21,"value":3544},{"type":15,"tag":202,"props":4075,"children":4076},{"style":209},[4077],{"type":21,"value":2218},{"type":15,"tag":202,"props":4079,"children":4080},{"class":204,"line":461},[4081,4085,4089,4093],{"type":15,"tag":202,"props":4082,"children":4083},{"style":209},[4084],{"type":21,"value":3622},{"type":15,"tag":202,"props":4086,"children":4087},{"style":887},[4088],{"type":21,"value":926},{"type":15,"tag":202,"props":4090,"children":4091},{"style":277},[4092],{"type":21,"value":1283},{"type":15,"tag":202,"props":4094,"children":4095},{"style":209},[4096],{"type":21,"value":936},{"type":15,"tag":202,"props":4098,"children":4099},{"class":204,"line":478},[4100,4104,4108,4112,4116,4121,4125,4129,4133],{"type":15,"tag":202,"props":4101,"children":4102},{"style":887},[4103],{"type":21,"value":890},{"type":15,"tag":202,"props":4105,"children":4106},{"style":209},[4107],{"type":21,"value":895},{"type":15,"tag":202,"props":4109,"children":4110},{"style":215},[4111],{"type":21,"value":1312},{"type":15,"tag":202,"props":4113,"children":4114},{"style":209},[4115],{"type":21,"value":83},{"type":15,"tag":202,"props":4117,"children":4118},{"style":215},[4119],{"type":21,"value":4120},"useRef",{"type":15,"tag":202,"props":4122,"children":4123},{"style":209},[4124],{"type":21,"value":921},{"type":15,"tag":202,"props":4126,"children":4127},{"style":887},[4128],{"type":21,"value":926},{"type":15,"tag":202,"props":4130,"children":4131},{"style":277},[4132],{"type":21,"value":1325},{"type":15,"tag":202,"props":4134,"children":4135},{"style":209},[4136],{"type":21,"value":936},{"type":15,"tag":202,"props":4138,"children":4139},{"class":204,"line":495},[4140,4144,4148,4153,4157,4161,4166],{"type":15,"tag":202,"props":4141,"children":4142},{"style":887},[4143],{"type":21,"value":890},{"type":15,"tag":202,"props":4145,"children":4146},{"style":209},[4147],{"type":21,"value":895},{"type":15,"tag":202,"props":4149,"children":4150},{"style":215},[4151],{"type":21,"value":4152},"Transition",{"type":15,"tag":202,"props":4154,"children":4155},{"style":209},[4156],{"type":21,"value":921},{"type":15,"tag":202,"props":4158,"children":4159},{"style":887},[4160],{"type":21,"value":926},{"type":15,"tag":202,"props":4162,"children":4163},{"style":277},[4164],{"type":21,"value":4165}," 'react-transition-group'",{"type":15,"tag":202,"props":4167,"children":4168},{"style":209},[4169],{"type":21,"value":936},{"type":15,"tag":202,"props":4171,"children":4172},{"class":204,"line":535},[4173,4177,4181,4185,4189],{"type":15,"tag":202,"props":4174,"children":4175},{"style":887},[4176],{"type":21,"value":890},{"type":15,"tag":202,"props":4178,"children":4179},{"style":215},[4180],{"type":21,"value":1341},{"type":15,"tag":202,"props":4182,"children":4183},{"style":887},[4184],{"type":21,"value":1346},{"type":15,"tag":202,"props":4186,"children":4187},{"style":277},[4188],{"type":21,"value":1351},{"type":15,"tag":202,"props":4190,"children":4191},{"style":209},[4192],{"type":21,"value":936},{"type":15,"tag":202,"props":4194,"children":4195},{"class":204,"line":544},[4196],{"type":15,"tag":202,"props":4197,"children":4198},{"emptyLinePlaceholder":8},[4199],{"type":21,"value":541},{"type":15,"tag":202,"props":4201,"children":4202},{"class":204,"line":557},[4203,4207,4211,4215],{"type":15,"tag":202,"props":4204,"children":4205},{"style":887},[4206],{"type":21,"value":987},{"type":15,"tag":202,"props":4208,"children":4209},{"style":990},[4210],{"type":21,"value":3809},{"type":15,"tag":202,"props":4212,"children":4213},{"style":996},[4214],{"type":21,"value":999},{"type":15,"tag":202,"props":4216,"children":4217},{"style":209},[4218],{"type":21,"value":4219}," [\n",{"type":15,"tag":202,"props":4221,"children":4222},{"class":204,"line":575},[4223,4227,4231,4235,4239,4243,4247,4251,4255],{"type":15,"tag":202,"props":4224,"children":4225},{"style":209},[4226],{"type":21,"value":3831},{"type":15,"tag":202,"props":4228,"children":4229},{"style":215},[4230],{"type":21,"value":236},{"type":15,"tag":202,"props":4232,"children":4233},{"style":209},[4234],{"type":21,"value":1115},{"type":15,"tag":202,"props":4236,"children":4237},{"style":277},[4238],{"type":21,"value":3844},{"type":15,"tag":202,"props":4240,"children":4241},{"style":209},[4242],{"type":21,"value":83},{"type":15,"tag":202,"props":4244,"children":4245},{"style":215},[4246],{"type":21,"value":1152},{"type":15,"tag":202,"props":4248,"children":4249},{"style":209},[4250],{"type":21,"value":1115},{"type":15,"tag":202,"props":4252,"children":4253},{"style":277},[4254],{"type":21,"value":1042},{"type":15,"tag":202,"props":4256,"children":4257},{"style":209},[4258],{"type":21,"value":3865},{"type":15,"tag":202,"props":4260,"children":4261},{"class":204,"line":593},[4262,4266,4270,4274,4278,4282,4286,4290,4294],{"type":15,"tag":202,"props":4263,"children":4264},{"style":209},[4265],{"type":21,"value":3831},{"type":15,"tag":202,"props":4267,"children":4268},{"style":215},[4269],{"type":21,"value":236},{"type":15,"tag":202,"props":4271,"children":4272},{"style":209},[4273],{"type":21,"value":1115},{"type":15,"tag":202,"props":4275,"children":4276},{"style":277},[4277],{"type":21,"value":3886},{"type":15,"tag":202,"props":4279,"children":4280},{"style":209},[4281],{"type":21,"value":83},{"type":15,"tag":202,"props":4283,"children":4284},{"style":215},[4285],{"type":21,"value":1152},{"type":15,"tag":202,"props":4287,"children":4288},{"style":209},[4289],{"type":21,"value":1115},{"type":15,"tag":202,"props":4291,"children":4292},{"style":277},[4293],{"type":21,"value":3903},{"type":15,"tag":202,"props":4295,"children":4296},{"style":209},[4297],{"type":21,"value":3865},{"type":15,"tag":202,"props":4299,"children":4300},{"class":204,"line":602},[4301],{"type":15,"tag":202,"props":4302,"children":4303},{"style":209},[4304],{"type":21,"value":4305},"];\n",{"type":15,"tag":202,"props":4307,"children":4308},{"class":204,"line":611},[4309],{"type":15,"tag":202,"props":4310,"children":4311},{"emptyLinePlaceholder":8},[4312],{"type":21,"value":541},{"type":15,"tag":202,"props":4314,"children":4315},{"class":204,"line":620},[4316,4320,4324,4328,4333],{"type":15,"tag":202,"props":4317,"children":4318},{"style":887},[4319],{"type":21,"value":1370},{"type":15,"tag":202,"props":4321,"children":4322},{"style":887},[4323],{"type":21,"value":1375},{"type":15,"tag":202,"props":4325,"children":4326},{"style":887},[4327],{"type":21,"value":1380},{"type":15,"tag":202,"props":4329,"children":4330},{"style":1002},[4331],{"type":21,"value":4332}," DrawerWithTransition",{"type":15,"tag":202,"props":4334,"children":4335},{"style":209},[4336],{"type":21,"value":1390},{"type":15,"tag":202,"props":4338,"children":4339},{"class":204,"line":629},[4340,4344,4348,4352,4356,4360,4364,4368,4372,4376,4380],{"type":15,"tag":202,"props":4341,"children":4342},{"style":887},[4343],{"type":21,"value":1398},{"type":15,"tag":202,"props":4345,"children":4346},{"style":209},[4347],{"type":21,"value":1403},{"type":15,"tag":202,"props":4349,"children":4350},{"style":990},[4351],{"type":21,"value":136},{"type":15,"tag":202,"props":4353,"children":4354},{"style":209},[4355],{"type":21,"value":83},{"type":15,"tag":202,"props":4357,"children":4358},{"style":990},[4359],{"type":21,"value":1416},{"type":15,"tag":202,"props":4361,"children":4362},{"style":209},[4363],{"type":21,"value":1421},{"type":15,"tag":202,"props":4365,"children":4366},{"style":996},[4367],{"type":21,"value":274},{"type":15,"tag":202,"props":4369,"children":4370},{"style":1002},[4371],{"type":21,"value":1430},{"type":15,"tag":202,"props":4373,"children":4374},{"style":209},[4375],{"type":21,"value":1073},{"type":15,"tag":202,"props":4377,"children":4378},{"style":266},[4379],{"type":21,"value":1078},{"type":15,"tag":202,"props":4381,"children":4382},{"style":209},[4383],{"type":21,"value":1047},{"type":15,"tag":202,"props":4385,"children":4386},{"class":204,"line":638},[4387,4391,4395,4399,4403,4407,4411,4415,4419,4423,4427,4431,4435,4439,4443,4447,4451],{"type":15,"tag":202,"props":4388,"children":4389},{"style":887},[4390],{"type":21,"value":1398},{"type":15,"tag":202,"props":4392,"children":4393},{"style":209},[4394],{"type":21,"value":1403},{"type":15,"tag":202,"props":4396,"children":4397},{"style":990},[4398],{"type":21,"value":73},{"type":15,"tag":202,"props":4400,"children":4401},{"style":209},[4402],{"type":21,"value":83},{"type":15,"tag":202,"props":4404,"children":4405},{"style":990},[4406],{"type":21,"value":1467},{"type":15,"tag":202,"props":4408,"children":4409},{"style":209},[4410],{"type":21,"value":1421},{"type":15,"tag":202,"props":4412,"children":4413},{"style":996},[4414],{"type":21,"value":274},{"type":15,"tag":202,"props":4416,"children":4417},{"style":1002},[4418],{"type":21,"value":1430},{"type":15,"tag":202,"props":4420,"children":4421},{"style":209},[4422],{"type":21,"value":212},{"type":15,"tag":202,"props":4424,"children":4425},{"style":277},[4426],{"type":21,"value":1014},{"type":15,"tag":202,"props":4428,"children":4429},{"style":887},[4430],{"type":21,"value":1019},{"type":15,"tag":202,"props":4432,"children":4433},{"style":990},[4434],{"type":21,"value":908},{"type":15,"tag":202,"props":4436,"children":4437},{"style":887},[4438],{"type":21,"value":1028},{"type":15,"tag":202,"props":4440,"children":4441},{"style":277},[4442],{"type":21,"value":1014},{"type":15,"tag":202,"props":4444,"children":4445},{"style":209},[4446],{"type":21,"value":1037},{"type":15,"tag":202,"props":4448,"children":4449},{"style":277},[4450],{"type":21,"value":1042},{"type":15,"tag":202,"props":4452,"children":4453},{"style":209},[4454],{"type":21,"value":1047},{"type":15,"tag":202,"props":4456,"children":4457},{"class":204,"line":647},[4458,4462,4467,4471,4476,4480,4484,4488,4493,4498,4503,4508,4513],{"type":15,"tag":202,"props":4459,"children":4460},{"style":887},[4461],{"type":21,"value":1398},{"type":15,"tag":202,"props":4463,"children":4464},{"style":990},[4465],{"type":21,"value":4466}," nodeRef",{"type":15,"tag":202,"props":4468,"children":4469},{"style":996},[4470],{"type":21,"value":999},{"type":15,"tag":202,"props":4472,"children":4473},{"style":1002},[4474],{"type":21,"value":4475}," useRef",{"type":15,"tag":202,"props":4477,"children":4478},{"style":209},[4479],{"type":21,"value":212},{"type":15,"tag":202,"props":4481,"children":4482},{"style":990},[4483],{"type":21,"value":4152},{"type":15,"tag":202,"props":4485,"children":4486},{"style":209},[4487],{"type":21,"value":212},{"type":15,"tag":202,"props":4489,"children":4490},{"style":990},[4491],{"type":21,"value":4492},"HTMLElement",{"type":15,"tag":202,"props":4494,"children":4495},{"style":209},[4496],{"type":21,"value":4497}," | ",{"type":15,"tag":202,"props":4499,"children":4500},{"style":990},[4501],{"type":21,"value":4502},"undefined",{"type":15,"tag":202,"props":4504,"children":4505},{"style":209},[4506],{"type":21,"value":4507},">>(",{"type":15,"tag":202,"props":4509,"children":4510},{"style":266},[4511],{"type":21,"value":4512},"null",{"type":15,"tag":202,"props":4514,"children":4515},{"style":209},[4516],{"type":21,"value":1047},{"type":15,"tag":202,"props":4518,"children":4519},{"class":204,"line":665},[4520,4524,4528,4532,4536,4540,4544,4548,4552],{"type":15,"tag":202,"props":4521,"children":4522},{"style":887},[4523],{"type":21,"value":1398},{"type":15,"tag":202,"props":4525,"children":4526},{"style":990},[4527],{"type":21,"value":3775},{"type":15,"tag":202,"props":4529,"children":4530},{"style":996},[4531],{"type":21,"value":999},{"type":15,"tag":202,"props":4533,"children":4534},{"style":1002},[4535],{"type":21,"value":4475},{"type":15,"tag":202,"props":4537,"children":4538},{"style":209},[4539],{"type":21,"value":212},{"type":15,"tag":202,"props":4541,"children":4542},{"style":990},[4543],{"type":21,"value":4492},{"type":15,"tag":202,"props":4545,"children":4546},{"style":209},[4547],{"type":21,"value":1037},{"type":15,"tag":202,"props":4549,"children":4550},{"style":266},[4551],{"type":21,"value":4512},{"type":15,"tag":202,"props":4553,"children":4554},{"style":209},[4555],{"type":21,"value":1047},{"type":15,"tag":202,"props":4557,"children":4558},{"class":204,"line":674},[4559],{"type":15,"tag":202,"props":4560,"children":4561},{"emptyLinePlaceholder":8},[4562],{"type":21,"value":541},{"type":15,"tag":202,"props":4564,"children":4565},{"class":204,"line":691},[4566,4570,4574,4578,4582,4586,4590,4594],{"type":15,"tag":202,"props":4567,"children":4568},{"style":1002},[4569],{"type":21,"value":3609},{"type":15,"tag":202,"props":4571,"children":4572},{"style":209},[4573],{"type":21,"value":1073},{"type":15,"tag":202,"props":4575,"children":4576},{"style":215},[4577],{"type":21,"value":3940},{"type":15,"tag":202,"props":4579,"children":4580},{"style":209},[4581],{"type":21,"value":3945},{"type":15,"tag":202,"props":4583,"children":4584},{"style":215},[4585],{"type":21,"value":3950},{"type":15,"tag":202,"props":4587,"children":4588},{"style":209},[4589],{"type":21,"value":1115},{"type":15,"tag":202,"props":4591,"children":4592},{"style":215},[4593],{"type":21,"value":136},{"type":15,"tag":202,"props":4595,"children":4596},{"style":209},[4597],{"type":21,"value":3963},{"type":15,"tag":202,"props":4599,"children":4600},{"class":204,"line":720},[4601],{"type":15,"tag":202,"props":4602,"children":4603},{"emptyLinePlaceholder":8},[4604],{"type":21,"value":541},{"type":15,"tag":202,"props":4606,"children":4607},{"class":204,"line":729},[4608,4612],{"type":15,"tag":202,"props":4609,"children":4610},{"style":887},[4611],{"type":21,"value":1664},{"type":15,"tag":202,"props":4613,"children":4614},{"style":209},[4615],{"type":21,"value":1669},{"type":15,"tag":202,"props":4617,"children":4618},{"class":204,"line":738},[4619],{"type":15,"tag":202,"props":4620,"children":4621},{"style":209},[4622],{"type":21,"value":1677},{"type":15,"tag":202,"props":4624,"children":4625},{"class":204,"line":747},[4626,4630,4634],{"type":15,"tag":202,"props":4627,"children":4628},{"style":209},[4629],{"type":21,"value":307},{"type":15,"tag":202,"props":4631,"children":4632},{"style":215},[4633],{"type":21,"value":2519},{"type":15,"tag":202,"props":4635,"children":4636},{"style":209},[4637],{"type":21,"value":222},{"type":15,"tag":202,"props":4639,"children":4640},{"class":204,"line":764},[4641,4646,4651,4655,4660,4665,4669,4673,4677,4682,4686],{"type":15,"tag":202,"props":4642,"children":4643},{"style":887},[4644],{"type":21,"value":4645}," {",{"type":15,"tag":202,"props":4647,"children":4648},{"style":990},[4649],{"type":21,"value":4650},"options",{"type":15,"tag":202,"props":4652,"children":4653},{"style":209},[4654],{"type":21,"value":105},{"type":15,"tag":202,"props":4656,"children":4657},{"style":1002},[4658],{"type":21,"value":4659},"map",{"type":15,"tag":202,"props":4661,"children":4662},{"style":209},[4663],{"type":21,"value":4664},"(({ ",{"type":15,"tag":202,"props":4666,"children":4667},{"style":1107},[4668],{"type":21,"value":236},{"type":15,"tag":202,"props":4670,"children":4671},{"style":209},[4672],{"type":21,"value":83},{"type":15,"tag":202,"props":4674,"children":4675},{"style":1107},[4676],{"type":21,"value":1152},{"type":15,"tag":202,"props":4678,"children":4679},{"style":209},[4680],{"type":21,"value":4681}," }) ",{"type":15,"tag":202,"props":4683,"children":4684},{"style":887},[4685],{"type":21,"value":1573},{"type":15,"tag":202,"props":4687,"children":4688},{"style":209},[4689],{"type":21,"value":1669},{"type":15,"tag":202,"props":4691,"children":4692},{"class":204,"line":790},[4693,4697,4701,4705,4709,4713,4718,4722,4726,4730,4734],{"type":15,"tag":202,"props":4694,"children":4695},{"style":209},[4696],{"type":21,"value":1791},{"type":15,"tag":202,"props":4698,"children":4699},{"style":215},[4700],{"type":21,"value":236},{"type":15,"tag":202,"props":4702,"children":4703},{"style":1719},[4704],{"type":21,"value":2269},{"type":15,"tag":202,"props":4706,"children":4707},{"style":996},[4708],{"type":21,"value":274},{"type":15,"tag":202,"props":4710,"children":4711},{"style":277},[4712],{"type":21,"value":2575},{"type":15,"tag":202,"props":4714,"children":4715},{"style":1719},[4716],{"type":21,"value":4717}," key",{"type":15,"tag":202,"props":4719,"children":4720},{"style":996},[4721],{"type":21,"value":274},{"type":15,"tag":202,"props":4723,"children":4724},{"style":887},[4725],{"type":21,"value":1731},{"type":15,"tag":202,"props":4727,"children":4728},{"style":215},[4729],{"type":21,"value":1152},{"type":15,"tag":202,"props":4731,"children":4732},{"style":887},[4733],{"type":21,"value":1028},{"type":15,"tag":202,"props":4735,"children":4736},{"style":209},[4737],{"type":21,"value":222},{"type":15,"tag":202,"props":4739,"children":4740},{"class":204,"line":806},[4741,4746],{"type":15,"tag":202,"props":4742,"children":4743},{"style":209},[4744],{"type":21,"value":4745}," \u003C",{"type":15,"tag":202,"props":4747,"children":4748},{"style":990},[4749],{"type":21,"value":4750},"SfRadio\n",{"type":15,"tag":202,"props":4752,"children":4753},{"class":204,"line":822},[4754,4759,4763],{"type":15,"tag":202,"props":4755,"children":4756},{"style":1719},[4757],{"type":21,"value":4758}," name",{"type":15,"tag":202,"props":4760,"children":4761},{"style":996},[4762],{"type":21,"value":274},{"type":15,"tag":202,"props":4764,"children":4765},{"style":277},[4766],{"type":21,"value":572},{"type":15,"tag":202,"props":4768,"children":4769},{"class":204,"line":839},[4770,4775,4779,4783,4787],{"type":15,"tag":202,"props":4771,"children":4772},{"style":1719},[4773],{"type":21,"value":4774}," value",{"type":15,"tag":202,"props":4776,"children":4777},{"style":996},[4778],{"type":21,"value":274},{"type":15,"tag":202,"props":4780,"children":4781},{"style":887},[4782],{"type":21,"value":1731},{"type":15,"tag":202,"props":4784,"children":4785},{"style":215},[4786],{"type":21,"value":1152},{"type":15,"tag":202,"props":4788,"children":4789},{"style":887},[4790],{"type":21,"value":1741},{"type":15,"tag":202,"props":4792,"children":4793},{"class":204,"line":847},[4794,4799,4803,4807,4811,4815,4819],{"type":15,"tag":202,"props":4795,"children":4796},{"style":1719},[4797],{"type":21,"value":4798}," checked",{"type":15,"tag":202,"props":4800,"children":4801},{"style":996},[4802],{"type":21,"value":274},{"type":15,"tag":202,"props":4804,"children":4805},{"style":887},[4806],{"type":21,"value":1731},{"type":15,"tag":202,"props":4808,"children":4809},{"style":215},[4810],{"type":21,"value":73},{"type":15,"tag":202,"props":4812,"children":4813},{"style":996},[4814],{"type":21,"value":2189},{"type":15,"tag":202,"props":4816,"children":4817},{"style":215},[4818],{"type":21,"value":317},{"type":15,"tag":202,"props":4820,"children":4821},{"style":887},[4822],{"type":21,"value":1741},{"type":15,"tag":202,"props":4824,"children":4825},{"class":204,"line":883},[4826,4831,4835,4839,4843,4847,4851,4855],{"type":15,"tag":202,"props":4827,"children":4828},{"style":1719},[4829],{"type":21,"value":4830}," onChange",{"type":15,"tag":202,"props":4832,"children":4833},{"style":996},[4834],{"type":21,"value":274},{"type":15,"tag":202,"props":4836,"children":4837},{"style":887},[4838],{"type":21,"value":1731},{"type":15,"tag":202,"props":4840,"children":4841},{"style":209},[4842],{"type":21,"value":1073},{"type":15,"tag":202,"props":4844,"children":4845},{"style":1107},[4846],{"type":21,"value":1110},{"type":15,"tag":202,"props":4848,"children":4849},{"style":209},[4850],{"type":21,"value":1125},{"type":15,"tag":202,"props":4852,"children":4853},{"style":887},[4854],{"type":21,"value":1573},{"type":15,"tag":202,"props":4856,"children":4857},{"style":209},[4858],{"type":21,"value":1578},{"type":15,"tag":202,"props":4860,"children":4861},{"class":204,"line":939},[4862,4867,4871,4875,4879,4883,4887,4891,4895,4899],{"type":15,"tag":202,"props":4863,"children":4864},{"style":1002},[4865],{"type":21,"value":4866}," setPlacement",{"type":15,"tag":202,"props":4868,"children":4869},{"style":209},[4870],{"type":21,"value":1073},{"type":15,"tag":202,"props":4872,"children":4873},{"style":990},[4874],{"type":21,"value":1110},{"type":15,"tag":202,"props":4876,"children":4877},{"style":209},[4878],{"type":21,"value":105},{"type":15,"tag":202,"props":4880,"children":4881},{"style":990},[4882],{"type":21,"value":1173},{"type":15,"tag":202,"props":4884,"children":4885},{"style":209},[4886],{"type":21,"value":105},{"type":15,"tag":202,"props":4888,"children":4889},{"style":215},[4890],{"type":21,"value":1152},{"type":15,"tag":202,"props":4892,"children":4893},{"style":887},[4894],{"type":21,"value":1178},{"type":15,"tag":202,"props":4896,"children":4897},{"style":990},[4898],{"type":21,"value":1201},{"type":15,"tag":202,"props":4900,"children":4901},{"style":209},[4902],{"type":21,"value":1047},{"type":15,"tag":202,"props":4904,"children":4905},{"class":204,"line":973},[4906,4911],{"type":15,"tag":202,"props":4907,"children":4908},{"style":209},[4909],{"type":21,"value":4910}," }",{"type":15,"tag":202,"props":4912,"children":4913},{"style":887},[4914],{"type":21,"value":1741},{"type":15,"tag":202,"props":4916,"children":4917},{"class":204,"line":981},[4918],{"type":15,"tag":202,"props":4919,"children":4920},{"style":209},[4921],{"type":21,"value":4922}," \u002F>\n",{"type":15,"tag":202,"props":4924,"children":4925},{"class":204,"line":1050},[4926,4930,4934,4938,4942,4946,4951,4955,4959,4963,4967,4971],{"type":15,"tag":202,"props":4927,"children":4928},{"style":209},[4929],{"type":21,"value":4745},{"type":15,"tag":202,"props":4931,"children":4932},{"style":215},[4933],{"type":21,"value":202},{"type":15,"tag":202,"props":4935,"children":4936},{"style":1719},[4937],{"type":21,"value":2269},{"type":15,"tag":202,"props":4939,"children":4940},{"style":996},[4941],{"type":21,"value":274},{"type":15,"tag":202,"props":4943,"children":4944},{"style":277},[4945],{"type":21,"value":2673},{"type":15,"tag":202,"props":4947,"children":4948},{"style":209},[4949],{"type":21,"value":4950},">",{"type":15,"tag":202,"props":4952,"children":4953},{"style":887},[4954],{"type":21,"value":1731},{"type":15,"tag":202,"props":4956,"children":4957},{"style":215},[4958],{"type":21,"value":236},{"type":15,"tag":202,"props":4960,"children":4961},{"style":887},[4962],{"type":21,"value":1028},{"type":15,"tag":202,"props":4964,"children":4965},{"style":209},[4966],{"type":21,"value":828},{"type":15,"tag":202,"props":4968,"children":4969},{"style":215},[4970],{"type":21,"value":202},{"type":15,"tag":202,"props":4972,"children":4973},{"style":209},[4974],{"type":21,"value":222},{"type":15,"tag":202,"props":4976,"children":4977},{"class":204,"line":1085},[4978,4982,4986],{"type":15,"tag":202,"props":4979,"children":4980},{"style":209},[4981],{"type":21,"value":2313},{"type":15,"tag":202,"props":4983,"children":4984},{"style":215},[4985],{"type":21,"value":236},{"type":15,"tag":202,"props":4987,"children":4988},{"style":209},[4989],{"type":21,"value":222},{"type":15,"tag":202,"props":4991,"children":4992},{"class":204,"line":1133},[4993,4998],{"type":15,"tag":202,"props":4994,"children":4995},{"style":209},[4996],{"type":21,"value":4997}," ))",{"type":15,"tag":202,"props":4999,"children":5000},{"style":887},[5001],{"type":21,"value":1741},{"type":15,"tag":202,"props":5003,"children":5004},{"class":204,"line":1208},[5005,5009,5013],{"type":15,"tag":202,"props":5006,"children":5007},{"style":209},[5008],{"type":21,"value":753},{"type":15,"tag":202,"props":5010,"children":5011},{"style":215},[5012],{"type":21,"value":2519},{"type":15,"tag":202,"props":5014,"children":5015},{"style":209},[5016],{"type":21,"value":222},{"type":15,"tag":202,"props":5018,"children":5019},{"class":204,"line":2324},[5020,5024,5028,5032,5036,5040,5044,5048,5052,5056,5060,5064,5068,5072,5076],{"type":15,"tag":202,"props":5021,"children":5022},{"style":209},[5023],{"type":21,"value":307},{"type":15,"tag":202,"props":5025,"children":5026},{"style":990},[5027],{"type":21,"value":505},{"type":15,"tag":202,"props":5029,"children":5030},{"style":1719},[5031],{"type":21,"value":1971},{"type":15,"tag":202,"props":5033,"children":5034},{"style":996},[5035],{"type":21,"value":274},{"type":15,"tag":202,"props":5037,"children":5038},{"style":887},[5039],{"type":21,"value":1731},{"type":15,"tag":202,"props":5041,"children":5042},{"style":209},[5043],{"type":21,"value":1984},{"type":15,"tag":202,"props":5045,"children":5046},{"style":887},[5047],{"type":21,"value":1573},{"type":15,"tag":202,"props":5049,"children":5050},{"style":1002},[5051],{"type":21,"value":1993},{"type":15,"tag":202,"props":5053,"children":5054},{"style":209},[5055],{"type":21,"value":1073},{"type":15,"tag":202,"props":5057,"children":5058},{"style":266},[5059],{"type":21,"value":180},{"type":15,"tag":202,"props":5061,"children":5062},{"style":209},[5063],{"type":21,"value":2006},{"type":15,"tag":202,"props":5065,"children":5066},{"style":887},[5067],{"type":21,"value":1028},{"type":15,"tag":202,"props":5069,"children":5070},{"style":209},[5071],{"type":21,"value":2015},{"type":15,"tag":202,"props":5073,"children":5074},{"style":990},[5075],{"type":21,"value":505},{"type":15,"tag":202,"props":5077,"children":5078},{"style":209},[5079],{"type":21,"value":222},{"type":15,"tag":202,"props":5081,"children":5082},{"class":204,"line":2348},[5083],{"type":15,"tag":202,"props":5084,"children":5085},{"emptyLinePlaceholder":8},[5086],{"type":21,"value":541},{"type":15,"tag":202,"props":5088,"children":5089},{"class":204,"line":2364},[5090,5094,5098,5102,5106,5110,5115,5119,5124,5128,5132,5136,5140,5145,5149,5153,5158,5162],{"type":15,"tag":202,"props":5091,"children":5092},{"style":209},[5093],{"type":21,"value":307},{"type":15,"tag":202,"props":5095,"children":5096},{"style":990},[5097],{"type":21,"value":4152},{"type":15,"tag":202,"props":5099,"children":5100},{"style":1719},[5101],{"type":21,"value":1005},{"type":15,"tag":202,"props":5103,"children":5104},{"style":996},[5105],{"type":21,"value":274},{"type":15,"tag":202,"props":5107,"children":5108},{"style":887},[5109],{"type":21,"value":1731},{"type":15,"tag":202,"props":5111,"children":5112},{"style":215},[5113],{"type":21,"value":5114},"nodeRef",{"type":15,"tag":202,"props":5116,"children":5117},{"style":887},[5118],{"type":21,"value":1028},{"type":15,"tag":202,"props":5120,"children":5121},{"style":1719},[5122],{"type":21,"value":5123}," in",{"type":15,"tag":202,"props":5125,"children":5126},{"style":996},[5127],{"type":21,"value":274},{"type":15,"tag":202,"props":5129,"children":5130},{"style":887},[5131],{"type":21,"value":1731},{"type":15,"tag":202,"props":5133,"children":5134},{"style":215},[5135],{"type":21,"value":136},{"type":15,"tag":202,"props":5137,"children":5138},{"style":887},[5139],{"type":21,"value":1028},{"type":15,"tag":202,"props":5141,"children":5142},{"style":1719},[5143],{"type":21,"value":5144}," timeout",{"type":15,"tag":202,"props":5146,"children":5147},{"style":996},[5148],{"type":21,"value":274},{"type":15,"tag":202,"props":5150,"children":5151},{"style":887},[5152],{"type":21,"value":1731},{"type":15,"tag":202,"props":5154,"children":5155},{"style":266},[5156],{"type":21,"value":5157},"300",{"type":15,"tag":202,"props":5159,"children":5160},{"style":887},[5161],{"type":21,"value":1028},{"type":15,"tag":202,"props":5163,"children":5164},{"style":209},[5165],{"type":21,"value":222},{"type":15,"tag":202,"props":5167,"children":5168},{"class":204,"line":2380},[5169,5173,5177,5182,5186,5190],{"type":15,"tag":202,"props":5170,"children":5171},{"style":887},[5172],{"type":21,"value":4645},{"type":15,"tag":202,"props":5174,"children":5175},{"style":209},[5176],{"type":21,"value":1073},{"type":15,"tag":202,"props":5178,"children":5179},{"style":1107},[5180],{"type":21,"value":5181},"state",{"type":15,"tag":202,"props":5183,"children":5184},{"style":209},[5185],{"type":21,"value":1125},{"type":15,"tag":202,"props":5187,"children":5188},{"style":887},[5189],{"type":21,"value":1573},{"type":15,"tag":202,"props":5191,"children":5192},{"style":209},[5193],{"type":21,"value":1669},{"type":15,"tag":202,"props":5195,"children":5196},{"class":204,"line":2389},[5197,5201],{"type":15,"tag":202,"props":5198,"children":5199},{"style":209},[5200],{"type":21,"value":1791},{"type":15,"tag":202,"props":5202,"children":5203},{"style":990},[5204],{"type":21,"value":554},{"type":15,"tag":202,"props":5206,"children":5207},{"class":204,"line":2398},[5208,5213,5217,5221,5225],{"type":15,"tag":202,"props":5209,"children":5210},{"style":1719},[5211],{"type":21,"value":5212}," ref",{"type":15,"tag":202,"props":5214,"children":5215},{"style":996},[5216],{"type":21,"value":274},{"type":15,"tag":202,"props":5218,"children":5219},{"style":887},[5220],{"type":21,"value":1731},{"type":15,"tag":202,"props":5222,"children":5223},{"style":215},[5224],{"type":21,"value":3940},{"type":15,"tag":202,"props":5226,"children":5227},{"style":887},[5228],{"type":21,"value":1741},{"type":15,"tag":202,"props":5230,"children":5231},{"class":204,"line":3538},[5232],{"type":15,"tag":202,"props":5233,"children":5234},{"style":1719},[5235],{"type":21,"value":5236}," open\n",{"type":15,"tag":202,"props":5238,"children":5239},{"class":204,"line":3551},[5240,5245,5249,5253,5257],{"type":15,"tag":202,"props":5241,"children":5242},{"style":1719},[5243],{"type":21,"value":5244}," placement",{"type":15,"tag":202,"props":5246,"children":5247},{"style":996},[5248],{"type":21,"value":274},{"type":15,"tag":202,"props":5250,"children":5251},{"style":887},[5252],{"type":21,"value":1731},{"type":15,"tag":202,"props":5254,"children":5255},{"style":215},[5256],{"type":21,"value":73},{"type":15,"tag":202,"props":5258,"children":5259},{"style":887},[5260],{"type":21,"value":1741},{"type":15,"tag":202,"props":5262,"children":5263},{"class":204,"line":3564},[5264,5269,5273,5277,5281,5285,5289,5293,5297,5301],{"type":15,"tag":202,"props":5265,"children":5266},{"style":1719},[5267],{"type":21,"value":5268}," onClose",{"type":15,"tag":202,"props":5270,"children":5271},{"style":996},[5272],{"type":21,"value":274},{"type":15,"tag":202,"props":5274,"children":5275},{"style":887},[5276],{"type":21,"value":1731},{"type":15,"tag":202,"props":5278,"children":5279},{"style":209},[5280],{"type":21,"value":1984},{"type":15,"tag":202,"props":5282,"children":5283},{"style":887},[5284],{"type":21,"value":1573},{"type":15,"tag":202,"props":5286,"children":5287},{"style":1002},[5288],{"type":21,"value":1993},{"type":15,"tag":202,"props":5290,"children":5291},{"style":209},[5292],{"type":21,"value":1073},{"type":15,"tag":202,"props":5294,"children":5295},{"style":266},[5296],{"type":21,"value":1078},{"type":15,"tag":202,"props":5298,"children":5299},{"style":209},[5300],{"type":21,"value":2006},{"type":15,"tag":202,"props":5302,"children":5303},{"style":887},[5304],{"type":21,"value":1741},{"type":15,"tag":202,"props":5306,"children":5307},{"class":204,"line":3577},[5308,5313,5317,5321,5325],{"type":15,"tag":202,"props":5309,"children":5310},{"style":1719},[5311],{"type":21,"value":5312}," className",{"type":15,"tag":202,"props":5314,"children":5315},{"style":996},[5316],{"type":21,"value":274},{"type":15,"tag":202,"props":5318,"children":5319},{"style":887},[5320],{"type":21,"value":1731},{"type":15,"tag":202,"props":5322,"children":5323},{"style":1002},[5324],{"type":21,"value":2154},{"type":15,"tag":202,"props":5326,"children":5327},{"style":209},[5328],{"type":21,"value":5329},"(\n",{"type":15,"tag":202,"props":5331,"children":5332},{"class":204,"line":3590},[5333,5338],{"type":15,"tag":202,"props":5334,"children":5335},{"style":277},[5336],{"type":21,"value":5337}," 'bg-neutral-50 border border-gray-300 max-w-[370px] duration-500 transition ease-in-out'",{"type":15,"tag":202,"props":5339,"children":5340},{"style":209},[5341],{"type":21,"value":2218},{"type":15,"tag":202,"props":5343,"children":5344},{"class":204,"line":3603},[5345],{"type":15,"tag":202,"props":5346,"children":5347},{"style":209},[5348],{"type":21,"value":5349}," {\n",{"type":15,"tag":202,"props":5351,"children":5352},{"class":204,"line":3616},[5353,5358,5362,5366,5370,5375,5380,5384,5388,5392],{"type":15,"tag":202,"props":5354,"children":5355},{"style":277},[5356],{"type":21,"value":5357}," 'translate-x-0'",{"type":15,"tag":202,"props":5359,"children":5360},{"style":209},[5361],{"type":21,"value":1115},{"type":15,"tag":202,"props":5363,"children":5364},{"style":215},[5365],{"type":21,"value":5181},{"type":15,"tag":202,"props":5367,"children":5368},{"style":996},[5369],{"type":21,"value":2189},{"type":15,"tag":202,"props":5371,"children":5372},{"style":277},[5373],{"type":21,"value":5374}," 'entered'",{"type":15,"tag":202,"props":5376,"children":5377},{"style":996},[5378],{"type":21,"value":5379}," &&",{"type":15,"tag":202,"props":5381,"children":5382},{"style":215},[5383],{"type":21,"value":993},{"type":15,"tag":202,"props":5385,"children":5386},{"style":996},[5387],{"type":21,"value":2189},{"type":15,"tag":202,"props":5389,"children":5390},{"style":277},[5391],{"type":21,"value":2194},{"type":15,"tag":202,"props":5393,"children":5394},{"style":209},[5395],{"type":21,"value":2218},{"type":15,"tag":202,"props":5397,"children":5398},{"class":204,"line":3637},[5399,5404,5409,5413,5417,5422,5426,5431,5435,5440,5444,5449,5453,5457,5461],{"type":15,"tag":202,"props":5400,"children":5401},{"style":277},[5402],{"type":21,"value":5403}," '-translate-x-full'",{"type":15,"tag":202,"props":5405,"children":5406},{"style":209},[5407],{"type":21,"value":5408},": (",{"type":15,"tag":202,"props":5410,"children":5411},{"style":215},[5412],{"type":21,"value":5181},{"type":15,"tag":202,"props":5414,"children":5415},{"style":996},[5416],{"type":21,"value":2189},{"type":15,"tag":202,"props":5418,"children":5419},{"style":277},[5420],{"type":21,"value":5421}," 'entering'",{"type":15,"tag":202,"props":5423,"children":5424},{"style":996},[5425],{"type":21,"value":2199},{"type":15,"tag":202,"props":5427,"children":5428},{"style":215},[5429],{"type":21,"value":5430}," state",{"type":15,"tag":202,"props":5432,"children":5433},{"style":996},[5434],{"type":21,"value":2189},{"type":15,"tag":202,"props":5436,"children":5437},{"style":277},[5438],{"type":21,"value":5439}," 'exited'",{"type":15,"tag":202,"props":5441,"children":5442},{"style":209},[5443],{"type":21,"value":1125},{"type":15,"tag":202,"props":5445,"children":5446},{"style":996},[5447],{"type":21,"value":5448},"&&",{"type":15,"tag":202,"props":5450,"children":5451},{"style":215},[5452],{"type":21,"value":993},{"type":15,"tag":202,"props":5454,"children":5455},{"style":996},[5456],{"type":21,"value":2189},{"type":15,"tag":202,"props":5458,"children":5459},{"style":277},[5460],{"type":21,"value":2194},{"type":15,"tag":202,"props":5462,"children":5463},{"style":209},[5464],{"type":21,"value":2218},{"type":15,"tag":202,"props":5466,"children":5467},{"class":204,"line":3669},[5468,5473,5477,5481,5485,5489,5493,5497,5501,5505],{"type":15,"tag":202,"props":5469,"children":5470},{"style":277},[5471],{"type":21,"value":5472}," '-translate-x-0'",{"type":15,"tag":202,"props":5474,"children":5475},{"style":209},[5476],{"type":21,"value":1115},{"type":15,"tag":202,"props":5478,"children":5479},{"style":215},[5480],{"type":21,"value":5181},{"type":15,"tag":202,"props":5482,"children":5483},{"style":996},[5484],{"type":21,"value":2189},{"type":15,"tag":202,"props":5486,"children":5487},{"style":277},[5488],{"type":21,"value":5374},{"type":15,"tag":202,"props":5490,"children":5491},{"style":996},[5492],{"type":21,"value":5379},{"type":15,"tag":202,"props":5494,"children":5495},{"style":215},[5496],{"type":21,"value":993},{"type":15,"tag":202,"props":5498,"children":5499},{"style":996},[5500],{"type":21,"value":2189},{"type":15,"tag":202,"props":5502,"children":5503},{"style":277},[5504],{"type":21,"value":2213},{"type":15,"tag":202,"props":5506,"children":5507},{"style":209},[5508],{"type":21,"value":2218},{"type":15,"tag":202,"props":5510,"children":5511},{"class":204,"line":3677},[5512,5517,5521,5525,5529,5533,5537,5541,5545,5549,5553,5557,5561,5565,5569],{"type":15,"tag":202,"props":5513,"children":5514},{"style":277},[5515],{"type":21,"value":5516}," 'translate-x-full'",{"type":15,"tag":202,"props":5518,"children":5519},{"style":209},[5520],{"type":21,"value":5408},{"type":15,"tag":202,"props":5522,"children":5523},{"style":215},[5524],{"type":21,"value":5181},{"type":15,"tag":202,"props":5526,"children":5527},{"style":996},[5528],{"type":21,"value":2189},{"type":15,"tag":202,"props":5530,"children":5531},{"style":277},[5532],{"type":21,"value":5421},{"type":15,"tag":202,"props":5534,"children":5535},{"style":996},[5536],{"type":21,"value":2199},{"type":15,"tag":202,"props":5538,"children":5539},{"style":215},[5540],{"type":21,"value":5430},{"type":15,"tag":202,"props":5542,"children":5543},{"style":996},[5544],{"type":21,"value":2189},{"type":15,"tag":202,"props":5546,"children":5547},{"style":277},[5548],{"type":21,"value":5439},{"type":15,"tag":202,"props":5550,"children":5551},{"style":209},[5552],{"type":21,"value":1125},{"type":15,"tag":202,"props":5554,"children":5555},{"style":996},[5556],{"type":21,"value":5448},{"type":15,"tag":202,"props":5558,"children":5559},{"style":215},[5560],{"type":21,"value":993},{"type":15,"tag":202,"props":5562,"children":5563},{"style":996},[5564],{"type":21,"value":2189},{"type":15,"tag":202,"props":5566,"children":5567},{"style":277},[5568],{"type":21,"value":2213},{"type":15,"tag":202,"props":5570,"children":5571},{"style":209},[5572],{"type":21,"value":2218},{"type":15,"tag":202,"props":5574,"children":5575},{"class":204,"line":3733},[5576],{"type":15,"tag":202,"props":5577,"children":5578},{"style":209},[5579],{"type":21,"value":5580}," },\n",{"type":15,"tag":202,"props":5582,"children":5583},{"class":204,"line":3765},[5584,5589],{"type":15,"tag":202,"props":5585,"children":5586},{"style":209},[5587],{"type":21,"value":5588}," )",{"type":15,"tag":202,"props":5590,"children":5591},{"style":887},[5592],{"type":21,"value":1741},{"type":15,"tag":202,"props":5594,"children":5595},{"class":204,"line":3791},[5596],{"type":15,"tag":202,"props":5597,"children":5598},{"style":209},[5599],{"type":21,"value":5600}," >\n",{"type":15,"tag":202,"props":5602,"children":5603},{"class":204,"line":3799},[5604,5608,5612,5616,5620,5624],{"type":15,"tag":202,"props":5605,"children":5606},{"style":209},[5607],{"type":21,"value":4745},{"type":15,"tag":202,"props":5609,"children":5610},{"style":215},[5611],{"type":21,"value":3012},{"type":15,"tag":202,"props":5613,"children":5614},{"style":1719},[5615],{"type":21,"value":2269},{"type":15,"tag":202,"props":5617,"children":5618},{"style":996},[5619],{"type":21,"value":274},{"type":15,"tag":202,"props":5621,"children":5622},{"style":277},[5623],{"type":21,"value":3025},{"type":15,"tag":202,"props":5625,"children":5626},{"style":209},[5627],{"type":21,"value":222},{"type":15,"tag":202,"props":5629,"children":5630},{"class":204,"line":3825},[5631,5636,5640,5644,5648,5652],{"type":15,"tag":202,"props":5632,"children":5633},{"style":209},[5634],{"type":21,"value":5635}," \u003C",{"type":15,"tag":202,"props":5637,"children":5638},{"style":215},[5639],{"type":21,"value":684},{"type":15,"tag":202,"props":5641,"children":5642},{"style":1719},[5643],{"type":21,"value":2269},{"type":15,"tag":202,"props":5645,"children":5646},{"style":996},[5647],{"type":21,"value":274},{"type":15,"tag":202,"props":5649,"children":5650},{"style":277},[5651],{"type":21,"value":3053},{"type":15,"tag":202,"props":5653,"children":5654},{"style":209},[5655],{"type":21,"value":222},{"type":15,"tag":202,"props":5657,"children":5658},{"class":204,"line":3868},[5659,5664,5668,5672,5676,5680],{"type":15,"tag":202,"props":5660,"children":5661},{"style":209},[5662],{"type":21,"value":5663}," \u003C",{"type":15,"tag":202,"props":5665,"children":5666},{"style":990},[5667],{"type":21,"value":3063},{"type":15,"tag":202,"props":5669,"children":5670},{"style":1719},[5671],{"type":21,"value":2269},{"type":15,"tag":202,"props":5673,"children":5674},{"style":996},[5675],{"type":21,"value":274},{"type":15,"tag":202,"props":5677,"children":5678},{"style":277},[5679],{"type":21,"value":3076},{"type":15,"tag":202,"props":5681,"children":5682},{"style":209},[5683],{"type":21,"value":5684}," \u002F> Your favorite items\n",{"type":15,"tag":202,"props":5686,"children":5687},{"class":204,"line":3910},[5688,5693,5697],{"type":15,"tag":202,"props":5689,"children":5690},{"style":209},[5691],{"type":21,"value":5692}," \u003C\u002F",{"type":15,"tag":202,"props":5694,"children":5695},{"style":215},[5696],{"type":21,"value":684},{"type":15,"tag":202,"props":5698,"children":5699},{"style":209},[5700],{"type":21,"value":222},{"type":15,"tag":202,"props":5702,"children":5703},{"class":204,"line":3918},[5704,5708],{"type":15,"tag":202,"props":5705,"children":5706},{"style":209},[5707],{"type":21,"value":5635},{"type":15,"tag":202,"props":5709,"children":5710},{"style":990},[5711],{"type":21,"value":5712},"SfButton\n",{"type":15,"tag":202,"props":5714,"children":5715},{"class":204,"line":3926},[5716],{"type":15,"tag":202,"props":5717,"children":5718},{"style":1719},[5719],{"type":21,"value":5720}," square\n",{"type":15,"tag":202,"props":5722,"children":5723},{"class":204,"line":3966},[5724,5729,5733],{"type":15,"tag":202,"props":5725,"children":5726},{"style":1719},[5727],{"type":21,"value":5728}," variant",{"type":15,"tag":202,"props":5730,"children":5731},{"style":996},[5732],{"type":21,"value":274},{"type":15,"tag":202,"props":5734,"children":5735},{"style":277},[5736],{"type":21,"value":5737},"\"tertiary\"\n",{"type":15,"tag":202,"props":5739,"children":5741},{"class":204,"line":5740},70,[5742,5747,5751,5755,5759,5763],{"type":15,"tag":202,"props":5743,"children":5744},{"style":1719},[5745],{"type":21,"value":5746}," onClick",{"type":15,"tag":202,"props":5748,"children":5749},{"style":996},[5750],{"type":21,"value":274},{"type":15,"tag":202,"props":5752,"children":5753},{"style":887},[5754],{"type":21,"value":1731},{"type":15,"tag":202,"props":5756,"children":5757},{"style":209},[5758],{"type":21,"value":1984},{"type":15,"tag":202,"props":5760,"children":5761},{"style":887},[5762],{"type":21,"value":1573},{"type":15,"tag":202,"props":5764,"children":5765},{"style":209},[5766],{"type":21,"value":1578},{"type":15,"tag":202,"props":5768,"children":5770},{"class":204,"line":5769},71,[5771,5776,5780,5785,5789],{"type":15,"tag":202,"props":5772,"children":5773},{"style":1002},[5774],{"type":21,"value":5775}," setOpen",{"type":15,"tag":202,"props":5777,"children":5778},{"style":209},[5779],{"type":21,"value":1073},{"type":15,"tag":202,"props":5781,"children":5782},{"style":996},[5783],{"type":21,"value":5784},"!",{"type":15,"tag":202,"props":5786,"children":5787},{"style":215},[5788],{"type":21,"value":136},{"type":15,"tag":202,"props":5790,"children":5791},{"style":209},[5792],{"type":21,"value":1047},{"type":15,"tag":202,"props":5794,"children":5796},{"class":204,"line":5795},72,[5797,5802],{"type":15,"tag":202,"props":5798,"children":5799},{"style":209},[5800],{"type":21,"value":5801}," }",{"type":15,"tag":202,"props":5803,"children":5804},{"style":887},[5805],{"type":21,"value":1741},{"type":15,"tag":202,"props":5807,"children":5809},{"class":204,"line":5808},73,[5810,5815,5819],{"type":15,"tag":202,"props":5811,"children":5812},{"style":1719},[5813],{"type":21,"value":5814}," className",{"type":15,"tag":202,"props":5816,"children":5817},{"style":996},[5818],{"type":21,"value":274},{"type":15,"tag":202,"props":5820,"children":5821},{"style":277},[5822],{"type":21,"value":5823},"\"text-white\"\n",{"type":15,"tag":202,"props":5825,"children":5827},{"class":204,"line":5826},74,[5828],{"type":15,"tag":202,"props":5829,"children":5830},{"style":209},[5831],{"type":21,"value":5832}," >\n",{"type":15,"tag":202,"props":5834,"children":5836},{"class":204,"line":5835},75,[5837,5841,5845],{"type":15,"tag":202,"props":5838,"children":5839},{"style":209},[5840],{"type":21,"value":5663},{"type":15,"tag":202,"props":5842,"children":5843},{"style":990},[5844],{"type":21,"value":3161},{"type":15,"tag":202,"props":5846,"children":5847},{"style":209},[5848],{"type":21,"value":2649},{"type":15,"tag":202,"props":5850,"children":5852},{"class":204,"line":5851},76,[5853,5857,5861],{"type":15,"tag":202,"props":5854,"children":5855},{"style":209},[5856],{"type":21,"value":5692},{"type":15,"tag":202,"props":5858,"children":5859},{"style":990},[5860],{"type":21,"value":505},{"type":15,"tag":202,"props":5862,"children":5863},{"style":209},[5864],{"type":21,"value":222},{"type":15,"tag":202,"props":5866,"children":5868},{"class":204,"line":5867},77,[5869,5874,5878],{"type":15,"tag":202,"props":5870,"children":5871},{"style":209},[5872],{"type":21,"value":5873}," \u003C\u002F",{"type":15,"tag":202,"props":5875,"children":5876},{"style":215},[5877],{"type":21,"value":3012},{"type":15,"tag":202,"props":5879,"children":5880},{"style":209},[5881],{"type":21,"value":222},{"type":15,"tag":202,"props":5883,"children":5885},{"class":204,"line":5884},78,[5886,5890,5894,5898,5902,5906],{"type":15,"tag":202,"props":5887,"children":5888},{"style":209},[5889],{"type":21,"value":4745},{"type":15,"tag":202,"props":5891,"children":5892},{"style":215},[5893],{"type":21,"value":684},{"type":15,"tag":202,"props":5895,"children":5896},{"style":1719},[5897],{"type":21,"value":2269},{"type":15,"tag":202,"props":5899,"children":5900},{"style":996},[5901],{"type":21,"value":274},{"type":15,"tag":202,"props":5903,"children":5904},{"style":277},[5905],{"type":21,"value":3219},{"type":15,"tag":202,"props":5907,"children":5908},{"style":209},[5909],{"type":21,"value":222},{"type":15,"tag":202,"props":5911,"children":5913},{"class":204,"line":5912},79,[5914,5918,5922,5926,5930,5934],{"type":15,"tag":202,"props":5915,"children":5916},{"style":209},[5917],{"type":21,"value":5635},{"type":15,"tag":202,"props":5919,"children":5920},{"style":215},[5921],{"type":21,"value":32},{"type":15,"tag":202,"props":5923,"children":5924},{"style":1719},[5925],{"type":21,"value":2269},{"type":15,"tag":202,"props":5927,"children":5928},{"style":996},[5929],{"type":21,"value":274},{"type":15,"tag":202,"props":5931,"children":5932},{"style":277},[5933],{"type":21,"value":713},{"type":15,"tag":202,"props":5935,"children":5936},{"style":209},[5937],{"type":21,"value":222},{"type":15,"tag":202,"props":5939,"children":5941},{"class":204,"line":5940},80,[5942,5947,5951,5955,5959,5964,5968,5973],{"type":15,"tag":202,"props":5943,"children":5944},{"style":209},[5945],{"type":21,"value":5946}," Focus is trapped inside this Drawer and \u003C",{"type":15,"tag":202,"props":5948,"children":5949},{"style":215},[5950],{"type":21,"value":774},{"type":15,"tag":202,"props":5952,"children":5953},{"style":209},[5954],{"type":21,"value":3267},{"type":15,"tag":202,"props":5956,"children":5957},{"style":215},[5958],{"type":21,"value":774},{"type":15,"tag":202,"props":5960,"children":5961},{"style":209},[5962],{"type":21,"value":5963},"> button cycle through",{"type":15,"tag":202,"props":5965,"children":5966},{"style":887},[5967],{"type":21,"value":1731},{"type":15,"tag":202,"props":5969,"children":5970},{"style":277},[5971],{"type":21,"value":5972},"' '",{"type":15,"tag":202,"props":5974,"children":5975},{"style":887},[5976],{"type":21,"value":1741},{"type":15,"tag":202,"props":5978,"children":5980},{"class":204,"line":5979},81,[5981,5985,5989,5993,5997,6002,6006,6010,6014],{"type":15,"tag":202,"props":5982,"children":5983},{"style":209},[5984],{"type":21,"value":5663},{"type":15,"tag":202,"props":5986,"children":5987},{"style":215},[5988],{"type":21,"value":2426},{"type":15,"tag":202,"props":5990,"children":5991},{"style":1719},[5992],{"type":21,"value":3292},{"type":15,"tag":202,"props":5994,"children":5995},{"style":996},[5996],{"type":21,"value":274},{"type":15,"tag":202,"props":5998,"children":5999},{"style":277},[6000],{"type":21,"value":6001},"\"https:\u002F\u002Fdocs.storefrontui.io\u002Fv2\u002F\"",{"type":15,"tag":202,"props":6003,"children":6004},{"style":1719},[6005],{"type":21,"value":2269},{"type":15,"tag":202,"props":6007,"children":6008},{"style":996},[6009],{"type":21,"value":274},{"type":15,"tag":202,"props":6011,"children":6012},{"style":277},[6013],{"type":21,"value":3314},{"type":15,"tag":202,"props":6015,"children":6016},{"style":209},[6017],{"type":21,"value":222},{"type":15,"tag":202,"props":6019,"children":6021},{"class":204,"line":6020},82,[6022],{"type":15,"tag":202,"props":6023,"children":6024},{"style":209},[6025],{"type":21,"value":6026}," Focusable Element\n",{"type":15,"tag":202,"props":6028,"children":6030},{"class":204,"line":6029},83,[6031,6036,6040,6044,6048,6052],{"type":15,"tag":202,"props":6032,"children":6033},{"style":209},[6034],{"type":21,"value":6035}," \u003C\u002F",{"type":15,"tag":202,"props":6037,"children":6038},{"style":215},[6039],{"type":21,"value":2426},{"type":15,"tag":202,"props":6041,"children":6042},{"style":209},[6043],{"type":21,"value":4950},{"type":15,"tag":202,"props":6045,"children":6046},{"style":887},[6047],{"type":21,"value":1731},{"type":15,"tag":202,"props":6049,"children":6050},{"style":277},[6051],{"type":21,"value":5972},{"type":15,"tag":202,"props":6053,"children":6054},{"style":887},[6055],{"type":21,"value":1741},{"type":15,"tag":202,"props":6057,"children":6059},{"class":204,"line":6058},84,[6060,6065,6069,6073],{"type":15,"tag":202,"props":6061,"children":6062},{"style":209},[6063],{"type":21,"value":6064}," and another",{"type":15,"tag":202,"props":6066,"children":6067},{"style":887},[6068],{"type":21,"value":1731},{"type":15,"tag":202,"props":6070,"children":6071},{"style":277},[6072],{"type":21,"value":5972},{"type":15,"tag":202,"props":6074,"children":6075},{"style":887},[6076],{"type":21,"value":1741},{"type":15,"tag":202,"props":6078,"children":6080},{"class":204,"line":6079},85,[6081,6085,6089,6093,6097,6101,6105,6109,6113],{"type":15,"tag":202,"props":6082,"children":6083},{"style":209},[6084],{"type":21,"value":5663},{"type":15,"tag":202,"props":6086,"children":6087},{"style":215},[6088],{"type":21,"value":2426},{"type":15,"tag":202,"props":6090,"children":6091},{"style":1719},[6092],{"type":21,"value":3292},{"type":15,"tag":202,"props":6094,"children":6095},{"style":996},[6096],{"type":21,"value":274},{"type":15,"tag":202,"props":6098,"children":6099},{"style":277},[6100],{"type":21,"value":6001},{"type":15,"tag":202,"props":6102,"children":6103},{"style":1719},[6104],{"type":21,"value":2269},{"type":15,"tag":202,"props":6106,"children":6107},{"style":996},[6108],{"type":21,"value":274},{"type":15,"tag":202,"props":6110,"children":6111},{"style":277},[6112],{"type":21,"value":3314},{"type":15,"tag":202,"props":6114,"children":6115},{"style":209},[6116],{"type":21,"value":222},{"type":15,"tag":202,"props":6118,"children":6120},{"class":204,"line":6119},86,[6121],{"type":15,"tag":202,"props":6122,"children":6123},{"style":209},[6124],{"type":21,"value":6026},{"type":15,"tag":202,"props":6126,"children":6128},{"class":204,"line":6127},87,[6129,6133,6137],{"type":15,"tag":202,"props":6130,"children":6131},{"style":209},[6132],{"type":21,"value":6035},{"type":15,"tag":202,"props":6134,"children":6135},{"style":215},[6136],{"type":21,"value":2426},{"type":15,"tag":202,"props":6138,"children":6139},{"style":209},[6140],{"type":21,"value":222},{"type":15,"tag":202,"props":6142,"children":6144},{"class":204,"line":6143},88,[6145,6149,6153],{"type":15,"tag":202,"props":6146,"children":6147},{"style":209},[6148],{"type":21,"value":5692},{"type":15,"tag":202,"props":6150,"children":6151},{"style":215},[6152],{"type":21,"value":32},{"type":15,"tag":202,"props":6154,"children":6155},{"style":209},[6156],{"type":21,"value":222},{"type":15,"tag":202,"props":6158,"children":6160},{"class":204,"line":6159},89,[6161,6165,6169,6173,6177],{"type":15,"tag":202,"props":6162,"children":6163},{"style":209},[6164],{"type":21,"value":5635},{"type":15,"tag":202,"props":6166,"children":6167},{"style":215},[6168],{"type":21,"value":774},{"type":15,"tag":202,"props":6170,"children":6171},{"style":209},[6172],{"type":21,"value":779},{"type":15,"tag":202,"props":6174,"children":6175},{"style":215},[6176],{"type":21,"value":774},{"type":15,"tag":202,"props":6178,"children":6179},{"style":209},[6180],{"type":21,"value":222},{"type":15,"tag":202,"props":6182,"children":6184},{"class":204,"line":6183},90,[6185,6189,6193],{"type":15,"tag":202,"props":6186,"children":6187},{"style":209},[6188],{"type":21,"value":5873},{"type":15,"tag":202,"props":6190,"children":6191},{"style":215},[6192],{"type":21,"value":684},{"type":15,"tag":202,"props":6194,"children":6195},{"style":209},[6196],{"type":21,"value":222},{"type":15,"tag":202,"props":6198,"children":6200},{"class":204,"line":6199},91,[6201,6205,6209],{"type":15,"tag":202,"props":6202,"children":6203},{"style":209},[6204],{"type":21,"value":2313},{"type":15,"tag":202,"props":6206,"children":6207},{"style":990},[6208],{"type":21,"value":41},{"type":15,"tag":202,"props":6210,"children":6211},{"style":209},[6212],{"type":21,"value":222},{"type":15,"tag":202,"props":6214,"children":6216},{"class":204,"line":6215},92,[6217,6222],{"type":15,"tag":202,"props":6218,"children":6219},{"style":209},[6220],{"type":21,"value":6221}," )",{"type":15,"tag":202,"props":6223,"children":6224},{"style":887},[6225],{"type":21,"value":1741},{"type":15,"tag":202,"props":6227,"children":6229},{"class":204,"line":6228},93,[6230,6234,6238],{"type":15,"tag":202,"props":6231,"children":6232},{"style":209},[6233],{"type":21,"value":753},{"type":15,"tag":202,"props":6235,"children":6236},{"style":990},[6237],{"type":21,"value":4152},{"type":15,"tag":202,"props":6239,"children":6240},{"style":209},[6241],{"type":21,"value":222},{"type":15,"tag":202,"props":6243,"children":6245},{"class":204,"line":6244},94,[6246],{"type":15,"tag":202,"props":6247,"children":6248},{"style":209},[6249],{"type":21,"value":2386},{"type":15,"tag":202,"props":6251,"children":6253},{"class":204,"line":6252},95,[6254],{"type":15,"tag":202,"props":6255,"children":6256},{"style":209},[6257],{"type":21,"value":2395},{"type":15,"tag":202,"props":6259,"children":6261},{"class":204,"line":6260},96,[6262],{"type":15,"tag":202,"props":6263,"children":6264},{"style":209},[6265],{"type":21,"value":1741},{"type":15,"tag":45,"props":6267,"children":6269},{"id":6268},"accessibility-notes",[6270],{"type":21,"value":6271},"Accessibility notes",{"type":15,"tag":32,"props":6273,"children":6274},{},[6275,6277,6283,6284,6290],{"type":21,"value":6276},"The component is providing keyboard accessibility with ",{"type":15,"tag":36,"props":6278,"children":6280},{"className":6279},[],[6281],{"type":21,"value":6282},"@keydown.esc=\"onEscKeyDown\"",{"type":21,"value":166},{"type":15,"tag":36,"props":6285,"children":6287},{"className":6286},[],[6288],{"type":21,"value":6289},"onClickOutside",{"type":21,"value":6291}," function which allows users to close the drawer by pressing the Escape key or click outside of the drawer.",{"type":15,"tag":45,"props":6293,"children":6295},{"id":6294},"playground",[6296],{"type":21,"value":6297},"Playground",{"type":15,"tag":6299,"props":6300,"children":6302},"generate",{"style":6301},"height: 600px",[],{"type":15,"tag":28,"props":6304,"children":6305},{"v-slot:tab-2":9},[6306,6312,6533,6794],{"type":15,"tag":45,"props":6307,"children":6309},{"id":6308},"props",[6310],{"type":21,"value":6311},"Props",{"type":15,"tag":107,"props":6313,"children":6314},{},[6315],{"type":15,"tag":6316,"props":6317,"children":6318},"table",{},[6319,6348],{"type":15,"tag":6320,"props":6321,"children":6322},"thead",{},[6323],{"type":15,"tag":6324,"props":6325,"children":6326},"tr",{},[6327,6333,6338,6343],{"type":15,"tag":6328,"props":6329,"children":6330},"th",{},[6331],{"type":21,"value":6332},"Prop name",{"type":15,"tag":6328,"props":6334,"children":6335},{},[6336],{"type":21,"value":6337},"Type",{"type":15,"tag":6328,"props":6339,"children":6340},{},[6341],{"type":21,"value":6342},"Default value",{"type":15,"tag":6328,"props":6344,"children":6345},{},[6346],{"type":21,"value":6347},"Possible values",{"type":15,"tag":6349,"props":6350,"children":6351},"tbody",{},[6352,6385,6418,6473,6503],{"type":15,"tag":6324,"props":6353,"children":6354},{},[6355,6365,6374,6382],{"type":15,"tag":6356,"props":6357,"children":6358},"td",{},[6359],{"type":15,"tag":36,"props":6360,"children":6362},{"className":6361},[],[6363],{"type":21,"value":6364},"modelValue",{"type":15,"tag":6356,"props":6366,"children":6367},{},[6368],{"type":15,"tag":36,"props":6369,"children":6371},{"className":6370},[],[6372],{"type":21,"value":6373},"boolean",{"type":15,"tag":6356,"props":6375,"children":6376},{},[6377],{"type":15,"tag":36,"props":6378,"children":6380},{"className":6379},[],[6381],{"type":21,"value":1078},{"type":15,"tag":6356,"props":6383,"children":6384},{},[],{"type":15,"tag":6324,"props":6386,"children":6387},{},[6388,6397,6406,6415],{"type":15,"tag":6356,"props":6389,"children":6390},{},[6391],{"type":15,"tag":36,"props":6392,"children":6394},{"className":6393},[],[6395],{"type":21,"value":6396},"tag",{"type":15,"tag":6356,"props":6398,"children":6399},{},[6400],{"type":15,"tag":36,"props":6401,"children":6403},{"className":6402},[],[6404],{"type":21,"value":6405},"string",{"type":15,"tag":6356,"props":6407,"children":6408},{},[6409],{"type":15,"tag":36,"props":6410,"children":6412},{"className":6411},[],[6413],{"type":21,"value":6414},"'aside'",{"type":15,"tag":6356,"props":6416,"children":6417},{},[],{"type":15,"tag":6324,"props":6419,"children":6420},{},[6421,6429,6437,6445],{"type":15,"tag":6356,"props":6422,"children":6423},{},[6424],{"type":15,"tag":36,"props":6425,"children":6427},{"className":6426},[],[6428],{"type":21,"value":73},{"type":15,"tag":6356,"props":6430,"children":6431},{},[6432],{"type":15,"tag":36,"props":6433,"children":6435},{"className":6434},[],[6436],{"type":21,"value":908},{"type":15,"tag":6356,"props":6438,"children":6439},{},[6440],{"type":15,"tag":36,"props":6441,"children":6443},{"className":6442},[],[6444],{"type":21,"value":1042},{"type":15,"tag":6356,"props":6446,"children":6447},{},[6448,6454,6455,6461,6462,6467,6468],{"type":15,"tag":36,"props":6449,"children":6451},{"className":6450},[],[6452],{"type":21,"value":6453},"'top'",{"type":21,"value":83},{"type":15,"tag":36,"props":6456,"children":6458},{"className":6457},[],[6459],{"type":21,"value":6460},"'bottom'",{"type":21,"value":83},{"type":15,"tag":36,"props":6463,"children":6465},{"className":6464},[],[6466],{"type":21,"value":1042},{"type":21,"value":83},{"type":15,"tag":36,"props":6469,"children":6471},{"className":6470},[],[6472],{"type":21,"value":3903},{"type":15,"tag":6324,"props":6474,"children":6475},{},[6476,6484,6492,6500],{"type":15,"tag":6356,"props":6477,"children":6478},{},[6479],{"type":15,"tag":36,"props":6480,"children":6482},{"className":6481},[],[6483],{"type":21,"value":164},{"type":15,"tag":6356,"props":6485,"children":6486},{},[6487],{"type":15,"tag":36,"props":6488,"children":6490},{"className":6489},[],[6491],{"type":21,"value":6373},{"type":15,"tag":6356,"props":6493,"children":6494},{},[6495],{"type":15,"tag":36,"props":6496,"children":6498},{"className":6497},[],[6499],{"type":21,"value":1078},{"type":15,"tag":6356,"props":6501,"children":6502},{},[],{"type":15,"tag":6324,"props":6504,"children":6505},{},[6506,6514,6522,6530],{"type":15,"tag":6356,"props":6507,"children":6508},{},[6509],{"type":15,"tag":36,"props":6510,"children":6512},{"className":6511},[],[6513],{"type":21,"value":172},{"type":15,"tag":6356,"props":6515,"children":6516},{},[6517],{"type":15,"tag":36,"props":6518,"children":6520},{"className":6519},[],[6521],{"type":21,"value":6373},{"type":15,"tag":6356,"props":6523,"children":6524},{},[6525],{"type":15,"tag":36,"props":6526,"children":6528},{"className":6527},[],[6529],{"type":21,"value":1078},{"type":15,"tag":6356,"props":6531,"children":6532},{},[],{"type":15,"tag":123,"props":6534,"children":6535},{},[6536],{"type":15,"tag":6316,"props":6537,"children":6538},{},[6539,6561],{"type":15,"tag":6320,"props":6540,"children":6541},{},[6542],{"type":15,"tag":6324,"props":6543,"children":6544},{},[6545,6549,6553,6557],{"type":15,"tag":6328,"props":6546,"children":6547},{},[6548],{"type":21,"value":6332},{"type":15,"tag":6328,"props":6550,"children":6551},{},[6552],{"type":21,"value":6337},{"type":15,"tag":6328,"props":6554,"children":6555},{},[6556],{"type":21,"value":6342},{"type":15,"tag":6328,"props":6558,"children":6559},{},[6560],{"type":21,"value":6347},{"type":15,"tag":6349,"props":6562,"children":6563},{},[6564,6596,6628,6681,6711,6741,6767],{"type":15,"tag":6324,"props":6565,"children":6566},{},[6567,6577,6585,6593],{"type":15,"tag":6356,"props":6568,"children":6569},{},[6570,6575],{"type":15,"tag":36,"props":6571,"children":6573},{"className":6572},[],[6574],{"type":21,"value":136},{"type":21,"value":6576},"*",{"type":15,"tag":6356,"props":6578,"children":6579},{},[6580],{"type":15,"tag":36,"props":6581,"children":6583},{"className":6582},[],[6584],{"type":21,"value":6373},{"type":15,"tag":6356,"props":6586,"children":6587},{},[6588],{"type":15,"tag":36,"props":6589,"children":6591},{"className":6590},[],[6592],{"type":21,"value":1078},{"type":15,"tag":6356,"props":6594,"children":6595},{},[],{"type":15,"tag":6324,"props":6597,"children":6598},{},[6599,6608,6617,6625],{"type":15,"tag":6356,"props":6600,"children":6601},{},[6602],{"type":15,"tag":36,"props":6603,"children":6605},{"className":6604},[],[6606],{"type":21,"value":6607},"as",{"type":15,"tag":6356,"props":6609,"children":6610},{},[6611],{"type":15,"tag":36,"props":6612,"children":6614},{"className":6613},[],[6615],{"type":21,"value":6616},"ReactElement",{"type":15,"tag":6356,"props":6618,"children":6619},{},[6620],{"type":15,"tag":36,"props":6621,"children":6623},{"className":6622},[],[6624],{"type":21,"value":6414},{"type":15,"tag":6356,"props":6626,"children":6627},{},[],{"type":15,"tag":6324,"props":6629,"children":6630},{},[6631,6639,6647,6655],{"type":15,"tag":6356,"props":6632,"children":6633},{},[6634],{"type":15,"tag":36,"props":6635,"children":6637},{"className":6636},[],[6638],{"type":21,"value":73},{"type":15,"tag":6356,"props":6640,"children":6641},{},[6642],{"type":15,"tag":36,"props":6643,"children":6645},{"className":6644},[],[6646],{"type":21,"value":908},{"type":15,"tag":6356,"props":6648,"children":6649},{},[6650],{"type":15,"tag":36,"props":6651,"children":6653},{"className":6652},[],[6654],{"type":21,"value":1042},{"type":15,"tag":6356,"props":6656,"children":6657},{},[6658,6663,6664,6669,6670,6675,6676],{"type":15,"tag":36,"props":6659,"children":6661},{"className":6660},[],[6662],{"type":21,"value":6453},{"type":21,"value":83},{"type":15,"tag":36,"props":6665,"children":6667},{"className":6666},[],[6668],{"type":21,"value":6460},{"type":21,"value":83},{"type":15,"tag":36,"props":6671,"children":6673},{"className":6672},[],[6674],{"type":21,"value":1042},{"type":21,"value":83},{"type":15,"tag":36,"props":6677,"children":6679},{"className":6678},[],[6680],{"type":21,"value":3903},{"type":15,"tag":6324,"props":6682,"children":6683},{},[6684,6692,6700,6708],{"type":15,"tag":6356,"props":6685,"children":6686},{},[6687],{"type":15,"tag":36,"props":6688,"children":6690},{"className":6689},[],[6691],{"type":21,"value":164},{"type":15,"tag":6356,"props":6693,"children":6694},{},[6695],{"type":15,"tag":36,"props":6696,"children":6698},{"className":6697},[],[6699],{"type":21,"value":6373},{"type":15,"tag":6356,"props":6701,"children":6702},{},[6703],{"type":15,"tag":36,"props":6704,"children":6706},{"className":6705},[],[6707],{"type":21,"value":1078},{"type":15,"tag":6356,"props":6709,"children":6710},{},[],{"type":15,"tag":6324,"props":6712,"children":6713},{},[6714,6722,6730,6738],{"type":15,"tag":6356,"props":6715,"children":6716},{},[6717],{"type":15,"tag":36,"props":6718,"children":6720},{"className":6719},[],[6721],{"type":21,"value":172},{"type":15,"tag":6356,"props":6723,"children":6724},{},[6725],{"type":15,"tag":36,"props":6726,"children":6728},{"className":6727},[],[6729],{"type":21,"value":6373},{"type":15,"tag":6356,"props":6731,"children":6732},{},[6733],{"type":15,"tag":36,"props":6734,"children":6736},{"className":6735},[],[6737],{"type":21,"value":1078},{"type":15,"tag":6356,"props":6739,"children":6740},{},[],{"type":15,"tag":6324,"props":6742,"children":6743},{},[6744,6752,6761,6764],{"type":15,"tag":6356,"props":6745,"children":6746},{},[6747],{"type":15,"tag":36,"props":6748,"children":6750},{"className":6749},[],[6751],{"type":21,"value":144},{"type":15,"tag":6356,"props":6753,"children":6754},{},[6755],{"type":15,"tag":36,"props":6756,"children":6758},{"className":6757},[],[6759],{"type":21,"value":6760},"Function",{"type":15,"tag":6356,"props":6762,"children":6763},{},[],{"type":15,"tag":6356,"props":6765,"children":6766},{},[],{"type":15,"tag":6324,"props":6768,"children":6769},{},[6770,6779,6788,6791],{"type":15,"tag":6356,"props":6771,"children":6772},{},[6773],{"type":15,"tag":36,"props":6774,"children":6776},{"className":6775},[],[6777],{"type":21,"value":6778},"children",{"type":15,"tag":6356,"props":6780,"children":6781},{},[6782],{"type":15,"tag":36,"props":6783,"children":6785},{"className":6784},[],[6786],{"type":21,"value":6787},"ReactNode",{"type":15,"tag":6356,"props":6789,"children":6790},{},[],{"type":15,"tag":6356,"props":6792,"children":6793},{},[],{"type":15,"tag":107,"props":6795,"children":6796},{},[6797,6803,6842,6848],{"type":15,"tag":45,"props":6798,"children":6800},{"id":6799},"slots",[6801],{"type":21,"value":6802},"Slots",{"type":15,"tag":6316,"props":6804,"children":6805},{},[6806,6822],{"type":15,"tag":6320,"props":6807,"children":6808},{},[6809],{"type":15,"tag":6324,"props":6810,"children":6811},{},[6812,6817],{"type":15,"tag":6328,"props":6813,"children":6814},{},[6815],{"type":21,"value":6816},"Slot name",{"type":15,"tag":6328,"props":6818,"children":6819},{},[6820],{"type":21,"value":6821},"Description",{"type":15,"tag":6349,"props":6823,"children":6824},{},[6825],{"type":15,"tag":6324,"props":6826,"children":6827},{},[6828,6837],{"type":15,"tag":6356,"props":6829,"children":6830},{},[6831],{"type":15,"tag":36,"props":6832,"children":6834},{"className":6833},[],[6835],{"type":21,"value":6836},"default",{"type":15,"tag":6356,"props":6838,"children":6839},{},[6840],{"type":21,"value":6841},"place content of drawer",{"type":15,"tag":45,"props":6843,"children":6845},{"id":6844},"events",[6846],{"type":21,"value":6847},"Events",{"type":15,"tag":6316,"props":6849,"children":6850},{},[6851,6867],{"type":15,"tag":6320,"props":6852,"children":6853},{},[6854],{"type":15,"tag":6324,"props":6855,"children":6856},{},[6857,6862],{"type":15,"tag":6328,"props":6858,"children":6859},{},[6860],{"type":21,"value":6861},"Event name",{"type":15,"tag":6328,"props":6863,"children":6864},{},[6865],{"type":21,"value":6866},"Trigger",{"type":15,"tag":6349,"props":6868,"children":6869},{},[6870],{"type":15,"tag":6324,"props":6871,"children":6872},{},[6873,6882],{"type":15,"tag":6356,"props":6874,"children":6875},{},[6876],{"type":15,"tag":36,"props":6877,"children":6879},{"className":6878},[],[6880],{"type":21,"value":6881},"update:modelValue",{"type":15,"tag":6356,"props":6883,"children":6884},{},[6885],{"type":21,"value":6886},"emits on clicking close button",{"type":15,"tag":28,"props":6888,"children":6889},{"v-slot:tab-3":9},[6890,6895,8437],{"type":15,"tag":6891,"props":6892,"children":6894},"partial",{"content":6893},"block-callout",[],{"type":15,"tag":107,"props":6896,"children":6897},{},[6898],{"type":15,"tag":192,"props":6899,"children":6901},{"className":194,"code":6900,"language":196,"meta":9,"style":9},"\u003Cscript lang=\"ts\" setup>\nimport { type PropType, type ConcreteComponent, ref, toRefs, computed } from 'vue';\nimport { onClickOutside } from '@vueuse\u002Fcore';\nimport { SfDrawerPlacement, twMerge, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n modelValue: {\n type: Boolean,\n default: false,\n },\n placement: {\n type: String as PropType\u003C`${SfDrawerPlacement}`>,\n default: SfDrawerPlacement.left,\n },\n tag: {\n type: [String, Object] as PropType\u003Cstring | ConcreteComponent>,\n default: 'aside',\n },\n disableClickAway: {\n type: Boolean,\n default: false,\n },\n disableEsc: {\n type: Boolean,\n default: false,\n },\n});\ndefineOptions({\n inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\n\nconst { disableClickAway, disableEsc, placement } = toRefs(props);\nconst emit = defineEmits\u003C{\n (event: 'update:modelValue', isOpen: boolean): void;\n}>();\n\nconst drawerRef = ref();\n\nonClickOutside(drawerRef, () => {\n if (disableClickAway.value) return;\n emit('update:modelValue', false);\n});\n\nconst onEscKeyDown = () => {\n if (disableEsc.value) return;\n emit('update:modelValue', false);\n};\n\nconst placementClasses = computed(() => ({\n 'left-0': placement.value !== SfDrawerPlacement.right,\n 'right-0': placement.value !== SfDrawerPlacement.left,\n 'top-0': placement.value !== SfDrawerPlacement.bottom,\n 'bottom-0': placement.value !== SfDrawerPlacement.top,\n}));\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Ccomponent\n v-if=\"modelValue\"\n :is=\"tag\"\n ref=\"drawerRef\"\n :class=\"twMerge('fixed', placementClasses, $attrs.class)\"\n data-testid=\"drawer\"\n tabindex=\"-1\"\n v-bind=\"attrsWithoutClass\"\n @keydown.esc=\"onEscKeyDown\"\n >\n \u003Cslot \u002F>\n \u003C\u002Fcomponent>\n\u003C\u002Ftemplate>\n\n",[6902],{"type":15,"tag":36,"props":6903,"children":6904},{"__ignoreMap":9},[6905,6936,7011,7043,7092,7099,7125,7138,7159,7179,7187,7199,7252,7279,7286,7298,7356,7375,7382,7394,7413,7432,7439,7451,7470,7489,7496,7504,7516,7536,7543,7576,7583,7639,7665,7716,7724,7731,7754,7761,7789,7826,7854,7861,7868,7897,7932,7959,7967,7974,8009,8054,8098,8142,8186,8194,8209,8216,8231,8243,8260,8277,8293,8309,8326,8343,8360,8377,8384,8406,8422],{"type":15,"tag":202,"props":6906,"children":6907},{"class":204,"line":205},[6908,6912,6916,6920,6924,6928,6932],{"type":15,"tag":202,"props":6909,"children":6910},{"style":209},[6911],{"type":21,"value":212},{"type":15,"tag":202,"props":6913,"children":6914},{"style":215},[6915],{"type":21,"value":857},{"type":15,"tag":202,"props":6917,"children":6918},{"style":266},[6919],{"type":21,"value":862},{"type":15,"tag":202,"props":6921,"children":6922},{"style":209},[6923],{"type":21,"value":274},{"type":15,"tag":202,"props":6925,"children":6926},{"style":277},[6927],{"type":21,"value":871},{"type":15,"tag":202,"props":6929,"children":6930},{"style":266},[6931],{"type":21,"value":876},{"type":15,"tag":202,"props":6933,"children":6934},{"style":209},[6935],{"type":21,"value":222},{"type":15,"tag":202,"props":6937,"children":6938},{"class":204,"line":225},[6939,6943,6947,6951,6956,6960,6964,6969,6973,6977,6981,6986,6990,6995,6999,7003,7007],{"type":15,"tag":202,"props":6940,"children":6941},{"style":887},[6942],{"type":21,"value":890},{"type":15,"tag":202,"props":6944,"children":6945},{"style":209},[6946],{"type":21,"value":895},{"type":15,"tag":202,"props":6948,"children":6949},{"style":887},[6950],{"type":21,"value":1257},{"type":15,"tag":202,"props":6952,"children":6953},{"style":215},[6954],{"type":21,"value":6955}," PropType",{"type":15,"tag":202,"props":6957,"children":6958},{"style":209},[6959],{"type":21,"value":83},{"type":15,"tag":202,"props":6961,"children":6962},{"style":887},[6963],{"type":21,"value":1257},{"type":15,"tag":202,"props":6965,"children":6966},{"style":215},[6967],{"type":21,"value":6968}," ConcreteComponent",{"type":15,"tag":202,"props":6970,"children":6971},{"style":209},[6972],{"type":21,"value":83},{"type":15,"tag":202,"props":6974,"children":6975},{"style":215},[6976],{"type":21,"value":953},{"type":15,"tag":202,"props":6978,"children":6979},{"style":209},[6980],{"type":21,"value":83},{"type":15,"tag":202,"props":6982,"children":6983},{"style":215},[6984],{"type":21,"value":6985},"toRefs",{"type":15,"tag":202,"props":6987,"children":6988},{"style":209},[6989],{"type":21,"value":83},{"type":15,"tag":202,"props":6991,"children":6992},{"style":215},[6993],{"type":21,"value":6994},"computed",{"type":15,"tag":202,"props":6996,"children":6997},{"style":209},[6998],{"type":21,"value":921},{"type":15,"tag":202,"props":7000,"children":7001},{"style":887},[7002],{"type":21,"value":926},{"type":15,"tag":202,"props":7004,"children":7005},{"style":277},[7006],{"type":21,"value":966},{"type":15,"tag":202,"props":7008,"children":7009},{"style":209},[7010],{"type":21,"value":936},{"type":15,"tag":202,"props":7012,"children":7013},{"class":204,"line":243},[7014,7018,7022,7026,7030,7034,7039],{"type":15,"tag":202,"props":7015,"children":7016},{"style":887},[7017],{"type":21,"value":890},{"type":15,"tag":202,"props":7019,"children":7020},{"style":209},[7021],{"type":21,"value":895},{"type":15,"tag":202,"props":7023,"children":7024},{"style":215},[7025],{"type":21,"value":6289},{"type":15,"tag":202,"props":7027,"children":7028},{"style":209},[7029],{"type":21,"value":921},{"type":15,"tag":202,"props":7031,"children":7032},{"style":887},[7033],{"type":21,"value":926},{"type":15,"tag":202,"props":7035,"children":7036},{"style":277},[7037],{"type":21,"value":7038}," '@vueuse\u002Fcore'",{"type":15,"tag":202,"props":7040,"children":7041},{"style":209},[7042],{"type":21,"value":936},{"type":15,"tag":202,"props":7044,"children":7045},{"class":204,"line":252},[7046,7050,7054,7058,7062,7067,7071,7076,7080,7084,7088],{"type":15,"tag":202,"props":7047,"children":7048},{"style":887},[7049],{"type":21,"value":890},{"type":15,"tag":202,"props":7051,"children":7052},{"style":209},[7053],{"type":21,"value":895},{"type":15,"tag":202,"props":7055,"children":7056},{"style":215},[7057],{"type":21,"value":908},{"type":15,"tag":202,"props":7059,"children":7060},{"style":209},[7061],{"type":21,"value":83},{"type":15,"tag":202,"props":7063,"children":7064},{"style":215},[7065],{"type":21,"value":7066},"twMerge",{"type":15,"tag":202,"props":7068,"children":7069},{"style":209},[7070],{"type":21,"value":83},{"type":15,"tag":202,"props":7072,"children":7073},{"style":215},[7074],{"type":21,"value":7075},"useTwMergeRoot",{"type":15,"tag":202,"props":7077,"children":7078},{"style":209},[7079],{"type":21,"value":921},{"type":15,"tag":202,"props":7081,"children":7082},{"style":887},[7083],{"type":21,"value":926},{"type":15,"tag":202,"props":7085,"children":7086},{"style":277},[7087],{"type":21,"value":931},{"type":15,"tag":202,"props":7089,"children":7090},{"style":209},[7091],{"type":21,"value":936},{"type":15,"tag":202,"props":7093,"children":7094},{"class":204,"line":301},[7095],{"type":15,"tag":202,"props":7096,"children":7097},{"emptyLinePlaceholder":8},[7098],{"type":21,"value":541},{"type":15,"tag":202,"props":7100,"children":7101},{"class":204,"line":342},[7102,7106,7111,7115,7120],{"type":15,"tag":202,"props":7103,"children":7104},{"style":887},[7105],{"type":21,"value":987},{"type":15,"tag":202,"props":7107,"children":7108},{"style":990},[7109],{"type":21,"value":7110}," props",{"type":15,"tag":202,"props":7112,"children":7113},{"style":996},[7114],{"type":21,"value":999},{"type":15,"tag":202,"props":7116,"children":7117},{"style":1002},[7118],{"type":21,"value":7119}," defineProps",{"type":15,"tag":202,"props":7121,"children":7122},{"style":209},[7123],{"type":21,"value":7124},"({\n",{"type":15,"tag":202,"props":7126,"children":7127},{"class":204,"line":380},[7128,7133],{"type":15,"tag":202,"props":7129,"children":7130},{"style":215},[7131],{"type":21,"value":7132}," modelValue",{"type":15,"tag":202,"props":7134,"children":7135},{"style":209},[7136],{"type":21,"value":7137},": {\n",{"type":15,"tag":202,"props":7139,"children":7140},{"class":204,"line":418},[7141,7146,7150,7155],{"type":15,"tag":202,"props":7142,"children":7143},{"style":215},[7144],{"type":21,"value":7145}," type",{"type":15,"tag":202,"props":7147,"children":7148},{"style":209},[7149],{"type":21,"value":1115},{"type":15,"tag":202,"props":7151,"children":7152},{"style":215},[7153],{"type":21,"value":7154},"Boolean",{"type":15,"tag":202,"props":7156,"children":7157},{"style":209},[7158],{"type":21,"value":2218},{"type":15,"tag":202,"props":7160,"children":7161},{"class":204,"line":461},[7162,7167,7171,7175],{"type":15,"tag":202,"props":7163,"children":7164},{"style":215},[7165],{"type":21,"value":7166}," default",{"type":15,"tag":202,"props":7168,"children":7169},{"style":209},[7170],{"type":21,"value":1115},{"type":15,"tag":202,"props":7172,"children":7173},{"style":266},[7174],{"type":21,"value":1078},{"type":15,"tag":202,"props":7176,"children":7177},{"style":209},[7178],{"type":21,"value":2218},{"type":15,"tag":202,"props":7180,"children":7181},{"class":204,"line":478},[7182],{"type":15,"tag":202,"props":7183,"children":7184},{"style":209},[7185],{"type":21,"value":7186}," },\n",{"type":15,"tag":202,"props":7188,"children":7189},{"class":204,"line":495},[7190,7195],{"type":15,"tag":202,"props":7191,"children":7192},{"style":215},[7193],{"type":21,"value":7194}," placement",{"type":15,"tag":202,"props":7196,"children":7197},{"style":209},[7198],{"type":21,"value":7137},{"type":15,"tag":202,"props":7200,"children":7201},{"class":204,"line":535},[7202,7206,7210,7215,7219,7223,7227,7231,7235,7239,7243,7247],{"type":15,"tag":202,"props":7203,"children":7204},{"style":215},[7205],{"type":21,"value":7145},{"type":15,"tag":202,"props":7207,"children":7208},{"style":209},[7209],{"type":21,"value":1115},{"type":15,"tag":202,"props":7211,"children":7212},{"style":215},[7213],{"type":21,"value":7214},"String",{"type":15,"tag":202,"props":7216,"children":7217},{"style":887},[7218],{"type":21,"value":1178},{"type":15,"tag":202,"props":7220,"children":7221},{"style":990},[7222],{"type":21,"value":6955},{"type":15,"tag":202,"props":7224,"children":7225},{"style":209},[7226],{"type":21,"value":212},{"type":15,"tag":202,"props":7228,"children":7229},{"style":277},[7230],{"type":21,"value":1014},{"type":15,"tag":202,"props":7232,"children":7233},{"style":887},[7234],{"type":21,"value":1019},{"type":15,"tag":202,"props":7236,"children":7237},{"style":990},[7238],{"type":21,"value":908},{"type":15,"tag":202,"props":7240,"children":7241},{"style":887},[7242],{"type":21,"value":1028},{"type":15,"tag":202,"props":7244,"children":7245},{"style":277},[7246],{"type":21,"value":1014},{"type":15,"tag":202,"props":7248,"children":7249},{"style":209},[7250],{"type":21,"value":7251},">,\n",{"type":15,"tag":202,"props":7253,"children":7254},{"class":204,"line":544},[7255,7259,7263,7267,7271,7275],{"type":15,"tag":202,"props":7256,"children":7257},{"style":215},[7258],{"type":21,"value":7166},{"type":15,"tag":202,"props":7260,"children":7261},{"style":209},[7262],{"type":21,"value":1115},{"type":15,"tag":202,"props":7264,"children":7265},{"style":990},[7266],{"type":21,"value":908},{"type":15,"tag":202,"props":7268,"children":7269},{"style":209},[7270],{"type":21,"value":105},{"type":15,"tag":202,"props":7272,"children":7273},{"style":215},[7274],{"type":21,"value":103},{"type":15,"tag":202,"props":7276,"children":7277},{"style":209},[7278],{"type":21,"value":2218},{"type":15,"tag":202,"props":7280,"children":7281},{"class":204,"line":557},[7282],{"type":15,"tag":202,"props":7283,"children":7284},{"style":209},[7285],{"type":21,"value":7186},{"type":15,"tag":202,"props":7287,"children":7288},{"class":204,"line":575},[7289,7294],{"type":15,"tag":202,"props":7290,"children":7291},{"style":215},[7292],{"type":21,"value":7293}," tag",{"type":15,"tag":202,"props":7295,"children":7296},{"style":209},[7297],{"type":21,"value":7137},{"type":15,"tag":202,"props":7299,"children":7300},{"class":204,"line":593},[7301,7305,7310,7314,7318,7323,7327,7331,7335,7339,7343,7347,7352],{"type":15,"tag":202,"props":7302,"children":7303},{"style":215},[7304],{"type":21,"value":7145},{"type":15,"tag":202,"props":7306,"children":7307},{"style":209},[7308],{"type":21,"value":7309},": [",{"type":15,"tag":202,"props":7311,"children":7312},{"style":215},[7313],{"type":21,"value":7214},{"type":15,"tag":202,"props":7315,"children":7316},{"style":209},[7317],{"type":21,"value":83},{"type":15,"tag":202,"props":7319,"children":7320},{"style":215},[7321],{"type":21,"value":7322},"Object",{"type":15,"tag":202,"props":7324,"children":7325},{"style":209},[7326],{"type":21,"value":1421},{"type":15,"tag":202,"props":7328,"children":7329},{"style":887},[7330],{"type":21,"value":6607},{"type":15,"tag":202,"props":7332,"children":7333},{"style":990},[7334],{"type":21,"value":6955},{"type":15,"tag":202,"props":7336,"children":7337},{"style":209},[7338],{"type":21,"value":212},{"type":15,"tag":202,"props":7340,"children":7341},{"style":990},[7342],{"type":21,"value":6405},{"type":15,"tag":202,"props":7344,"children":7345},{"style":209},[7346],{"type":21,"value":4497},{"type":15,"tag":202,"props":7348,"children":7349},{"style":990},[7350],{"type":21,"value":7351},"ConcreteComponent",{"type":15,"tag":202,"props":7353,"children":7354},{"style":209},[7355],{"type":21,"value":7251},{"type":15,"tag":202,"props":7357,"children":7358},{"class":204,"line":602},[7359,7363,7367,7371],{"type":15,"tag":202,"props":7360,"children":7361},{"style":215},[7362],{"type":21,"value":7166},{"type":15,"tag":202,"props":7364,"children":7365},{"style":209},[7366],{"type":21,"value":1115},{"type":15,"tag":202,"props":7368,"children":7369},{"style":277},[7370],{"type":21,"value":6414},{"type":15,"tag":202,"props":7372,"children":7373},{"style":209},[7374],{"type":21,"value":2218},{"type":15,"tag":202,"props":7376,"children":7377},{"class":204,"line":611},[7378],{"type":15,"tag":202,"props":7379,"children":7380},{"style":209},[7381],{"type":21,"value":7186},{"type":15,"tag":202,"props":7383,"children":7384},{"class":204,"line":620},[7385,7390],{"type":15,"tag":202,"props":7386,"children":7387},{"style":215},[7388],{"type":21,"value":7389}," disableClickAway",{"type":15,"tag":202,"props":7391,"children":7392},{"style":209},[7393],{"type":21,"value":7137},{"type":15,"tag":202,"props":7395,"children":7396},{"class":204,"line":629},[7397,7401,7405,7409],{"type":15,"tag":202,"props":7398,"children":7399},{"style":215},[7400],{"type":21,"value":7145},{"type":15,"tag":202,"props":7402,"children":7403},{"style":209},[7404],{"type":21,"value":1115},{"type":15,"tag":202,"props":7406,"children":7407},{"style":215},[7408],{"type":21,"value":7154},{"type":15,"tag":202,"props":7410,"children":7411},{"style":209},[7412],{"type":21,"value":2218},{"type":15,"tag":202,"props":7414,"children":7415},{"class":204,"line":638},[7416,7420,7424,7428],{"type":15,"tag":202,"props":7417,"children":7418},{"style":215},[7419],{"type":21,"value":7166},{"type":15,"tag":202,"props":7421,"children":7422},{"style":209},[7423],{"type":21,"value":1115},{"type":15,"tag":202,"props":7425,"children":7426},{"style":266},[7427],{"type":21,"value":1078},{"type":15,"tag":202,"props":7429,"children":7430},{"style":209},[7431],{"type":21,"value":2218},{"type":15,"tag":202,"props":7433,"children":7434},{"class":204,"line":647},[7435],{"type":15,"tag":202,"props":7436,"children":7437},{"style":209},[7438],{"type":21,"value":7186},{"type":15,"tag":202,"props":7440,"children":7441},{"class":204,"line":665},[7442,7447],{"type":15,"tag":202,"props":7443,"children":7444},{"style":215},[7445],{"type":21,"value":7446}," disableEsc",{"type":15,"tag":202,"props":7448,"children":7449},{"style":209},[7450],{"type":21,"value":7137},{"type":15,"tag":202,"props":7452,"children":7453},{"class":204,"line":674},[7454,7458,7462,7466],{"type":15,"tag":202,"props":7455,"children":7456},{"style":215},[7457],{"type":21,"value":7145},{"type":15,"tag":202,"props":7459,"children":7460},{"style":209},[7461],{"type":21,"value":1115},{"type":15,"tag":202,"props":7463,"children":7464},{"style":215},[7465],{"type":21,"value":7154},{"type":15,"tag":202,"props":7467,"children":7468},{"style":209},[7469],{"type":21,"value":2218},{"type":15,"tag":202,"props":7471,"children":7472},{"class":204,"line":691},[7473,7477,7481,7485],{"type":15,"tag":202,"props":7474,"children":7475},{"style":215},[7476],{"type":21,"value":7166},{"type":15,"tag":202,"props":7478,"children":7479},{"style":209},[7480],{"type":21,"value":1115},{"type":15,"tag":202,"props":7482,"children":7483},{"style":266},[7484],{"type":21,"value":1078},{"type":15,"tag":202,"props":7486,"children":7487},{"style":209},[7488],{"type":21,"value":2218},{"type":15,"tag":202,"props":7490,"children":7491},{"class":204,"line":720},[7492],{"type":15,"tag":202,"props":7493,"children":7494},{"style":209},[7495],{"type":21,"value":7186},{"type":15,"tag":202,"props":7497,"children":7498},{"class":204,"line":729},[7499],{"type":15,"tag":202,"props":7500,"children":7501},{"style":209},[7502],{"type":21,"value":7503},"});\n",{"type":15,"tag":202,"props":7505,"children":7506},{"class":204,"line":738},[7507,7512],{"type":15,"tag":202,"props":7508,"children":7509},{"style":1002},[7510],{"type":21,"value":7511},"defineOptions",{"type":15,"tag":202,"props":7513,"children":7514},{"style":209},[7515],{"type":21,"value":7124},{"type":15,"tag":202,"props":7517,"children":7518},{"class":204,"line":747},[7519,7524,7528,7532],{"type":15,"tag":202,"props":7520,"children":7521},{"style":215},[7522],{"type":21,"value":7523}," inheritAttrs",{"type":15,"tag":202,"props":7525,"children":7526},{"style":209},[7527],{"type":21,"value":1115},{"type":15,"tag":202,"props":7529,"children":7530},{"style":266},[7531],{"type":21,"value":1078},{"type":15,"tag":202,"props":7533,"children":7534},{"style":209},[7535],{"type":21,"value":2218},{"type":15,"tag":202,"props":7537,"children":7538},{"class":204,"line":764},[7539],{"type":15,"tag":202,"props":7540,"children":7541},{"style":209},[7542],{"type":21,"value":7503},{"type":15,"tag":202,"props":7544,"children":7545},{"class":204,"line":790},[7546,7550,7554,7559,7563,7567,7572],{"type":15,"tag":202,"props":7547,"children":7548},{"style":887},[7549],{"type":21,"value":987},{"type":15,"tag":202,"props":7551,"children":7552},{"style":209},[7553],{"type":21,"value":895},{"type":15,"tag":202,"props":7555,"children":7556},{"style":990},[7557],{"type":21,"value":7558},"attrsWithoutClass",{"type":15,"tag":202,"props":7560,"children":7561},{"style":209},[7562],{"type":21,"value":921},{"type":15,"tag":202,"props":7564,"children":7565},{"style":996},[7566],{"type":21,"value":274},{"type":15,"tag":202,"props":7568,"children":7569},{"style":1002},[7570],{"type":21,"value":7571}," useTwMergeRoot",{"type":15,"tag":202,"props":7573,"children":7574},{"style":209},[7575],{"type":21,"value":3788},{"type":15,"tag":202,"props":7577,"children":7578},{"class":204,"line":806},[7579],{"type":15,"tag":202,"props":7580,"children":7581},{"emptyLinePlaceholder":8},[7582],{"type":21,"value":541},{"type":15,"tag":202,"props":7584,"children":7585},{"class":204,"line":822},[7586,7590,7594,7598,7602,7606,7610,7614,7618,7622,7627,7631,7635],{"type":15,"tag":202,"props":7587,"children":7588},{"style":887},[7589],{"type":21,"value":987},{"type":15,"tag":202,"props":7591,"children":7592},{"style":209},[7593],{"type":21,"value":895},{"type":15,"tag":202,"props":7595,"children":7596},{"style":990},[7597],{"type":21,"value":164},{"type":15,"tag":202,"props":7599,"children":7600},{"style":209},[7601],{"type":21,"value":83},{"type":15,"tag":202,"props":7603,"children":7604},{"style":990},[7605],{"type":21,"value":172},{"type":15,"tag":202,"props":7607,"children":7608},{"style":209},[7609],{"type":21,"value":83},{"type":15,"tag":202,"props":7611,"children":7612},{"style":990},[7613],{"type":21,"value":73},{"type":15,"tag":202,"props":7615,"children":7616},{"style":209},[7617],{"type":21,"value":921},{"type":15,"tag":202,"props":7619,"children":7620},{"style":996},[7621],{"type":21,"value":274},{"type":15,"tag":202,"props":7623,"children":7624},{"style":1002},[7625],{"type":21,"value":7626}," toRefs",{"type":15,"tag":202,"props":7628,"children":7629},{"style":209},[7630],{"type":21,"value":1073},{"type":15,"tag":202,"props":7632,"children":7633},{"style":215},[7634],{"type":21,"value":6308},{"type":15,"tag":202,"props":7636,"children":7637},{"style":209},[7638],{"type":21,"value":1047},{"type":15,"tag":202,"props":7640,"children":7641},{"class":204,"line":839},[7642,7646,7651,7655,7660],{"type":15,"tag":202,"props":7643,"children":7644},{"style":887},[7645],{"type":21,"value":987},{"type":15,"tag":202,"props":7647,"children":7648},{"style":990},[7649],{"type":21,"value":7650}," emit",{"type":15,"tag":202,"props":7652,"children":7653},{"style":996},[7654],{"type":21,"value":999},{"type":15,"tag":202,"props":7656,"children":7657},{"style":1002},[7658],{"type":21,"value":7659}," defineEmits",{"type":15,"tag":202,"props":7661,"children":7662},{"style":209},[7663],{"type":21,"value":7664},"\u003C{\n",{"type":15,"tag":202,"props":7666,"children":7667},{"class":204,"line":847},[7668,7672,7676,7680,7685,7689,7694,7698,7702,7707,7712],{"type":15,"tag":202,"props":7669,"children":7670},{"style":209},[7671],{"type":21,"value":1139},{"type":15,"tag":202,"props":7673,"children":7674},{"style":1107},[7675],{"type":21,"value":1110},{"type":15,"tag":202,"props":7677,"children":7678},{"style":209},[7679],{"type":21,"value":1115},{"type":15,"tag":202,"props":7681,"children":7682},{"style":277},[7683],{"type":21,"value":7684},"'update:modelValue'",{"type":15,"tag":202,"props":7686,"children":7687},{"style":209},[7688],{"type":21,"value":83},{"type":15,"tag":202,"props":7690,"children":7691},{"style":1107},[7692],{"type":21,"value":7693},"isOpen",{"type":15,"tag":202,"props":7695,"children":7696},{"style":209},[7697],{"type":21,"value":1115},{"type":15,"tag":202,"props":7699,"children":7700},{"style":990},[7701],{"type":21,"value":6373},{"type":15,"tag":202,"props":7703,"children":7704},{"style":209},[7705],{"type":21,"value":7706},"): ",{"type":15,"tag":202,"props":7708,"children":7709},{"style":990},[7710],{"type":21,"value":7711},"void",{"type":15,"tag":202,"props":7713,"children":7714},{"style":209},[7715],{"type":21,"value":936},{"type":15,"tag":202,"props":7717,"children":7718},{"class":204,"line":883},[7719],{"type":15,"tag":202,"props":7720,"children":7721},{"style":209},[7722],{"type":21,"value":7723},"}>();\n",{"type":15,"tag":202,"props":7725,"children":7726},{"class":204,"line":939},[7727],{"type":15,"tag":202,"props":7728,"children":7729},{"emptyLinePlaceholder":8},[7730],{"type":21,"value":541},{"type":15,"tag":202,"props":7732,"children":7733},{"class":204,"line":973},[7734,7738,7742,7746,7750],{"type":15,"tag":202,"props":7735,"children":7736},{"style":887},[7737],{"type":21,"value":987},{"type":15,"tag":202,"props":7739,"children":7740},{"style":990},[7741],{"type":21,"value":3775},{"type":15,"tag":202,"props":7743,"children":7744},{"style":996},[7745],{"type":21,"value":999},{"type":15,"tag":202,"props":7747,"children":7748},{"style":1002},[7749],{"type":21,"value":1005},{"type":15,"tag":202,"props":7751,"children":7752},{"style":209},[7753],{"type":21,"value":3788},{"type":15,"tag":202,"props":7755,"children":7756},{"class":204,"line":981},[7757],{"type":15,"tag":202,"props":7758,"children":7759},{"emptyLinePlaceholder":8},[7760],{"type":21,"value":541},{"type":15,"tag":202,"props":7762,"children":7763},{"class":204,"line":1050},[7764,7768,7772,7776,7781,7785],{"type":15,"tag":202,"props":7765,"children":7766},{"style":1002},[7767],{"type":21,"value":6289},{"type":15,"tag":202,"props":7769,"children":7770},{"style":209},[7771],{"type":21,"value":1073},{"type":15,"tag":202,"props":7773,"children":7774},{"style":215},[7775],{"type":21,"value":3940},{"type":15,"tag":202,"props":7777,"children":7778},{"style":209},[7779],{"type":21,"value":7780},", () ",{"type":15,"tag":202,"props":7782,"children":7783},{"style":887},[7784],{"type":21,"value":1573},{"type":15,"tag":202,"props":7786,"children":7787},{"style":209},[7788],{"type":21,"value":1578},{"type":15,"tag":202,"props":7790,"children":7791},{"class":204,"line":1085},[7792,7797,7801,7805,7809,7813,7817,7822],{"type":15,"tag":202,"props":7793,"children":7794},{"style":887},[7795],{"type":21,"value":7796}," if",{"type":15,"tag":202,"props":7798,"children":7799},{"style":209},[7800],{"type":21,"value":1104},{"type":15,"tag":202,"props":7802,"children":7803},{"style":990},[7804],{"type":21,"value":164},{"type":15,"tag":202,"props":7806,"children":7807},{"style":209},[7808],{"type":21,"value":105},{"type":15,"tag":202,"props":7810,"children":7811},{"style":215},[7812],{"type":21,"value":1152},{"type":15,"tag":202,"props":7814,"children":7815},{"style":209},[7816],{"type":21,"value":1125},{"type":15,"tag":202,"props":7818,"children":7819},{"style":887},[7820],{"type":21,"value":7821},"return",{"type":15,"tag":202,"props":7823,"children":7824},{"style":209},[7825],{"type":21,"value":936},{"type":15,"tag":202,"props":7827,"children":7828},{"class":204,"line":1133},[7829,7834,7838,7842,7846,7850],{"type":15,"tag":202,"props":7830,"children":7831},{"style":1002},[7832],{"type":21,"value":7833}," emit",{"type":15,"tag":202,"props":7835,"children":7836},{"style":209},[7837],{"type":21,"value":1073},{"type":15,"tag":202,"props":7839,"children":7840},{"style":277},[7841],{"type":21,"value":7684},{"type":15,"tag":202,"props":7843,"children":7844},{"style":209},[7845],{"type":21,"value":83},{"type":15,"tag":202,"props":7847,"children":7848},{"style":266},[7849],{"type":21,"value":1078},{"type":15,"tag":202,"props":7851,"children":7852},{"style":209},[7853],{"type":21,"value":1047},{"type":15,"tag":202,"props":7855,"children":7856},{"class":204,"line":1208},[7857],{"type":15,"tag":202,"props":7858,"children":7859},{"style":209},[7860],{"type":21,"value":7503},{"type":15,"tag":202,"props":7862,"children":7863},{"class":204,"line":2324},[7864],{"type":15,"tag":202,"props":7865,"children":7866},{"emptyLinePlaceholder":8},[7867],{"type":21,"value":541},{"type":15,"tag":202,"props":7869,"children":7870},{"class":204,"line":2348},[7871,7875,7880,7884,7889,7893],{"type":15,"tag":202,"props":7872,"children":7873},{"style":887},[7874],{"type":21,"value":987},{"type":15,"tag":202,"props":7876,"children":7877},{"style":1002},[7878],{"type":21,"value":7879}," onEscKeyDown",{"type":15,"tag":202,"props":7881,"children":7882},{"style":996},[7883],{"type":21,"value":999},{"type":15,"tag":202,"props":7885,"children":7886},{"style":209},[7887],{"type":21,"value":7888}," () ",{"type":15,"tag":202,"props":7890,"children":7891},{"style":887},[7892],{"type":21,"value":1573},{"type":15,"tag":202,"props":7894,"children":7895},{"style":209},[7896],{"type":21,"value":1578},{"type":15,"tag":202,"props":7898,"children":7899},{"class":204,"line":2364},[7900,7904,7908,7912,7916,7920,7924,7928],{"type":15,"tag":202,"props":7901,"children":7902},{"style":887},[7903],{"type":21,"value":7796},{"type":15,"tag":202,"props":7905,"children":7906},{"style":209},[7907],{"type":21,"value":1104},{"type":15,"tag":202,"props":7909,"children":7910},{"style":990},[7911],{"type":21,"value":172},{"type":15,"tag":202,"props":7913,"children":7914},{"style":209},[7915],{"type":21,"value":105},{"type":15,"tag":202,"props":7917,"children":7918},{"style":215},[7919],{"type":21,"value":1152},{"type":15,"tag":202,"props":7921,"children":7922},{"style":209},[7923],{"type":21,"value":1125},{"type":15,"tag":202,"props":7925,"children":7926},{"style":887},[7927],{"type":21,"value":7821},{"type":15,"tag":202,"props":7929,"children":7930},{"style":209},[7931],{"type":21,"value":936},{"type":15,"tag":202,"props":7933,"children":7934},{"class":204,"line":2380},[7935,7939,7943,7947,7951,7955],{"type":15,"tag":202,"props":7936,"children":7937},{"style":1002},[7938],{"type":21,"value":7833},{"type":15,"tag":202,"props":7940,"children":7941},{"style":209},[7942],{"type":21,"value":1073},{"type":15,"tag":202,"props":7944,"children":7945},{"style":277},[7946],{"type":21,"value":7684},{"type":15,"tag":202,"props":7948,"children":7949},{"style":209},[7950],{"type":21,"value":83},{"type":15,"tag":202,"props":7952,"children":7953},{"style":266},[7954],{"type":21,"value":1078},{"type":15,"tag":202,"props":7956,"children":7957},{"style":209},[7958],{"type":21,"value":1047},{"type":15,"tag":202,"props":7960,"children":7961},{"class":204,"line":2389},[7962],{"type":15,"tag":202,"props":7963,"children":7964},{"style":209},[7965],{"type":21,"value":7966},"};\n",{"type":15,"tag":202,"props":7968,"children":7969},{"class":204,"line":2398},[7970],{"type":15,"tag":202,"props":7971,"children":7972},{"emptyLinePlaceholder":8},[7973],{"type":21,"value":541},{"type":15,"tag":202,"props":7975,"children":7976},{"class":204,"line":3538},[7977,7981,7986,7990,7995,8000,8004],{"type":15,"tag":202,"props":7978,"children":7979},{"style":887},[7980],{"type":21,"value":987},{"type":15,"tag":202,"props":7982,"children":7983},{"style":990},[7984],{"type":21,"value":7985}," placementClasses",{"type":15,"tag":202,"props":7987,"children":7988},{"style":996},[7989],{"type":21,"value":999},{"type":15,"tag":202,"props":7991,"children":7992},{"style":1002},[7993],{"type":21,"value":7994}," computed",{"type":15,"tag":202,"props":7996,"children":7997},{"style":209},[7998],{"type":21,"value":7999},"(() ",{"type":15,"tag":202,"props":8001,"children":8002},{"style":887},[8003],{"type":21,"value":1573},{"type":15,"tag":202,"props":8005,"children":8006},{"style":209},[8007],{"type":21,"value":8008}," ({\n",{"type":15,"tag":202,"props":8010,"children":8011},{"class":204,"line":3551},[8012,8017,8021,8025,8029,8033,8038,8042,8046,8050],{"type":15,"tag":202,"props":8013,"children":8014},{"style":277},[8015],{"type":21,"value":8016}," 'left-0'",{"type":15,"tag":202,"props":8018,"children":8019},{"style":209},[8020],{"type":21,"value":1115},{"type":15,"tag":202,"props":8022,"children":8023},{"style":990},[8024],{"type":21,"value":73},{"type":15,"tag":202,"props":8026,"children":8027},{"style":209},[8028],{"type":21,"value":105},{"type":15,"tag":202,"props":8030,"children":8031},{"style":215},[8032],{"type":21,"value":1152},{"type":15,"tag":202,"props":8034,"children":8035},{"style":996},[8036],{"type":21,"value":8037}," !==",{"type":15,"tag":202,"props":8039,"children":8040},{"style":990},[8041],{"type":21,"value":1201},{"type":15,"tag":202,"props":8043,"children":8044},{"style":209},[8045],{"type":21,"value":105},{"type":15,"tag":202,"props":8047,"children":8048},{"style":215},[8049],{"type":21,"value":89},{"type":15,"tag":202,"props":8051,"children":8052},{"style":209},[8053],{"type":21,"value":2218},{"type":15,"tag":202,"props":8055,"children":8056},{"class":204,"line":3564},[8057,8062,8066,8070,8074,8078,8082,8086,8090,8094],{"type":15,"tag":202,"props":8058,"children":8059},{"style":277},[8060],{"type":21,"value":8061}," 'right-0'",{"type":15,"tag":202,"props":8063,"children":8064},{"style":209},[8065],{"type":21,"value":1115},{"type":15,"tag":202,"props":8067,"children":8068},{"style":990},[8069],{"type":21,"value":73},{"type":15,"tag":202,"props":8071,"children":8072},{"style":209},[8073],{"type":21,"value":105},{"type":15,"tag":202,"props":8075,"children":8076},{"style":215},[8077],{"type":21,"value":1152},{"type":15,"tag":202,"props":8079,"children":8080},{"style":996},[8081],{"type":21,"value":8037},{"type":15,"tag":202,"props":8083,"children":8084},{"style":990},[8085],{"type":21,"value":1201},{"type":15,"tag":202,"props":8087,"children":8088},{"style":209},[8089],{"type":21,"value":105},{"type":15,"tag":202,"props":8091,"children":8092},{"style":215},[8093],{"type":21,"value":103},{"type":15,"tag":202,"props":8095,"children":8096},{"style":209},[8097],{"type":21,"value":2218},{"type":15,"tag":202,"props":8099,"children":8100},{"class":204,"line":3577},[8101,8106,8110,8114,8118,8122,8126,8130,8134,8138],{"type":15,"tag":202,"props":8102,"children":8103},{"style":277},[8104],{"type":21,"value":8105}," 'top-0'",{"type":15,"tag":202,"props":8107,"children":8108},{"style":209},[8109],{"type":21,"value":1115},{"type":15,"tag":202,"props":8111,"children":8112},{"style":990},[8113],{"type":21,"value":73},{"type":15,"tag":202,"props":8115,"children":8116},{"style":209},[8117],{"type":21,"value":105},{"type":15,"tag":202,"props":8119,"children":8120},{"style":215},[8121],{"type":21,"value":1152},{"type":15,"tag":202,"props":8123,"children":8124},{"style":996},[8125],{"type":21,"value":8037},{"type":15,"tag":202,"props":8127,"children":8128},{"style":990},[8129],{"type":21,"value":1201},{"type":15,"tag":202,"props":8131,"children":8132},{"style":209},[8133],{"type":21,"value":105},{"type":15,"tag":202,"props":8135,"children":8136},{"style":215},[8137],{"type":21,"value":96},{"type":15,"tag":202,"props":8139,"children":8140},{"style":209},[8141],{"type":21,"value":2218},{"type":15,"tag":202,"props":8143,"children":8144},{"class":204,"line":3590},[8145,8150,8154,8158,8162,8166,8170,8174,8178,8182],{"type":15,"tag":202,"props":8146,"children":8147},{"style":277},[8148],{"type":21,"value":8149}," 'bottom-0'",{"type":15,"tag":202,"props":8151,"children":8152},{"style":209},[8153],{"type":21,"value":1115},{"type":15,"tag":202,"props":8155,"children":8156},{"style":990},[8157],{"type":21,"value":73},{"type":15,"tag":202,"props":8159,"children":8160},{"style":209},[8161],{"type":21,"value":105},{"type":15,"tag":202,"props":8163,"children":8164},{"style":215},[8165],{"type":21,"value":1152},{"type":15,"tag":202,"props":8167,"children":8168},{"style":996},[8169],{"type":21,"value":8037},{"type":15,"tag":202,"props":8171,"children":8172},{"style":990},[8173],{"type":21,"value":1201},{"type":15,"tag":202,"props":8175,"children":8176},{"style":209},[8177],{"type":21,"value":105},{"type":15,"tag":202,"props":8179,"children":8180},{"style":215},[8181],{"type":21,"value":81},{"type":15,"tag":202,"props":8183,"children":8184},{"style":209},[8185],{"type":21,"value":2218},{"type":15,"tag":202,"props":8187,"children":8188},{"class":204,"line":3603},[8189],{"type":15,"tag":202,"props":8190,"children":8191},{"style":209},[8192],{"type":21,"value":8193},"}));\n",{"type":15,"tag":202,"props":8195,"children":8196},{"class":204,"line":3616},[8197,8201,8205],{"type":15,"tag":202,"props":8198,"children":8199},{"style":209},[8200],{"type":21,"value":828},{"type":15,"tag":202,"props":8202,"children":8203},{"style":215},[8204],{"type":21,"value":857},{"type":15,"tag":202,"props":8206,"children":8207},{"style":209},[8208],{"type":21,"value":222},{"type":15,"tag":202,"props":8210,"children":8211},{"class":204,"line":3637},[8212],{"type":15,"tag":202,"props":8213,"children":8214},{"emptyLinePlaceholder":8},[8215],{"type":21,"value":541},{"type":15,"tag":202,"props":8217,"children":8218},{"class":204,"line":3669},[8219,8223,8227],{"type":15,"tag":202,"props":8220,"children":8221},{"style":209},[8222],{"type":21,"value":212},{"type":15,"tag":202,"props":8224,"children":8225},{"style":215},[8226],{"type":21,"value":28},{"type":15,"tag":202,"props":8228,"children":8229},{"style":209},[8230],{"type":21,"value":222},{"type":15,"tag":202,"props":8232,"children":8233},{"class":204,"line":3677},[8234,8238],{"type":15,"tag":202,"props":8235,"children":8236},{"style":209},[8237],{"type":21,"value":231},{"type":15,"tag":202,"props":8239,"children":8240},{"style":215},[8241],{"type":21,"value":8242},"component\n",{"type":15,"tag":202,"props":8244,"children":8245},{"class":204,"line":3733},[8246,8251,8255],{"type":15,"tag":202,"props":8247,"children":8248},{"style":266},[8249],{"type":21,"value":8250}," v-if",{"type":15,"tag":202,"props":8252,"children":8253},{"style":209},[8254],{"type":21,"value":274},{"type":15,"tag":202,"props":8256,"children":8257},{"style":277},[8258],{"type":21,"value":8259},"\"modelValue\"\n",{"type":15,"tag":202,"props":8261,"children":8262},{"class":204,"line":3765},[8263,8268,8272],{"type":15,"tag":202,"props":8264,"children":8265},{"style":266},[8266],{"type":21,"value":8267}," :is",{"type":15,"tag":202,"props":8269,"children":8270},{"style":209},[8271],{"type":21,"value":274},{"type":15,"tag":202,"props":8273,"children":8274},{"style":277},[8275],{"type":21,"value":8276},"\"tag\"\n",{"type":15,"tag":202,"props":8278,"children":8279},{"class":204,"line":3791},[8280,8285,8289],{"type":15,"tag":202,"props":8281,"children":8282},{"style":266},[8283],{"type":21,"value":8284}," ref",{"type":15,"tag":202,"props":8286,"children":8287},{"style":209},[8288],{"type":21,"value":274},{"type":15,"tag":202,"props":8290,"children":8291},{"style":277},[8292],{"type":21,"value":2904},{"type":15,"tag":202,"props":8294,"children":8295},{"class":204,"line":3799},[8296,8300,8304],{"type":15,"tag":202,"props":8297,"children":8298},{"style":266},[8299],{"type":21,"value":581},{"type":15,"tag":202,"props":8301,"children":8302},{"style":209},[8303],{"type":21,"value":274},{"type":15,"tag":202,"props":8305,"children":8306},{"style":277},[8307],{"type":21,"value":8308},"\"twMerge('fixed', placementClasses, $attrs.class)\"\n",{"type":15,"tag":202,"props":8310,"children":8311},{"class":204,"line":3825},[8312,8317,8321],{"type":15,"tag":202,"props":8313,"children":8314},{"style":266},[8315],{"type":21,"value":8316}," data-testid",{"type":15,"tag":202,"props":8318,"children":8319},{"style":209},[8320],{"type":21,"value":274},{"type":15,"tag":202,"props":8322,"children":8323},{"style":277},[8324],{"type":21,"value":8325},"\"drawer\"\n",{"type":15,"tag":202,"props":8327,"children":8328},{"class":204,"line":3868},[8329,8334,8338],{"type":15,"tag":202,"props":8330,"children":8331},{"style":266},[8332],{"type":21,"value":8333}," tabindex",{"type":15,"tag":202,"props":8335,"children":8336},{"style":209},[8337],{"type":21,"value":274},{"type":15,"tag":202,"props":8339,"children":8340},{"style":277},[8341],{"type":21,"value":8342},"\"-1\"\n",{"type":15,"tag":202,"props":8344,"children":8345},{"class":204,"line":3910},[8346,8351,8355],{"type":15,"tag":202,"props":8347,"children":8348},{"style":266},[8349],{"type":21,"value":8350}," v-bind",{"type":15,"tag":202,"props":8352,"children":8353},{"style":209},[8354],{"type":21,"value":274},{"type":15,"tag":202,"props":8356,"children":8357},{"style":277},[8358],{"type":21,"value":8359},"\"attrsWithoutClass\"\n",{"type":15,"tag":202,"props":8361,"children":8362},{"class":204,"line":3918},[8363,8368,8372],{"type":15,"tag":202,"props":8364,"children":8365},{"style":266},[8366],{"type":21,"value":8367}," @keydown.esc",{"type":15,"tag":202,"props":8369,"children":8370},{"style":209},[8371],{"type":21,"value":274},{"type":15,"tag":202,"props":8373,"children":8374},{"style":277},[8375],{"type":21,"value":8376},"\"onEscKeyDown\"\n",{"type":15,"tag":202,"props":8378,"children":8379},{"class":204,"line":3926},[8380],{"type":15,"tag":202,"props":8381,"children":8382},{"style":209},[8383],{"type":21,"value":671},{"type":15,"tag":202,"props":8385,"children":8386},{"class":204,"line":3966},[8387,8391,8396,8402],{"type":15,"tag":202,"props":8388,"children":8389},{"style":209},[8390],{"type":21,"value":258},{"type":15,"tag":202,"props":8392,"children":8393},{"style":215},[8394],{"type":21,"value":8395},"slot",{"type":15,"tag":202,"props":8397,"children":8399},{"style":8398},"--shiki-default:#FFFFFF",[8400],{"type":21,"value":8401}," \u002F",{"type":15,"tag":202,"props":8403,"children":8404},{"style":209},[8405],{"type":21,"value":222},{"type":15,"tag":202,"props":8407,"children":8408},{"class":204,"line":5740},[8409,8413,8418],{"type":15,"tag":202,"props":8410,"children":8411},{"style":209},[8412],{"type":21,"value":484},{"type":15,"tag":202,"props":8414,"children":8415},{"style":215},[8416],{"type":21,"value":8417},"component",{"type":15,"tag":202,"props":8419,"children":8420},{"style":209},[8421],{"type":21,"value":222},{"type":15,"tag":202,"props":8423,"children":8424},{"class":204,"line":5769},[8425,8429,8433],{"type":15,"tag":202,"props":8426,"children":8427},{"style":209},[8428],{"type":21,"value":828},{"type":15,"tag":202,"props":8430,"children":8431},{"style":215},[8432],{"type":21,"value":28},{"type":15,"tag":202,"props":8434,"children":8435},{"style":209},[8436],{"type":21,"value":222},{"type":15,"tag":123,"props":8438,"children":8439},{},[8440],{"type":15,"tag":192,"props":8441,"children":8443},{"className":1227,"code":8442,"language":1229,"meta":9,"style":9},"'use client';\nimport { useRef } from 'react';\nimport { useClickAway } from 'react-use';\nimport { SfDrawerPlacement, polymorphicForwardRef, mergeRefs, twMerge } from '@storefront-ui\u002Freact';\nimport type { SfDrawerProps } from '@storefront-ui\u002Freact';\n\nconst defaultDrawerTag = 'aside';\n\nconst placementClasses = (placementValue: SfDrawerProps['placement']) => ({\n 'left-0': placementValue !== SfDrawerPlacement.right,\n 'right-0': placementValue !== SfDrawerPlacement.left,\n 'top-0': placementValue !== SfDrawerPlacement.bottom,\n 'bottom-0': placementValue !== SfDrawerPlacement.top,\n});\n\nconst SfDrawer = polymorphicForwardRef\u003Ctypeof defaultDrawerTag, SfDrawerProps>(\n (\n {\n as,\n open,\n placement = SfDrawerPlacement.left,\n disableClickAway,\n disableEsc,\n onClose,\n className,\n children,\n ...attributes\n },\n ref,\n ) => {\n const Tag = as || defaultDrawerTag;\n const drawerRef = useRef(null);\n useClickAway(drawerRef, () => {\n if (disableClickAway) return;\n onClose?.();\n });\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (disableEsc) return;\n if (event.key === 'Escape') {\n onClose?.();\n }\n };\n\n return open ? (\n \u003CTag\n ref={mergeRefs([drawerRef, ref])}\n className={twMerge('fixed', placementClasses(placement), className)}\n tabIndex=\"-1\"\n data-testid=\"drawer\"\n {...attributes}\n onKeyDown={onKeyDown}\n >\n {children}\n \u003C\u002FTag>\n ) : null;\n },\n);\n\nexport default SfDrawer;\n\n",[8444],{"type":15,"tag":36,"props":8445,"children":8446},{"__ignoreMap":9},[8447,8459,8490,8523,8580,8616,8623,8648,8655,8708,8743,8778,8813,8848,8855,8862,8909,8917,8925,8937,8949,8977,8989,9001,9013,9025,9037,9050,9058,9069,9085,9118,9149,9177,9205,9217,9225,9232,9277,9304,9342,9353,9361,9369,9376,9397,9409,9455,9518,9534,9550,9571,9596,9603,9618,9634,9656,9663,9670,9677],{"type":15,"tag":202,"props":8448,"children":8449},{"class":204,"line":205},[8450,8455],{"type":15,"tag":202,"props":8451,"children":8452},{"style":277},[8453],{"type":21,"value":8454},"'use client'",{"type":15,"tag":202,"props":8456,"children":8457},{"style":209},[8458],{"type":21,"value":936},{"type":15,"tag":202,"props":8460,"children":8461},{"class":204,"line":225},[8462,8466,8470,8474,8478,8482,8486],{"type":15,"tag":202,"props":8463,"children":8464},{"style":887},[8465],{"type":21,"value":890},{"type":15,"tag":202,"props":8467,"children":8468},{"style":209},[8469],{"type":21,"value":895},{"type":15,"tag":202,"props":8471,"children":8472},{"style":215},[8473],{"type":21,"value":4120},{"type":15,"tag":202,"props":8475,"children":8476},{"style":209},[8477],{"type":21,"value":921},{"type":15,"tag":202,"props":8479,"children":8480},{"style":887},[8481],{"type":21,"value":926},{"type":15,"tag":202,"props":8483,"children":8484},{"style":277},[8485],{"type":21,"value":1325},{"type":15,"tag":202,"props":8487,"children":8488},{"style":209},[8489],{"type":21,"value":936},{"type":15,"tag":202,"props":8491,"children":8492},{"class":204,"line":243},[8493,8497,8501,8506,8510,8514,8519],{"type":15,"tag":202,"props":8494,"children":8495},{"style":887},[8496],{"type":21,"value":890},{"type":15,"tag":202,"props":8498,"children":8499},{"style":209},[8500],{"type":21,"value":895},{"type":15,"tag":202,"props":8502,"children":8503},{"style":215},[8504],{"type":21,"value":8505},"useClickAway",{"type":15,"tag":202,"props":8507,"children":8508},{"style":209},[8509],{"type":21,"value":921},{"type":15,"tag":202,"props":8511,"children":8512},{"style":887},[8513],{"type":21,"value":926},{"type":15,"tag":202,"props":8515,"children":8516},{"style":277},[8517],{"type":21,"value":8518}," 'react-use'",{"type":15,"tag":202,"props":8520,"children":8521},{"style":209},[8522],{"type":21,"value":936},{"type":15,"tag":202,"props":8524,"children":8525},{"class":204,"line":252},[8526,8530,8534,8538,8542,8547,8551,8556,8560,8564,8568,8572,8576],{"type":15,"tag":202,"props":8527,"children":8528},{"style":887},[8529],{"type":21,"value":890},{"type":15,"tag":202,"props":8531,"children":8532},{"style":209},[8533],{"type":21,"value":895},{"type":15,"tag":202,"props":8535,"children":8536},{"style":215},[8537],{"type":21,"value":908},{"type":15,"tag":202,"props":8539,"children":8540},{"style":209},[8541],{"type":21,"value":83},{"type":15,"tag":202,"props":8543,"children":8544},{"style":215},[8545],{"type":21,"value":8546},"polymorphicForwardRef",{"type":15,"tag":202,"props":8548,"children":8549},{"style":209},[8550],{"type":21,"value":83},{"type":15,"tag":202,"props":8552,"children":8553},{"style":215},[8554],{"type":21,"value":8555},"mergeRefs",{"type":15,"tag":202,"props":8557,"children":8558},{"style":209},[8559],{"type":21,"value":83},{"type":15,"tag":202,"props":8561,"children":8562},{"style":215},[8563],{"type":21,"value":7066},{"type":15,"tag":202,"props":8565,"children":8566},{"style":209},[8567],{"type":21,"value":921},{"type":15,"tag":202,"props":8569,"children":8570},{"style":887},[8571],{"type":21,"value":926},{"type":15,"tag":202,"props":8573,"children":8574},{"style":277},[8575],{"type":21,"value":1283},{"type":15,"tag":202,"props":8577,"children":8578},{"style":209},[8579],{"type":21,"value":936},{"type":15,"tag":202,"props":8581,"children":8582},{"class":204,"line":301},[8583,8587,8592,8596,8600,8604,8608,8612],{"type":15,"tag":202,"props":8584,"children":8585},{"style":887},[8586],{"type":21,"value":890},{"type":15,"tag":202,"props":8588,"children":8589},{"style":887},[8590],{"type":21,"value":8591}," type",{"type":15,"tag":202,"props":8593,"children":8594},{"style":209},[8595],{"type":21,"value":895},{"type":15,"tag":202,"props":8597,"children":8598},{"style":215},[8599],{"type":21,"value":1488},{"type":15,"tag":202,"props":8601,"children":8602},{"style":209},[8603],{"type":21,"value":921},{"type":15,"tag":202,"props":8605,"children":8606},{"style":887},[8607],{"type":21,"value":926},{"type":15,"tag":202,"props":8609,"children":8610},{"style":277},[8611],{"type":21,"value":1283},{"type":15,"tag":202,"props":8613,"children":8614},{"style":209},[8615],{"type":21,"value":936},{"type":15,"tag":202,"props":8617,"children":8618},{"class":204,"line":342},[8619],{"type":15,"tag":202,"props":8620,"children":8621},{"emptyLinePlaceholder":8},[8622],{"type":21,"value":541},{"type":15,"tag":202,"props":8624,"children":8625},{"class":204,"line":380},[8626,8630,8635,8639,8644],{"type":15,"tag":202,"props":8627,"children":8628},{"style":887},[8629],{"type":21,"value":987},{"type":15,"tag":202,"props":8631,"children":8632},{"style":990},[8633],{"type":21,"value":8634}," defaultDrawerTag",{"type":15,"tag":202,"props":8636,"children":8637},{"style":996},[8638],{"type":21,"value":999},{"type":15,"tag":202,"props":8640,"children":8641},{"style":277},[8642],{"type":21,"value":8643}," 'aside'",{"type":15,"tag":202,"props":8645,"children":8646},{"style":209},[8647],{"type":21,"value":936},{"type":15,"tag":202,"props":8649,"children":8650},{"class":204,"line":418},[8651],{"type":15,"tag":202,"props":8652,"children":8653},{"emptyLinePlaceholder":8},[8654],{"type":21,"value":541},{"type":15,"tag":202,"props":8656,"children":8657},{"class":204,"line":461},[8658,8662,8666,8670,8674,8679,8683,8687,8691,8695,8700,8704],{"type":15,"tag":202,"props":8659,"children":8660},{"style":887},[8661],{"type":21,"value":987},{"type":15,"tag":202,"props":8663,"children":8664},{"style":1002},[8665],{"type":21,"value":7985},{"type":15,"tag":202,"props":8667,"children":8668},{"style":996},[8669],{"type":21,"value":999},{"type":15,"tag":202,"props":8671,"children":8672},{"style":209},[8673],{"type":21,"value":1104},{"type":15,"tag":202,"props":8675,"children":8676},{"style":1107},[8677],{"type":21,"value":8678},"placementValue",{"type":15,"tag":202,"props":8680,"children":8681},{"style":209},[8682],{"type":21,"value":1115},{"type":15,"tag":202,"props":8684,"children":8685},{"style":990},[8686],{"type":21,"value":1488},{"type":15,"tag":202,"props":8688,"children":8689},{"style":209},[8690],{"type":21,"value":1493},{"type":15,"tag":202,"props":8692,"children":8693},{"style":277},[8694],{"type":21,"value":1498},{"type":15,"tag":202,"props":8696,"children":8697},{"style":209},[8698],{"type":21,"value":8699},"]) ",{"type":15,"tag":202,"props":8701,"children":8702},{"style":887},[8703],{"type":21,"value":1573},{"type":15,"tag":202,"props":8705,"children":8706},{"style":209},[8707],{"type":21,"value":8008},{"type":15,"tag":202,"props":8709,"children":8710},{"class":204,"line":478},[8711,8715,8719,8723,8727,8731,8735,8739],{"type":15,"tag":202,"props":8712,"children":8713},{"style":277},[8714],{"type":21,"value":8016},{"type":15,"tag":202,"props":8716,"children":8717},{"style":209},[8718],{"type":21,"value":1115},{"type":15,"tag":202,"props":8720,"children":8721},{"style":215},[8722],{"type":21,"value":8678},{"type":15,"tag":202,"props":8724,"children":8725},{"style":996},[8726],{"type":21,"value":8037},{"type":15,"tag":202,"props":8728,"children":8729},{"style":990},[8730],{"type":21,"value":1201},{"type":15,"tag":202,"props":8732,"children":8733},{"style":209},[8734],{"type":21,"value":105},{"type":15,"tag":202,"props":8736,"children":8737},{"style":215},[8738],{"type":21,"value":89},{"type":15,"tag":202,"props":8740,"children":8741},{"style":209},[8742],{"type":21,"value":2218},{"type":15,"tag":202,"props":8744,"children":8745},{"class":204,"line":495},[8746,8750,8754,8758,8762,8766,8770,8774],{"type":15,"tag":202,"props":8747,"children":8748},{"style":277},[8749],{"type":21,"value":8061},{"type":15,"tag":202,"props":8751,"children":8752},{"style":209},[8753],{"type":21,"value":1115},{"type":15,"tag":202,"props":8755,"children":8756},{"style":215},[8757],{"type":21,"value":8678},{"type":15,"tag":202,"props":8759,"children":8760},{"style":996},[8761],{"type":21,"value":8037},{"type":15,"tag":202,"props":8763,"children":8764},{"style":990},[8765],{"type":21,"value":1201},{"type":15,"tag":202,"props":8767,"children":8768},{"style":209},[8769],{"type":21,"value":105},{"type":15,"tag":202,"props":8771,"children":8772},{"style":215},[8773],{"type":21,"value":103},{"type":15,"tag":202,"props":8775,"children":8776},{"style":209},[8777],{"type":21,"value":2218},{"type":15,"tag":202,"props":8779,"children":8780},{"class":204,"line":535},[8781,8785,8789,8793,8797,8801,8805,8809],{"type":15,"tag":202,"props":8782,"children":8783},{"style":277},[8784],{"type":21,"value":8105},{"type":15,"tag":202,"props":8786,"children":8787},{"style":209},[8788],{"type":21,"value":1115},{"type":15,"tag":202,"props":8790,"children":8791},{"style":215},[8792],{"type":21,"value":8678},{"type":15,"tag":202,"props":8794,"children":8795},{"style":996},[8796],{"type":21,"value":8037},{"type":15,"tag":202,"props":8798,"children":8799},{"style":990},[8800],{"type":21,"value":1201},{"type":15,"tag":202,"props":8802,"children":8803},{"style":209},[8804],{"type":21,"value":105},{"type":15,"tag":202,"props":8806,"children":8807},{"style":215},[8808],{"type":21,"value":96},{"type":15,"tag":202,"props":8810,"children":8811},{"style":209},[8812],{"type":21,"value":2218},{"type":15,"tag":202,"props":8814,"children":8815},{"class":204,"line":544},[8816,8820,8824,8828,8832,8836,8840,8844],{"type":15,"tag":202,"props":8817,"children":8818},{"style":277},[8819],{"type":21,"value":8149},{"type":15,"tag":202,"props":8821,"children":8822},{"style":209},[8823],{"type":21,"value":1115},{"type":15,"tag":202,"props":8825,"children":8826},{"style":215},[8827],{"type":21,"value":8678},{"type":15,"tag":202,"props":8829,"children":8830},{"style":996},[8831],{"type":21,"value":8037},{"type":15,"tag":202,"props":8833,"children":8834},{"style":990},[8835],{"type":21,"value":1201},{"type":15,"tag":202,"props":8837,"children":8838},{"style":209},[8839],{"type":21,"value":105},{"type":15,"tag":202,"props":8841,"children":8842},{"style":215},[8843],{"type":21,"value":81},{"type":15,"tag":202,"props":8845,"children":8846},{"style":209},[8847],{"type":21,"value":2218},{"type":15,"tag":202,"props":8849,"children":8850},{"class":204,"line":557},[8851],{"type":15,"tag":202,"props":8852,"children":8853},{"style":209},[8854],{"type":21,"value":7503},{"type":15,"tag":202,"props":8856,"children":8857},{"class":204,"line":575},[8858],{"type":15,"tag":202,"props":8859,"children":8860},{"emptyLinePlaceholder":8},[8861],{"type":21,"value":541},{"type":15,"tag":202,"props":8863,"children":8864},{"class":204,"line":593},[8865,8869,8874,8878,8883,8887,8892,8896,8900,8904],{"type":15,"tag":202,"props":8866,"children":8867},{"style":887},[8868],{"type":21,"value":987},{"type":15,"tag":202,"props":8870,"children":8871},{"style":990},[8872],{"type":21,"value":8873}," SfDrawer",{"type":15,"tag":202,"props":8875,"children":8876},{"style":996},[8877],{"type":21,"value":999},{"type":15,"tag":202,"props":8879,"children":8880},{"style":1002},[8881],{"type":21,"value":8882}," polymorphicForwardRef",{"type":15,"tag":202,"props":8884,"children":8885},{"style":209},[8886],{"type":21,"value":212},{"type":15,"tag":202,"props":8888,"children":8889},{"style":887},[8890],{"type":21,"value":8891},"typeof",{"type":15,"tag":202,"props":8893,"children":8894},{"style":215},[8895],{"type":21,"value":8634},{"type":15,"tag":202,"props":8897,"children":8898},{"style":209},[8899],{"type":21,"value":83},{"type":15,"tag":202,"props":8901,"children":8902},{"style":990},[8903],{"type":21,"value":1488},{"type":15,"tag":202,"props":8905,"children":8906},{"style":209},[8907],{"type":21,"value":8908},">(\n",{"type":15,"tag":202,"props":8910,"children":8911},{"class":204,"line":602},[8912],{"type":15,"tag":202,"props":8913,"children":8914},{"style":209},[8915],{"type":21,"value":8916}," (\n",{"type":15,"tag":202,"props":8918,"children":8919},{"class":204,"line":611},[8920],{"type":15,"tag":202,"props":8921,"children":8922},{"style":209},[8923],{"type":21,"value":8924}," {\n",{"type":15,"tag":202,"props":8926,"children":8927},{"class":204,"line":620},[8928,8933],{"type":15,"tag":202,"props":8929,"children":8930},{"style":215},[8931],{"type":21,"value":8932}," as",{"type":15,"tag":202,"props":8934,"children":8935},{"style":209},[8936],{"type":21,"value":2218},{"type":15,"tag":202,"props":8938,"children":8939},{"class":204,"line":629},[8940,8945],{"type":15,"tag":202,"props":8941,"children":8942},{"style":215},[8943],{"type":21,"value":8944}," open",{"type":15,"tag":202,"props":8946,"children":8947},{"style":209},[8948],{"type":21,"value":2218},{"type":15,"tag":202,"props":8950,"children":8951},{"class":204,"line":638},[8952,8957,8961,8965,8969,8973],{"type":15,"tag":202,"props":8953,"children":8954},{"style":215},[8955],{"type":21,"value":8956}," placement",{"type":15,"tag":202,"props":8958,"children":8959},{"style":996},[8960],{"type":21,"value":999},{"type":15,"tag":202,"props":8962,"children":8963},{"style":990},[8964],{"type":21,"value":1201},{"type":15,"tag":202,"props":8966,"children":8967},{"style":209},[8968],{"type":21,"value":105},{"type":15,"tag":202,"props":8970,"children":8971},{"style":215},[8972],{"type":21,"value":103},{"type":15,"tag":202,"props":8974,"children":8975},{"style":209},[8976],{"type":21,"value":2218},{"type":15,"tag":202,"props":8978,"children":8979},{"class":204,"line":647},[8980,8985],{"type":15,"tag":202,"props":8981,"children":8982},{"style":215},[8983],{"type":21,"value":8984}," disableClickAway",{"type":15,"tag":202,"props":8986,"children":8987},{"style":209},[8988],{"type":21,"value":2218},{"type":15,"tag":202,"props":8990,"children":8991},{"class":204,"line":665},[8992,8997],{"type":15,"tag":202,"props":8993,"children":8994},{"style":215},[8995],{"type":21,"value":8996}," disableEsc",{"type":15,"tag":202,"props":8998,"children":8999},{"style":209},[9000],{"type":21,"value":2218},{"type":15,"tag":202,"props":9002,"children":9003},{"class":204,"line":674},[9004,9009],{"type":15,"tag":202,"props":9005,"children":9006},{"style":215},[9007],{"type":21,"value":9008}," onClose",{"type":15,"tag":202,"props":9010,"children":9011},{"style":209},[9012],{"type":21,"value":2218},{"type":15,"tag":202,"props":9014,"children":9015},{"class":204,"line":691},[9016,9021],{"type":15,"tag":202,"props":9017,"children":9018},{"style":215},[9019],{"type":21,"value":9020}," className",{"type":15,"tag":202,"props":9022,"children":9023},{"style":209},[9024],{"type":21,"value":2218},{"type":15,"tag":202,"props":9026,"children":9027},{"class":204,"line":720},[9028,9033],{"type":15,"tag":202,"props":9029,"children":9030},{"style":215},[9031],{"type":21,"value":9032}," children",{"type":15,"tag":202,"props":9034,"children":9035},{"style":209},[9036],{"type":21,"value":2218},{"type":15,"tag":202,"props":9038,"children":9039},{"class":204,"line":729},[9040,9045],{"type":15,"tag":202,"props":9041,"children":9042},{"style":209},[9043],{"type":21,"value":9044}," ...",{"type":15,"tag":202,"props":9046,"children":9047},{"style":215},[9048],{"type":21,"value":9049},"attributes\n",{"type":15,"tag":202,"props":9051,"children":9052},{"class":204,"line":738},[9053],{"type":15,"tag":202,"props":9054,"children":9055},{"style":209},[9056],{"type":21,"value":9057}," },\n",{"type":15,"tag":202,"props":9059,"children":9060},{"class":204,"line":747},[9061,9065],{"type":15,"tag":202,"props":9062,"children":9063},{"style":215},[9064],{"type":21,"value":8284},{"type":15,"tag":202,"props":9066,"children":9067},{"style":209},[9068],{"type":21,"value":2218},{"type":15,"tag":202,"props":9070,"children":9071},{"class":204,"line":764},[9072,9077,9081],{"type":15,"tag":202,"props":9073,"children":9074},{"style":209},[9075],{"type":21,"value":9076}," ) ",{"type":15,"tag":202,"props":9078,"children":9079},{"style":887},[9080],{"type":21,"value":1573},{"type":15,"tag":202,"props":9082,"children":9083},{"style":209},[9084],{"type":21,"value":1578},{"type":15,"tag":202,"props":9086,"children":9087},{"class":204,"line":790},[9088,9093,9098,9102,9106,9110,9114],{"type":15,"tag":202,"props":9089,"children":9090},{"style":887},[9091],{"type":21,"value":9092}," const",{"type":15,"tag":202,"props":9094,"children":9095},{"style":990},[9096],{"type":21,"value":9097}," Tag",{"type":15,"tag":202,"props":9099,"children":9100},{"style":996},[9101],{"type":21,"value":999},{"type":15,"tag":202,"props":9103,"children":9104},{"style":887},[9105],{"type":21,"value":1178},{"type":15,"tag":202,"props":9107,"children":9108},{"style":996},[9109],{"type":21,"value":2199},{"type":15,"tag":202,"props":9111,"children":9112},{"style":215},[9113],{"type":21,"value":8634},{"type":15,"tag":202,"props":9115,"children":9116},{"style":209},[9117],{"type":21,"value":936},{"type":15,"tag":202,"props":9119,"children":9120},{"class":204,"line":806},[9121,9125,9129,9133,9137,9141,9145],{"type":15,"tag":202,"props":9122,"children":9123},{"style":887},[9124],{"type":21,"value":9092},{"type":15,"tag":202,"props":9126,"children":9127},{"style":990},[9128],{"type":21,"value":3775},{"type":15,"tag":202,"props":9130,"children":9131},{"style":996},[9132],{"type":21,"value":999},{"type":15,"tag":202,"props":9134,"children":9135},{"style":1002},[9136],{"type":21,"value":4475},{"type":15,"tag":202,"props":9138,"children":9139},{"style":209},[9140],{"type":21,"value":1073},{"type":15,"tag":202,"props":9142,"children":9143},{"style":266},[9144],{"type":21,"value":4512},{"type":15,"tag":202,"props":9146,"children":9147},{"style":209},[9148],{"type":21,"value":1047},{"type":15,"tag":202,"props":9150,"children":9151},{"class":204,"line":822},[9152,9157,9161,9165,9169,9173],{"type":15,"tag":202,"props":9153,"children":9154},{"style":1002},[9155],{"type":21,"value":9156}," useClickAway",{"type":15,"tag":202,"props":9158,"children":9159},{"style":209},[9160],{"type":21,"value":1073},{"type":15,"tag":202,"props":9162,"children":9163},{"style":215},[9164],{"type":21,"value":3940},{"type":15,"tag":202,"props":9166,"children":9167},{"style":209},[9168],{"type":21,"value":7780},{"type":15,"tag":202,"props":9170,"children":9171},{"style":887},[9172],{"type":21,"value":1573},{"type":15,"tag":202,"props":9174,"children":9175},{"style":209},[9176],{"type":21,"value":1578},{"type":15,"tag":202,"props":9178,"children":9179},{"class":204,"line":839},[9180,9185,9189,9193,9197,9201],{"type":15,"tag":202,"props":9181,"children":9182},{"style":887},[9183],{"type":21,"value":9184}," if",{"type":15,"tag":202,"props":9186,"children":9187},{"style":209},[9188],{"type":21,"value":1104},{"type":15,"tag":202,"props":9190,"children":9191},{"style":215},[9192],{"type":21,"value":164},{"type":15,"tag":202,"props":9194,"children":9195},{"style":209},[9196],{"type":21,"value":1125},{"type":15,"tag":202,"props":9198,"children":9199},{"style":887},[9200],{"type":21,"value":7821},{"type":15,"tag":202,"props":9202,"children":9203},{"style":209},[9204],{"type":21,"value":936},{"type":15,"tag":202,"props":9206,"children":9207},{"class":204,"line":847},[9208,9212],{"type":15,"tag":202,"props":9209,"children":9210},{"style":1002},[9211],{"type":21,"value":9008},{"type":15,"tag":202,"props":9213,"children":9214},{"style":209},[9215],{"type":21,"value":9216},"?.();\n",{"type":15,"tag":202,"props":9218,"children":9219},{"class":204,"line":883},[9220],{"type":15,"tag":202,"props":9221,"children":9222},{"style":209},[9223],{"type":21,"value":9224}," });\n",{"type":15,"tag":202,"props":9226,"children":9227},{"class":204,"line":939},[9228],{"type":15,"tag":202,"props":9229,"children":9230},{"emptyLinePlaceholder":8},[9231],{"type":21,"value":541},{"type":15,"tag":202,"props":9233,"children":9234},{"class":204,"line":973},[9235,9239,9244,9248,9252,9256,9260,9265,9269,9273],{"type":15,"tag":202,"props":9236,"children":9237},{"style":887},[9238],{"type":21,"value":9092},{"type":15,"tag":202,"props":9240,"children":9241},{"style":1002},[9242],{"type":21,"value":9243}," onKeyDown",{"type":15,"tag":202,"props":9245,"children":9246},{"style":996},[9247],{"type":21,"value":999},{"type":15,"tag":202,"props":9249,"children":9250},{"style":209},[9251],{"type":21,"value":1104},{"type":15,"tag":202,"props":9253,"children":9254},{"style":1107},[9255],{"type":21,"value":1110},{"type":15,"tag":202,"props":9257,"children":9258},{"style":209},[9259],{"type":21,"value":1115},{"type":15,"tag":202,"props":9261,"children":9262},{"style":990},[9263],{"type":21,"value":9264},"KeyboardEvent",{"type":15,"tag":202,"props":9266,"children":9267},{"style":209},[9268],{"type":21,"value":1125},{"type":15,"tag":202,"props":9270,"children":9271},{"style":887},[9272],{"type":21,"value":1573},{"type":15,"tag":202,"props":9274,"children":9275},{"style":209},[9276],{"type":21,"value":1578},{"type":15,"tag":202,"props":9278,"children":9279},{"class":204,"line":981},[9280,9284,9288,9292,9296,9300],{"type":15,"tag":202,"props":9281,"children":9282},{"style":887},[9283],{"type":21,"value":9184},{"type":15,"tag":202,"props":9285,"children":9286},{"style":209},[9287],{"type":21,"value":1104},{"type":15,"tag":202,"props":9289,"children":9290},{"style":215},[9291],{"type":21,"value":172},{"type":15,"tag":202,"props":9293,"children":9294},{"style":209},[9295],{"type":21,"value":1125},{"type":15,"tag":202,"props":9297,"children":9298},{"style":887},[9299],{"type":21,"value":7821},{"type":15,"tag":202,"props":9301,"children":9302},{"style":209},[9303],{"type":21,"value":936},{"type":15,"tag":202,"props":9305,"children":9306},{"class":204,"line":1050},[9307,9311,9315,9319,9323,9328,9332,9337],{"type":15,"tag":202,"props":9308,"children":9309},{"style":887},[9310],{"type":21,"value":9184},{"type":15,"tag":202,"props":9312,"children":9313},{"style":209},[9314],{"type":21,"value":1104},{"type":15,"tag":202,"props":9316,"children":9317},{"style":990},[9318],{"type":21,"value":1110},{"type":15,"tag":202,"props":9320,"children":9321},{"style":209},[9322],{"type":21,"value":105},{"type":15,"tag":202,"props":9324,"children":9325},{"style":215},[9326],{"type":21,"value":9327},"key",{"type":15,"tag":202,"props":9329,"children":9330},{"style":996},[9331],{"type":21,"value":2189},{"type":15,"tag":202,"props":9333,"children":9334},{"style":277},[9335],{"type":21,"value":9336}," 'Escape'",{"type":15,"tag":202,"props":9338,"children":9339},{"style":209},[9340],{"type":21,"value":9341},") {\n",{"type":15,"tag":202,"props":9343,"children":9344},{"class":204,"line":1085},[9345,9349],{"type":15,"tag":202,"props":9346,"children":9347},{"style":1002},[9348],{"type":21,"value":2073},{"type":15,"tag":202,"props":9350,"children":9351},{"style":209},[9352],{"type":21,"value":9216},{"type":15,"tag":202,"props":9354,"children":9355},{"class":204,"line":1133},[9356],{"type":15,"tag":202,"props":9357,"children":9358},{"style":209},[9359],{"type":21,"value":9360}," }\n",{"type":15,"tag":202,"props":9362,"children":9363},{"class":204,"line":1208},[9364],{"type":15,"tag":202,"props":9365,"children":9366},{"style":209},[9367],{"type":21,"value":9368}," };\n",{"type":15,"tag":202,"props":9370,"children":9371},{"class":204,"line":2324},[9372],{"type":15,"tag":202,"props":9373,"children":9374},{"emptyLinePlaceholder":8},[9375],{"type":21,"value":541},{"type":15,"tag":202,"props":9377,"children":9378},{"class":204,"line":2348},[9379,9384,9388,9393],{"type":15,"tag":202,"props":9380,"children":9381},{"style":887},[9382],{"type":21,"value":9383}," return",{"type":15,"tag":202,"props":9385,"children":9386},{"style":215},[9387],{"type":21,"value":1060},{"type":15,"tag":202,"props":9389,"children":9390},{"style":887},[9391],{"type":21,"value":9392}," ?",{"type":15,"tag":202,"props":9394,"children":9395},{"style":209},[9396],{"type":21,"value":1669},{"type":15,"tag":202,"props":9398,"children":9399},{"class":204,"line":2364},[9400,9404],{"type":15,"tag":202,"props":9401,"children":9402},{"style":209},[9403],{"type":21,"value":307},{"type":15,"tag":202,"props":9405,"children":9406},{"style":990},[9407],{"type":21,"value":9408},"Tag\n",{"type":15,"tag":202,"props":9410,"children":9411},{"class":204,"line":2380},[9412,9417,9421,9425,9429,9434,9438,9442,9446,9451],{"type":15,"tag":202,"props":9413,"children":9414},{"style":1719},[9415],{"type":21,"value":9416}," ref",{"type":15,"tag":202,"props":9418,"children":9419},{"style":996},[9420],{"type":21,"value":274},{"type":15,"tag":202,"props":9422,"children":9423},{"style":887},[9424],{"type":21,"value":1731},{"type":15,"tag":202,"props":9426,"children":9427},{"style":1002},[9428],{"type":21,"value":8555},{"type":15,"tag":202,"props":9430,"children":9431},{"style":209},[9432],{"type":21,"value":9433},"([",{"type":15,"tag":202,"props":9435,"children":9436},{"style":215},[9437],{"type":21,"value":3940},{"type":15,"tag":202,"props":9439,"children":9440},{"style":209},[9441],{"type":21,"value":83},{"type":15,"tag":202,"props":9443,"children":9444},{"style":215},[9445],{"type":21,"value":953},{"type":15,"tag":202,"props":9447,"children":9448},{"style":209},[9449],{"type":21,"value":9450},"])",{"type":15,"tag":202,"props":9452,"children":9453},{"style":887},[9454],{"type":21,"value":1741},{"type":15,"tag":202,"props":9456,"children":9457},{"class":204,"line":2389},[9458,9462,9466,9470,9474,9478,9483,9487,9492,9496,9500,9505,9510,9514],{"type":15,"tag":202,"props":9459,"children":9460},{"style":1719},[9461],{"type":21,"value":2141},{"type":15,"tag":202,"props":9463,"children":9464},{"style":996},[9465],{"type":21,"value":274},{"type":15,"tag":202,"props":9467,"children":9468},{"style":887},[9469],{"type":21,"value":1731},{"type":15,"tag":202,"props":9471,"children":9472},{"style":1002},[9473],{"type":21,"value":7066},{"type":15,"tag":202,"props":9475,"children":9476},{"style":209},[9477],{"type":21,"value":1073},{"type":15,"tag":202,"props":9479,"children":9480},{"style":277},[9481],{"type":21,"value":9482},"'fixed'",{"type":15,"tag":202,"props":9484,"children":9485},{"style":209},[9486],{"type":21,"value":83},{"type":15,"tag":202,"props":9488,"children":9489},{"style":1002},[9490],{"type":21,"value":9491},"placementClasses",{"type":15,"tag":202,"props":9493,"children":9494},{"style":209},[9495],{"type":21,"value":1073},{"type":15,"tag":202,"props":9497,"children":9498},{"style":215},[9499],{"type":21,"value":73},{"type":15,"tag":202,"props":9501,"children":9502},{"style":209},[9503],{"type":21,"value":9504},"), ",{"type":15,"tag":202,"props":9506,"children":9507},{"style":215},[9508],{"type":21,"value":9509},"className",{"type":15,"tag":202,"props":9511,"children":9512},{"style":209},[9513],{"type":21,"value":2006},{"type":15,"tag":202,"props":9515,"children":9516},{"style":887},[9517],{"type":21,"value":1741},{"type":15,"tag":202,"props":9519,"children":9520},{"class":204,"line":2398},[9521,9526,9530],{"type":15,"tag":202,"props":9522,"children":9523},{"style":1719},[9524],{"type":21,"value":9525}," tabIndex",{"type":15,"tag":202,"props":9527,"children":9528},{"style":996},[9529],{"type":21,"value":274},{"type":15,"tag":202,"props":9531,"children":9532},{"style":277},[9533],{"type":21,"value":8342},{"type":15,"tag":202,"props":9535,"children":9536},{"class":204,"line":3538},[9537,9542,9546],{"type":15,"tag":202,"props":9538,"children":9539},{"style":1719},[9540],{"type":21,"value":9541}," data-testid",{"type":15,"tag":202,"props":9543,"children":9544},{"style":996},[9545],{"type":21,"value":274},{"type":15,"tag":202,"props":9547,"children":9548},{"style":277},[9549],{"type":21,"value":8325},{"type":15,"tag":202,"props":9551,"children":9552},{"class":204,"line":3551},[9553,9557,9562,9567],{"type":15,"tag":202,"props":9554,"children":9555},{"style":887},[9556],{"type":21,"value":4645},{"type":15,"tag":202,"props":9558,"children":9559},{"style":209},[9560],{"type":21,"value":9561},"...",{"type":15,"tag":202,"props":9563,"children":9564},{"style":215},[9565],{"type":21,"value":9566},"attributes",{"type":15,"tag":202,"props":9568,"children":9569},{"style":887},[9570],{"type":21,"value":1741},{"type":15,"tag":202,"props":9572,"children":9573},{"class":204,"line":3564},[9574,9579,9583,9587,9592],{"type":15,"tag":202,"props":9575,"children":9576},{"style":1719},[9577],{"type":21,"value":9578}," onKeyDown",{"type":15,"tag":202,"props":9580,"children":9581},{"style":996},[9582],{"type":21,"value":274},{"type":15,"tag":202,"props":9584,"children":9585},{"style":887},[9586],{"type":21,"value":1731},{"type":15,"tag":202,"props":9588,"children":9589},{"style":215},[9590],{"type":21,"value":9591},"onKeyDown",{"type":15,"tag":202,"props":9593,"children":9594},{"style":887},[9595],{"type":21,"value":1741},{"type":15,"tag":202,"props":9597,"children":9598},{"class":204,"line":3577},[9599],{"type":15,"tag":202,"props":9600,"children":9601},{"style":209},[9602],{"type":21,"value":2238},{"type":15,"tag":202,"props":9604,"children":9605},{"class":204,"line":3590},[9606,9610,9614],{"type":15,"tag":202,"props":9607,"children":9608},{"style":887},[9609],{"type":21,"value":4645},{"type":15,"tag":202,"props":9611,"children":9612},{"style":215},[9613],{"type":21,"value":6778},{"type":15,"tag":202,"props":9615,"children":9616},{"style":887},[9617],{"type":21,"value":1741},{"type":15,"tag":202,"props":9619,"children":9620},{"class":204,"line":3603},[9621,9625,9630],{"type":15,"tag":202,"props":9622,"children":9623},{"style":209},[9624],{"type":21,"value":753},{"type":15,"tag":202,"props":9626,"children":9627},{"style":990},[9628],{"type":21,"value":9629},"Tag",{"type":15,"tag":202,"props":9631,"children":9632},{"style":209},[9633],{"type":21,"value":222},{"type":15,"tag":202,"props":9635,"children":9636},{"class":204,"line":3616},[9637,9642,9647,9652],{"type":15,"tag":202,"props":9638,"children":9639},{"style":209},[9640],{"type":21,"value":9641}," ) ",{"type":15,"tag":202,"props":9643,"children":9644},{"style":887},[9645],{"type":21,"value":9646},":",{"type":15,"tag":202,"props":9648,"children":9649},{"style":266},[9650],{"type":21,"value":9651}," null",{"type":15,"tag":202,"props":9653,"children":9654},{"style":209},[9655],{"type":21,"value":936},{"type":15,"tag":202,"props":9657,"children":9658},{"class":204,"line":3637},[9659],{"type":15,"tag":202,"props":9660,"children":9661},{"style":209},[9662],{"type":21,"value":7186},{"type":15,"tag":202,"props":9664,"children":9665},{"class":204,"line":3669},[9666],{"type":15,"tag":202,"props":9667,"children":9668},{"style":209},[9669],{"type":21,"value":1047},{"type":15,"tag":202,"props":9671,"children":9672},{"class":204,"line":3677},[9673],{"type":15,"tag":202,"props":9674,"children":9675},{"emptyLinePlaceholder":8},[9676],{"type":21,"value":541},{"type":15,"tag":202,"props":9678,"children":9679},{"class":204,"line":3733},[9680,9684,9688,9692],{"type":15,"tag":202,"props":9681,"children":9682},{"style":887},[9683],{"type":21,"value":1370},{"type":15,"tag":202,"props":9685,"children":9686},{"style":887},[9687],{"type":21,"value":1375},{"type":15,"tag":202,"props":9689,"children":9690},{"style":215},[9691],{"type":21,"value":8873},{"type":15,"tag":202,"props":9693,"children":9694},{"style":209},[9695],{"type":21,"value":936},{"type":15,"tag":9697,"props":9698,"children":9699},"style",{},[9700],{"type":21,"value":9701},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":9,"searchDepth":301,"depth":225,"links":9703},[9704,9708,9709,9710,9711,9712],{"id":47,"depth":225,"text":50,"children":9705},[9706,9707],{"id":54,"depth":243,"text":57},{"id":2406,"depth":243,"text":2409},{"id":6268,"depth":225,"text":6271},{"id":6294,"depth":225,"text":6297},{"id":6308,"depth":225,"text":6311},{"id":6799,"depth":225,"text":6802},{"id":6844,"depth":225,"text":6847},"markdown","content:_components:drawer.md","content","_components\u002Fdrawer.md","_components\u002Fdrawer","md",[9720],{"_path":9721,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":9722,"sidebarRoot":8,"_id":9725,"_type":9726,"title":9727,"_source":9715,"_file":9728,"_stem":9729,"_extension":9730},"\u002F_dir",{"title":9723,"icon":9724},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":9732,"sidebarRoot":9734},[9733,9736,9748],{"title":9723,"_path":9734,"_id":9725,"layout":9735,"sidebarRoot":8,"icon":9724},"\u002F","fullscreen",{"title":9737,"_path":9738,"children":9739,"_id":9747,"layout":6836},"Getting Started","\u002Fgetting-started",[9740,9743],{"title":9741,"_path":9738,"_id":9742,"layout":6836},"Installation","content:2.getting-started:1.index.md",{"title":9744,"_path":9745,"_id":9746,"layout":6836},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":9749,"_path":9750,"children":9751},"Customization","\u002Fcustomization",[9752,9756,9760,9764],{"title":9753,"_path":9754,"_id":9755,"layout":6836},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":9757,"_path":9758,"_id":9759,"layout":6836},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":9761,"_path":9762,"_id":9763,"layout":6836},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":9765,"_path":9766,"_id":9767,"layout":6836},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574913834]