[{"data":1,"prerenderedAt":4970},["ShallowReactive",2],{"reference":3,"content-query-bNGC49u9R6":4,"sidebar-roots":4921,"$dNTcUNV7nV":4933},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":4915,"_id":4916,"_source":4917,"_file":4918,"_stem":4919,"_extension":4920,"layout":2366},"\u002F_components\u002Ftooltip","_components",false,true,"","Tooltip",{"type":12,"children":13,"toc":4905},"root",[14,22,4900],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"tooltip",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":28},"tabs",{":titles":25,"className":26},"[\"Usage\", \"API\", \"Source Code\"]",[27],"mt-8",[29,1906,2372],{"type":15,"tag":30,"props":31,"children":32},"template",{"v-slot:tab-1":9},[33,46,59,84,106,113,120,148,897,903,948,1877,1883,1895,1901],{"type":15,"tag":34,"props":35,"children":36},"p",{},[37,44],{"type":15,"tag":38,"props":39,"children":41},"code",{"className":40},[],[42],{"type":21,"value":43},"SfTooltip",{"type":21,"value":45}," can be used to provide additional information when an element receives focus or is hovered.",{"type":15,"tag":34,"props":47,"children":48},{},[49,51,57],{"type":21,"value":50},"It's built on top of ",{"type":15,"tag":38,"props":52,"children":54},{"className":53},[],[55],{"type":21,"value":56},"useTooltip",{"type":21,"value":58}," and accepts all its params.",{"type":15,"tag":60,"props":61,"children":62},"react-only",{},[63],{"type":15,"tag":34,"props":64,"children":65},{},[66,68,73,75,82],{"type":21,"value":67},"Learn more about ",{"type":15,"tag":38,"props":69,"children":71},{"className":70},[],[72],{"type":21,"value":56},{"type":21,"value":74}," hook in the ",{"type":15,"tag":76,"props":77,"children":79},"a",{"href":78},"\u002Freact\u002Fhooks\u002FuseTooltip.html",[80],{"type":21,"value":81},"Hooks > useTooltip docs",{"type":21,"value":83},".",{"type":15,"tag":85,"props":86,"children":87},"vue-only",{},[88],{"type":15,"tag":34,"props":89,"children":90},{},[91,92,97,99,105],{"type":21,"value":67},{"type":15,"tag":38,"props":93,"children":95},{"className":94},[],[96],{"type":21,"value":56},{"type":21,"value":98}," composable in the ",{"type":15,"tag":76,"props":100,"children":102},{"href":101},"\u002Fvue\u002Fhooks\u002FuseTooltip.html",[103],{"type":21,"value":104},"Composables > useTooltip docs",{"type":21,"value":83},{"type":15,"tag":107,"props":108,"children":110},"h2",{"id":109},"examples",[111],{"type":21,"value":112},"Examples",{"type":15,"tag":114,"props":115,"children":117},"h3",{"id":116},"basic-usage",[118],{"type":21,"value":119},"Basic Usage",{"type":15,"tag":34,"props":121,"children":122},{},[123,125,131,133,138,140,146],{"type":21,"value":124},"The tooltip appears on hover and is useful for displaying extra information to desktop users. For accessibility, always set the ",{"type":15,"tag":38,"props":126,"children":128},{"className":127},[],[129],{"type":21,"value":130},"id",{"type":21,"value":132}," prop on ",{"type":15,"tag":38,"props":134,"children":136},{"className":135},[],[137],{"type":21,"value":43},{"type":21,"value":139}," and use the same value for the ",{"type":15,"tag":38,"props":141,"children":143},{"className":142},[],[144],{"type":21,"value":145},"aria-describedby",{"type":21,"value":147}," attribute on the child element.",{"type":15,"tag":149,"props":150,"children":152},"showcase",{"showcase-name":151},"Tooltip\u002FBasicTooltip",[153,577],{"type":15,"tag":85,"props":154,"children":155},{},[156],{"type":15,"tag":157,"props":158,"children":162},"pre",{"className":159,"code":160,"language":161,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n \u003Cdiv class=\"mt-12\">\n \u003CSfTooltip :id=\"tooltipId\" label=\"This is a tooltip!\">\n \u003Cspan :aria-describedby=\"tooltipId\"> Hover me! \u003C\u002Fspan>\n \u003C\u002FSfTooltip>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useId } from 'vue';\nimport { SfTooltip } from '@storefront-ui\u002Fvue';\n\nconst id = useId();\nconst tooltipId = `${id}-tooltip`;\n\u003C\u002Fscript>\n\n","vue",[163],{"type":15,"tag":38,"props":164,"children":165},{"__ignoreMap":9},[166,188,223,268,307,324,341,358,367,403,443,476,484,516,561],{"type":15,"tag":167,"props":168,"children":171},"span",{"class":169,"line":170},"line",1,[172,178,183],{"type":15,"tag":167,"props":173,"children":175},{"style":174},"--shiki-default:#ABB2BF",[176],{"type":21,"value":177},"\u003C",{"type":15,"tag":167,"props":179,"children":181},{"style":180},"--shiki-default:#E06C75",[182],{"type":21,"value":30},{"type":15,"tag":167,"props":184,"children":185},{"style":174},[186],{"type":21,"value":187},">\n",{"type":15,"tag":167,"props":189,"children":191},{"class":169,"line":190},2,[192,197,202,208,213,219],{"type":15,"tag":167,"props":193,"children":194},{"style":174},[195],{"type":21,"value":196}," \u003C",{"type":15,"tag":167,"props":198,"children":199},{"style":180},[200],{"type":21,"value":201},"div",{"type":15,"tag":167,"props":203,"children":205},{"style":204},"--shiki-default:#D19A66",[206],{"type":21,"value":207}," class",{"type":15,"tag":167,"props":209,"children":210},{"style":174},[211],{"type":21,"value":212},"=",{"type":15,"tag":167,"props":214,"children":216},{"style":215},"--shiki-default:#98C379",[217],{"type":21,"value":218},"\"mt-12\"",{"type":15,"tag":167,"props":220,"children":221},{"style":174},[222],{"type":21,"value":187},{"type":15,"tag":167,"props":224,"children":226},{"class":169,"line":225},3,[227,232,236,241,245,250,255,259,264],{"type":15,"tag":167,"props":228,"children":229},{"style":174},[230],{"type":21,"value":231}," \u003C",{"type":15,"tag":167,"props":233,"children":234},{"style":180},[235],{"type":21,"value":43},{"type":15,"tag":167,"props":237,"children":238},{"style":204},[239],{"type":21,"value":240}," :id",{"type":15,"tag":167,"props":242,"children":243},{"style":174},[244],{"type":21,"value":212},{"type":15,"tag":167,"props":246,"children":247},{"style":215},[248],{"type":21,"value":249},"\"tooltipId\"",{"type":15,"tag":167,"props":251,"children":252},{"style":204},[253],{"type":21,"value":254}," label",{"type":15,"tag":167,"props":256,"children":257},{"style":174},[258],{"type":21,"value":212},{"type":15,"tag":167,"props":260,"children":261},{"style":215},[262],{"type":21,"value":263},"\"This is a tooltip!\"",{"type":15,"tag":167,"props":265,"children":266},{"style":174},[267],{"type":21,"value":187},{"type":15,"tag":167,"props":269,"children":271},{"class":169,"line":270},4,[272,277,281,286,290,294,299,303],{"type":15,"tag":167,"props":273,"children":274},{"style":174},[275],{"type":21,"value":276}," \u003C",{"type":15,"tag":167,"props":278,"children":279},{"style":180},[280],{"type":21,"value":167},{"type":15,"tag":167,"props":282,"children":283},{"style":204},[284],{"type":21,"value":285}," :aria-describedby",{"type":15,"tag":167,"props":287,"children":288},{"style":174},[289],{"type":21,"value":212},{"type":15,"tag":167,"props":291,"children":292},{"style":215},[293],{"type":21,"value":249},{"type":15,"tag":167,"props":295,"children":296},{"style":174},[297],{"type":21,"value":298},"> Hover me! \u003C\u002F",{"type":15,"tag":167,"props":300,"children":301},{"style":180},[302],{"type":21,"value":167},{"type":15,"tag":167,"props":304,"children":305},{"style":174},[306],{"type":21,"value":187},{"type":15,"tag":167,"props":308,"children":310},{"class":169,"line":309},5,[311,316,320],{"type":15,"tag":167,"props":312,"children":313},{"style":174},[314],{"type":21,"value":315}," \u003C\u002F",{"type":15,"tag":167,"props":317,"children":318},{"style":180},[319],{"type":21,"value":43},{"type":15,"tag":167,"props":321,"children":322},{"style":174},[323],{"type":21,"value":187},{"type":15,"tag":167,"props":325,"children":327},{"class":169,"line":326},6,[328,333,337],{"type":15,"tag":167,"props":329,"children":330},{"style":174},[331],{"type":21,"value":332}," \u003C\u002F",{"type":15,"tag":167,"props":334,"children":335},{"style":180},[336],{"type":21,"value":201},{"type":15,"tag":167,"props":338,"children":339},{"style":174},[340],{"type":21,"value":187},{"type":15,"tag":167,"props":342,"children":344},{"class":169,"line":343},7,[345,350,354],{"type":15,"tag":167,"props":346,"children":347},{"style":174},[348],{"type":21,"value":349},"\u003C\u002F",{"type":15,"tag":167,"props":351,"children":352},{"style":180},[353],{"type":21,"value":30},{"type":15,"tag":167,"props":355,"children":356},{"style":174},[357],{"type":21,"value":187},{"type":15,"tag":167,"props":359,"children":361},{"class":169,"line":360},8,[362],{"type":15,"tag":167,"props":363,"children":364},{"emptyLinePlaceholder":8},[365],{"type":21,"value":366},"\n",{"type":15,"tag":167,"props":368,"children":370},{"class":169,"line":369},9,[371,375,380,385,390,394,399],{"type":15,"tag":167,"props":372,"children":373},{"style":174},[374],{"type":21,"value":177},{"type":15,"tag":167,"props":376,"children":377},{"style":180},[378],{"type":21,"value":379},"script",{"type":15,"tag":167,"props":381,"children":382},{"style":204},[383],{"type":21,"value":384}," setup",{"type":15,"tag":167,"props":386,"children":387},{"style":204},[388],{"type":21,"value":389}," lang",{"type":15,"tag":167,"props":391,"children":392},{"style":174},[393],{"type":21,"value":212},{"type":15,"tag":167,"props":395,"children":396},{"style":215},[397],{"type":21,"value":398},"\"ts\"",{"type":15,"tag":167,"props":400,"children":401},{"style":174},[402],{"type":21,"value":187},{"type":15,"tag":167,"props":404,"children":406},{"class":169,"line":405},10,[407,413,418,423,428,433,438],{"type":15,"tag":167,"props":408,"children":410},{"style":409},"--shiki-default:#C678DD",[411],{"type":21,"value":412},"import",{"type":15,"tag":167,"props":414,"children":415},{"style":174},[416],{"type":21,"value":417}," { ",{"type":15,"tag":167,"props":419,"children":420},{"style":180},[421],{"type":21,"value":422},"useId",{"type":15,"tag":167,"props":424,"children":425},{"style":174},[426],{"type":21,"value":427}," } ",{"type":15,"tag":167,"props":429,"children":430},{"style":409},[431],{"type":21,"value":432},"from",{"type":15,"tag":167,"props":434,"children":435},{"style":215},[436],{"type":21,"value":437}," 'vue'",{"type":15,"tag":167,"props":439,"children":440},{"style":174},[441],{"type":21,"value":442},";\n",{"type":15,"tag":167,"props":444,"children":446},{"class":169,"line":445},11,[447,451,455,459,463,467,472],{"type":15,"tag":167,"props":448,"children":449},{"style":409},[450],{"type":21,"value":412},{"type":15,"tag":167,"props":452,"children":453},{"style":174},[454],{"type":21,"value":417},{"type":15,"tag":167,"props":456,"children":457},{"style":180},[458],{"type":21,"value":43},{"type":15,"tag":167,"props":460,"children":461},{"style":174},[462],{"type":21,"value":427},{"type":15,"tag":167,"props":464,"children":465},{"style":409},[466],{"type":21,"value":432},{"type":15,"tag":167,"props":468,"children":469},{"style":215},[470],{"type":21,"value":471}," '@storefront-ui\u002Fvue'",{"type":15,"tag":167,"props":473,"children":474},{"style":174},[475],{"type":21,"value":442},{"type":15,"tag":167,"props":477,"children":479},{"class":169,"line":478},12,[480],{"type":15,"tag":167,"props":481,"children":482},{"emptyLinePlaceholder":8},[483],{"type":21,"value":366},{"type":15,"tag":167,"props":485,"children":487},{"class":169,"line":486},13,[488,493,499,505,511],{"type":15,"tag":167,"props":489,"children":490},{"style":409},[491],{"type":21,"value":492},"const",{"type":15,"tag":167,"props":494,"children":496},{"style":495},"--shiki-default:#E5C07B",[497],{"type":21,"value":498}," id",{"type":15,"tag":167,"props":500,"children":502},{"style":501},"--shiki-default:#56B6C2",[503],{"type":21,"value":504}," =",{"type":15,"tag":167,"props":506,"children":508},{"style":507},"--shiki-default:#61AFEF",[509],{"type":21,"value":510}," useId",{"type":15,"tag":167,"props":512,"children":513},{"style":174},[514],{"type":21,"value":515},"();\n",{"type":15,"tag":167,"props":517,"children":519},{"class":169,"line":518},14,[520,524,529,533,538,543,547,552,557],{"type":15,"tag":167,"props":521,"children":522},{"style":409},[523],{"type":21,"value":492},{"type":15,"tag":167,"props":525,"children":526},{"style":495},[527],{"type":21,"value":528}," tooltipId",{"type":15,"tag":167,"props":530,"children":531},{"style":501},[532],{"type":21,"value":504},{"type":15,"tag":167,"props":534,"children":535},{"style":215},[536],{"type":21,"value":537}," `",{"type":15,"tag":167,"props":539,"children":540},{"style":409},[541],{"type":21,"value":542},"${",{"type":15,"tag":167,"props":544,"children":545},{"style":180},[546],{"type":21,"value":130},{"type":15,"tag":167,"props":548,"children":549},{"style":409},[550],{"type":21,"value":551},"}",{"type":15,"tag":167,"props":553,"children":554},{"style":215},[555],{"type":21,"value":556},"-tooltip`",{"type":15,"tag":167,"props":558,"children":559},{"style":174},[560],{"type":21,"value":442},{"type":15,"tag":167,"props":562,"children":564},{"class":169,"line":563},15,[565,569,573],{"type":15,"tag":167,"props":566,"children":567},{"style":174},[568],{"type":21,"value":349},{"type":15,"tag":167,"props":570,"children":571},{"style":180},[572],{"type":21,"value":379},{"type":15,"tag":167,"props":574,"children":575},{"style":174},[576],{"type":21,"value":187},{"type":15,"tag":60,"props":578,"children":579},{},[580],{"type":15,"tag":157,"props":581,"children":585},{"className":582,"code":583,"language":584,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { useId } from 'react';\nimport { SfTooltip } from '@storefront-ui\u002Freact';\n\nexport default function BasicTooltip() {\n const id = useId();\n const tooltipId = `${id}-tooltip`;\n\n return (\n \u003CSfTooltip label=\"This is a tooltip!\" id={tooltipId}>\n \u003Cspan aria-describedby={tooltipId}>Hover me!\u003C\u002Fspan>\n \u003C\u002FSfTooltip>\n );\n}\n","tsx",[586],{"type":15,"tag":38,"props":587,"children":588},{"__ignoreMap":9},[589,621,653,660,688,712,751,758,771,821,866,881,889],{"type":15,"tag":167,"props":590,"children":591},{"class":169,"line":170},[592,596,600,604,608,612,617],{"type":15,"tag":167,"props":593,"children":594},{"style":409},[595],{"type":21,"value":412},{"type":15,"tag":167,"props":597,"children":598},{"style":174},[599],{"type":21,"value":417},{"type":15,"tag":167,"props":601,"children":602},{"style":180},[603],{"type":21,"value":422},{"type":15,"tag":167,"props":605,"children":606},{"style":174},[607],{"type":21,"value":427},{"type":15,"tag":167,"props":609,"children":610},{"style":409},[611],{"type":21,"value":432},{"type":15,"tag":167,"props":613,"children":614},{"style":215},[615],{"type":21,"value":616}," 'react'",{"type":15,"tag":167,"props":618,"children":619},{"style":174},[620],{"type":21,"value":442},{"type":15,"tag":167,"props":622,"children":623},{"class":169,"line":190},[624,628,632,636,640,644,649],{"type":15,"tag":167,"props":625,"children":626},{"style":409},[627],{"type":21,"value":412},{"type":15,"tag":167,"props":629,"children":630},{"style":174},[631],{"type":21,"value":417},{"type":15,"tag":167,"props":633,"children":634},{"style":180},[635],{"type":21,"value":43},{"type":15,"tag":167,"props":637,"children":638},{"style":174},[639],{"type":21,"value":427},{"type":15,"tag":167,"props":641,"children":642},{"style":409},[643],{"type":21,"value":432},{"type":15,"tag":167,"props":645,"children":646},{"style":215},[647],{"type":21,"value":648}," '@storefront-ui\u002Freact'",{"type":15,"tag":167,"props":650,"children":651},{"style":174},[652],{"type":21,"value":442},{"type":15,"tag":167,"props":654,"children":655},{"class":169,"line":225},[656],{"type":15,"tag":167,"props":657,"children":658},{"emptyLinePlaceholder":8},[659],{"type":21,"value":366},{"type":15,"tag":167,"props":661,"children":662},{"class":169,"line":270},[663,668,673,678,683],{"type":15,"tag":167,"props":664,"children":665},{"style":409},[666],{"type":21,"value":667},"export",{"type":15,"tag":167,"props":669,"children":670},{"style":409},[671],{"type":21,"value":672}," default",{"type":15,"tag":167,"props":674,"children":675},{"style":409},[676],{"type":21,"value":677}," function",{"type":15,"tag":167,"props":679,"children":680},{"style":507},[681],{"type":21,"value":682}," BasicTooltip",{"type":15,"tag":167,"props":684,"children":685},{"style":174},[686],{"type":21,"value":687},"() {\n",{"type":15,"tag":167,"props":689,"children":690},{"class":169,"line":309},[691,696,700,704,708],{"type":15,"tag":167,"props":692,"children":693},{"style":409},[694],{"type":21,"value":695}," const",{"type":15,"tag":167,"props":697,"children":698},{"style":495},[699],{"type":21,"value":498},{"type":15,"tag":167,"props":701,"children":702},{"style":501},[703],{"type":21,"value":504},{"type":15,"tag":167,"props":705,"children":706},{"style":507},[707],{"type":21,"value":510},{"type":15,"tag":167,"props":709,"children":710},{"style":174},[711],{"type":21,"value":515},{"type":15,"tag":167,"props":713,"children":714},{"class":169,"line":326},[715,719,723,727,731,735,739,743,747],{"type":15,"tag":167,"props":716,"children":717},{"style":409},[718],{"type":21,"value":695},{"type":15,"tag":167,"props":720,"children":721},{"style":495},[722],{"type":21,"value":528},{"type":15,"tag":167,"props":724,"children":725},{"style":501},[726],{"type":21,"value":504},{"type":15,"tag":167,"props":728,"children":729},{"style":215},[730],{"type":21,"value":537},{"type":15,"tag":167,"props":732,"children":733},{"style":409},[734],{"type":21,"value":542},{"type":15,"tag":167,"props":736,"children":737},{"style":180},[738],{"type":21,"value":130},{"type":15,"tag":167,"props":740,"children":741},{"style":409},[742],{"type":21,"value":551},{"type":15,"tag":167,"props":744,"children":745},{"style":215},[746],{"type":21,"value":556},{"type":15,"tag":167,"props":748,"children":749},{"style":174},[750],{"type":21,"value":442},{"type":15,"tag":167,"props":752,"children":753},{"class":169,"line":343},[754],{"type":15,"tag":167,"props":755,"children":756},{"emptyLinePlaceholder":8},[757],{"type":21,"value":366},{"type":15,"tag":167,"props":759,"children":760},{"class":169,"line":360},[761,766],{"type":15,"tag":167,"props":762,"children":763},{"style":409},[764],{"type":21,"value":765}," return",{"type":15,"tag":167,"props":767,"children":768},{"style":174},[769],{"type":21,"value":770}," (\n",{"type":15,"tag":167,"props":772,"children":773},{"class":169,"line":369},[774,778,782,787,791,795,799,803,808,813,817],{"type":15,"tag":167,"props":775,"children":776},{"style":174},[777],{"type":21,"value":231},{"type":15,"tag":167,"props":779,"children":780},{"style":495},[781],{"type":21,"value":43},{"type":15,"tag":167,"props":783,"children":785},{"style":784},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[786],{"type":21,"value":254},{"type":15,"tag":167,"props":788,"children":789},{"style":501},[790],{"type":21,"value":212},{"type":15,"tag":167,"props":792,"children":793},{"style":215},[794],{"type":21,"value":263},{"type":15,"tag":167,"props":796,"children":797},{"style":784},[798],{"type":21,"value":498},{"type":15,"tag":167,"props":800,"children":801},{"style":501},[802],{"type":21,"value":212},{"type":15,"tag":167,"props":804,"children":805},{"style":409},[806],{"type":21,"value":807},"{",{"type":15,"tag":167,"props":809,"children":810},{"style":180},[811],{"type":21,"value":812},"tooltipId",{"type":15,"tag":167,"props":814,"children":815},{"style":409},[816],{"type":21,"value":551},{"type":15,"tag":167,"props":818,"children":819},{"style":174},[820],{"type":21,"value":187},{"type":15,"tag":167,"props":822,"children":823},{"class":169,"line":405},[824,828,832,837,841,845,849,853,858,862],{"type":15,"tag":167,"props":825,"children":826},{"style":174},[827],{"type":21,"value":276},{"type":15,"tag":167,"props":829,"children":830},{"style":180},[831],{"type":21,"value":167},{"type":15,"tag":167,"props":833,"children":834},{"style":784},[835],{"type":21,"value":836}," aria-describedby",{"type":15,"tag":167,"props":838,"children":839},{"style":501},[840],{"type":21,"value":212},{"type":15,"tag":167,"props":842,"children":843},{"style":409},[844],{"type":21,"value":807},{"type":15,"tag":167,"props":846,"children":847},{"style":180},[848],{"type":21,"value":812},{"type":15,"tag":167,"props":850,"children":851},{"style":409},[852],{"type":21,"value":551},{"type":15,"tag":167,"props":854,"children":855},{"style":174},[856],{"type":21,"value":857},">Hover me!\u003C\u002F",{"type":15,"tag":167,"props":859,"children":860},{"style":180},[861],{"type":21,"value":167},{"type":15,"tag":167,"props":863,"children":864},{"style":174},[865],{"type":21,"value":187},{"type":15,"tag":167,"props":867,"children":868},{"class":169,"line":445},[869,873,877],{"type":15,"tag":167,"props":870,"children":871},{"style":174},[872],{"type":21,"value":315},{"type":15,"tag":167,"props":874,"children":875},{"style":495},[876],{"type":21,"value":43},{"type":15,"tag":167,"props":878,"children":879},{"style":174},[880],{"type":21,"value":187},{"type":15,"tag":167,"props":882,"children":883},{"class":169,"line":478},[884],{"type":15,"tag":167,"props":885,"children":886},{"style":174},[887],{"type":21,"value":888}," );\n",{"type":15,"tag":167,"props":890,"children":891},{"class":169,"line":486},[892],{"type":15,"tag":167,"props":893,"children":894},{"style":174},[895],{"type":21,"value":896},"}\n",{"type":15,"tag":114,"props":898,"children":900},{"id":899},"focusable-tooltip-content",[901],{"type":21,"value":902},"Focusable Tooltip content",{"type":15,"tag":34,"props":904,"children":905},{},[906,908,914,916,922,924,930,932,938,940,946],{"type":21,"value":907},"For improved accessibility and better support for mobile users, ensure the tooltip’s trigger element is focusable. You can do this by applying a ",{"type":15,"tag":38,"props":909,"children":911},{"className":910},[],[912],{"type":21,"value":913},"tabindex",{"type":21,"value":915}," attribute or by using a natively focusable element such as a ",{"type":15,"tag":38,"props":917,"children":919},{"className":918},[],[920],{"type":21,"value":921},"button",{"type":21,"value":923}," or ",{"type":15,"tag":38,"props":925,"children":927},{"className":926},[],[928],{"type":21,"value":929},"input",{"type":21,"value":931},". Also, handle the ",{"type":15,"tag":38,"props":933,"children":935},{"className":934},[],[936],{"type":21,"value":937},"focus",{"type":21,"value":939}," and ",{"type":15,"tag":38,"props":941,"children":943},{"className":942},[],[944],{"type":21,"value":945},"blur",{"type":21,"value":947}," events on the trigger to control the tooltip’s visibility. See the showcase below for a implementation example.",{"type":15,"tag":149,"props":949,"children":951},{"showcase-name":950},"Tooltip\u002FFocusableTooltip",[952,1402],{"type":15,"tag":85,"props":953,"children":954},{},[955],{"type":15,"tag":157,"props":956,"children":958},{"className":159,"code":957,"language":161,"meta":9,"style":9},"\u003Ctemplate>\n \u003CSfTooltip :id=\"tooltipId\" label=\"This is a tooltip!\" show-arrow placement=\"right\" v-model=\"isOpen\">\n \u003Cspan :aria-describedby=\"tooltipId\" tabindex=\"0\" @focus=\"open\" @blur=\"close\"> Hover or focus me! \u003C\u002Fspan>\n \u003C\u002FSfTooltip>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { useId } from 'vue';\nimport { SfTooltip, useDisclosure } from '@storefront-ui\u002Fvue';\n\nconst id = useId();\nconst tooltipId = `${id}-tooltip`;\nconst { isOpen, open, close } = useDisclosure();\n\u003C\u002Fscript>\n\n",[959],{"type":15,"tag":38,"props":960,"children":961},{"__ignoreMap":9},[962,977,1049,1127,1142,1157,1164,1195,1226,1267,1274,1297,1336,1387],{"type":15,"tag":167,"props":963,"children":964},{"class":169,"line":170},[965,969,973],{"type":15,"tag":167,"props":966,"children":967},{"style":174},[968],{"type":21,"value":177},{"type":15,"tag":167,"props":970,"children":971},{"style":180},[972],{"type":21,"value":30},{"type":15,"tag":167,"props":974,"children":975},{"style":174},[976],{"type":21,"value":187},{"type":15,"tag":167,"props":978,"children":979},{"class":169,"line":190},[980,984,988,992,996,1000,1004,1008,1012,1017,1022,1026,1031,1036,1040,1045],{"type":15,"tag":167,"props":981,"children":982},{"style":174},[983],{"type":21,"value":196},{"type":15,"tag":167,"props":985,"children":986},{"style":180},[987],{"type":21,"value":43},{"type":15,"tag":167,"props":989,"children":990},{"style":204},[991],{"type":21,"value":240},{"type":15,"tag":167,"props":993,"children":994},{"style":174},[995],{"type":21,"value":212},{"type":15,"tag":167,"props":997,"children":998},{"style":215},[999],{"type":21,"value":249},{"type":15,"tag":167,"props":1001,"children":1002},{"style":204},[1003],{"type":21,"value":254},{"type":15,"tag":167,"props":1005,"children":1006},{"style":174},[1007],{"type":21,"value":212},{"type":15,"tag":167,"props":1009,"children":1010},{"style":215},[1011],{"type":21,"value":263},{"type":15,"tag":167,"props":1013,"children":1014},{"style":204},[1015],{"type":21,"value":1016}," show-arrow",{"type":15,"tag":167,"props":1018,"children":1019},{"style":204},[1020],{"type":21,"value":1021}," placement",{"type":15,"tag":167,"props":1023,"children":1024},{"style":174},[1025],{"type":21,"value":212},{"type":15,"tag":167,"props":1027,"children":1028},{"style":215},[1029],{"type":21,"value":1030},"\"right\"",{"type":15,"tag":167,"props":1032,"children":1033},{"style":204},[1034],{"type":21,"value":1035}," v-model",{"type":15,"tag":167,"props":1037,"children":1038},{"style":174},[1039],{"type":21,"value":212},{"type":15,"tag":167,"props":1041,"children":1042},{"style":215},[1043],{"type":21,"value":1044},"\"isOpen\"",{"type":15,"tag":167,"props":1046,"children":1047},{"style":174},[1048],{"type":21,"value":187},{"type":15,"tag":167,"props":1050,"children":1051},{"class":169,"line":225},[1052,1056,1060,1064,1068,1072,1077,1081,1086,1091,1095,1100,1105,1109,1114,1119,1123],{"type":15,"tag":167,"props":1053,"children":1054},{"style":174},[1055],{"type":21,"value":231},{"type":15,"tag":167,"props":1057,"children":1058},{"style":180},[1059],{"type":21,"value":167},{"type":15,"tag":167,"props":1061,"children":1062},{"style":204},[1063],{"type":21,"value":285},{"type":15,"tag":167,"props":1065,"children":1066},{"style":174},[1067],{"type":21,"value":212},{"type":15,"tag":167,"props":1069,"children":1070},{"style":215},[1071],{"type":21,"value":249},{"type":15,"tag":167,"props":1073,"children":1074},{"style":204},[1075],{"type":21,"value":1076}," tabindex",{"type":15,"tag":167,"props":1078,"children":1079},{"style":174},[1080],{"type":21,"value":212},{"type":15,"tag":167,"props":1082,"children":1083},{"style":215},[1084],{"type":21,"value":1085},"\"0\"",{"type":15,"tag":167,"props":1087,"children":1088},{"style":204},[1089],{"type":21,"value":1090}," @focus",{"type":15,"tag":167,"props":1092,"children":1093},{"style":174},[1094],{"type":21,"value":212},{"type":15,"tag":167,"props":1096,"children":1097},{"style":215},[1098],{"type":21,"value":1099},"\"open\"",{"type":15,"tag":167,"props":1101,"children":1102},{"style":204},[1103],{"type":21,"value":1104}," @blur",{"type":15,"tag":167,"props":1106,"children":1107},{"style":174},[1108],{"type":21,"value":212},{"type":15,"tag":167,"props":1110,"children":1111},{"style":215},[1112],{"type":21,"value":1113},"\"close\"",{"type":15,"tag":167,"props":1115,"children":1116},{"style":174},[1117],{"type":21,"value":1118},"> Hover or focus me! \u003C\u002F",{"type":15,"tag":167,"props":1120,"children":1121},{"style":180},[1122],{"type":21,"value":167},{"type":15,"tag":167,"props":1124,"children":1125},{"style":174},[1126],{"type":21,"value":187},{"type":15,"tag":167,"props":1128,"children":1129},{"class":169,"line":270},[1130,1134,1138],{"type":15,"tag":167,"props":1131,"children":1132},{"style":174},[1133],{"type":21,"value":332},{"type":15,"tag":167,"props":1135,"children":1136},{"style":180},[1137],{"type":21,"value":43},{"type":15,"tag":167,"props":1139,"children":1140},{"style":174},[1141],{"type":21,"value":187},{"type":15,"tag":167,"props":1143,"children":1144},{"class":169,"line":309},[1145,1149,1153],{"type":15,"tag":167,"props":1146,"children":1147},{"style":174},[1148],{"type":21,"value":349},{"type":15,"tag":167,"props":1150,"children":1151},{"style":180},[1152],{"type":21,"value":30},{"type":15,"tag":167,"props":1154,"children":1155},{"style":174},[1156],{"type":21,"value":187},{"type":15,"tag":167,"props":1158,"children":1159},{"class":169,"line":326},[1160],{"type":15,"tag":167,"props":1161,"children":1162},{"emptyLinePlaceholder":8},[1163],{"type":21,"value":366},{"type":15,"tag":167,"props":1165,"children":1166},{"class":169,"line":343},[1167,1171,1175,1179,1183,1187,1191],{"type":15,"tag":167,"props":1168,"children":1169},{"style":174},[1170],{"type":21,"value":177},{"type":15,"tag":167,"props":1172,"children":1173},{"style":180},[1174],{"type":21,"value":379},{"type":15,"tag":167,"props":1176,"children":1177},{"style":204},[1178],{"type":21,"value":384},{"type":15,"tag":167,"props":1180,"children":1181},{"style":204},[1182],{"type":21,"value":389},{"type":15,"tag":167,"props":1184,"children":1185},{"style":174},[1186],{"type":21,"value":212},{"type":15,"tag":167,"props":1188,"children":1189},{"style":215},[1190],{"type":21,"value":398},{"type":15,"tag":167,"props":1192,"children":1193},{"style":174},[1194],{"type":21,"value":187},{"type":15,"tag":167,"props":1196,"children":1197},{"class":169,"line":360},[1198,1202,1206,1210,1214,1218,1222],{"type":15,"tag":167,"props":1199,"children":1200},{"style":409},[1201],{"type":21,"value":412},{"type":15,"tag":167,"props":1203,"children":1204},{"style":174},[1205],{"type":21,"value":417},{"type":15,"tag":167,"props":1207,"children":1208},{"style":180},[1209],{"type":21,"value":422},{"type":15,"tag":167,"props":1211,"children":1212},{"style":174},[1213],{"type":21,"value":427},{"type":15,"tag":167,"props":1215,"children":1216},{"style":409},[1217],{"type":21,"value":432},{"type":15,"tag":167,"props":1219,"children":1220},{"style":215},[1221],{"type":21,"value":437},{"type":15,"tag":167,"props":1223,"children":1224},{"style":174},[1225],{"type":21,"value":442},{"type":15,"tag":167,"props":1227,"children":1228},{"class":169,"line":369},[1229,1233,1237,1241,1246,1251,1255,1259,1263],{"type":15,"tag":167,"props":1230,"children":1231},{"style":409},[1232],{"type":21,"value":412},{"type":15,"tag":167,"props":1234,"children":1235},{"style":174},[1236],{"type":21,"value":417},{"type":15,"tag":167,"props":1238,"children":1239},{"style":180},[1240],{"type":21,"value":43},{"type":15,"tag":167,"props":1242,"children":1243},{"style":174},[1244],{"type":21,"value":1245},", ",{"type":15,"tag":167,"props":1247,"children":1248},{"style":180},[1249],{"type":21,"value":1250},"useDisclosure",{"type":15,"tag":167,"props":1252,"children":1253},{"style":174},[1254],{"type":21,"value":427},{"type":15,"tag":167,"props":1256,"children":1257},{"style":409},[1258],{"type":21,"value":432},{"type":15,"tag":167,"props":1260,"children":1261},{"style":215},[1262],{"type":21,"value":471},{"type":15,"tag":167,"props":1264,"children":1265},{"style":174},[1266],{"type":21,"value":442},{"type":15,"tag":167,"props":1268,"children":1269},{"class":169,"line":405},[1270],{"type":15,"tag":167,"props":1271,"children":1272},{"emptyLinePlaceholder":8},[1273],{"type":21,"value":366},{"type":15,"tag":167,"props":1275,"children":1276},{"class":169,"line":445},[1277,1281,1285,1289,1293],{"type":15,"tag":167,"props":1278,"children":1279},{"style":409},[1280],{"type":21,"value":492},{"type":15,"tag":167,"props":1282,"children":1283},{"style":495},[1284],{"type":21,"value":498},{"type":15,"tag":167,"props":1286,"children":1287},{"style":501},[1288],{"type":21,"value":504},{"type":15,"tag":167,"props":1290,"children":1291},{"style":507},[1292],{"type":21,"value":510},{"type":15,"tag":167,"props":1294,"children":1295},{"style":174},[1296],{"type":21,"value":515},{"type":15,"tag":167,"props":1298,"children":1299},{"class":169,"line":478},[1300,1304,1308,1312,1316,1320,1324,1328,1332],{"type":15,"tag":167,"props":1301,"children":1302},{"style":409},[1303],{"type":21,"value":492},{"type":15,"tag":167,"props":1305,"children":1306},{"style":495},[1307],{"type":21,"value":528},{"type":15,"tag":167,"props":1309,"children":1310},{"style":501},[1311],{"type":21,"value":504},{"type":15,"tag":167,"props":1313,"children":1314},{"style":215},[1315],{"type":21,"value":537},{"type":15,"tag":167,"props":1317,"children":1318},{"style":409},[1319],{"type":21,"value":542},{"type":15,"tag":167,"props":1321,"children":1322},{"style":180},[1323],{"type":21,"value":130},{"type":15,"tag":167,"props":1325,"children":1326},{"style":409},[1327],{"type":21,"value":551},{"type":15,"tag":167,"props":1329,"children":1330},{"style":215},[1331],{"type":21,"value":556},{"type":15,"tag":167,"props":1333,"children":1334},{"style":174},[1335],{"type":21,"value":442},{"type":15,"tag":167,"props":1337,"children":1338},{"class":169,"line":486},[1339,1343,1347,1352,1356,1361,1365,1370,1374,1378,1383],{"type":15,"tag":167,"props":1340,"children":1341},{"style":409},[1342],{"type":21,"value":492},{"type":15,"tag":167,"props":1344,"children":1345},{"style":174},[1346],{"type":21,"value":417},{"type":15,"tag":167,"props":1348,"children":1349},{"style":495},[1350],{"type":21,"value":1351},"isOpen",{"type":15,"tag":167,"props":1353,"children":1354},{"style":174},[1355],{"type":21,"value":1245},{"type":15,"tag":167,"props":1357,"children":1358},{"style":495},[1359],{"type":21,"value":1360},"open",{"type":15,"tag":167,"props":1362,"children":1363},{"style":174},[1364],{"type":21,"value":1245},{"type":15,"tag":167,"props":1366,"children":1367},{"style":495},[1368],{"type":21,"value":1369},"close",{"type":15,"tag":167,"props":1371,"children":1372},{"style":174},[1373],{"type":21,"value":427},{"type":15,"tag":167,"props":1375,"children":1376},{"style":501},[1377],{"type":21,"value":212},{"type":15,"tag":167,"props":1379,"children":1380},{"style":507},[1381],{"type":21,"value":1382}," useDisclosure",{"type":15,"tag":167,"props":1384,"children":1385},{"style":174},[1386],{"type":21,"value":515},{"type":15,"tag":167,"props":1388,"children":1389},{"class":169,"line":518},[1390,1394,1398],{"type":15,"tag":167,"props":1391,"children":1392},{"style":174},[1393],{"type":21,"value":349},{"type":15,"tag":167,"props":1395,"children":1396},{"style":180},[1397],{"type":21,"value":379},{"type":15,"tag":167,"props":1399,"children":1400},{"style":174},[1401],{"type":21,"value":187},{"type":15,"tag":60,"props":1403,"children":1404},{},[1405],{"type":15,"tag":157,"props":1406,"children":1408},{"className":582,"code":1407,"language":584,"meta":9,"style":9},"import { useId } from 'react';\nimport { SfTooltip, useDisclosure } from '@storefront-ui\u002Freact';\n\nexport default function BasicTooltip() {\n const id = useId();\n const tooltipId = `${id}-tooltip`;\n const { isOpen, open, close } = useDisclosure();\n\n return (\n \u003CSfTooltip label=\"This is a tooltip!\" id={tooltipId} open={isOpen} showArrow placement=\"right\">\n \u003Cspan aria-describedby={tooltipId} onFocus={open} onBlur={close} tabIndex={0}>\n Hover or focus me!\n \u003C\u002Fspan>\n \u003C\u002FSfTooltip>\n );\n}\n",[1409],{"type":15,"tag":38,"props":1410,"children":1411},{"__ignoreMap":9},[1412,1443,1482,1489,1512,1535,1574,1621,1628,1639,1724,1823,1831,1847,1862,1869],{"type":15,"tag":167,"props":1413,"children":1414},{"class":169,"line":170},[1415,1419,1423,1427,1431,1435,1439],{"type":15,"tag":167,"props":1416,"children":1417},{"style":409},[1418],{"type":21,"value":412},{"type":15,"tag":167,"props":1420,"children":1421},{"style":174},[1422],{"type":21,"value":417},{"type":15,"tag":167,"props":1424,"children":1425},{"style":180},[1426],{"type":21,"value":422},{"type":15,"tag":167,"props":1428,"children":1429},{"style":174},[1430],{"type":21,"value":427},{"type":15,"tag":167,"props":1432,"children":1433},{"style":409},[1434],{"type":21,"value":432},{"type":15,"tag":167,"props":1436,"children":1437},{"style":215},[1438],{"type":21,"value":616},{"type":15,"tag":167,"props":1440,"children":1441},{"style":174},[1442],{"type":21,"value":442},{"type":15,"tag":167,"props":1444,"children":1445},{"class":169,"line":190},[1446,1450,1454,1458,1462,1466,1470,1474,1478],{"type":15,"tag":167,"props":1447,"children":1448},{"style":409},[1449],{"type":21,"value":412},{"type":15,"tag":167,"props":1451,"children":1452},{"style":174},[1453],{"type":21,"value":417},{"type":15,"tag":167,"props":1455,"children":1456},{"style":180},[1457],{"type":21,"value":43},{"type":15,"tag":167,"props":1459,"children":1460},{"style":174},[1461],{"type":21,"value":1245},{"type":15,"tag":167,"props":1463,"children":1464},{"style":180},[1465],{"type":21,"value":1250},{"type":15,"tag":167,"props":1467,"children":1468},{"style":174},[1469],{"type":21,"value":427},{"type":15,"tag":167,"props":1471,"children":1472},{"style":409},[1473],{"type":21,"value":432},{"type":15,"tag":167,"props":1475,"children":1476},{"style":215},[1477],{"type":21,"value":648},{"type":15,"tag":167,"props":1479,"children":1480},{"style":174},[1481],{"type":21,"value":442},{"type":15,"tag":167,"props":1483,"children":1484},{"class":169,"line":225},[1485],{"type":15,"tag":167,"props":1486,"children":1487},{"emptyLinePlaceholder":8},[1488],{"type":21,"value":366},{"type":15,"tag":167,"props":1490,"children":1491},{"class":169,"line":270},[1492,1496,1500,1504,1508],{"type":15,"tag":167,"props":1493,"children":1494},{"style":409},[1495],{"type":21,"value":667},{"type":15,"tag":167,"props":1497,"children":1498},{"style":409},[1499],{"type":21,"value":672},{"type":15,"tag":167,"props":1501,"children":1502},{"style":409},[1503],{"type":21,"value":677},{"type":15,"tag":167,"props":1505,"children":1506},{"style":507},[1507],{"type":21,"value":682},{"type":15,"tag":167,"props":1509,"children":1510},{"style":174},[1511],{"type":21,"value":687},{"type":15,"tag":167,"props":1513,"children":1514},{"class":169,"line":309},[1515,1519,1523,1527,1531],{"type":15,"tag":167,"props":1516,"children":1517},{"style":409},[1518],{"type":21,"value":695},{"type":15,"tag":167,"props":1520,"children":1521},{"style":495},[1522],{"type":21,"value":498},{"type":15,"tag":167,"props":1524,"children":1525},{"style":501},[1526],{"type":21,"value":504},{"type":15,"tag":167,"props":1528,"children":1529},{"style":507},[1530],{"type":21,"value":510},{"type":15,"tag":167,"props":1532,"children":1533},{"style":174},[1534],{"type":21,"value":515},{"type":15,"tag":167,"props":1536,"children":1537},{"class":169,"line":326},[1538,1542,1546,1550,1554,1558,1562,1566,1570],{"type":15,"tag":167,"props":1539,"children":1540},{"style":409},[1541],{"type":21,"value":695},{"type":15,"tag":167,"props":1543,"children":1544},{"style":495},[1545],{"type":21,"value":528},{"type":15,"tag":167,"props":1547,"children":1548},{"style":501},[1549],{"type":21,"value":504},{"type":15,"tag":167,"props":1551,"children":1552},{"style":215},[1553],{"type":21,"value":537},{"type":15,"tag":167,"props":1555,"children":1556},{"style":409},[1557],{"type":21,"value":542},{"type":15,"tag":167,"props":1559,"children":1560},{"style":180},[1561],{"type":21,"value":130},{"type":15,"tag":167,"props":1563,"children":1564},{"style":409},[1565],{"type":21,"value":551},{"type":15,"tag":167,"props":1567,"children":1568},{"style":215},[1569],{"type":21,"value":556},{"type":15,"tag":167,"props":1571,"children":1572},{"style":174},[1573],{"type":21,"value":442},{"type":15,"tag":167,"props":1575,"children":1576},{"class":169,"line":343},[1577,1581,1585,1589,1593,1597,1601,1605,1609,1613,1617],{"type":15,"tag":167,"props":1578,"children":1579},{"style":409},[1580],{"type":21,"value":695},{"type":15,"tag":167,"props":1582,"children":1583},{"style":174},[1584],{"type":21,"value":417},{"type":15,"tag":167,"props":1586,"children":1587},{"style":495},[1588],{"type":21,"value":1351},{"type":15,"tag":167,"props":1590,"children":1591},{"style":174},[1592],{"type":21,"value":1245},{"type":15,"tag":167,"props":1594,"children":1595},{"style":495},[1596],{"type":21,"value":1360},{"type":15,"tag":167,"props":1598,"children":1599},{"style":174},[1600],{"type":21,"value":1245},{"type":15,"tag":167,"props":1602,"children":1603},{"style":495},[1604],{"type":21,"value":1369},{"type":15,"tag":167,"props":1606,"children":1607},{"style":174},[1608],{"type":21,"value":427},{"type":15,"tag":167,"props":1610,"children":1611},{"style":501},[1612],{"type":21,"value":212},{"type":15,"tag":167,"props":1614,"children":1615},{"style":507},[1616],{"type":21,"value":1382},{"type":15,"tag":167,"props":1618,"children":1619},{"style":174},[1620],{"type":21,"value":515},{"type":15,"tag":167,"props":1622,"children":1623},{"class":169,"line":360},[1624],{"type":15,"tag":167,"props":1625,"children":1626},{"emptyLinePlaceholder":8},[1627],{"type":21,"value":366},{"type":15,"tag":167,"props":1629,"children":1630},{"class":169,"line":369},[1631,1635],{"type":15,"tag":167,"props":1632,"children":1633},{"style":409},[1634],{"type":21,"value":765},{"type":15,"tag":167,"props":1636,"children":1637},{"style":174},[1638],{"type":21,"value":770},{"type":15,"tag":167,"props":1640,"children":1641},{"class":169,"line":405},[1642,1646,1650,1654,1658,1662,1666,1670,1674,1678,1682,1687,1691,1695,1699,1703,1708,1712,1716,1720],{"type":15,"tag":167,"props":1643,"children":1644},{"style":174},[1645],{"type":21,"value":231},{"type":15,"tag":167,"props":1647,"children":1648},{"style":495},[1649],{"type":21,"value":43},{"type":15,"tag":167,"props":1651,"children":1652},{"style":784},[1653],{"type":21,"value":254},{"type":15,"tag":167,"props":1655,"children":1656},{"style":501},[1657],{"type":21,"value":212},{"type":15,"tag":167,"props":1659,"children":1660},{"style":215},[1661],{"type":21,"value":263},{"type":15,"tag":167,"props":1663,"children":1664},{"style":784},[1665],{"type":21,"value":498},{"type":15,"tag":167,"props":1667,"children":1668},{"style":501},[1669],{"type":21,"value":212},{"type":15,"tag":167,"props":1671,"children":1672},{"style":409},[1673],{"type":21,"value":807},{"type":15,"tag":167,"props":1675,"children":1676},{"style":180},[1677],{"type":21,"value":812},{"type":15,"tag":167,"props":1679,"children":1680},{"style":409},[1681],{"type":21,"value":551},{"type":15,"tag":167,"props":1683,"children":1684},{"style":784},[1685],{"type":21,"value":1686}," open",{"type":15,"tag":167,"props":1688,"children":1689},{"style":501},[1690],{"type":21,"value":212},{"type":15,"tag":167,"props":1692,"children":1693},{"style":409},[1694],{"type":21,"value":807},{"type":15,"tag":167,"props":1696,"children":1697},{"style":180},[1698],{"type":21,"value":1351},{"type":15,"tag":167,"props":1700,"children":1701},{"style":409},[1702],{"type":21,"value":551},{"type":15,"tag":167,"props":1704,"children":1705},{"style":784},[1706],{"type":21,"value":1707}," showArrow",{"type":15,"tag":167,"props":1709,"children":1710},{"style":784},[1711],{"type":21,"value":1021},{"type":15,"tag":167,"props":1713,"children":1714},{"style":501},[1715],{"type":21,"value":212},{"type":15,"tag":167,"props":1717,"children":1718},{"style":215},[1719],{"type":21,"value":1030},{"type":15,"tag":167,"props":1721,"children":1722},{"style":174},[1723],{"type":21,"value":187},{"type":15,"tag":167,"props":1725,"children":1726},{"class":169,"line":445},[1727,1731,1735,1739,1743,1747,1751,1755,1760,1764,1768,1772,1776,1781,1785,1789,1793,1797,1802,1806,1810,1815,1819],{"type":15,"tag":167,"props":1728,"children":1729},{"style":174},[1730],{"type":21,"value":276},{"type":15,"tag":167,"props":1732,"children":1733},{"style":180},[1734],{"type":21,"value":167},{"type":15,"tag":167,"props":1736,"children":1737},{"style":784},[1738],{"type":21,"value":836},{"type":15,"tag":167,"props":1740,"children":1741},{"style":501},[1742],{"type":21,"value":212},{"type":15,"tag":167,"props":1744,"children":1745},{"style":409},[1746],{"type":21,"value":807},{"type":15,"tag":167,"props":1748,"children":1749},{"style":180},[1750],{"type":21,"value":812},{"type":15,"tag":167,"props":1752,"children":1753},{"style":409},[1754],{"type":21,"value":551},{"type":15,"tag":167,"props":1756,"children":1757},{"style":784},[1758],{"type":21,"value":1759}," onFocus",{"type":15,"tag":167,"props":1761,"children":1762},{"style":501},[1763],{"type":21,"value":212},{"type":15,"tag":167,"props":1765,"children":1766},{"style":409},[1767],{"type":21,"value":807},{"type":15,"tag":167,"props":1769,"children":1770},{"style":180},[1771],{"type":21,"value":1360},{"type":15,"tag":167,"props":1773,"children":1774},{"style":409},[1775],{"type":21,"value":551},{"type":15,"tag":167,"props":1777,"children":1778},{"style":784},[1779],{"type":21,"value":1780}," onBlur",{"type":15,"tag":167,"props":1782,"children":1783},{"style":501},[1784],{"type":21,"value":212},{"type":15,"tag":167,"props":1786,"children":1787},{"style":409},[1788],{"type":21,"value":807},{"type":15,"tag":167,"props":1790,"children":1791},{"style":180},[1792],{"type":21,"value":1369},{"type":15,"tag":167,"props":1794,"children":1795},{"style":409},[1796],{"type":21,"value":551},{"type":15,"tag":167,"props":1798,"children":1799},{"style":784},[1800],{"type":21,"value":1801}," tabIndex",{"type":15,"tag":167,"props":1803,"children":1804},{"style":501},[1805],{"type":21,"value":212},{"type":15,"tag":167,"props":1807,"children":1808},{"style":409},[1809],{"type":21,"value":807},{"type":15,"tag":167,"props":1811,"children":1812},{"style":204},[1813],{"type":21,"value":1814},"0",{"type":15,"tag":167,"props":1816,"children":1817},{"style":409},[1818],{"type":21,"value":551},{"type":15,"tag":167,"props":1820,"children":1821},{"style":174},[1822],{"type":21,"value":187},{"type":15,"tag":167,"props":1824,"children":1825},{"class":169,"line":478},[1826],{"type":15,"tag":167,"props":1827,"children":1828},{"style":174},[1829],{"type":21,"value":1830}," Hover or focus me!\n",{"type":15,"tag":167,"props":1832,"children":1833},{"class":169,"line":486},[1834,1839,1843],{"type":15,"tag":167,"props":1835,"children":1836},{"style":174},[1837],{"type":21,"value":1838}," \u003C\u002F",{"type":15,"tag":167,"props":1840,"children":1841},{"style":180},[1842],{"type":21,"value":167},{"type":15,"tag":167,"props":1844,"children":1845},{"style":174},[1846],{"type":21,"value":187},{"type":15,"tag":167,"props":1848,"children":1849},{"class":169,"line":518},[1850,1854,1858],{"type":15,"tag":167,"props":1851,"children":1852},{"style":174},[1853],{"type":21,"value":315},{"type":15,"tag":167,"props":1855,"children":1856},{"style":495},[1857],{"type":21,"value":43},{"type":15,"tag":167,"props":1859,"children":1860},{"style":174},[1861],{"type":21,"value":187},{"type":15,"tag":167,"props":1863,"children":1864},{"class":169,"line":563},[1865],{"type":15,"tag":167,"props":1866,"children":1867},{"style":174},[1868],{"type":21,"value":888},{"type":15,"tag":167,"props":1870,"children":1872},{"class":169,"line":1871},16,[1873],{"type":15,"tag":167,"props":1874,"children":1875},{"style":174},[1876],{"type":21,"value":896},{"type":15,"tag":107,"props":1878,"children":1880},{"id":1879},"accessibility-notes",[1881],{"type":21,"value":1882},"Accessibility notes",{"type":15,"tag":34,"props":1884,"children":1885},{},[1886,1888,1894],{"type":21,"value":1887},"By default, this component sets ",{"type":15,"tag":38,"props":1889,"children":1891},{"className":1890},[],[1892],{"type":21,"value":1893},"role=\"tooltip\"",{"type":21,"value":83},{"type":15,"tag":107,"props":1896,"children":1898},{"id":1897},"playground",[1899],{"type":21,"value":1900},"Playground",{"type":15,"tag":1902,"props":1903,"children":1905},"generate",{"style":1904},"height: 450px",[],{"type":15,"tag":30,"props":1907,"children":1908},{"v-slot:tab-2":9},[1909,1915,2118,2324],{"type":15,"tag":107,"props":1910,"children":1912},{"id":1911},"props",[1913],{"type":21,"value":1914},"Props",{"type":15,"tag":85,"props":1916,"children":1917},{},[1918],{"type":15,"tag":1919,"props":1920,"children":1921},"table",{},[1922,1951],{"type":15,"tag":1923,"props":1924,"children":1925},"thead",{},[1926],{"type":15,"tag":1927,"props":1928,"children":1929},"tr",{},[1930,1936,1941,1946],{"type":15,"tag":1931,"props":1932,"children":1933},"th",{},[1934],{"type":21,"value":1935},"Prop name",{"type":15,"tag":1931,"props":1937,"children":1938},{},[1939],{"type":21,"value":1940},"Type",{"type":15,"tag":1931,"props":1942,"children":1943},{},[1944],{"type":21,"value":1945},"Default value",{"type":15,"tag":1931,"props":1947,"children":1948},{},[1949],{"type":21,"value":1950},"Possible values",{"type":15,"tag":1952,"props":1953,"children":1954},"tbody",{},[1955,1985,2018,2049,2076],{"type":15,"tag":1927,"props":1956,"children":1957},{},[1958,1970,1979,1982],{"type":15,"tag":1959,"props":1960,"children":1961},"td",{},[1962,1968],{"type":15,"tag":38,"props":1963,"children":1965},{"className":1964},[],[1966],{"type":21,"value":1967},"label",{"type":21,"value":1969},"*",{"type":15,"tag":1959,"props":1971,"children":1972},{},[1973],{"type":15,"tag":38,"props":1974,"children":1976},{"className":1975},[],[1977],{"type":21,"value":1978},"string",{"type":15,"tag":1959,"props":1980,"children":1981},{},[],{"type":15,"tag":1959,"props":1983,"children":1984},{},[],{"type":15,"tag":1927,"props":1986,"children":1987},{},[1988,1997,2006,2015],{"type":15,"tag":1959,"props":1989,"children":1990},{},[1991],{"type":15,"tag":38,"props":1992,"children":1994},{"className":1993},[],[1995],{"type":21,"value":1996},"modelValue",{"type":15,"tag":1959,"props":1998,"children":1999},{},[2000],{"type":15,"tag":38,"props":2001,"children":2003},{"className":2002},[],[2004],{"type":21,"value":2005},"boolean",{"type":15,"tag":1959,"props":2007,"children":2008},{},[2009],{"type":15,"tag":38,"props":2010,"children":2012},{"className":2011},[],[2013],{"type":21,"value":2014},"false",{"type":15,"tag":1959,"props":2016,"children":2017},{},[],{"type":15,"tag":1927,"props":2019,"children":2020},{},[2021,2030,2038,2046],{"type":15,"tag":1959,"props":2022,"children":2023},{},[2024],{"type":15,"tag":38,"props":2025,"children":2027},{"className":2026},[],[2028],{"type":21,"value":2029},"showArrow",{"type":15,"tag":1959,"props":2031,"children":2032},{},[2033],{"type":15,"tag":38,"props":2034,"children":2036},{"className":2035},[],[2037],{"type":21,"value":2005},{"type":15,"tag":1959,"props":2039,"children":2040},{},[2041],{"type":15,"tag":38,"props":2042,"children":2044},{"className":2043},[],[2045],{"type":21,"value":2014},{"type":15,"tag":1959,"props":2047,"children":2048},{},[],{"type":15,"tag":1927,"props":2050,"children":2051},{},[2052,2061,2070,2073],{"type":15,"tag":1959,"props":2053,"children":2054},{},[2055],{"type":15,"tag":38,"props":2056,"children":2058},{"className":2057},[],[2059],{"type":21,"value":2060},"placement",{"type":15,"tag":1959,"props":2062,"children":2063},{},[2064],{"type":15,"tag":38,"props":2065,"children":2067},{"className":2066},[],[2068],{"type":21,"value":2069},"SfPopoverPlacement",{"type":15,"tag":1959,"props":2071,"children":2072},{},[],{"type":15,"tag":1959,"props":2074,"children":2075},{},[],{"type":15,"tag":1927,"props":2077,"children":2078},{},[2079,2088,2112,2115],{"type":15,"tag":1959,"props":2080,"children":2081},{},[2082],{"type":15,"tag":38,"props":2083,"children":2085},{"className":2084},[],[2086],{"type":21,"value":2087},"arrowSize",{"type":15,"tag":1959,"props":2089,"children":2090},{},[2091,2097,2099,2105,2106],{"type":15,"tag":38,"props":2092,"children":2094},{"className":2093},[],[2095],{"type":21,"value":2096},"${number}px",{"type":21,"value":2098}," | ",{"type":15,"tag":38,"props":2100,"children":2102},{"className":2101},[],[2103],{"type":21,"value":2104},"${number}em",{"type":21,"value":2098},{"type":15,"tag":38,"props":2107,"children":2109},{"className":2108},[],[2110],{"type":21,"value":2111},"${number}rem",{"type":15,"tag":1959,"props":2113,"children":2114},{},[],{"type":15,"tag":1959,"props":2116,"children":2117},{},[],{"type":15,"tag":60,"props":2119,"children":2120},{},[2121],{"type":15,"tag":1919,"props":2122,"children":2123},{},[2124,2146],{"type":15,"tag":1923,"props":2125,"children":2126},{},[2127],{"type":15,"tag":1927,"props":2128,"children":2129},{},[2130,2134,2138,2142],{"type":15,"tag":1931,"props":2131,"children":2132},{},[2133],{"type":21,"value":1935},{"type":15,"tag":1931,"props":2135,"children":2136},{},[2137],{"type":21,"value":1940},{"type":15,"tag":1931,"props":2139,"children":2140},{},[2141],{"type":21,"value":1945},{"type":15,"tag":1931,"props":2143,"children":2144},{},[2145],{"type":21,"value":1950},{"type":15,"tag":1952,"props":2147,"children":2148},{},[2149,2175,2205,2235,2260,2297],{"type":15,"tag":1927,"props":2150,"children":2151},{},[2152,2161,2169,2172],{"type":15,"tag":1959,"props":2153,"children":2154},{},[2155,2160],{"type":15,"tag":38,"props":2156,"children":2158},{"className":2157},[],[2159],{"type":21,"value":1967},{"type":21,"value":1969},{"type":15,"tag":1959,"props":2162,"children":2163},{},[2164],{"type":15,"tag":38,"props":2165,"children":2167},{"className":2166},[],[2168],{"type":21,"value":1978},{"type":15,"tag":1959,"props":2170,"children":2171},{},[],{"type":15,"tag":1959,"props":2173,"children":2174},{},[],{"type":15,"tag":1927,"props":2176,"children":2177},{},[2178,2186,2194,2202],{"type":15,"tag":1959,"props":2179,"children":2180},{},[2181],{"type":15,"tag":38,"props":2182,"children":2184},{"className":2183},[],[2185],{"type":21,"value":1360},{"type":15,"tag":1959,"props":2187,"children":2188},{},[2189],{"type":15,"tag":38,"props":2190,"children":2192},{"className":2191},[],[2193],{"type":21,"value":2005},{"type":15,"tag":1959,"props":2195,"children":2196},{},[2197],{"type":15,"tag":38,"props":2198,"children":2200},{"className":2199},[],[2201],{"type":21,"value":2014},{"type":15,"tag":1959,"props":2203,"children":2204},{},[],{"type":15,"tag":1927,"props":2206,"children":2207},{},[2208,2216,2224,2232],{"type":15,"tag":1959,"props":2209,"children":2210},{},[2211],{"type":15,"tag":38,"props":2212,"children":2214},{"className":2213},[],[2215],{"type":21,"value":2029},{"type":15,"tag":1959,"props":2217,"children":2218},{},[2219],{"type":15,"tag":38,"props":2220,"children":2222},{"className":2221},[],[2223],{"type":21,"value":2005},{"type":15,"tag":1959,"props":2225,"children":2226},{},[2227],{"type":15,"tag":38,"props":2228,"children":2230},{"className":2229},[],[2231],{"type":21,"value":2014},{"type":15,"tag":1959,"props":2233,"children":2234},{},[],{"type":15,"tag":1927,"props":2236,"children":2237},{},[2238,2246,2254,2257],{"type":15,"tag":1959,"props":2239,"children":2240},{},[2241],{"type":15,"tag":38,"props":2242,"children":2244},{"className":2243},[],[2245],{"type":21,"value":2060},{"type":15,"tag":1959,"props":2247,"children":2248},{},[2249],{"type":15,"tag":38,"props":2250,"children":2252},{"className":2251},[],[2253],{"type":21,"value":2069},{"type":15,"tag":1959,"props":2255,"children":2256},{},[],{"type":15,"tag":1959,"props":2258,"children":2259},{},[],{"type":15,"tag":1927,"props":2261,"children":2262},{},[2263,2271,2291,2294],{"type":15,"tag":1959,"props":2264,"children":2265},{},[2266],{"type":15,"tag":38,"props":2267,"children":2269},{"className":2268},[],[2270],{"type":21,"value":2087},{"type":15,"tag":1959,"props":2272,"children":2273},{},[2274,2279,2280,2285,2286],{"type":15,"tag":38,"props":2275,"children":2277},{"className":2276},[],[2278],{"type":21,"value":2096},{"type":21,"value":2098},{"type":15,"tag":38,"props":2281,"children":2283},{"className":2282},[],[2284],{"type":21,"value":2104},{"type":21,"value":2098},{"type":15,"tag":38,"props":2287,"children":2289},{"className":2288},[],[2290],{"type":21,"value":2111},{"type":15,"tag":1959,"props":2292,"children":2293},{},[],{"type":15,"tag":1959,"props":2295,"children":2296},{},[],{"type":15,"tag":1927,"props":2298,"children":2299},{},[2300,2309,2318,2321],{"type":15,"tag":1959,"props":2301,"children":2302},{},[2303],{"type":15,"tag":38,"props":2304,"children":2306},{"className":2305},[],[2307],{"type":21,"value":2308},"children",{"type":15,"tag":1959,"props":2310,"children":2311},{},[2312],{"type":15,"tag":38,"props":2313,"children":2315},{"className":2314},[],[2316],{"type":21,"value":2317},"ReactNode",{"type":15,"tag":1959,"props":2319,"children":2320},{},[],{"type":15,"tag":1959,"props":2322,"children":2323},{},[],{"type":15,"tag":85,"props":2325,"children":2326},{},[2327,2333],{"type":15,"tag":107,"props":2328,"children":2330},{"id":2329},"slots",[2331],{"type":21,"value":2332},"Slots",{"type":15,"tag":1919,"props":2334,"children":2335},{},[2336,2352],{"type":15,"tag":1923,"props":2337,"children":2338},{},[2339],{"type":15,"tag":1927,"props":2340,"children":2341},{},[2342,2347],{"type":15,"tag":1931,"props":2343,"children":2344},{},[2345],{"type":21,"value":2346},"Slot name",{"type":15,"tag":1931,"props":2348,"children":2349},{},[2350],{"type":21,"value":2351},"Description",{"type":15,"tag":1952,"props":2353,"children":2354},{},[2355],{"type":15,"tag":1927,"props":2356,"children":2357},{},[2358,2367],{"type":15,"tag":1959,"props":2359,"children":2360},{},[2361],{"type":15,"tag":38,"props":2362,"children":2364},{"className":2363},[],[2365],{"type":21,"value":2366},"default",{"type":15,"tag":1959,"props":2368,"children":2369},{},[2370],{"type":21,"value":2371},"Content being described by the tooltip",{"type":15,"tag":30,"props":2373,"children":2374},{"v-slot:tab-3":9},[2375,2380,3990],{"type":15,"tag":2376,"props":2377,"children":2379},"partial",{"content":2378},"block-callout",[],{"type":15,"tag":85,"props":2381,"children":2382},{},[2383],{"type":15,"tag":157,"props":2384,"children":2386},{"className":159,"code":2385,"language":161,"meta":9,"style":9},"\u003Cscript lang=\"ts\" setup>\nimport { type PropType, toRefs, watch } from 'vue';\nimport type { Middleware } from '@floating-ui\u002Fvue';\nimport { useTooltip, type SfPopoverPlacement, type SfPopoverStrategy } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n placement: {\n type: String as PropType\u003C`${SfPopoverPlacement}` | undefined>,\n default: undefined,\n },\n middleware: {\n type: Array as PropType\u003CMiddleware[] | undefined>,\n default: undefined,\n },\n strategy: {\n type: String as PropType\u003C`${SfPopoverStrategy}` | undefined>,\n default: undefined,\n },\n showArrow: {\n type: Boolean,\n default: false,\n },\n label: {\n type: String,\n required: true,\n },\n id: {\n type: String,\n default: undefined,\n },\n modelValue: {\n type: Boolean,\n default: false,\n },\n});\n\nconst emit = defineEmits\u003C{\n (event: 'update:modelValue', open: boolean): void;\n}>();\n\nconst { placement, middleware, strategy, modelValue } = toRefs(props);\nconst { isOpen, close, open, triggerProps, tooltipProps, arrowProps } = useTooltip({ placement, middleware, strategy });\n\nwatch(\n modelValue,\n (newVal) => {\n if (newVal) open();\n else close();\n },\n { immediate: true },\n);\n\nwatch(isOpen, (newVal) => {\n emit('update:modelValue', newVal);\n});\n\u003C\u002Fscript>\n\u003Ctemplate>\n \u003Cspan data-testid=\"tooltip\" v-bind=\"triggerProps\">\n \u003Cslot \u002F>\n \u003Cdiv\n v-if=\"label && isOpen\"\n :id=\"id\"\n role=\"tooltip\"\n class=\"bg-black px-2 py-1.5 rounded-md text-white text-xs w-max max-w-[360px] drop-shadow-sm\"\n v-bind=\"tooltipProps\"\n >\n {{ label }}\n \u003Cspan v-if=\"showArrow\" v-bind=\"arrowProps\" class=\"rotate-45 bg-black\" \u002F>\n \u003C\u002Fdiv>\n \u003C\u002Fspan>\n\u003C\u002Ftemplate>\n\n",[2387],{"type":15,"tag":38,"props":2388,"children":2389},{"__ignoreMap":9},[2390,2421,2476,2514,2571,2578,2604,2617,2683,2704,2712,2724,2769,2788,2795,2807,2867,2887,2895,2908,2929,2949,2957,2970,2990,3012,3020,3033,3053,3073,3081,3094,3114,3134,3142,3151,3159,3186,3240,3249,3257,3326,3428,3436,3449,3461,3489,3519,3537,3545,3572,3580,3588,3625,3654,3662,3678,3694,3738,3761,3774,3792,3810,3828,3846,3864,3873,3882,3942,3958,3974],{"type":15,"tag":167,"props":2391,"children":2392},{"class":169,"line":170},[2393,2397,2401,2405,2409,2413,2417],{"type":15,"tag":167,"props":2394,"children":2395},{"style":174},[2396],{"type":21,"value":177},{"type":15,"tag":167,"props":2398,"children":2399},{"style":180},[2400],{"type":21,"value":379},{"type":15,"tag":167,"props":2402,"children":2403},{"style":204},[2404],{"type":21,"value":389},{"type":15,"tag":167,"props":2406,"children":2407},{"style":174},[2408],{"type":21,"value":212},{"type":15,"tag":167,"props":2410,"children":2411},{"style":215},[2412],{"type":21,"value":398},{"type":15,"tag":167,"props":2414,"children":2415},{"style":204},[2416],{"type":21,"value":384},{"type":15,"tag":167,"props":2418,"children":2419},{"style":174},[2420],{"type":21,"value":187},{"type":15,"tag":167,"props":2422,"children":2423},{"class":169,"line":190},[2424,2428,2432,2437,2442,2446,2451,2455,2460,2464,2468,2472],{"type":15,"tag":167,"props":2425,"children":2426},{"style":409},[2427],{"type":21,"value":412},{"type":15,"tag":167,"props":2429,"children":2430},{"style":174},[2431],{"type":21,"value":417},{"type":15,"tag":167,"props":2433,"children":2434},{"style":409},[2435],{"type":21,"value":2436},"type",{"type":15,"tag":167,"props":2438,"children":2439},{"style":180},[2440],{"type":21,"value":2441}," PropType",{"type":15,"tag":167,"props":2443,"children":2444},{"style":174},[2445],{"type":21,"value":1245},{"type":15,"tag":167,"props":2447,"children":2448},{"style":180},[2449],{"type":21,"value":2450},"toRefs",{"type":15,"tag":167,"props":2452,"children":2453},{"style":174},[2454],{"type":21,"value":1245},{"type":15,"tag":167,"props":2456,"children":2457},{"style":180},[2458],{"type":21,"value":2459},"watch",{"type":15,"tag":167,"props":2461,"children":2462},{"style":174},[2463],{"type":21,"value":427},{"type":15,"tag":167,"props":2465,"children":2466},{"style":409},[2467],{"type":21,"value":432},{"type":15,"tag":167,"props":2469,"children":2470},{"style":215},[2471],{"type":21,"value":437},{"type":15,"tag":167,"props":2473,"children":2474},{"style":174},[2475],{"type":21,"value":442},{"type":15,"tag":167,"props":2477,"children":2478},{"class":169,"line":225},[2479,2483,2488,2492,2497,2501,2505,2510],{"type":15,"tag":167,"props":2480,"children":2481},{"style":409},[2482],{"type":21,"value":412},{"type":15,"tag":167,"props":2484,"children":2485},{"style":409},[2486],{"type":21,"value":2487}," type",{"type":15,"tag":167,"props":2489,"children":2490},{"style":174},[2491],{"type":21,"value":417},{"type":15,"tag":167,"props":2493,"children":2494},{"style":180},[2495],{"type":21,"value":2496},"Middleware",{"type":15,"tag":167,"props":2498,"children":2499},{"style":174},[2500],{"type":21,"value":427},{"type":15,"tag":167,"props":2502,"children":2503},{"style":409},[2504],{"type":21,"value":432},{"type":15,"tag":167,"props":2506,"children":2507},{"style":215},[2508],{"type":21,"value":2509}," '@floating-ui\u002Fvue'",{"type":15,"tag":167,"props":2511,"children":2512},{"style":174},[2513],{"type":21,"value":442},{"type":15,"tag":167,"props":2515,"children":2516},{"class":169,"line":270},[2517,2521,2525,2529,2533,2537,2542,2546,2550,2555,2559,2563,2567],{"type":15,"tag":167,"props":2518,"children":2519},{"style":409},[2520],{"type":21,"value":412},{"type":15,"tag":167,"props":2522,"children":2523},{"style":174},[2524],{"type":21,"value":417},{"type":15,"tag":167,"props":2526,"children":2527},{"style":180},[2528],{"type":21,"value":56},{"type":15,"tag":167,"props":2530,"children":2531},{"style":174},[2532],{"type":21,"value":1245},{"type":15,"tag":167,"props":2534,"children":2535},{"style":409},[2536],{"type":21,"value":2436},{"type":15,"tag":167,"props":2538,"children":2539},{"style":180},[2540],{"type":21,"value":2541}," SfPopoverPlacement",{"type":15,"tag":167,"props":2543,"children":2544},{"style":174},[2545],{"type":21,"value":1245},{"type":15,"tag":167,"props":2547,"children":2548},{"style":409},[2549],{"type":21,"value":2436},{"type":15,"tag":167,"props":2551,"children":2552},{"style":180},[2553],{"type":21,"value":2554}," SfPopoverStrategy",{"type":15,"tag":167,"props":2556,"children":2557},{"style":174},[2558],{"type":21,"value":427},{"type":15,"tag":167,"props":2560,"children":2561},{"style":409},[2562],{"type":21,"value":432},{"type":15,"tag":167,"props":2564,"children":2565},{"style":215},[2566],{"type":21,"value":471},{"type":15,"tag":167,"props":2568,"children":2569},{"style":174},[2570],{"type":21,"value":442},{"type":15,"tag":167,"props":2572,"children":2573},{"class":169,"line":309},[2574],{"type":15,"tag":167,"props":2575,"children":2576},{"emptyLinePlaceholder":8},[2577],{"type":21,"value":366},{"type":15,"tag":167,"props":2579,"children":2580},{"class":169,"line":326},[2581,2585,2590,2594,2599],{"type":15,"tag":167,"props":2582,"children":2583},{"style":409},[2584],{"type":21,"value":492},{"type":15,"tag":167,"props":2586,"children":2587},{"style":495},[2588],{"type":21,"value":2589}," props",{"type":15,"tag":167,"props":2591,"children":2592},{"style":501},[2593],{"type":21,"value":504},{"type":15,"tag":167,"props":2595,"children":2596},{"style":507},[2597],{"type":21,"value":2598}," defineProps",{"type":15,"tag":167,"props":2600,"children":2601},{"style":174},[2602],{"type":21,"value":2603},"({\n",{"type":15,"tag":167,"props":2605,"children":2606},{"class":169,"line":343},[2607,2612],{"type":15,"tag":167,"props":2608,"children":2609},{"style":180},[2610],{"type":21,"value":2611}," placement",{"type":15,"tag":167,"props":2613,"children":2614},{"style":174},[2615],{"type":21,"value":2616},": {\n",{"type":15,"tag":167,"props":2618,"children":2619},{"class":169,"line":360},[2620,2625,2630,2635,2640,2644,2648,2653,2657,2661,2665,2669,2673,2678],{"type":15,"tag":167,"props":2621,"children":2622},{"style":180},[2623],{"type":21,"value":2624}," type",{"type":15,"tag":167,"props":2626,"children":2627},{"style":174},[2628],{"type":21,"value":2629},": ",{"type":15,"tag":167,"props":2631,"children":2632},{"style":180},[2633],{"type":21,"value":2634},"String",{"type":15,"tag":167,"props":2636,"children":2637},{"style":409},[2638],{"type":21,"value":2639}," as",{"type":15,"tag":167,"props":2641,"children":2642},{"style":495},[2643],{"type":21,"value":2441},{"type":15,"tag":167,"props":2645,"children":2646},{"style":174},[2647],{"type":21,"value":177},{"type":15,"tag":167,"props":2649,"children":2650},{"style":215},[2651],{"type":21,"value":2652},"`",{"type":15,"tag":167,"props":2654,"children":2655},{"style":409},[2656],{"type":21,"value":542},{"type":15,"tag":167,"props":2658,"children":2659},{"style":495},[2660],{"type":21,"value":2069},{"type":15,"tag":167,"props":2662,"children":2663},{"style":409},[2664],{"type":21,"value":551},{"type":15,"tag":167,"props":2666,"children":2667},{"style":215},[2668],{"type":21,"value":2652},{"type":15,"tag":167,"props":2670,"children":2671},{"style":174},[2672],{"type":21,"value":2098},{"type":15,"tag":167,"props":2674,"children":2675},{"style":495},[2676],{"type":21,"value":2677},"undefined",{"type":15,"tag":167,"props":2679,"children":2680},{"style":174},[2681],{"type":21,"value":2682},">,\n",{"type":15,"tag":167,"props":2684,"children":2685},{"class":169,"line":369},[2686,2691,2695,2699],{"type":15,"tag":167,"props":2687,"children":2688},{"style":180},[2689],{"type":21,"value":2690}," default",{"type":15,"tag":167,"props":2692,"children":2693},{"style":174},[2694],{"type":21,"value":2629},{"type":15,"tag":167,"props":2696,"children":2697},{"style":204},[2698],{"type":21,"value":2677},{"type":15,"tag":167,"props":2700,"children":2701},{"style":174},[2702],{"type":21,"value":2703},",\n",{"type":15,"tag":167,"props":2705,"children":2706},{"class":169,"line":405},[2707],{"type":15,"tag":167,"props":2708,"children":2709},{"style":174},[2710],{"type":21,"value":2711}," },\n",{"type":15,"tag":167,"props":2713,"children":2714},{"class":169,"line":445},[2715,2720],{"type":15,"tag":167,"props":2716,"children":2717},{"style":180},[2718],{"type":21,"value":2719}," middleware",{"type":15,"tag":167,"props":2721,"children":2722},{"style":174},[2723],{"type":21,"value":2616},{"type":15,"tag":167,"props":2725,"children":2726},{"class":169,"line":478},[2727,2731,2735,2740,2744,2748,2752,2756,2761,2765],{"type":15,"tag":167,"props":2728,"children":2729},{"style":180},[2730],{"type":21,"value":2624},{"type":15,"tag":167,"props":2732,"children":2733},{"style":174},[2734],{"type":21,"value":2629},{"type":15,"tag":167,"props":2736,"children":2737},{"style":180},[2738],{"type":21,"value":2739},"Array",{"type":15,"tag":167,"props":2741,"children":2742},{"style":409},[2743],{"type":21,"value":2639},{"type":15,"tag":167,"props":2745,"children":2746},{"style":495},[2747],{"type":21,"value":2441},{"type":15,"tag":167,"props":2749,"children":2750},{"style":174},[2751],{"type":21,"value":177},{"type":15,"tag":167,"props":2753,"children":2754},{"style":495},[2755],{"type":21,"value":2496},{"type":15,"tag":167,"props":2757,"children":2758},{"style":174},[2759],{"type":21,"value":2760},"[] | ",{"type":15,"tag":167,"props":2762,"children":2763},{"style":495},[2764],{"type":21,"value":2677},{"type":15,"tag":167,"props":2766,"children":2767},{"style":174},[2768],{"type":21,"value":2682},{"type":15,"tag":167,"props":2770,"children":2771},{"class":169,"line":486},[2772,2776,2780,2784],{"type":15,"tag":167,"props":2773,"children":2774},{"style":180},[2775],{"type":21,"value":2690},{"type":15,"tag":167,"props":2777,"children":2778},{"style":174},[2779],{"type":21,"value":2629},{"type":15,"tag":167,"props":2781,"children":2782},{"style":204},[2783],{"type":21,"value":2677},{"type":15,"tag":167,"props":2785,"children":2786},{"style":174},[2787],{"type":21,"value":2703},{"type":15,"tag":167,"props":2789,"children":2790},{"class":169,"line":518},[2791],{"type":15,"tag":167,"props":2792,"children":2793},{"style":174},[2794],{"type":21,"value":2711},{"type":15,"tag":167,"props":2796,"children":2797},{"class":169,"line":563},[2798,2803],{"type":15,"tag":167,"props":2799,"children":2800},{"style":180},[2801],{"type":21,"value":2802}," strategy",{"type":15,"tag":167,"props":2804,"children":2805},{"style":174},[2806],{"type":21,"value":2616},{"type":15,"tag":167,"props":2808,"children":2809},{"class":169,"line":1871},[2810,2814,2818,2822,2826,2830,2834,2838,2842,2847,2851,2855,2859,2863],{"type":15,"tag":167,"props":2811,"children":2812},{"style":180},[2813],{"type":21,"value":2624},{"type":15,"tag":167,"props":2815,"children":2816},{"style":174},[2817],{"type":21,"value":2629},{"type":15,"tag":167,"props":2819,"children":2820},{"style":180},[2821],{"type":21,"value":2634},{"type":15,"tag":167,"props":2823,"children":2824},{"style":409},[2825],{"type":21,"value":2639},{"type":15,"tag":167,"props":2827,"children":2828},{"style":495},[2829],{"type":21,"value":2441},{"type":15,"tag":167,"props":2831,"children":2832},{"style":174},[2833],{"type":21,"value":177},{"type":15,"tag":167,"props":2835,"children":2836},{"style":215},[2837],{"type":21,"value":2652},{"type":15,"tag":167,"props":2839,"children":2840},{"style":409},[2841],{"type":21,"value":542},{"type":15,"tag":167,"props":2843,"children":2844},{"style":495},[2845],{"type":21,"value":2846},"SfPopoverStrategy",{"type":15,"tag":167,"props":2848,"children":2849},{"style":409},[2850],{"type":21,"value":551},{"type":15,"tag":167,"props":2852,"children":2853},{"style":215},[2854],{"type":21,"value":2652},{"type":15,"tag":167,"props":2856,"children":2857},{"style":174},[2858],{"type":21,"value":2098},{"type":15,"tag":167,"props":2860,"children":2861},{"style":495},[2862],{"type":21,"value":2677},{"type":15,"tag":167,"props":2864,"children":2865},{"style":174},[2866],{"type":21,"value":2682},{"type":15,"tag":167,"props":2868,"children":2870},{"class":169,"line":2869},17,[2871,2875,2879,2883],{"type":15,"tag":167,"props":2872,"children":2873},{"style":180},[2874],{"type":21,"value":2690},{"type":15,"tag":167,"props":2876,"children":2877},{"style":174},[2878],{"type":21,"value":2629},{"type":15,"tag":167,"props":2880,"children":2881},{"style":204},[2882],{"type":21,"value":2677},{"type":15,"tag":167,"props":2884,"children":2885},{"style":174},[2886],{"type":21,"value":2703},{"type":15,"tag":167,"props":2888,"children":2890},{"class":169,"line":2889},18,[2891],{"type":15,"tag":167,"props":2892,"children":2893},{"style":174},[2894],{"type":21,"value":2711},{"type":15,"tag":167,"props":2896,"children":2898},{"class":169,"line":2897},19,[2899,2904],{"type":15,"tag":167,"props":2900,"children":2901},{"style":180},[2902],{"type":21,"value":2903}," showArrow",{"type":15,"tag":167,"props":2905,"children":2906},{"style":174},[2907],{"type":21,"value":2616},{"type":15,"tag":167,"props":2909,"children":2911},{"class":169,"line":2910},20,[2912,2916,2920,2925],{"type":15,"tag":167,"props":2913,"children":2914},{"style":180},[2915],{"type":21,"value":2624},{"type":15,"tag":167,"props":2917,"children":2918},{"style":174},[2919],{"type":21,"value":2629},{"type":15,"tag":167,"props":2921,"children":2922},{"style":180},[2923],{"type":21,"value":2924},"Boolean",{"type":15,"tag":167,"props":2926,"children":2927},{"style":174},[2928],{"type":21,"value":2703},{"type":15,"tag":167,"props":2930,"children":2932},{"class":169,"line":2931},21,[2933,2937,2941,2945],{"type":15,"tag":167,"props":2934,"children":2935},{"style":180},[2936],{"type":21,"value":2690},{"type":15,"tag":167,"props":2938,"children":2939},{"style":174},[2940],{"type":21,"value":2629},{"type":15,"tag":167,"props":2942,"children":2943},{"style":204},[2944],{"type":21,"value":2014},{"type":15,"tag":167,"props":2946,"children":2947},{"style":174},[2948],{"type":21,"value":2703},{"type":15,"tag":167,"props":2950,"children":2952},{"class":169,"line":2951},22,[2953],{"type":15,"tag":167,"props":2954,"children":2955},{"style":174},[2956],{"type":21,"value":2711},{"type":15,"tag":167,"props":2958,"children":2960},{"class":169,"line":2959},23,[2961,2966],{"type":15,"tag":167,"props":2962,"children":2963},{"style":180},[2964],{"type":21,"value":2965}," label",{"type":15,"tag":167,"props":2967,"children":2968},{"style":174},[2969],{"type":21,"value":2616},{"type":15,"tag":167,"props":2971,"children":2973},{"class":169,"line":2972},24,[2974,2978,2982,2986],{"type":15,"tag":167,"props":2975,"children":2976},{"style":180},[2977],{"type":21,"value":2624},{"type":15,"tag":167,"props":2979,"children":2980},{"style":174},[2981],{"type":21,"value":2629},{"type":15,"tag":167,"props":2983,"children":2984},{"style":180},[2985],{"type":21,"value":2634},{"type":15,"tag":167,"props":2987,"children":2988},{"style":174},[2989],{"type":21,"value":2703},{"type":15,"tag":167,"props":2991,"children":2993},{"class":169,"line":2992},25,[2994,2999,3003,3008],{"type":15,"tag":167,"props":2995,"children":2996},{"style":180},[2997],{"type":21,"value":2998}," required",{"type":15,"tag":167,"props":3000,"children":3001},{"style":174},[3002],{"type":21,"value":2629},{"type":15,"tag":167,"props":3004,"children":3005},{"style":204},[3006],{"type":21,"value":3007},"true",{"type":15,"tag":167,"props":3009,"children":3010},{"style":174},[3011],{"type":21,"value":2703},{"type":15,"tag":167,"props":3013,"children":3015},{"class":169,"line":3014},26,[3016],{"type":15,"tag":167,"props":3017,"children":3018},{"style":174},[3019],{"type":21,"value":2711},{"type":15,"tag":167,"props":3021,"children":3023},{"class":169,"line":3022},27,[3024,3029],{"type":15,"tag":167,"props":3025,"children":3026},{"style":180},[3027],{"type":21,"value":3028}," id",{"type":15,"tag":167,"props":3030,"children":3031},{"style":174},[3032],{"type":21,"value":2616},{"type":15,"tag":167,"props":3034,"children":3036},{"class":169,"line":3035},28,[3037,3041,3045,3049],{"type":15,"tag":167,"props":3038,"children":3039},{"style":180},[3040],{"type":21,"value":2624},{"type":15,"tag":167,"props":3042,"children":3043},{"style":174},[3044],{"type":21,"value":2629},{"type":15,"tag":167,"props":3046,"children":3047},{"style":180},[3048],{"type":21,"value":2634},{"type":15,"tag":167,"props":3050,"children":3051},{"style":174},[3052],{"type":21,"value":2703},{"type":15,"tag":167,"props":3054,"children":3056},{"class":169,"line":3055},29,[3057,3061,3065,3069],{"type":15,"tag":167,"props":3058,"children":3059},{"style":180},[3060],{"type":21,"value":2690},{"type":15,"tag":167,"props":3062,"children":3063},{"style":174},[3064],{"type":21,"value":2629},{"type":15,"tag":167,"props":3066,"children":3067},{"style":204},[3068],{"type":21,"value":2677},{"type":15,"tag":167,"props":3070,"children":3071},{"style":174},[3072],{"type":21,"value":2703},{"type":15,"tag":167,"props":3074,"children":3076},{"class":169,"line":3075},30,[3077],{"type":15,"tag":167,"props":3078,"children":3079},{"style":174},[3080],{"type":21,"value":2711},{"type":15,"tag":167,"props":3082,"children":3084},{"class":169,"line":3083},31,[3085,3090],{"type":15,"tag":167,"props":3086,"children":3087},{"style":180},[3088],{"type":21,"value":3089}," modelValue",{"type":15,"tag":167,"props":3091,"children":3092},{"style":174},[3093],{"type":21,"value":2616},{"type":15,"tag":167,"props":3095,"children":3097},{"class":169,"line":3096},32,[3098,3102,3106,3110],{"type":15,"tag":167,"props":3099,"children":3100},{"style":180},[3101],{"type":21,"value":2624},{"type":15,"tag":167,"props":3103,"children":3104},{"style":174},[3105],{"type":21,"value":2629},{"type":15,"tag":167,"props":3107,"children":3108},{"style":180},[3109],{"type":21,"value":2924},{"type":15,"tag":167,"props":3111,"children":3112},{"style":174},[3113],{"type":21,"value":2703},{"type":15,"tag":167,"props":3115,"children":3117},{"class":169,"line":3116},33,[3118,3122,3126,3130],{"type":15,"tag":167,"props":3119,"children":3120},{"style":180},[3121],{"type":21,"value":2690},{"type":15,"tag":167,"props":3123,"children":3124},{"style":174},[3125],{"type":21,"value":2629},{"type":15,"tag":167,"props":3127,"children":3128},{"style":204},[3129],{"type":21,"value":2014},{"type":15,"tag":167,"props":3131,"children":3132},{"style":174},[3133],{"type":21,"value":2703},{"type":15,"tag":167,"props":3135,"children":3137},{"class":169,"line":3136},34,[3138],{"type":15,"tag":167,"props":3139,"children":3140},{"style":174},[3141],{"type":21,"value":2711},{"type":15,"tag":167,"props":3143,"children":3145},{"class":169,"line":3144},35,[3146],{"type":15,"tag":167,"props":3147,"children":3148},{"style":174},[3149],{"type":21,"value":3150},"});\n",{"type":15,"tag":167,"props":3152,"children":3154},{"class":169,"line":3153},36,[3155],{"type":15,"tag":167,"props":3156,"children":3157},{"emptyLinePlaceholder":8},[3158],{"type":21,"value":366},{"type":15,"tag":167,"props":3160,"children":3162},{"class":169,"line":3161},37,[3163,3167,3172,3176,3181],{"type":15,"tag":167,"props":3164,"children":3165},{"style":409},[3166],{"type":21,"value":492},{"type":15,"tag":167,"props":3168,"children":3169},{"style":495},[3170],{"type":21,"value":3171}," emit",{"type":15,"tag":167,"props":3173,"children":3174},{"style":501},[3175],{"type":21,"value":504},{"type":15,"tag":167,"props":3177,"children":3178},{"style":507},[3179],{"type":21,"value":3180}," defineEmits",{"type":15,"tag":167,"props":3182,"children":3183},{"style":174},[3184],{"type":21,"value":3185},"\u003C{\n",{"type":15,"tag":167,"props":3187,"children":3189},{"class":169,"line":3188},38,[3190,3195,3201,3205,3210,3214,3218,3222,3226,3231,3236],{"type":15,"tag":167,"props":3191,"children":3192},{"style":174},[3193],{"type":21,"value":3194}," (",{"type":15,"tag":167,"props":3196,"children":3198},{"style":3197},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[3199],{"type":21,"value":3200},"event",{"type":15,"tag":167,"props":3202,"children":3203},{"style":174},[3204],{"type":21,"value":2629},{"type":15,"tag":167,"props":3206,"children":3207},{"style":215},[3208],{"type":21,"value":3209},"'update:modelValue'",{"type":15,"tag":167,"props":3211,"children":3212},{"style":174},[3213],{"type":21,"value":1245},{"type":15,"tag":167,"props":3215,"children":3216},{"style":3197},[3217],{"type":21,"value":1360},{"type":15,"tag":167,"props":3219,"children":3220},{"style":174},[3221],{"type":21,"value":2629},{"type":15,"tag":167,"props":3223,"children":3224},{"style":495},[3225],{"type":21,"value":2005},{"type":15,"tag":167,"props":3227,"children":3228},{"style":174},[3229],{"type":21,"value":3230},"): ",{"type":15,"tag":167,"props":3232,"children":3233},{"style":495},[3234],{"type":21,"value":3235},"void",{"type":15,"tag":167,"props":3237,"children":3238},{"style":174},[3239],{"type":21,"value":442},{"type":15,"tag":167,"props":3241,"children":3243},{"class":169,"line":3242},39,[3244],{"type":15,"tag":167,"props":3245,"children":3246},{"style":174},[3247],{"type":21,"value":3248},"}>();\n",{"type":15,"tag":167,"props":3250,"children":3252},{"class":169,"line":3251},40,[3253],{"type":15,"tag":167,"props":3254,"children":3255},{"emptyLinePlaceholder":8},[3256],{"type":21,"value":366},{"type":15,"tag":167,"props":3258,"children":3260},{"class":169,"line":3259},41,[3261,3265,3269,3273,3277,3282,3286,3291,3295,3299,3303,3307,3312,3317,3321],{"type":15,"tag":167,"props":3262,"children":3263},{"style":409},[3264],{"type":21,"value":492},{"type":15,"tag":167,"props":3266,"children":3267},{"style":174},[3268],{"type":21,"value":417},{"type":15,"tag":167,"props":3270,"children":3271},{"style":495},[3272],{"type":21,"value":2060},{"type":15,"tag":167,"props":3274,"children":3275},{"style":174},[3276],{"type":21,"value":1245},{"type":15,"tag":167,"props":3278,"children":3279},{"style":495},[3280],{"type":21,"value":3281},"middleware",{"type":15,"tag":167,"props":3283,"children":3284},{"style":174},[3285],{"type":21,"value":1245},{"type":15,"tag":167,"props":3287,"children":3288},{"style":495},[3289],{"type":21,"value":3290},"strategy",{"type":15,"tag":167,"props":3292,"children":3293},{"style":174},[3294],{"type":21,"value":1245},{"type":15,"tag":167,"props":3296,"children":3297},{"style":495},[3298],{"type":21,"value":1996},{"type":15,"tag":167,"props":3300,"children":3301},{"style":174},[3302],{"type":21,"value":427},{"type":15,"tag":167,"props":3304,"children":3305},{"style":501},[3306],{"type":21,"value":212},{"type":15,"tag":167,"props":3308,"children":3309},{"style":507},[3310],{"type":21,"value":3311}," toRefs",{"type":15,"tag":167,"props":3313,"children":3314},{"style":174},[3315],{"type":21,"value":3316},"(",{"type":15,"tag":167,"props":3318,"children":3319},{"style":180},[3320],{"type":21,"value":1911},{"type":15,"tag":167,"props":3322,"children":3323},{"style":174},[3324],{"type":21,"value":3325},");\n",{"type":15,"tag":167,"props":3327,"children":3329},{"class":169,"line":3328},42,[3330,3334,3338,3342,3346,3350,3354,3358,3362,3367,3371,3376,3380,3385,3389,3393,3398,3403,3407,3411,3415,3419,3423],{"type":15,"tag":167,"props":3331,"children":3332},{"style":409},[3333],{"type":21,"value":492},{"type":15,"tag":167,"props":3335,"children":3336},{"style":174},[3337],{"type":21,"value":417},{"type":15,"tag":167,"props":3339,"children":3340},{"style":495},[3341],{"type":21,"value":1351},{"type":15,"tag":167,"props":3343,"children":3344},{"style":174},[3345],{"type":21,"value":1245},{"type":15,"tag":167,"props":3347,"children":3348},{"style":495},[3349],{"type":21,"value":1369},{"type":15,"tag":167,"props":3351,"children":3352},{"style":174},[3353],{"type":21,"value":1245},{"type":15,"tag":167,"props":3355,"children":3356},{"style":495},[3357],{"type":21,"value":1360},{"type":15,"tag":167,"props":3359,"children":3360},{"style":174},[3361],{"type":21,"value":1245},{"type":15,"tag":167,"props":3363,"children":3364},{"style":495},[3365],{"type":21,"value":3366},"triggerProps",{"type":15,"tag":167,"props":3368,"children":3369},{"style":174},[3370],{"type":21,"value":1245},{"type":15,"tag":167,"props":3372,"children":3373},{"style":495},[3374],{"type":21,"value":3375},"tooltipProps",{"type":15,"tag":167,"props":3377,"children":3378},{"style":174},[3379],{"type":21,"value":1245},{"type":15,"tag":167,"props":3381,"children":3382},{"style":495},[3383],{"type":21,"value":3384},"arrowProps",{"type":15,"tag":167,"props":3386,"children":3387},{"style":174},[3388],{"type":21,"value":427},{"type":15,"tag":167,"props":3390,"children":3391},{"style":501},[3392],{"type":21,"value":212},{"type":15,"tag":167,"props":3394,"children":3395},{"style":507},[3396],{"type":21,"value":3397}," useTooltip",{"type":15,"tag":167,"props":3399,"children":3400},{"style":174},[3401],{"type":21,"value":3402},"({ ",{"type":15,"tag":167,"props":3404,"children":3405},{"style":180},[3406],{"type":21,"value":2060},{"type":15,"tag":167,"props":3408,"children":3409},{"style":174},[3410],{"type":21,"value":1245},{"type":15,"tag":167,"props":3412,"children":3413},{"style":180},[3414],{"type":21,"value":3281},{"type":15,"tag":167,"props":3416,"children":3417},{"style":174},[3418],{"type":21,"value":1245},{"type":15,"tag":167,"props":3420,"children":3421},{"style":180},[3422],{"type":21,"value":3290},{"type":15,"tag":167,"props":3424,"children":3425},{"style":174},[3426],{"type":21,"value":3427}," });\n",{"type":15,"tag":167,"props":3429,"children":3431},{"class":169,"line":3430},43,[3432],{"type":15,"tag":167,"props":3433,"children":3434},{"emptyLinePlaceholder":8},[3435],{"type":21,"value":366},{"type":15,"tag":167,"props":3437,"children":3439},{"class":169,"line":3438},44,[3440,3444],{"type":15,"tag":167,"props":3441,"children":3442},{"style":507},[3443],{"type":21,"value":2459},{"type":15,"tag":167,"props":3445,"children":3446},{"style":174},[3447],{"type":21,"value":3448},"(\n",{"type":15,"tag":167,"props":3450,"children":3452},{"class":169,"line":3451},45,[3453,3457],{"type":15,"tag":167,"props":3454,"children":3455},{"style":180},[3456],{"type":21,"value":3089},{"type":15,"tag":167,"props":3458,"children":3459},{"style":174},[3460],{"type":21,"value":2703},{"type":15,"tag":167,"props":3462,"children":3464},{"class":169,"line":3463},46,[3465,3469,3474,3479,3484],{"type":15,"tag":167,"props":3466,"children":3467},{"style":174},[3468],{"type":21,"value":3194},{"type":15,"tag":167,"props":3470,"children":3471},{"style":3197},[3472],{"type":21,"value":3473},"newVal",{"type":15,"tag":167,"props":3475,"children":3476},{"style":174},[3477],{"type":21,"value":3478},") ",{"type":15,"tag":167,"props":3480,"children":3481},{"style":409},[3482],{"type":21,"value":3483},"=>",{"type":15,"tag":167,"props":3485,"children":3486},{"style":174},[3487],{"type":21,"value":3488}," {\n",{"type":15,"tag":167,"props":3490,"children":3492},{"class":169,"line":3491},47,[3493,3498,3503,3507,3511,3515],{"type":15,"tag":167,"props":3494,"children":3495},{"style":409},[3496],{"type":21,"value":3497}," if",{"type":15,"tag":167,"props":3499,"children":3500},{"style":174},[3501],{"type":21,"value":3502}," (",{"type":15,"tag":167,"props":3504,"children":3505},{"style":180},[3506],{"type":21,"value":3473},{"type":15,"tag":167,"props":3508,"children":3509},{"style":174},[3510],{"type":21,"value":3478},{"type":15,"tag":167,"props":3512,"children":3513},{"style":507},[3514],{"type":21,"value":1360},{"type":15,"tag":167,"props":3516,"children":3517},{"style":174},[3518],{"type":21,"value":515},{"type":15,"tag":167,"props":3520,"children":3522},{"class":169,"line":3521},48,[3523,3528,3533],{"type":15,"tag":167,"props":3524,"children":3525},{"style":409},[3526],{"type":21,"value":3527}," else",{"type":15,"tag":167,"props":3529,"children":3530},{"style":507},[3531],{"type":21,"value":3532}," close",{"type":15,"tag":167,"props":3534,"children":3535},{"style":174},[3536],{"type":21,"value":515},{"type":15,"tag":167,"props":3538,"children":3540},{"class":169,"line":3539},49,[3541],{"type":15,"tag":167,"props":3542,"children":3543},{"style":174},[3544],{"type":21,"value":2711},{"type":15,"tag":167,"props":3546,"children":3548},{"class":169,"line":3547},50,[3549,3554,3559,3563,3567],{"type":15,"tag":167,"props":3550,"children":3551},{"style":174},[3552],{"type":21,"value":3553}," { ",{"type":15,"tag":167,"props":3555,"children":3556},{"style":180},[3557],{"type":21,"value":3558},"immediate",{"type":15,"tag":167,"props":3560,"children":3561},{"style":174},[3562],{"type":21,"value":2629},{"type":15,"tag":167,"props":3564,"children":3565},{"style":204},[3566],{"type":21,"value":3007},{"type":15,"tag":167,"props":3568,"children":3569},{"style":174},[3570],{"type":21,"value":3571}," },\n",{"type":15,"tag":167,"props":3573,"children":3575},{"class":169,"line":3574},51,[3576],{"type":15,"tag":167,"props":3577,"children":3578},{"style":174},[3579],{"type":21,"value":3325},{"type":15,"tag":167,"props":3581,"children":3583},{"class":169,"line":3582},52,[3584],{"type":15,"tag":167,"props":3585,"children":3586},{"emptyLinePlaceholder":8},[3587],{"type":21,"value":366},{"type":15,"tag":167,"props":3589,"children":3591},{"class":169,"line":3590},53,[3592,3596,3600,3604,3609,3613,3617,3621],{"type":15,"tag":167,"props":3593,"children":3594},{"style":507},[3595],{"type":21,"value":2459},{"type":15,"tag":167,"props":3597,"children":3598},{"style":174},[3599],{"type":21,"value":3316},{"type":15,"tag":167,"props":3601,"children":3602},{"style":180},[3603],{"type":21,"value":1351},{"type":15,"tag":167,"props":3605,"children":3606},{"style":174},[3607],{"type":21,"value":3608},", (",{"type":15,"tag":167,"props":3610,"children":3611},{"style":3197},[3612],{"type":21,"value":3473},{"type":15,"tag":167,"props":3614,"children":3615},{"style":174},[3616],{"type":21,"value":3478},{"type":15,"tag":167,"props":3618,"children":3619},{"style":409},[3620],{"type":21,"value":3483},{"type":15,"tag":167,"props":3622,"children":3623},{"style":174},[3624],{"type":21,"value":3488},{"type":15,"tag":167,"props":3626,"children":3628},{"class":169,"line":3627},54,[3629,3634,3638,3642,3646,3650],{"type":15,"tag":167,"props":3630,"children":3631},{"style":507},[3632],{"type":21,"value":3633}," emit",{"type":15,"tag":167,"props":3635,"children":3636},{"style":174},[3637],{"type":21,"value":3316},{"type":15,"tag":167,"props":3639,"children":3640},{"style":215},[3641],{"type":21,"value":3209},{"type":15,"tag":167,"props":3643,"children":3644},{"style":174},[3645],{"type":21,"value":1245},{"type":15,"tag":167,"props":3647,"children":3648},{"style":180},[3649],{"type":21,"value":3473},{"type":15,"tag":167,"props":3651,"children":3652},{"style":174},[3653],{"type":21,"value":3325},{"type":15,"tag":167,"props":3655,"children":3657},{"class":169,"line":3656},55,[3658],{"type":15,"tag":167,"props":3659,"children":3660},{"style":174},[3661],{"type":21,"value":3150},{"type":15,"tag":167,"props":3663,"children":3665},{"class":169,"line":3664},56,[3666,3670,3674],{"type":15,"tag":167,"props":3667,"children":3668},{"style":174},[3669],{"type":21,"value":349},{"type":15,"tag":167,"props":3671,"children":3672},{"style":180},[3673],{"type":21,"value":379},{"type":15,"tag":167,"props":3675,"children":3676},{"style":174},[3677],{"type":21,"value":187},{"type":15,"tag":167,"props":3679,"children":3681},{"class":169,"line":3680},57,[3682,3686,3690],{"type":15,"tag":167,"props":3683,"children":3684},{"style":174},[3685],{"type":21,"value":177},{"type":15,"tag":167,"props":3687,"children":3688},{"style":180},[3689],{"type":21,"value":30},{"type":15,"tag":167,"props":3691,"children":3692},{"style":174},[3693],{"type":21,"value":187},{"type":15,"tag":167,"props":3695,"children":3697},{"class":169,"line":3696},58,[3698,3702,3706,3711,3715,3720,3725,3729,3734],{"type":15,"tag":167,"props":3699,"children":3700},{"style":174},[3701],{"type":21,"value":196},{"type":15,"tag":167,"props":3703,"children":3704},{"style":180},[3705],{"type":21,"value":167},{"type":15,"tag":167,"props":3707,"children":3708},{"style":204},[3709],{"type":21,"value":3710}," data-testid",{"type":15,"tag":167,"props":3712,"children":3713},{"style":174},[3714],{"type":21,"value":212},{"type":15,"tag":167,"props":3716,"children":3717},{"style":215},[3718],{"type":21,"value":3719},"\"tooltip\"",{"type":15,"tag":167,"props":3721,"children":3722},{"style":204},[3723],{"type":21,"value":3724}," v-bind",{"type":15,"tag":167,"props":3726,"children":3727},{"style":174},[3728],{"type":21,"value":212},{"type":15,"tag":167,"props":3730,"children":3731},{"style":215},[3732],{"type":21,"value":3733},"\"triggerProps\"",{"type":15,"tag":167,"props":3735,"children":3736},{"style":174},[3737],{"type":21,"value":187},{"type":15,"tag":167,"props":3739,"children":3741},{"class":169,"line":3740},59,[3742,3746,3751,3757],{"type":15,"tag":167,"props":3743,"children":3744},{"style":174},[3745],{"type":21,"value":231},{"type":15,"tag":167,"props":3747,"children":3748},{"style":180},[3749],{"type":21,"value":3750},"slot",{"type":15,"tag":167,"props":3752,"children":3754},{"style":3753},"--shiki-default:#FFFFFF",[3755],{"type":21,"value":3756}," \u002F",{"type":15,"tag":167,"props":3758,"children":3759},{"style":174},[3760],{"type":21,"value":187},{"type":15,"tag":167,"props":3762,"children":3764},{"class":169,"line":3763},60,[3765,3769],{"type":15,"tag":167,"props":3766,"children":3767},{"style":174},[3768],{"type":21,"value":231},{"type":15,"tag":167,"props":3770,"children":3771},{"style":180},[3772],{"type":21,"value":3773},"div\n",{"type":15,"tag":167,"props":3775,"children":3777},{"class":169,"line":3776},61,[3778,3783,3787],{"type":15,"tag":167,"props":3779,"children":3780},{"style":204},[3781],{"type":21,"value":3782}," v-if",{"type":15,"tag":167,"props":3784,"children":3785},{"style":174},[3786],{"type":21,"value":212},{"type":15,"tag":167,"props":3788,"children":3789},{"style":215},[3790],{"type":21,"value":3791},"\"label && isOpen\"\n",{"type":15,"tag":167,"props":3793,"children":3795},{"class":169,"line":3794},62,[3796,3801,3805],{"type":15,"tag":167,"props":3797,"children":3798},{"style":204},[3799],{"type":21,"value":3800}," :id",{"type":15,"tag":167,"props":3802,"children":3803},{"style":174},[3804],{"type":21,"value":212},{"type":15,"tag":167,"props":3806,"children":3807},{"style":215},[3808],{"type":21,"value":3809},"\"id\"\n",{"type":15,"tag":167,"props":3811,"children":3813},{"class":169,"line":3812},63,[3814,3819,3823],{"type":15,"tag":167,"props":3815,"children":3816},{"style":204},[3817],{"type":21,"value":3818}," role",{"type":15,"tag":167,"props":3820,"children":3821},{"style":174},[3822],{"type":21,"value":212},{"type":15,"tag":167,"props":3824,"children":3825},{"style":215},[3826],{"type":21,"value":3827},"\"tooltip\"\n",{"type":15,"tag":167,"props":3829,"children":3831},{"class":169,"line":3830},64,[3832,3837,3841],{"type":15,"tag":167,"props":3833,"children":3834},{"style":204},[3835],{"type":21,"value":3836}," class",{"type":15,"tag":167,"props":3838,"children":3839},{"style":174},[3840],{"type":21,"value":212},{"type":15,"tag":167,"props":3842,"children":3843},{"style":215},[3844],{"type":21,"value":3845},"\"bg-black px-2 py-1.5 rounded-md text-white text-xs w-max max-w-[360px] drop-shadow-sm\"\n",{"type":15,"tag":167,"props":3847,"children":3849},{"class":169,"line":3848},65,[3850,3855,3859],{"type":15,"tag":167,"props":3851,"children":3852},{"style":204},[3853],{"type":21,"value":3854}," v-bind",{"type":15,"tag":167,"props":3856,"children":3857},{"style":174},[3858],{"type":21,"value":212},{"type":15,"tag":167,"props":3860,"children":3861},{"style":215},[3862],{"type":21,"value":3863},"\"tooltipProps\"\n",{"type":15,"tag":167,"props":3865,"children":3867},{"class":169,"line":3866},66,[3868],{"type":15,"tag":167,"props":3869,"children":3870},{"style":174},[3871],{"type":21,"value":3872}," >\n",{"type":15,"tag":167,"props":3874,"children":3876},{"class":169,"line":3875},67,[3877],{"type":15,"tag":167,"props":3878,"children":3879},{"style":174},[3880],{"type":21,"value":3881}," {{ label }}\n",{"type":15,"tag":167,"props":3883,"children":3885},{"class":169,"line":3884},68,[3886,3890,3894,3899,3903,3908,3912,3916,3921,3925,3929,3934,3938],{"type":15,"tag":167,"props":3887,"children":3888},{"style":174},[3889],{"type":21,"value":276},{"type":15,"tag":167,"props":3891,"children":3892},{"style":180},[3893],{"type":21,"value":167},{"type":15,"tag":167,"props":3895,"children":3896},{"style":204},[3897],{"type":21,"value":3898}," v-if",{"type":15,"tag":167,"props":3900,"children":3901},{"style":174},[3902],{"type":21,"value":212},{"type":15,"tag":167,"props":3904,"children":3905},{"style":215},[3906],{"type":21,"value":3907},"\"showArrow\"",{"type":15,"tag":167,"props":3909,"children":3910},{"style":204},[3911],{"type":21,"value":3724},{"type":15,"tag":167,"props":3913,"children":3914},{"style":174},[3915],{"type":21,"value":212},{"type":15,"tag":167,"props":3917,"children":3918},{"style":215},[3919],{"type":21,"value":3920},"\"arrowProps\"",{"type":15,"tag":167,"props":3922,"children":3923},{"style":204},[3924],{"type":21,"value":207},{"type":15,"tag":167,"props":3926,"children":3927},{"style":174},[3928],{"type":21,"value":212},{"type":15,"tag":167,"props":3930,"children":3931},{"style":215},[3932],{"type":21,"value":3933},"\"rotate-45 bg-black\"",{"type":15,"tag":167,"props":3935,"children":3936},{"style":3753},[3937],{"type":21,"value":3756},{"type":15,"tag":167,"props":3939,"children":3940},{"style":174},[3941],{"type":21,"value":187},{"type":15,"tag":167,"props":3943,"children":3945},{"class":169,"line":3944},69,[3946,3950,3954],{"type":15,"tag":167,"props":3947,"children":3948},{"style":174},[3949],{"type":21,"value":315},{"type":15,"tag":167,"props":3951,"children":3952},{"style":180},[3953],{"type":21,"value":201},{"type":15,"tag":167,"props":3955,"children":3956},{"style":174},[3957],{"type":21,"value":187},{"type":15,"tag":167,"props":3959,"children":3961},{"class":169,"line":3960},70,[3962,3966,3970],{"type":15,"tag":167,"props":3963,"children":3964},{"style":174},[3965],{"type":21,"value":332},{"type":15,"tag":167,"props":3967,"children":3968},{"style":180},[3969],{"type":21,"value":167},{"type":15,"tag":167,"props":3971,"children":3972},{"style":174},[3973],{"type":21,"value":187},{"type":15,"tag":167,"props":3975,"children":3977},{"class":169,"line":3976},71,[3978,3982,3986],{"type":15,"tag":167,"props":3979,"children":3980},{"style":174},[3981],{"type":21,"value":349},{"type":15,"tag":167,"props":3983,"children":3984},{"style":180},[3985],{"type":21,"value":30},{"type":15,"tag":167,"props":3987,"children":3988},{"style":174},[3989],{"type":21,"value":187},{"type":15,"tag":60,"props":3991,"children":3992},{},[3993],{"type":15,"tag":157,"props":3994,"children":3996},{"className":582,"code":3995,"language":584,"meta":9,"style":9},"'use client';\nimport { useTooltip } from '@storefront-ui\u002Freact';\nimport type { SfTooltipProps } from '@storefront-ui\u002Freact';\nimport { useEffect } from 'react';\n\nexport default function SfTooltip(props: SfTooltipProps) {\n const {\n children,\n label,\n className,\n style,\n open: openProp,\n showArrow,\n id,\n 'data-testid': dataTestid,\n ...tooltipOptions\n } = props;\n const { isOpen, open, close, getTriggerProps, getTooltipProps, getArrowProps } = useTooltip(tooltipOptions);\n\n useEffect(() => {\n if (openProp) open();\n else close();\n }, [openProp, open, close]);\n\n return (\n \u003Cspan data-testid={dataTestid ?? 'tooltip'} {...getTriggerProps({ className, style })}>\n {children}\n {label && isOpen && (\n \u003Cdiv\n {...getTooltipProps({\n role: 'tooltip',\n id,\n className: 'bg-black px-2 py-1.5 rounded-md text-white text-xs w-max max-w-[360px] drop-shadow-sm',\n })}\n >\n {label}\n {showArrow && \u003Cspan {...getArrowProps({ className: 'bg-black rotate-45' })} \u002F>}\n \u003C\u002Fdiv>\n )}\n \u003C\u002Fspan>\n );\n}\n\n",[3997],{"type":15,"tag":38,"props":3998,"children":3999},{"__ignoreMap":9},[4000,4012,4043,4079,4111,4118,4159,4170,4182,4194,4206,4218,4239,4251,4263,4284,4297,4317,4400,4407,4428,4455,4470,4503,4510,4521,4607,4623,4652,4664,4684,4705,4717,4738,4750,4758,4773,4843,4859,4871,4886,4893],{"type":15,"tag":167,"props":4001,"children":4002},{"class":169,"line":170},[4003,4008],{"type":15,"tag":167,"props":4004,"children":4005},{"style":215},[4006],{"type":21,"value":4007},"'use client'",{"type":15,"tag":167,"props":4009,"children":4010},{"style":174},[4011],{"type":21,"value":442},{"type":15,"tag":167,"props":4013,"children":4014},{"class":169,"line":190},[4015,4019,4023,4027,4031,4035,4039],{"type":15,"tag":167,"props":4016,"children":4017},{"style":409},[4018],{"type":21,"value":412},{"type":15,"tag":167,"props":4020,"children":4021},{"style":174},[4022],{"type":21,"value":417},{"type":15,"tag":167,"props":4024,"children":4025},{"style":180},[4026],{"type":21,"value":56},{"type":15,"tag":167,"props":4028,"children":4029},{"style":174},[4030],{"type":21,"value":427},{"type":15,"tag":167,"props":4032,"children":4033},{"style":409},[4034],{"type":21,"value":432},{"type":15,"tag":167,"props":4036,"children":4037},{"style":215},[4038],{"type":21,"value":648},{"type":15,"tag":167,"props":4040,"children":4041},{"style":174},[4042],{"type":21,"value":442},{"type":15,"tag":167,"props":4044,"children":4045},{"class":169,"line":225},[4046,4050,4054,4058,4063,4067,4071,4075],{"type":15,"tag":167,"props":4047,"children":4048},{"style":409},[4049],{"type":21,"value":412},{"type":15,"tag":167,"props":4051,"children":4052},{"style":409},[4053],{"type":21,"value":2487},{"type":15,"tag":167,"props":4055,"children":4056},{"style":174},[4057],{"type":21,"value":417},{"type":15,"tag":167,"props":4059,"children":4060},{"style":180},[4061],{"type":21,"value":4062},"SfTooltipProps",{"type":15,"tag":167,"props":4064,"children":4065},{"style":174},[4066],{"type":21,"value":427},{"type":15,"tag":167,"props":4068,"children":4069},{"style":409},[4070],{"type":21,"value":432},{"type":15,"tag":167,"props":4072,"children":4073},{"style":215},[4074],{"type":21,"value":648},{"type":15,"tag":167,"props":4076,"children":4077},{"style":174},[4078],{"type":21,"value":442},{"type":15,"tag":167,"props":4080,"children":4081},{"class":169,"line":270},[4082,4086,4090,4095,4099,4103,4107],{"type":15,"tag":167,"props":4083,"children":4084},{"style":409},[4085],{"type":21,"value":412},{"type":15,"tag":167,"props":4087,"children":4088},{"style":174},[4089],{"type":21,"value":417},{"type":15,"tag":167,"props":4091,"children":4092},{"style":180},[4093],{"type":21,"value":4094},"useEffect",{"type":15,"tag":167,"props":4096,"children":4097},{"style":174},[4098],{"type":21,"value":427},{"type":15,"tag":167,"props":4100,"children":4101},{"style":409},[4102],{"type":21,"value":432},{"type":15,"tag":167,"props":4104,"children":4105},{"style":215},[4106],{"type":21,"value":616},{"type":15,"tag":167,"props":4108,"children":4109},{"style":174},[4110],{"type":21,"value":442},{"type":15,"tag":167,"props":4112,"children":4113},{"class":169,"line":309},[4114],{"type":15,"tag":167,"props":4115,"children":4116},{"emptyLinePlaceholder":8},[4117],{"type":21,"value":366},{"type":15,"tag":167,"props":4119,"children":4120},{"class":169,"line":326},[4121,4125,4129,4133,4138,4142,4146,4150,4154],{"type":15,"tag":167,"props":4122,"children":4123},{"style":409},[4124],{"type":21,"value":667},{"type":15,"tag":167,"props":4126,"children":4127},{"style":409},[4128],{"type":21,"value":672},{"type":15,"tag":167,"props":4130,"children":4131},{"style":409},[4132],{"type":21,"value":677},{"type":15,"tag":167,"props":4134,"children":4135},{"style":507},[4136],{"type":21,"value":4137}," SfTooltip",{"type":15,"tag":167,"props":4139,"children":4140},{"style":174},[4141],{"type":21,"value":3316},{"type":15,"tag":167,"props":4143,"children":4144},{"style":3197},[4145],{"type":21,"value":1911},{"type":15,"tag":167,"props":4147,"children":4148},{"style":174},[4149],{"type":21,"value":2629},{"type":15,"tag":167,"props":4151,"children":4152},{"style":495},[4153],{"type":21,"value":4062},{"type":15,"tag":167,"props":4155,"children":4156},{"style":174},[4157],{"type":21,"value":4158},") {\n",{"type":15,"tag":167,"props":4160,"children":4161},{"class":169,"line":343},[4162,4166],{"type":15,"tag":167,"props":4163,"children":4164},{"style":409},[4165],{"type":21,"value":695},{"type":15,"tag":167,"props":4167,"children":4168},{"style":174},[4169],{"type":21,"value":3488},{"type":15,"tag":167,"props":4171,"children":4172},{"class":169,"line":360},[4173,4178],{"type":15,"tag":167,"props":4174,"children":4175},{"style":495},[4176],{"type":21,"value":4177}," children",{"type":15,"tag":167,"props":4179,"children":4180},{"style":174},[4181],{"type":21,"value":2703},{"type":15,"tag":167,"props":4183,"children":4184},{"class":169,"line":369},[4185,4190],{"type":15,"tag":167,"props":4186,"children":4187},{"style":495},[4188],{"type":21,"value":4189}," label",{"type":15,"tag":167,"props":4191,"children":4192},{"style":174},[4193],{"type":21,"value":2703},{"type":15,"tag":167,"props":4195,"children":4196},{"class":169,"line":405},[4197,4202],{"type":15,"tag":167,"props":4198,"children":4199},{"style":495},[4200],{"type":21,"value":4201}," className",{"type":15,"tag":167,"props":4203,"children":4204},{"style":174},[4205],{"type":21,"value":2703},{"type":15,"tag":167,"props":4207,"children":4208},{"class":169,"line":445},[4209,4214],{"type":15,"tag":167,"props":4210,"children":4211},{"style":495},[4212],{"type":21,"value":4213}," style",{"type":15,"tag":167,"props":4215,"children":4216},{"style":174},[4217],{"type":21,"value":2703},{"type":15,"tag":167,"props":4219,"children":4220},{"class":169,"line":478},[4221,4226,4230,4235],{"type":15,"tag":167,"props":4222,"children":4223},{"style":180},[4224],{"type":21,"value":4225}," open",{"type":15,"tag":167,"props":4227,"children":4228},{"style":174},[4229],{"type":21,"value":2629},{"type":15,"tag":167,"props":4231,"children":4232},{"style":495},[4233],{"type":21,"value":4234},"openProp",{"type":15,"tag":167,"props":4236,"children":4237},{"style":174},[4238],{"type":21,"value":2703},{"type":15,"tag":167,"props":4240,"children":4241},{"class":169,"line":486},[4242,4247],{"type":15,"tag":167,"props":4243,"children":4244},{"style":495},[4245],{"type":21,"value":4246}," showArrow",{"type":15,"tag":167,"props":4248,"children":4249},{"style":174},[4250],{"type":21,"value":2703},{"type":15,"tag":167,"props":4252,"children":4253},{"class":169,"line":518},[4254,4259],{"type":15,"tag":167,"props":4255,"children":4256},{"style":495},[4257],{"type":21,"value":4258}," id",{"type":15,"tag":167,"props":4260,"children":4261},{"style":174},[4262],{"type":21,"value":2703},{"type":15,"tag":167,"props":4264,"children":4265},{"class":169,"line":563},[4266,4271,4275,4280],{"type":15,"tag":167,"props":4267,"children":4268},{"style":215},[4269],{"type":21,"value":4270}," 'data-testid'",{"type":15,"tag":167,"props":4272,"children":4273},{"style":174},[4274],{"type":21,"value":2629},{"type":15,"tag":167,"props":4276,"children":4277},{"style":495},[4278],{"type":21,"value":4279},"dataTestid",{"type":15,"tag":167,"props":4281,"children":4282},{"style":174},[4283],{"type":21,"value":2703},{"type":15,"tag":167,"props":4285,"children":4286},{"class":169,"line":1871},[4287,4292],{"type":15,"tag":167,"props":4288,"children":4289},{"style":174},[4290],{"type":21,"value":4291}," ...",{"type":15,"tag":167,"props":4293,"children":4294},{"style":495},[4295],{"type":21,"value":4296},"tooltipOptions\n",{"type":15,"tag":167,"props":4298,"children":4299},{"class":169,"line":2869},[4300,4305,4309,4313],{"type":15,"tag":167,"props":4301,"children":4302},{"style":174},[4303],{"type":21,"value":4304}," } ",{"type":15,"tag":167,"props":4306,"children":4307},{"style":501},[4308],{"type":21,"value":212},{"type":15,"tag":167,"props":4310,"children":4311},{"style":180},[4312],{"type":21,"value":2589},{"type":15,"tag":167,"props":4314,"children":4315},{"style":174},[4316],{"type":21,"value":442},{"type":15,"tag":167,"props":4318,"children":4319},{"class":169,"line":2889},[4320,4324,4328,4332,4336,4340,4344,4348,4352,4357,4361,4366,4370,4375,4379,4383,4387,4391,4396],{"type":15,"tag":167,"props":4321,"children":4322},{"style":409},[4323],{"type":21,"value":695},{"type":15,"tag":167,"props":4325,"children":4326},{"style":174},[4327],{"type":21,"value":417},{"type":15,"tag":167,"props":4329,"children":4330},{"style":495},[4331],{"type":21,"value":1351},{"type":15,"tag":167,"props":4333,"children":4334},{"style":174},[4335],{"type":21,"value":1245},{"type":15,"tag":167,"props":4337,"children":4338},{"style":495},[4339],{"type":21,"value":1360},{"type":15,"tag":167,"props":4341,"children":4342},{"style":174},[4343],{"type":21,"value":1245},{"type":15,"tag":167,"props":4345,"children":4346},{"style":495},[4347],{"type":21,"value":1369},{"type":15,"tag":167,"props":4349,"children":4350},{"style":174},[4351],{"type":21,"value":1245},{"type":15,"tag":167,"props":4353,"children":4354},{"style":495},[4355],{"type":21,"value":4356},"getTriggerProps",{"type":15,"tag":167,"props":4358,"children":4359},{"style":174},[4360],{"type":21,"value":1245},{"type":15,"tag":167,"props":4362,"children":4363},{"style":495},[4364],{"type":21,"value":4365},"getTooltipProps",{"type":15,"tag":167,"props":4367,"children":4368},{"style":174},[4369],{"type":21,"value":1245},{"type":15,"tag":167,"props":4371,"children":4372},{"style":495},[4373],{"type":21,"value":4374},"getArrowProps",{"type":15,"tag":167,"props":4376,"children":4377},{"style":174},[4378],{"type":21,"value":427},{"type":15,"tag":167,"props":4380,"children":4381},{"style":501},[4382],{"type":21,"value":212},{"type":15,"tag":167,"props":4384,"children":4385},{"style":507},[4386],{"type":21,"value":3397},{"type":15,"tag":167,"props":4388,"children":4389},{"style":174},[4390],{"type":21,"value":3316},{"type":15,"tag":167,"props":4392,"children":4393},{"style":180},[4394],{"type":21,"value":4395},"tooltipOptions",{"type":15,"tag":167,"props":4397,"children":4398},{"style":174},[4399],{"type":21,"value":3325},{"type":15,"tag":167,"props":4401,"children":4402},{"class":169,"line":2897},[4403],{"type":15,"tag":167,"props":4404,"children":4405},{"emptyLinePlaceholder":8},[4406],{"type":21,"value":366},{"type":15,"tag":167,"props":4408,"children":4409},{"class":169,"line":2910},[4410,4415,4420,4424],{"type":15,"tag":167,"props":4411,"children":4412},{"style":507},[4413],{"type":21,"value":4414}," useEffect",{"type":15,"tag":167,"props":4416,"children":4417},{"style":174},[4418],{"type":21,"value":4419},"(() ",{"type":15,"tag":167,"props":4421,"children":4422},{"style":409},[4423],{"type":21,"value":3483},{"type":15,"tag":167,"props":4425,"children":4426},{"style":174},[4427],{"type":21,"value":3488},{"type":15,"tag":167,"props":4429,"children":4430},{"class":169,"line":2931},[4431,4435,4439,4443,4447,4451],{"type":15,"tag":167,"props":4432,"children":4433},{"style":409},[4434],{"type":21,"value":3497},{"type":15,"tag":167,"props":4436,"children":4437},{"style":174},[4438],{"type":21,"value":3502},{"type":15,"tag":167,"props":4440,"children":4441},{"style":180},[4442],{"type":21,"value":4234},{"type":15,"tag":167,"props":4444,"children":4445},{"style":174},[4446],{"type":21,"value":3478},{"type":15,"tag":167,"props":4448,"children":4449},{"style":507},[4450],{"type":21,"value":1360},{"type":15,"tag":167,"props":4452,"children":4453},{"style":174},[4454],{"type":21,"value":515},{"type":15,"tag":167,"props":4456,"children":4457},{"class":169,"line":2951},[4458,4462,4466],{"type":15,"tag":167,"props":4459,"children":4460},{"style":409},[4461],{"type":21,"value":3527},{"type":15,"tag":167,"props":4463,"children":4464},{"style":507},[4465],{"type":21,"value":3532},{"type":15,"tag":167,"props":4467,"children":4468},{"style":174},[4469],{"type":21,"value":515},{"type":15,"tag":167,"props":4471,"children":4472},{"class":169,"line":2959},[4473,4478,4482,4486,4490,4494,4498],{"type":15,"tag":167,"props":4474,"children":4475},{"style":174},[4476],{"type":21,"value":4477}," }, [",{"type":15,"tag":167,"props":4479,"children":4480},{"style":180},[4481],{"type":21,"value":4234},{"type":15,"tag":167,"props":4483,"children":4484},{"style":174},[4485],{"type":21,"value":1245},{"type":15,"tag":167,"props":4487,"children":4488},{"style":180},[4489],{"type":21,"value":1360},{"type":15,"tag":167,"props":4491,"children":4492},{"style":174},[4493],{"type":21,"value":1245},{"type":15,"tag":167,"props":4495,"children":4496},{"style":180},[4497],{"type":21,"value":1369},{"type":15,"tag":167,"props":4499,"children":4500},{"style":174},[4501],{"type":21,"value":4502},"]);\n",{"type":15,"tag":167,"props":4504,"children":4505},{"class":169,"line":2972},[4506],{"type":15,"tag":167,"props":4507,"children":4508},{"emptyLinePlaceholder":8},[4509],{"type":21,"value":366},{"type":15,"tag":167,"props":4511,"children":4512},{"class":169,"line":2992},[4513,4517],{"type":15,"tag":167,"props":4514,"children":4515},{"style":409},[4516],{"type":21,"value":765},{"type":15,"tag":167,"props":4518,"children":4519},{"style":174},[4520],{"type":21,"value":770},{"type":15,"tag":167,"props":4522,"children":4523},{"class":169,"line":3014},[4524,4528,4532,4536,4540,4544,4548,4553,4558,4562,4567,4572,4576,4580,4585,4589,4594,4599,4603],{"type":15,"tag":167,"props":4525,"children":4526},{"style":174},[4527],{"type":21,"value":231},{"type":15,"tag":167,"props":4529,"children":4530},{"style":180},[4531],{"type":21,"value":167},{"type":15,"tag":167,"props":4533,"children":4534},{"style":784},[4535],{"type":21,"value":3710},{"type":15,"tag":167,"props":4537,"children":4538},{"style":501},[4539],{"type":21,"value":212},{"type":15,"tag":167,"props":4541,"children":4542},{"style":409},[4543],{"type":21,"value":807},{"type":15,"tag":167,"props":4545,"children":4546},{"style":180},[4547],{"type":21,"value":4279},{"type":15,"tag":167,"props":4549,"children":4550},{"style":501},[4551],{"type":21,"value":4552}," ??",{"type":15,"tag":167,"props":4554,"children":4555},{"style":215},[4556],{"type":21,"value":4557}," 'tooltip'",{"type":15,"tag":167,"props":4559,"children":4560},{"style":409},[4561],{"type":21,"value":551},{"type":15,"tag":167,"props":4563,"children":4564},{"style":409},[4565],{"type":21,"value":4566}," {",{"type":15,"tag":167,"props":4568,"children":4569},{"style":174},[4570],{"type":21,"value":4571},"...",{"type":15,"tag":167,"props":4573,"children":4574},{"style":507},[4575],{"type":21,"value":4356},{"type":15,"tag":167,"props":4577,"children":4578},{"style":174},[4579],{"type":21,"value":3402},{"type":15,"tag":167,"props":4581,"children":4582},{"style":180},[4583],{"type":21,"value":4584},"className",{"type":15,"tag":167,"props":4586,"children":4587},{"style":174},[4588],{"type":21,"value":1245},{"type":15,"tag":167,"props":4590,"children":4591},{"style":180},[4592],{"type":21,"value":4593},"style",{"type":15,"tag":167,"props":4595,"children":4596},{"style":174},[4597],{"type":21,"value":4598}," })",{"type":15,"tag":167,"props":4600,"children":4601},{"style":409},[4602],{"type":21,"value":551},{"type":15,"tag":167,"props":4604,"children":4605},{"style":174},[4606],{"type":21,"value":187},{"type":15,"tag":167,"props":4608,"children":4609},{"class":169,"line":3022},[4610,4615,4619],{"type":15,"tag":167,"props":4611,"children":4612},{"style":409},[4613],{"type":21,"value":4614}," {",{"type":15,"tag":167,"props":4616,"children":4617},{"style":180},[4618],{"type":21,"value":2308},{"type":15,"tag":167,"props":4620,"children":4621},{"style":409},[4622],{"type":21,"value":896},{"type":15,"tag":167,"props":4624,"children":4625},{"class":169,"line":3035},[4626,4630,4634,4639,4644,4648],{"type":15,"tag":167,"props":4627,"children":4628},{"style":409},[4629],{"type":21,"value":4614},{"type":15,"tag":167,"props":4631,"children":4632},{"style":180},[4633],{"type":21,"value":1967},{"type":15,"tag":167,"props":4635,"children":4636},{"style":501},[4637],{"type":21,"value":4638}," &&",{"type":15,"tag":167,"props":4640,"children":4641},{"style":180},[4642],{"type":21,"value":4643}," isOpen",{"type":15,"tag":167,"props":4645,"children":4646},{"style":501},[4647],{"type":21,"value":4638},{"type":15,"tag":167,"props":4649,"children":4650},{"style":174},[4651],{"type":21,"value":770},{"type":15,"tag":167,"props":4653,"children":4654},{"class":169,"line":3055},[4655,4660],{"type":15,"tag":167,"props":4656,"children":4657},{"style":174},[4658],{"type":21,"value":4659}," \u003C",{"type":15,"tag":167,"props":4661,"children":4662},{"style":180},[4663],{"type":21,"value":3773},{"type":15,"tag":167,"props":4665,"children":4666},{"class":169,"line":3075},[4667,4672,4676,4680],{"type":15,"tag":167,"props":4668,"children":4669},{"style":409},[4670],{"type":21,"value":4671}," {",{"type":15,"tag":167,"props":4673,"children":4674},{"style":174},[4675],{"type":21,"value":4571},{"type":15,"tag":167,"props":4677,"children":4678},{"style":507},[4679],{"type":21,"value":4365},{"type":15,"tag":167,"props":4681,"children":4682},{"style":174},[4683],{"type":21,"value":2603},{"type":15,"tag":167,"props":4685,"children":4686},{"class":169,"line":3083},[4687,4692,4696,4701],{"type":15,"tag":167,"props":4688,"children":4689},{"style":180},[4690],{"type":21,"value":4691}," role",{"type":15,"tag":167,"props":4693,"children":4694},{"style":174},[4695],{"type":21,"value":2629},{"type":15,"tag":167,"props":4697,"children":4698},{"style":215},[4699],{"type":21,"value":4700},"'tooltip'",{"type":15,"tag":167,"props":4702,"children":4703},{"style":174},[4704],{"type":21,"value":2703},{"type":15,"tag":167,"props":4706,"children":4707},{"class":169,"line":3096},[4708,4713],{"type":15,"tag":167,"props":4709,"children":4710},{"style":180},[4711],{"type":21,"value":4712}," id",{"type":15,"tag":167,"props":4714,"children":4715},{"style":174},[4716],{"type":21,"value":2703},{"type":15,"tag":167,"props":4718,"children":4719},{"class":169,"line":3116},[4720,4725,4729,4734],{"type":15,"tag":167,"props":4721,"children":4722},{"style":180},[4723],{"type":21,"value":4724}," className",{"type":15,"tag":167,"props":4726,"children":4727},{"style":174},[4728],{"type":21,"value":2629},{"type":15,"tag":167,"props":4730,"children":4731},{"style":215},[4732],{"type":21,"value":4733},"'bg-black px-2 py-1.5 rounded-md text-white text-xs w-max max-w-[360px] drop-shadow-sm'",{"type":15,"tag":167,"props":4735,"children":4736},{"style":174},[4737],{"type":21,"value":2703},{"type":15,"tag":167,"props":4739,"children":4740},{"class":169,"line":3136},[4741,4746],{"type":15,"tag":167,"props":4742,"children":4743},{"style":174},[4744],{"type":21,"value":4745}," })",{"type":15,"tag":167,"props":4747,"children":4748},{"style":409},[4749],{"type":21,"value":896},{"type":15,"tag":167,"props":4751,"children":4752},{"class":169,"line":3144},[4753],{"type":15,"tag":167,"props":4754,"children":4755},{"style":174},[4756],{"type":21,"value":4757}," >\n",{"type":15,"tag":167,"props":4759,"children":4760},{"class":169,"line":3153},[4761,4765,4769],{"type":15,"tag":167,"props":4762,"children":4763},{"style":409},[4764],{"type":21,"value":4671},{"type":15,"tag":167,"props":4766,"children":4767},{"style":180},[4768],{"type":21,"value":1967},{"type":15,"tag":167,"props":4770,"children":4771},{"style":409},[4772],{"type":21,"value":896},{"type":15,"tag":167,"props":4774,"children":4775},{"class":169,"line":3161},[4776,4780,4784,4788,4793,4797,4801,4805,4809,4813,4817,4821,4826,4830,4834,4839],{"type":15,"tag":167,"props":4777,"children":4778},{"style":409},[4779],{"type":21,"value":4671},{"type":15,"tag":167,"props":4781,"children":4782},{"style":180},[4783],{"type":21,"value":2029},{"type":15,"tag":167,"props":4785,"children":4786},{"style":501},[4787],{"type":21,"value":4638},{"type":15,"tag":167,"props":4789,"children":4790},{"style":174},[4791],{"type":21,"value":4792}," \u003C",{"type":15,"tag":167,"props":4794,"children":4795},{"style":180},[4796],{"type":21,"value":167},{"type":15,"tag":167,"props":4798,"children":4799},{"style":409},[4800],{"type":21,"value":4566},{"type":15,"tag":167,"props":4802,"children":4803},{"style":174},[4804],{"type":21,"value":4571},{"type":15,"tag":167,"props":4806,"children":4807},{"style":507},[4808],{"type":21,"value":4374},{"type":15,"tag":167,"props":4810,"children":4811},{"style":174},[4812],{"type":21,"value":3402},{"type":15,"tag":167,"props":4814,"children":4815},{"style":180},[4816],{"type":21,"value":4584},{"type":15,"tag":167,"props":4818,"children":4819},{"style":174},[4820],{"type":21,"value":2629},{"type":15,"tag":167,"props":4822,"children":4823},{"style":215},[4824],{"type":21,"value":4825},"'bg-black rotate-45'",{"type":15,"tag":167,"props":4827,"children":4828},{"style":174},[4829],{"type":21,"value":4598},{"type":15,"tag":167,"props":4831,"children":4832},{"style":409},[4833],{"type":21,"value":551},{"type":15,"tag":167,"props":4835,"children":4836},{"style":174},[4837],{"type":21,"value":4838}," \u002F>",{"type":15,"tag":167,"props":4840,"children":4841},{"style":409},[4842],{"type":21,"value":896},{"type":15,"tag":167,"props":4844,"children":4845},{"class":169,"line":3188},[4846,4851,4855],{"type":15,"tag":167,"props":4847,"children":4848},{"style":174},[4849],{"type":21,"value":4850}," \u003C\u002F",{"type":15,"tag":167,"props":4852,"children":4853},{"style":180},[4854],{"type":21,"value":201},{"type":15,"tag":167,"props":4856,"children":4857},{"style":174},[4858],{"type":21,"value":187},{"type":15,"tag":167,"props":4860,"children":4861},{"class":169,"line":3242},[4862,4867],{"type":15,"tag":167,"props":4863,"children":4864},{"style":174},[4865],{"type":21,"value":4866}," )",{"type":15,"tag":167,"props":4868,"children":4869},{"style":409},[4870],{"type":21,"value":896},{"type":15,"tag":167,"props":4872,"children":4873},{"class":169,"line":3251},[4874,4878,4882],{"type":15,"tag":167,"props":4875,"children":4876},{"style":174},[4877],{"type":21,"value":315},{"type":15,"tag":167,"props":4879,"children":4880},{"style":180},[4881],{"type":21,"value":167},{"type":15,"tag":167,"props":4883,"children":4884},{"style":174},[4885],{"type":21,"value":187},{"type":15,"tag":167,"props":4887,"children":4888},{"class":169,"line":3259},[4889],{"type":15,"tag":167,"props":4890,"children":4891},{"style":174},[4892],{"type":21,"value":888},{"type":15,"tag":167,"props":4894,"children":4895},{"class":169,"line":3328},[4896],{"type":15,"tag":167,"props":4897,"children":4898},{"style":174},[4899],{"type":21,"value":896},{"type":15,"tag":4593,"props":4901,"children":4902},{},[4903],{"type":21,"value":4904},"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":309,"depth":190,"links":4906},[4907,4911,4912,4913,4914],{"id":109,"depth":190,"text":112,"children":4908},[4909,4910],{"id":116,"depth":225,"text":119},{"id":899,"depth":225,"text":902},{"id":1879,"depth":190,"text":1882},{"id":1897,"depth":190,"text":1900},{"id":1911,"depth":190,"text":1914},{"id":2329,"depth":190,"text":2332},"markdown","content:_components:tooltip.md","content","_components\u002Ftooltip.md","_components\u002Ftooltip","md",[4922],{"_path":4923,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":4924,"sidebarRoot":8,"_id":4927,"_type":4928,"title":4929,"_source":4917,"_file":4930,"_stem":4931,"_extension":4932},"\u002F_dir",{"title":4925,"icon":4926},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":4934,"sidebarRoot":4936},[4935,4938,4950],{"title":4925,"_path":4936,"_id":4927,"layout":4937,"sidebarRoot":8,"icon":4926},"\u002F","fullscreen",{"title":4939,"_path":4940,"children":4941,"_id":4949,"layout":2366},"Getting Started","\u002Fgetting-started",[4942,4945],{"title":4943,"_path":4940,"_id":4944,"layout":2366},"Installation","content:2.getting-started:1.index.md",{"title":4946,"_path":4947,"_id":4948,"layout":2366},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":4951,"_path":4952,"children":4953},"Customization","\u002Fcustomization",[4954,4958,4962,4966],{"title":4955,"_path":4956,"_id":4957,"layout":2366},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":4959,"_path":4960,"_id":4961,"layout":2366},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":4963,"_path":4964,"_id":4965,"layout":2366},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":4967,"_path":4968,"_id":4969,"layout":2366},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574915611]