[{"data":1,"prerenderedAt":10520},["ShallowReactive",2],{"reference":3,"content-query-b0A4uXDgFB":4,"sidebar-roots":10471,"$dNTcUNV7nV":10483},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":10465,"_id":10466,"_source":10467,"_file":10468,"_stem":10469,"_extension":10470,"layout":4027},"\u002F_components\u002Fscrollable","_components",false,true,"","Scrollable",{"type":12,"children":13,"toc":10453},"root",[14,22,41,10447],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"scrollable",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":25},"warning",{},[26,36],{"type":15,"tag":27,"props":28,"children":29},"template",{"v-slot:title":9},[30],{"type":15,"tag":31,"props":32,"children":33},"p",{},[34],{"type":21,"value":35},"This is an experimental component",{"type":15,"tag":31,"props":37,"children":38},{},[39],{"type":21,"value":40},"This component is shipped in our NPM package, but its API might change based on user feedback.",{"type":15,"tag":42,"props":43,"children":47},"tabs",{":titles":44,"className":45},"[\"Usage\", \"API\", \"Source Code\"]",[46],"mt-8",[48,2937,4175],{"type":15,"tag":27,"props":49,"children":50},{"v-slot:tab-1":9},[51,71,96,118,125,132,137,807,813,823,1398,1404,1432,2891,2897,2926,2932],{"type":15,"tag":31,"props":52,"children":53},{},[54,61,63,69],{"type":15,"tag":55,"props":56,"children":58},"code",{"className":57},[],[59],{"type":21,"value":60},"SfScrollable",{"type":21,"value":62}," is a component that allows to build interactive slider. It uses the ",{"type":15,"tag":55,"props":64,"children":66},{"className":65},[],[67],{"type":21,"value":68},"useScrollable",{"type":21,"value":70}," utility under the hood.",{"type":15,"tag":72,"props":73,"children":74},"react-only",{},[75],{"type":15,"tag":31,"props":76,"children":77},{},[78,80,85,87,94],{"type":21,"value":79},"Learn more about ",{"type":15,"tag":55,"props":81,"children":83},{"className":82},[],[84],{"type":21,"value":68},{"type":21,"value":86}," hook in the ",{"type":15,"tag":88,"props":89,"children":91},"a",{"href":90},"\u002Freact\u002Fhooks\u002FuseScrollable.html",[92],{"type":21,"value":93},"Hooks > useScrollable docs",{"type":21,"value":95},".",{"type":15,"tag":97,"props":98,"children":99},"vue-only",{},[100],{"type":15,"tag":31,"props":101,"children":102},{},[103,104,109,111,117],{"type":21,"value":79},{"type":15,"tag":55,"props":105,"children":107},{"className":106},[],[108],{"type":21,"value":68},{"type":21,"value":110}," composable in the ",{"type":15,"tag":88,"props":112,"children":114},{"href":113},"\u002Fvue\u002Fhooks\u002FuseScrollable.html",[115],{"type":21,"value":116},"Composables > useScrollable docs",{"type":21,"value":95},{"type":15,"tag":119,"props":120,"children":122},"h2",{"id":121},"examples",[123],{"type":21,"value":124},"Examples",{"type":15,"tag":126,"props":127,"children":129},"h3",{"id":128},"hide-scrollbar",[130],{"type":21,"value":131},"Hide Scrollbar",{"type":15,"tag":31,"props":133,"children":134},{},[135],{"type":21,"value":136},"Can be setup that will be without scrollbar",{"type":15,"tag":138,"props":139,"children":142},"showcase",{"showcase-name":140,"style":141},"Scrollable\u002FHideScrollbar","min-height:240px",[143,460],{"type":15,"tag":97,"props":144,"children":145},{},[146],{"type":15,"tag":147,"props":148,"children":152},"pre",{"className":149,"code":150,"language":151,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n \u003CSfScrollable\n class=\"items-center w-full [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\"\n >\n \u003Cdiv\n v-for=\"(_, index) in Array.from({ length: 20 })\"\n :key=\"index\"\n class=\"flex items-center justify-center text-gray-500 border border-dashed w-36 h-36 shrink-0 bg-neutral-100 border-negative-300\"\n >\n {{ index + 1 }}\n \u003C\u002Fdiv>\n \u003C\u002FSfScrollable>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfScrollable } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n","vue",[153],{"type":15,"tag":55,"props":154,"children":155},{"__ignoreMap":9},[156,178,192,213,222,236,254,272,290,299,308,326,343,360,369,405,444],{"type":15,"tag":157,"props":158,"children":161},"span",{"class":159,"line":160},"line",1,[162,168,173],{"type":15,"tag":157,"props":163,"children":165},{"style":164},"--shiki-default:#ABB2BF",[166],{"type":21,"value":167},"\u003C",{"type":15,"tag":157,"props":169,"children":171},{"style":170},"--shiki-default:#E06C75",[172],{"type":21,"value":27},{"type":15,"tag":157,"props":174,"children":175},{"style":164},[176],{"type":21,"value":177},">\n",{"type":15,"tag":157,"props":179,"children":181},{"class":159,"line":180},2,[182,187],{"type":15,"tag":157,"props":183,"children":184},{"style":164},[185],{"type":21,"value":186}," \u003C",{"type":15,"tag":157,"props":188,"children":189},{"style":170},[190],{"type":21,"value":191},"SfScrollable\n",{"type":15,"tag":157,"props":193,"children":195},{"class":159,"line":194},3,[196,202,207],{"type":15,"tag":157,"props":197,"children":199},{"style":198},"--shiki-default:#D19A66",[200],{"type":21,"value":201}," class",{"type":15,"tag":157,"props":203,"children":204},{"style":164},[205],{"type":21,"value":206},"=",{"type":15,"tag":157,"props":208,"children":210},{"style":209},"--shiki-default:#98C379",[211],{"type":21,"value":212},"\"items-center w-full [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\"\n",{"type":15,"tag":157,"props":214,"children":216},{"class":159,"line":215},4,[217],{"type":15,"tag":157,"props":218,"children":219},{"style":164},[220],{"type":21,"value":221}," >\n",{"type":15,"tag":157,"props":223,"children":225},{"class":159,"line":224},5,[226,231],{"type":15,"tag":157,"props":227,"children":228},{"style":164},[229],{"type":21,"value":230}," \u003C",{"type":15,"tag":157,"props":232,"children":233},{"style":170},[234],{"type":21,"value":235},"div\n",{"type":15,"tag":157,"props":237,"children":239},{"class":159,"line":238},6,[240,245,249],{"type":15,"tag":157,"props":241,"children":242},{"style":198},[243],{"type":21,"value":244}," v-for",{"type":15,"tag":157,"props":246,"children":247},{"style":164},[248],{"type":21,"value":206},{"type":15,"tag":157,"props":250,"children":251},{"style":209},[252],{"type":21,"value":253},"\"(_, index) in Array.from({ length: 20 })\"\n",{"type":15,"tag":157,"props":255,"children":257},{"class":159,"line":256},7,[258,263,267],{"type":15,"tag":157,"props":259,"children":260},{"style":198},[261],{"type":21,"value":262}," :key",{"type":15,"tag":157,"props":264,"children":265},{"style":164},[266],{"type":21,"value":206},{"type":15,"tag":157,"props":268,"children":269},{"style":209},[270],{"type":21,"value":271},"\"index\"\n",{"type":15,"tag":157,"props":273,"children":275},{"class":159,"line":274},8,[276,281,285],{"type":15,"tag":157,"props":277,"children":278},{"style":198},[279],{"type":21,"value":280}," class",{"type":15,"tag":157,"props":282,"children":283},{"style":164},[284],{"type":21,"value":206},{"type":15,"tag":157,"props":286,"children":287},{"style":209},[288],{"type":21,"value":289},"\"flex items-center justify-center text-gray-500 border border-dashed w-36 h-36 shrink-0 bg-neutral-100 border-negative-300\"\n",{"type":15,"tag":157,"props":291,"children":293},{"class":159,"line":292},9,[294],{"type":15,"tag":157,"props":295,"children":296},{"style":164},[297],{"type":21,"value":298}," >\n",{"type":15,"tag":157,"props":300,"children":302},{"class":159,"line":301},10,[303],{"type":15,"tag":157,"props":304,"children":305},{"style":164},[306],{"type":21,"value":307}," {{ index + 1 }}\n",{"type":15,"tag":157,"props":309,"children":311},{"class":159,"line":310},11,[312,317,322],{"type":15,"tag":157,"props":313,"children":314},{"style":164},[315],{"type":21,"value":316}," \u003C\u002F",{"type":15,"tag":157,"props":318,"children":319},{"style":170},[320],{"type":21,"value":321},"div",{"type":15,"tag":157,"props":323,"children":324},{"style":164},[325],{"type":21,"value":177},{"type":15,"tag":157,"props":327,"children":329},{"class":159,"line":328},12,[330,335,339],{"type":15,"tag":157,"props":331,"children":332},{"style":164},[333],{"type":21,"value":334}," \u003C\u002F",{"type":15,"tag":157,"props":336,"children":337},{"style":170},[338],{"type":21,"value":60},{"type":15,"tag":157,"props":340,"children":341},{"style":164},[342],{"type":21,"value":177},{"type":15,"tag":157,"props":344,"children":346},{"class":159,"line":345},13,[347,352,356],{"type":15,"tag":157,"props":348,"children":349},{"style":164},[350],{"type":21,"value":351},"\u003C\u002F",{"type":15,"tag":157,"props":353,"children":354},{"style":170},[355],{"type":21,"value":27},{"type":15,"tag":157,"props":357,"children":358},{"style":164},[359],{"type":21,"value":177},{"type":15,"tag":157,"props":361,"children":363},{"class":159,"line":362},14,[364],{"type":15,"tag":157,"props":365,"children":366},{"emptyLinePlaceholder":8},[367],{"type":21,"value":368},"\n",{"type":15,"tag":157,"props":370,"children":372},{"class":159,"line":371},15,[373,377,382,387,391,396,401],{"type":15,"tag":157,"props":374,"children":375},{"style":164},[376],{"type":21,"value":167},{"type":15,"tag":157,"props":378,"children":379},{"style":170},[380],{"type":21,"value":381},"script",{"type":15,"tag":157,"props":383,"children":384},{"style":198},[385],{"type":21,"value":386}," lang",{"type":15,"tag":157,"props":388,"children":389},{"style":164},[390],{"type":21,"value":206},{"type":15,"tag":157,"props":392,"children":393},{"style":209},[394],{"type":21,"value":395},"\"ts\"",{"type":15,"tag":157,"props":397,"children":398},{"style":198},[399],{"type":21,"value":400}," setup",{"type":15,"tag":157,"props":402,"children":403},{"style":164},[404],{"type":21,"value":177},{"type":15,"tag":157,"props":406,"children":408},{"class":159,"line":407},16,[409,415,420,424,429,434,439],{"type":15,"tag":157,"props":410,"children":412},{"style":411},"--shiki-default:#C678DD",[413],{"type":21,"value":414},"import",{"type":15,"tag":157,"props":416,"children":417},{"style":164},[418],{"type":21,"value":419}," { ",{"type":15,"tag":157,"props":421,"children":422},{"style":170},[423],{"type":21,"value":60},{"type":15,"tag":157,"props":425,"children":426},{"style":164},[427],{"type":21,"value":428}," } ",{"type":15,"tag":157,"props":430,"children":431},{"style":411},[432],{"type":21,"value":433},"from",{"type":15,"tag":157,"props":435,"children":436},{"style":209},[437],{"type":21,"value":438}," '@storefront-ui\u002Fvue'",{"type":15,"tag":157,"props":440,"children":441},{"style":164},[442],{"type":21,"value":443},";\n",{"type":15,"tag":157,"props":445,"children":447},{"class":159,"line":446},17,[448,452,456],{"type":15,"tag":157,"props":449,"children":450},{"style":164},[451],{"type":21,"value":351},{"type":15,"tag":157,"props":453,"children":454},{"style":170},[455],{"type":21,"value":381},{"type":15,"tag":157,"props":457,"children":458},{"style":164},[459],{"type":21,"value":177},{"type":15,"tag":72,"props":461,"children":462},{},[463],{"type":15,"tag":147,"props":464,"children":468},{"className":465,"code":466,"language":467,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfScrollable } from '@storefront-ui\u002Freact';\n\nexport default function ScrollableHideScrollbar() {\n return (\n \u003CSfScrollable className=\"items-center w-full [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\">\n {Array.from({ length: 20 }, (_, i) => (\n \u003Cdiv\n key={i}\n className=\"flex items-center justify-center text-gray-500 border border-dashed w-36 h-36 shrink-0 bg-neutral-100 border-negative-300\"\n >\n {i + 1}\n \u003C\u002Fdiv>\n ))}\n \u003C\u002FSfScrollable>\n );\n}\n","tsx",[469],{"type":15,"tag":55,"props":470,"children":471},{"__ignoreMap":9},[472,504,511,540,553,585,661,673,699,715,723,749,765,777,792,800],{"type":15,"tag":157,"props":473,"children":474},{"class":159,"line":160},[475,479,483,487,491,495,500],{"type":15,"tag":157,"props":476,"children":477},{"style":411},[478],{"type":21,"value":414},{"type":15,"tag":157,"props":480,"children":481},{"style":164},[482],{"type":21,"value":419},{"type":15,"tag":157,"props":484,"children":485},{"style":170},[486],{"type":21,"value":60},{"type":15,"tag":157,"props":488,"children":489},{"style":164},[490],{"type":21,"value":428},{"type":15,"tag":157,"props":492,"children":493},{"style":411},[494],{"type":21,"value":433},{"type":15,"tag":157,"props":496,"children":497},{"style":209},[498],{"type":21,"value":499}," '@storefront-ui\u002Freact'",{"type":15,"tag":157,"props":501,"children":502},{"style":164},[503],{"type":21,"value":443},{"type":15,"tag":157,"props":505,"children":506},{"class":159,"line":180},[507],{"type":15,"tag":157,"props":508,"children":509},{"emptyLinePlaceholder":8},[510],{"type":21,"value":368},{"type":15,"tag":157,"props":512,"children":513},{"class":159,"line":194},[514,519,524,529,535],{"type":15,"tag":157,"props":515,"children":516},{"style":411},[517],{"type":21,"value":518},"export",{"type":15,"tag":157,"props":520,"children":521},{"style":411},[522],{"type":21,"value":523}," default",{"type":15,"tag":157,"props":525,"children":526},{"style":411},[527],{"type":21,"value":528}," function",{"type":15,"tag":157,"props":530,"children":532},{"style":531},"--shiki-default:#61AFEF",[533],{"type":21,"value":534}," ScrollableHideScrollbar",{"type":15,"tag":157,"props":536,"children":537},{"style":164},[538],{"type":21,"value":539},"() {\n",{"type":15,"tag":157,"props":541,"children":542},{"class":159,"line":215},[543,548],{"type":15,"tag":157,"props":544,"children":545},{"style":411},[546],{"type":21,"value":547}," return",{"type":15,"tag":157,"props":549,"children":550},{"style":164},[551],{"type":21,"value":552}," (\n",{"type":15,"tag":157,"props":554,"children":555},{"class":159,"line":224},[556,560,565,571,576,581],{"type":15,"tag":157,"props":557,"children":558},{"style":164},[559],{"type":21,"value":230},{"type":15,"tag":157,"props":561,"children":563},{"style":562},"--shiki-default:#E5C07B",[564],{"type":21,"value":60},{"type":15,"tag":157,"props":566,"children":568},{"style":567},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[569],{"type":21,"value":570}," className",{"type":15,"tag":157,"props":572,"children":574},{"style":573},"--shiki-default:#56B6C2",[575],{"type":21,"value":206},{"type":15,"tag":157,"props":577,"children":578},{"style":209},[579],{"type":21,"value":580},"\"items-center w-full [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\"",{"type":15,"tag":157,"props":582,"children":583},{"style":164},[584],{"type":21,"value":177},{"type":15,"tag":157,"props":586,"children":587},{"class":159,"line":238},[588,593,598,602,606,611,616,621,626,631,637,642,647,652,657],{"type":15,"tag":157,"props":589,"children":590},{"style":411},[591],{"type":21,"value":592}," {",{"type":15,"tag":157,"props":594,"children":595},{"style":562},[596],{"type":21,"value":597},"Array",{"type":15,"tag":157,"props":599,"children":600},{"style":164},[601],{"type":21,"value":95},{"type":15,"tag":157,"props":603,"children":604},{"style":531},[605],{"type":21,"value":433},{"type":15,"tag":157,"props":607,"children":608},{"style":164},[609],{"type":21,"value":610},"({ ",{"type":15,"tag":157,"props":612,"children":613},{"style":170},[614],{"type":21,"value":615},"length",{"type":15,"tag":157,"props":617,"children":618},{"style":164},[619],{"type":21,"value":620},": ",{"type":15,"tag":157,"props":622,"children":623},{"style":198},[624],{"type":21,"value":625},"20",{"type":15,"tag":157,"props":627,"children":628},{"style":164},[629],{"type":21,"value":630}," }, (",{"type":15,"tag":157,"props":632,"children":634},{"style":633},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[635],{"type":21,"value":636},"_",{"type":15,"tag":157,"props":638,"children":639},{"style":164},[640],{"type":21,"value":641},", ",{"type":15,"tag":157,"props":643,"children":644},{"style":633},[645],{"type":21,"value":646},"i",{"type":15,"tag":157,"props":648,"children":649},{"style":164},[650],{"type":21,"value":651},") ",{"type":15,"tag":157,"props":653,"children":654},{"style":411},[655],{"type":21,"value":656},"=>",{"type":15,"tag":157,"props":658,"children":659},{"style":164},[660],{"type":21,"value":552},{"type":15,"tag":157,"props":662,"children":663},{"class":159,"line":256},[664,669],{"type":15,"tag":157,"props":665,"children":666},{"style":164},[667],{"type":21,"value":668}," \u003C",{"type":15,"tag":157,"props":670,"children":671},{"style":170},[672],{"type":21,"value":235},{"type":15,"tag":157,"props":674,"children":675},{"class":159,"line":274},[676,681,685,690,694],{"type":15,"tag":157,"props":677,"children":678},{"style":567},[679],{"type":21,"value":680}," key",{"type":15,"tag":157,"props":682,"children":683},{"style":573},[684],{"type":21,"value":206},{"type":15,"tag":157,"props":686,"children":687},{"style":411},[688],{"type":21,"value":689},"{",{"type":15,"tag":157,"props":691,"children":692},{"style":170},[693],{"type":21,"value":646},{"type":15,"tag":157,"props":695,"children":696},{"style":411},[697],{"type":21,"value":698},"}\n",{"type":15,"tag":157,"props":700,"children":701},{"class":159,"line":292},[702,707,711],{"type":15,"tag":157,"props":703,"children":704},{"style":567},[705],{"type":21,"value":706}," className",{"type":15,"tag":157,"props":708,"children":709},{"style":573},[710],{"type":21,"value":206},{"type":15,"tag":157,"props":712,"children":713},{"style":209},[714],{"type":21,"value":289},{"type":15,"tag":157,"props":716,"children":717},{"class":159,"line":301},[718],{"type":15,"tag":157,"props":719,"children":720},{"style":164},[721],{"type":21,"value":722}," >\n",{"type":15,"tag":157,"props":724,"children":725},{"class":159,"line":310},[726,731,735,740,745],{"type":15,"tag":157,"props":727,"children":728},{"style":411},[729],{"type":21,"value":730}," {",{"type":15,"tag":157,"props":732,"children":733},{"style":170},[734],{"type":21,"value":646},{"type":15,"tag":157,"props":736,"children":737},{"style":573},[738],{"type":21,"value":739}," +",{"type":15,"tag":157,"props":741,"children":742},{"style":198},[743],{"type":21,"value":744}," 1",{"type":15,"tag":157,"props":746,"children":747},{"style":411},[748],{"type":21,"value":698},{"type":15,"tag":157,"props":750,"children":751},{"class":159,"line":328},[752,757,761],{"type":15,"tag":157,"props":753,"children":754},{"style":164},[755],{"type":21,"value":756}," \u003C\u002F",{"type":15,"tag":157,"props":758,"children":759},{"style":170},[760],{"type":21,"value":321},{"type":15,"tag":157,"props":762,"children":763},{"style":164},[764],{"type":21,"value":177},{"type":15,"tag":157,"props":766,"children":767},{"class":159,"line":345},[768,773],{"type":15,"tag":157,"props":769,"children":770},{"style":164},[771],{"type":21,"value":772}," ))",{"type":15,"tag":157,"props":774,"children":775},{"style":411},[776],{"type":21,"value":698},{"type":15,"tag":157,"props":778,"children":779},{"class":159,"line":362},[780,784,788],{"type":15,"tag":157,"props":781,"children":782},{"style":164},[783],{"type":21,"value":316},{"type":15,"tag":157,"props":785,"children":786},{"style":562},[787],{"type":21,"value":60},{"type":15,"tag":157,"props":789,"children":790},{"style":164},[791],{"type":21,"value":177},{"type":15,"tag":157,"props":793,"children":794},{"class":159,"line":371},[795],{"type":15,"tag":157,"props":796,"children":797},{"style":164},[798],{"type":21,"value":799}," );\n",{"type":15,"tag":157,"props":801,"children":802},{"class":159,"line":407},[803],{"type":15,"tag":157,"props":804,"children":805},{"style":164},[806],{"type":21,"value":698},{"type":15,"tag":126,"props":808,"children":810},{"id":809},"snap",[811],{"type":21,"value":812},"Snap",{"type":15,"tag":31,"props":814,"children":815},{},[816,821],{"type":15,"tag":55,"props":817,"children":819},{"className":818},[],[820],{"type":21,"value":60},{"type":21,"value":822}," can be configured with center snap while dragging.",{"type":15,"tag":138,"props":824,"children":827},{"showcase-name":825,"style":826},"Scrollable\u002FSnapCenter","min-height:260px",[828,1087],{"type":15,"tag":97,"props":829,"children":830},{},[831],{"type":15,"tag":147,"props":832,"children":834},{"className":149,"code":833,"language":151,"meta":9,"style":9},"\u003Ctemplate>\n \u003CSfScrollable class=\"items-center w-full snap-x snap-mandatory\" drag>\n \u003Cdiv\n v-for=\"(_, index) in Array.from({ length: 20 })\"\n :key=\"index\"\n class=\"flex items-center justify-center text-gray-500 border border-dashed w-36 h-36 shrink-0 bg-neutral-100 border-negative-300 snap-center\"\n >\n {{ index + 1 }}\n \u003C\u002Fdiv>\n \u003C\u002FSfScrollable>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfScrollable } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[835],{"type":15,"tag":55,"props":836,"children":837},{"__ignoreMap":9},[838,853,887,898,913,928,944,951,958,973,988,1003,1010,1041,1072],{"type":15,"tag":157,"props":839,"children":840},{"class":159,"line":160},[841,845,849],{"type":15,"tag":157,"props":842,"children":843},{"style":164},[844],{"type":21,"value":167},{"type":15,"tag":157,"props":846,"children":847},{"style":170},[848],{"type":21,"value":27},{"type":15,"tag":157,"props":850,"children":851},{"style":164},[852],{"type":21,"value":177},{"type":15,"tag":157,"props":854,"children":855},{"class":159,"line":180},[856,860,864,869,873,878,883],{"type":15,"tag":157,"props":857,"children":858},{"style":164},[859],{"type":21,"value":186},{"type":15,"tag":157,"props":861,"children":862},{"style":170},[863],{"type":21,"value":60},{"type":15,"tag":157,"props":865,"children":866},{"style":198},[867],{"type":21,"value":868}," class",{"type":15,"tag":157,"props":870,"children":871},{"style":164},[872],{"type":21,"value":206},{"type":15,"tag":157,"props":874,"children":875},{"style":209},[876],{"type":21,"value":877},"\"items-center w-full snap-x snap-mandatory\"",{"type":15,"tag":157,"props":879,"children":880},{"style":198},[881],{"type":21,"value":882}," drag",{"type":15,"tag":157,"props":884,"children":885},{"style":164},[886],{"type":21,"value":177},{"type":15,"tag":157,"props":888,"children":889},{"class":159,"line":194},[890,894],{"type":15,"tag":157,"props":891,"children":892},{"style":164},[893],{"type":21,"value":230},{"type":15,"tag":157,"props":895,"children":896},{"style":170},[897],{"type":21,"value":235},{"type":15,"tag":157,"props":899,"children":900},{"class":159,"line":215},[901,905,909],{"type":15,"tag":157,"props":902,"children":903},{"style":198},[904],{"type":21,"value":244},{"type":15,"tag":157,"props":906,"children":907},{"style":164},[908],{"type":21,"value":206},{"type":15,"tag":157,"props":910,"children":911},{"style":209},[912],{"type":21,"value":253},{"type":15,"tag":157,"props":914,"children":915},{"class":159,"line":224},[916,920,924],{"type":15,"tag":157,"props":917,"children":918},{"style":198},[919],{"type":21,"value":262},{"type":15,"tag":157,"props":921,"children":922},{"style":164},[923],{"type":21,"value":206},{"type":15,"tag":157,"props":925,"children":926},{"style":209},[927],{"type":21,"value":271},{"type":15,"tag":157,"props":929,"children":930},{"class":159,"line":238},[931,935,939],{"type":15,"tag":157,"props":932,"children":933},{"style":198},[934],{"type":21,"value":280},{"type":15,"tag":157,"props":936,"children":937},{"style":164},[938],{"type":21,"value":206},{"type":15,"tag":157,"props":940,"children":941},{"style":209},[942],{"type":21,"value":943},"\"flex items-center justify-center text-gray-500 border border-dashed w-36 h-36 shrink-0 bg-neutral-100 border-negative-300 snap-center\"\n",{"type":15,"tag":157,"props":945,"children":946},{"class":159,"line":256},[947],{"type":15,"tag":157,"props":948,"children":949},{"style":164},[950],{"type":21,"value":298},{"type":15,"tag":157,"props":952,"children":953},{"class":159,"line":274},[954],{"type":15,"tag":157,"props":955,"children":956},{"style":164},[957],{"type":21,"value":307},{"type":15,"tag":157,"props":959,"children":960},{"class":159,"line":292},[961,965,969],{"type":15,"tag":157,"props":962,"children":963},{"style":164},[964],{"type":21,"value":316},{"type":15,"tag":157,"props":966,"children":967},{"style":170},[968],{"type":21,"value":321},{"type":15,"tag":157,"props":970,"children":971},{"style":164},[972],{"type":21,"value":177},{"type":15,"tag":157,"props":974,"children":975},{"class":159,"line":301},[976,980,984],{"type":15,"tag":157,"props":977,"children":978},{"style":164},[979],{"type":21,"value":334},{"type":15,"tag":157,"props":981,"children":982},{"style":170},[983],{"type":21,"value":60},{"type":15,"tag":157,"props":985,"children":986},{"style":164},[987],{"type":21,"value":177},{"type":15,"tag":157,"props":989,"children":990},{"class":159,"line":310},[991,995,999],{"type":15,"tag":157,"props":992,"children":993},{"style":164},[994],{"type":21,"value":351},{"type":15,"tag":157,"props":996,"children":997},{"style":170},[998],{"type":21,"value":27},{"type":15,"tag":157,"props":1000,"children":1001},{"style":164},[1002],{"type":21,"value":177},{"type":15,"tag":157,"props":1004,"children":1005},{"class":159,"line":328},[1006],{"type":15,"tag":157,"props":1007,"children":1008},{"emptyLinePlaceholder":8},[1009],{"type":21,"value":368},{"type":15,"tag":157,"props":1011,"children":1012},{"class":159,"line":345},[1013,1017,1021,1025,1029,1033,1037],{"type":15,"tag":157,"props":1014,"children":1015},{"style":164},[1016],{"type":21,"value":167},{"type":15,"tag":157,"props":1018,"children":1019},{"style":170},[1020],{"type":21,"value":381},{"type":15,"tag":157,"props":1022,"children":1023},{"style":198},[1024],{"type":21,"value":386},{"type":15,"tag":157,"props":1026,"children":1027},{"style":164},[1028],{"type":21,"value":206},{"type":15,"tag":157,"props":1030,"children":1031},{"style":209},[1032],{"type":21,"value":395},{"type":15,"tag":157,"props":1034,"children":1035},{"style":198},[1036],{"type":21,"value":400},{"type":15,"tag":157,"props":1038,"children":1039},{"style":164},[1040],{"type":21,"value":177},{"type":15,"tag":157,"props":1042,"children":1043},{"class":159,"line":362},[1044,1048,1052,1056,1060,1064,1068],{"type":15,"tag":157,"props":1045,"children":1046},{"style":411},[1047],{"type":21,"value":414},{"type":15,"tag":157,"props":1049,"children":1050},{"style":164},[1051],{"type":21,"value":419},{"type":15,"tag":157,"props":1053,"children":1054},{"style":170},[1055],{"type":21,"value":60},{"type":15,"tag":157,"props":1057,"children":1058},{"style":164},[1059],{"type":21,"value":428},{"type":15,"tag":157,"props":1061,"children":1062},{"style":411},[1063],{"type":21,"value":433},{"type":15,"tag":157,"props":1065,"children":1066},{"style":209},[1067],{"type":21,"value":438},{"type":15,"tag":157,"props":1069,"children":1070},{"style":164},[1071],{"type":21,"value":443},{"type":15,"tag":157,"props":1073,"children":1074},{"class":159,"line":371},[1075,1079,1083],{"type":15,"tag":157,"props":1076,"children":1077},{"style":164},[1078],{"type":21,"value":351},{"type":15,"tag":157,"props":1080,"children":1081},{"style":170},[1082],{"type":21,"value":381},{"type":15,"tag":157,"props":1084,"children":1085},{"style":164},[1086],{"type":21,"value":177},{"type":15,"tag":72,"props":1088,"children":1089},{},[1090],{"type":15,"tag":147,"props":1091,"children":1093},{"className":465,"code":1092,"language":467,"meta":9,"style":9},"import { SfScrollable } from '@storefront-ui\u002Freact';\n\nexport default function ScrollableDragSnap() {\n return (\n \u003CSfScrollable className=\"items-center w-full snap-x snap-mandatory\" drag>\n {Array.from({ length: 20 }, (_, i) => (\n \u003Cdiv\n key={i}\n className=\"flex items-center justify-center text-gray-500 border border-dashed w-36 h-36 shrink-0 bg-neutral-100 border-negative-300 snap-center\"\n >\n {i + 1}\n \u003C\u002Fdiv>\n ))}\n \u003C\u002FSfScrollable>\n );\n}\n",[1094],{"type":15,"tag":55,"props":1095,"children":1096},{"__ignoreMap":9},[1097,1128,1135,1159,1170,1201,1264,1275,1298,1313,1320,1343,1358,1369,1384,1391],{"type":15,"tag":157,"props":1098,"children":1099},{"class":159,"line":160},[1100,1104,1108,1112,1116,1120,1124],{"type":15,"tag":157,"props":1101,"children":1102},{"style":411},[1103],{"type":21,"value":414},{"type":15,"tag":157,"props":1105,"children":1106},{"style":164},[1107],{"type":21,"value":419},{"type":15,"tag":157,"props":1109,"children":1110},{"style":170},[1111],{"type":21,"value":60},{"type":15,"tag":157,"props":1113,"children":1114},{"style":164},[1115],{"type":21,"value":428},{"type":15,"tag":157,"props":1117,"children":1118},{"style":411},[1119],{"type":21,"value":433},{"type":15,"tag":157,"props":1121,"children":1122},{"style":209},[1123],{"type":21,"value":499},{"type":15,"tag":157,"props":1125,"children":1126},{"style":164},[1127],{"type":21,"value":443},{"type":15,"tag":157,"props":1129,"children":1130},{"class":159,"line":180},[1131],{"type":15,"tag":157,"props":1132,"children":1133},{"emptyLinePlaceholder":8},[1134],{"type":21,"value":368},{"type":15,"tag":157,"props":1136,"children":1137},{"class":159,"line":194},[1138,1142,1146,1150,1155],{"type":15,"tag":157,"props":1139,"children":1140},{"style":411},[1141],{"type":21,"value":518},{"type":15,"tag":157,"props":1143,"children":1144},{"style":411},[1145],{"type":21,"value":523},{"type":15,"tag":157,"props":1147,"children":1148},{"style":411},[1149],{"type":21,"value":528},{"type":15,"tag":157,"props":1151,"children":1152},{"style":531},[1153],{"type":21,"value":1154}," ScrollableDragSnap",{"type":15,"tag":157,"props":1156,"children":1157},{"style":164},[1158],{"type":21,"value":539},{"type":15,"tag":157,"props":1160,"children":1161},{"class":159,"line":215},[1162,1166],{"type":15,"tag":157,"props":1163,"children":1164},{"style":411},[1165],{"type":21,"value":547},{"type":15,"tag":157,"props":1167,"children":1168},{"style":164},[1169],{"type":21,"value":552},{"type":15,"tag":157,"props":1171,"children":1172},{"class":159,"line":224},[1173,1177,1181,1185,1189,1193,1197],{"type":15,"tag":157,"props":1174,"children":1175},{"style":164},[1176],{"type":21,"value":230},{"type":15,"tag":157,"props":1178,"children":1179},{"style":562},[1180],{"type":21,"value":60},{"type":15,"tag":157,"props":1182,"children":1183},{"style":567},[1184],{"type":21,"value":570},{"type":15,"tag":157,"props":1186,"children":1187},{"style":573},[1188],{"type":21,"value":206},{"type":15,"tag":157,"props":1190,"children":1191},{"style":209},[1192],{"type":21,"value":877},{"type":15,"tag":157,"props":1194,"children":1195},{"style":567},[1196],{"type":21,"value":882},{"type":15,"tag":157,"props":1198,"children":1199},{"style":164},[1200],{"type":21,"value":177},{"type":15,"tag":157,"props":1202,"children":1203},{"class":159,"line":238},[1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260],{"type":15,"tag":157,"props":1205,"children":1206},{"style":411},[1207],{"type":21,"value":592},{"type":15,"tag":157,"props":1209,"children":1210},{"style":562},[1211],{"type":21,"value":597},{"type":15,"tag":157,"props":1213,"children":1214},{"style":164},[1215],{"type":21,"value":95},{"type":15,"tag":157,"props":1217,"children":1218},{"style":531},[1219],{"type":21,"value":433},{"type":15,"tag":157,"props":1221,"children":1222},{"style":164},[1223],{"type":21,"value":610},{"type":15,"tag":157,"props":1225,"children":1226},{"style":170},[1227],{"type":21,"value":615},{"type":15,"tag":157,"props":1229,"children":1230},{"style":164},[1231],{"type":21,"value":620},{"type":15,"tag":157,"props":1233,"children":1234},{"style":198},[1235],{"type":21,"value":625},{"type":15,"tag":157,"props":1237,"children":1238},{"style":164},[1239],{"type":21,"value":630},{"type":15,"tag":157,"props":1241,"children":1242},{"style":633},[1243],{"type":21,"value":636},{"type":15,"tag":157,"props":1245,"children":1246},{"style":164},[1247],{"type":21,"value":641},{"type":15,"tag":157,"props":1249,"children":1250},{"style":633},[1251],{"type":21,"value":646},{"type":15,"tag":157,"props":1253,"children":1254},{"style":164},[1255],{"type":21,"value":651},{"type":15,"tag":157,"props":1257,"children":1258},{"style":411},[1259],{"type":21,"value":656},{"type":15,"tag":157,"props":1261,"children":1262},{"style":164},[1263],{"type":21,"value":552},{"type":15,"tag":157,"props":1265,"children":1266},{"class":159,"line":256},[1267,1271],{"type":15,"tag":157,"props":1268,"children":1269},{"style":164},[1270],{"type":21,"value":668},{"type":15,"tag":157,"props":1272,"children":1273},{"style":170},[1274],{"type":21,"value":235},{"type":15,"tag":157,"props":1276,"children":1277},{"class":159,"line":274},[1278,1282,1286,1290,1294],{"type":15,"tag":157,"props":1279,"children":1280},{"style":567},[1281],{"type":21,"value":680},{"type":15,"tag":157,"props":1283,"children":1284},{"style":573},[1285],{"type":21,"value":206},{"type":15,"tag":157,"props":1287,"children":1288},{"style":411},[1289],{"type":21,"value":689},{"type":15,"tag":157,"props":1291,"children":1292},{"style":170},[1293],{"type":21,"value":646},{"type":15,"tag":157,"props":1295,"children":1296},{"style":411},[1297],{"type":21,"value":698},{"type":15,"tag":157,"props":1299,"children":1300},{"class":159,"line":292},[1301,1305,1309],{"type":15,"tag":157,"props":1302,"children":1303},{"style":567},[1304],{"type":21,"value":706},{"type":15,"tag":157,"props":1306,"children":1307},{"style":573},[1308],{"type":21,"value":206},{"type":15,"tag":157,"props":1310,"children":1311},{"style":209},[1312],{"type":21,"value":943},{"type":15,"tag":157,"props":1314,"children":1315},{"class":159,"line":301},[1316],{"type":15,"tag":157,"props":1317,"children":1318},{"style":164},[1319],{"type":21,"value":722},{"type":15,"tag":157,"props":1321,"children":1322},{"class":159,"line":310},[1323,1327,1331,1335,1339],{"type":15,"tag":157,"props":1324,"children":1325},{"style":411},[1326],{"type":21,"value":730},{"type":15,"tag":157,"props":1328,"children":1329},{"style":170},[1330],{"type":21,"value":646},{"type":15,"tag":157,"props":1332,"children":1333},{"style":573},[1334],{"type":21,"value":739},{"type":15,"tag":157,"props":1336,"children":1337},{"style":198},[1338],{"type":21,"value":744},{"type":15,"tag":157,"props":1340,"children":1341},{"style":411},[1342],{"type":21,"value":698},{"type":15,"tag":157,"props":1344,"children":1345},{"class":159,"line":328},[1346,1350,1354],{"type":15,"tag":157,"props":1347,"children":1348},{"style":164},[1349],{"type":21,"value":756},{"type":15,"tag":157,"props":1351,"children":1352},{"style":170},[1353],{"type":21,"value":321},{"type":15,"tag":157,"props":1355,"children":1356},{"style":164},[1357],{"type":21,"value":177},{"type":15,"tag":157,"props":1359,"children":1360},{"class":159,"line":345},[1361,1365],{"type":15,"tag":157,"props":1362,"children":1363},{"style":164},[1364],{"type":21,"value":772},{"type":15,"tag":157,"props":1366,"children":1367},{"style":411},[1368],{"type":21,"value":698},{"type":15,"tag":157,"props":1370,"children":1371},{"class":159,"line":362},[1372,1376,1380],{"type":15,"tag":157,"props":1373,"children":1374},{"style":164},[1375],{"type":21,"value":316},{"type":15,"tag":157,"props":1377,"children":1378},{"style":562},[1379],{"type":21,"value":60},{"type":15,"tag":157,"props":1381,"children":1382},{"style":164},[1383],{"type":21,"value":177},{"type":15,"tag":157,"props":1385,"children":1386},{"class":159,"line":371},[1387],{"type":15,"tag":157,"props":1388,"children":1389},{"style":164},[1390],{"type":21,"value":799},{"type":15,"tag":157,"props":1392,"children":1393},{"class":159,"line":407},[1394],{"type":15,"tag":157,"props":1395,"children":1396},{"style":164},[1397],{"type":21,"value":698},{"type":15,"tag":126,"props":1399,"children":1401},{"id":1400},"scroll-by-one-item",[1402],{"type":21,"value":1403},"Scroll by one item",{"type":15,"tag":31,"props":1405,"children":1406},{},[1407,1409,1414,1416,1422,1424,1430],{"type":21,"value":1408},"Normally, the ",{"type":15,"tag":55,"props":1410,"children":1412},{"className":1411},[],[1413],{"type":21,"value":60},{"type":21,"value":1415}," scrolls one page of items at a time, but you can change it so each time you press the ",{"type":15,"tag":55,"props":1417,"children":1419},{"className":1418},[],[1420],{"type":21,"value":1421},"next",{"type":21,"value":1423}," or ",{"type":15,"tag":55,"props":1425,"children":1427},{"className":1426},[],[1428],{"type":21,"value":1429},"previous",{"type":21,"value":1431}," button, it will switch an active item accordingly.",{"type":15,"tag":138,"props":1433,"children":1435},{"showcase-name":1434,"style":826},"Scrollable\u002FScrollByOneItem",[1436,2032],{"type":15,"tag":97,"props":1437,"children":1438},{},[1439],{"type":15,"tag":147,"props":1440,"children":1442},{"className":149,"code":1441,"language":151,"meta":9,"style":9},"\u003Ctemplate>\n \u003CSfScrollable\n class=\"items-center w-full snap-x snap-mandatory\"\n :active-index=\"activeIndex\"\n wrapper-class=\"min-w-0\"\n :prev-disabled=\"activeIndex === 0\"\n :next-disabled=\"activeIndex === itemsLength - 1\"\n is-active-index-centered\n @on-prev=\"\n ({ preventDefault }) => {\n preventDefault();\n activeIndex -= 1;\n }\n \"\n @on-next=\"\n ({ preventDefault }) => {\n preventDefault();\n activeIndex += 1;\n }\n \"\n >\n \u003Cdiv\n v-for=\"(_, index) in Array.from({ length: 20 })\"\n :key=\"index\"\n :class=\"[\n 'flex items-center justify-center text-gray-500 border w-36 h-36 shrink-0 border-negative-300 snap-start snap-always',\n index === activeIndex ? 'border-solid bg-neutral-200' : 'border-dashed bg-neutral-100',\n ]\"\n >\n {{ index + 1 }}\n \u003C\u002Fdiv>\n \u003C\u002FSfScrollable>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfScrollable } from '@storefront-ui\u002Fvue';\n\nconst itemsLength = 20;\nconst activeIndex = ref(0);\n\u003C\u002Fscript>\n\n",[1443],{"type":15,"tag":55,"props":1444,"children":1445},{"__ignoreMap":9},[1446,1461,1472,1488,1505,1522,1539,1556,1564,1581,1589,1597,1605,1613,1621,1637,1644,1651,1660,1668,1676,1684,1696,1712,1728,1746,1755,1764,1773,1781,1789,1805,1821,1837,1845,1877,1911,1943,1951,1979,2016],{"type":15,"tag":157,"props":1447,"children":1448},{"class":159,"line":160},[1449,1453,1457],{"type":15,"tag":157,"props":1450,"children":1451},{"style":164},[1452],{"type":21,"value":167},{"type":15,"tag":157,"props":1454,"children":1455},{"style":170},[1456],{"type":21,"value":27},{"type":15,"tag":157,"props":1458,"children":1459},{"style":164},[1460],{"type":21,"value":177},{"type":15,"tag":157,"props":1462,"children":1463},{"class":159,"line":180},[1464,1468],{"type":15,"tag":157,"props":1465,"children":1466},{"style":164},[1467],{"type":21,"value":186},{"type":15,"tag":157,"props":1469,"children":1470},{"style":170},[1471],{"type":21,"value":191},{"type":15,"tag":157,"props":1473,"children":1474},{"class":159,"line":194},[1475,1479,1483],{"type":15,"tag":157,"props":1476,"children":1477},{"style":198},[1478],{"type":21,"value":201},{"type":15,"tag":157,"props":1480,"children":1481},{"style":164},[1482],{"type":21,"value":206},{"type":15,"tag":157,"props":1484,"children":1485},{"style":209},[1486],{"type":21,"value":1487},"\"items-center w-full snap-x snap-mandatory\"\n",{"type":15,"tag":157,"props":1489,"children":1490},{"class":159,"line":215},[1491,1496,1500],{"type":15,"tag":157,"props":1492,"children":1493},{"style":198},[1494],{"type":21,"value":1495}," :active-index",{"type":15,"tag":157,"props":1497,"children":1498},{"style":164},[1499],{"type":21,"value":206},{"type":15,"tag":157,"props":1501,"children":1502},{"style":209},[1503],{"type":21,"value":1504},"\"activeIndex\"\n",{"type":15,"tag":157,"props":1506,"children":1507},{"class":159,"line":224},[1508,1513,1517],{"type":15,"tag":157,"props":1509,"children":1510},{"style":198},[1511],{"type":21,"value":1512}," wrapper-class",{"type":15,"tag":157,"props":1514,"children":1515},{"style":164},[1516],{"type":21,"value":206},{"type":15,"tag":157,"props":1518,"children":1519},{"style":209},[1520],{"type":21,"value":1521},"\"min-w-0\"\n",{"type":15,"tag":157,"props":1523,"children":1524},{"class":159,"line":238},[1525,1530,1534],{"type":15,"tag":157,"props":1526,"children":1527},{"style":198},[1528],{"type":21,"value":1529}," :prev-disabled",{"type":15,"tag":157,"props":1531,"children":1532},{"style":164},[1533],{"type":21,"value":206},{"type":15,"tag":157,"props":1535,"children":1536},{"style":209},[1537],{"type":21,"value":1538},"\"activeIndex === 0\"\n",{"type":15,"tag":157,"props":1540,"children":1541},{"class":159,"line":256},[1542,1547,1551],{"type":15,"tag":157,"props":1543,"children":1544},{"style":198},[1545],{"type":21,"value":1546}," :next-disabled",{"type":15,"tag":157,"props":1548,"children":1549},{"style":164},[1550],{"type":21,"value":206},{"type":15,"tag":157,"props":1552,"children":1553},{"style":209},[1554],{"type":21,"value":1555},"\"activeIndex === itemsLength - 1\"\n",{"type":15,"tag":157,"props":1557,"children":1558},{"class":159,"line":274},[1559],{"type":15,"tag":157,"props":1560,"children":1561},{"style":198},[1562],{"type":21,"value":1563}," is-active-index-centered\n",{"type":15,"tag":157,"props":1565,"children":1566},{"class":159,"line":292},[1567,1572,1576],{"type":15,"tag":157,"props":1568,"children":1569},{"style":198},[1570],{"type":21,"value":1571}," @on-prev",{"type":15,"tag":157,"props":1573,"children":1574},{"style":164},[1575],{"type":21,"value":206},{"type":15,"tag":157,"props":1577,"children":1578},{"style":209},[1579],{"type":21,"value":1580},"\"\n",{"type":15,"tag":157,"props":1582,"children":1583},{"class":159,"line":301},[1584],{"type":15,"tag":157,"props":1585,"children":1586},{"style":209},[1587],{"type":21,"value":1588}," ({ preventDefault }) => {\n",{"type":15,"tag":157,"props":1590,"children":1591},{"class":159,"line":310},[1592],{"type":15,"tag":157,"props":1593,"children":1594},{"style":209},[1595],{"type":21,"value":1596}," preventDefault();\n",{"type":15,"tag":157,"props":1598,"children":1599},{"class":159,"line":328},[1600],{"type":15,"tag":157,"props":1601,"children":1602},{"style":209},[1603],{"type":21,"value":1604}," activeIndex -= 1;\n",{"type":15,"tag":157,"props":1606,"children":1607},{"class":159,"line":345},[1608],{"type":15,"tag":157,"props":1609,"children":1610},{"style":209},[1611],{"type":21,"value":1612}," }\n",{"type":15,"tag":157,"props":1614,"children":1615},{"class":159,"line":362},[1616],{"type":15,"tag":157,"props":1617,"children":1618},{"style":209},[1619],{"type":21,"value":1620}," \"\n",{"type":15,"tag":157,"props":1622,"children":1623},{"class":159,"line":371},[1624,1629,1633],{"type":15,"tag":157,"props":1625,"children":1626},{"style":198},[1627],{"type":21,"value":1628}," @on-next",{"type":15,"tag":157,"props":1630,"children":1631},{"style":164},[1632],{"type":21,"value":206},{"type":15,"tag":157,"props":1634,"children":1635},{"style":209},[1636],{"type":21,"value":1580},{"type":15,"tag":157,"props":1638,"children":1639},{"class":159,"line":407},[1640],{"type":15,"tag":157,"props":1641,"children":1642},{"style":209},[1643],{"type":21,"value":1588},{"type":15,"tag":157,"props":1645,"children":1646},{"class":159,"line":446},[1647],{"type":15,"tag":157,"props":1648,"children":1649},{"style":209},[1650],{"type":21,"value":1596},{"type":15,"tag":157,"props":1652,"children":1654},{"class":159,"line":1653},18,[1655],{"type":15,"tag":157,"props":1656,"children":1657},{"style":209},[1658],{"type":21,"value":1659}," activeIndex += 1;\n",{"type":15,"tag":157,"props":1661,"children":1663},{"class":159,"line":1662},19,[1664],{"type":15,"tag":157,"props":1665,"children":1666},{"style":209},[1667],{"type":21,"value":1612},{"type":15,"tag":157,"props":1669,"children":1671},{"class":159,"line":1670},20,[1672],{"type":15,"tag":157,"props":1673,"children":1674},{"style":209},[1675],{"type":21,"value":1620},{"type":15,"tag":157,"props":1677,"children":1679},{"class":159,"line":1678},21,[1680],{"type":15,"tag":157,"props":1681,"children":1682},{"style":164},[1683],{"type":21,"value":221},{"type":15,"tag":157,"props":1685,"children":1687},{"class":159,"line":1686},22,[1688,1692],{"type":15,"tag":157,"props":1689,"children":1690},{"style":164},[1691],{"type":21,"value":230},{"type":15,"tag":157,"props":1693,"children":1694},{"style":170},[1695],{"type":21,"value":235},{"type":15,"tag":157,"props":1697,"children":1699},{"class":159,"line":1698},23,[1700,1704,1708],{"type":15,"tag":157,"props":1701,"children":1702},{"style":198},[1703],{"type":21,"value":244},{"type":15,"tag":157,"props":1705,"children":1706},{"style":164},[1707],{"type":21,"value":206},{"type":15,"tag":157,"props":1709,"children":1710},{"style":209},[1711],{"type":21,"value":253},{"type":15,"tag":157,"props":1713,"children":1715},{"class":159,"line":1714},24,[1716,1720,1724],{"type":15,"tag":157,"props":1717,"children":1718},{"style":198},[1719],{"type":21,"value":262},{"type":15,"tag":157,"props":1721,"children":1722},{"style":164},[1723],{"type":21,"value":206},{"type":15,"tag":157,"props":1725,"children":1726},{"style":209},[1727],{"type":21,"value":271},{"type":15,"tag":157,"props":1729,"children":1731},{"class":159,"line":1730},25,[1732,1737,1741],{"type":15,"tag":157,"props":1733,"children":1734},{"style":198},[1735],{"type":21,"value":1736}," :class",{"type":15,"tag":157,"props":1738,"children":1739},{"style":164},[1740],{"type":21,"value":206},{"type":15,"tag":157,"props":1742,"children":1743},{"style":209},[1744],{"type":21,"value":1745},"\"[\n",{"type":15,"tag":157,"props":1747,"children":1749},{"class":159,"line":1748},26,[1750],{"type":15,"tag":157,"props":1751,"children":1752},{"style":209},[1753],{"type":21,"value":1754}," 'flex items-center justify-center text-gray-500 border w-36 h-36 shrink-0 border-negative-300 snap-start snap-always',\n",{"type":15,"tag":157,"props":1756,"children":1758},{"class":159,"line":1757},27,[1759],{"type":15,"tag":157,"props":1760,"children":1761},{"style":209},[1762],{"type":21,"value":1763}," index === activeIndex ? 'border-solid bg-neutral-200' : 'border-dashed bg-neutral-100',\n",{"type":15,"tag":157,"props":1765,"children":1767},{"class":159,"line":1766},28,[1768],{"type":15,"tag":157,"props":1769,"children":1770},{"style":209},[1771],{"type":21,"value":1772}," ]\"\n",{"type":15,"tag":157,"props":1774,"children":1776},{"class":159,"line":1775},29,[1777],{"type":15,"tag":157,"props":1778,"children":1779},{"style":164},[1780],{"type":21,"value":298},{"type":15,"tag":157,"props":1782,"children":1784},{"class":159,"line":1783},30,[1785],{"type":15,"tag":157,"props":1786,"children":1787},{"style":164},[1788],{"type":21,"value":307},{"type":15,"tag":157,"props":1790,"children":1792},{"class":159,"line":1791},31,[1793,1797,1801],{"type":15,"tag":157,"props":1794,"children":1795},{"style":164},[1796],{"type":21,"value":316},{"type":15,"tag":157,"props":1798,"children":1799},{"style":170},[1800],{"type":21,"value":321},{"type":15,"tag":157,"props":1802,"children":1803},{"style":164},[1804],{"type":21,"value":177},{"type":15,"tag":157,"props":1806,"children":1808},{"class":159,"line":1807},32,[1809,1813,1817],{"type":15,"tag":157,"props":1810,"children":1811},{"style":164},[1812],{"type":21,"value":334},{"type":15,"tag":157,"props":1814,"children":1815},{"style":170},[1816],{"type":21,"value":60},{"type":15,"tag":157,"props":1818,"children":1819},{"style":164},[1820],{"type":21,"value":177},{"type":15,"tag":157,"props":1822,"children":1824},{"class":159,"line":1823},33,[1825,1829,1833],{"type":15,"tag":157,"props":1826,"children":1827},{"style":164},[1828],{"type":21,"value":351},{"type":15,"tag":157,"props":1830,"children":1831},{"style":170},[1832],{"type":21,"value":27},{"type":15,"tag":157,"props":1834,"children":1835},{"style":164},[1836],{"type":21,"value":177},{"type":15,"tag":157,"props":1838,"children":1840},{"class":159,"line":1839},34,[1841],{"type":15,"tag":157,"props":1842,"children":1843},{"emptyLinePlaceholder":8},[1844],{"type":21,"value":368},{"type":15,"tag":157,"props":1846,"children":1848},{"class":159,"line":1847},35,[1849,1853,1857,1861,1865,1869,1873],{"type":15,"tag":157,"props":1850,"children":1851},{"style":164},[1852],{"type":21,"value":167},{"type":15,"tag":157,"props":1854,"children":1855},{"style":170},[1856],{"type":21,"value":381},{"type":15,"tag":157,"props":1858,"children":1859},{"style":198},[1860],{"type":21,"value":386},{"type":15,"tag":157,"props":1862,"children":1863},{"style":164},[1864],{"type":21,"value":206},{"type":15,"tag":157,"props":1866,"children":1867},{"style":209},[1868],{"type":21,"value":395},{"type":15,"tag":157,"props":1870,"children":1871},{"style":198},[1872],{"type":21,"value":400},{"type":15,"tag":157,"props":1874,"children":1875},{"style":164},[1876],{"type":21,"value":177},{"type":15,"tag":157,"props":1878,"children":1880},{"class":159,"line":1879},36,[1881,1885,1889,1894,1898,1902,1907],{"type":15,"tag":157,"props":1882,"children":1883},{"style":411},[1884],{"type":21,"value":414},{"type":15,"tag":157,"props":1886,"children":1887},{"style":164},[1888],{"type":21,"value":419},{"type":15,"tag":157,"props":1890,"children":1891},{"style":170},[1892],{"type":21,"value":1893},"ref",{"type":15,"tag":157,"props":1895,"children":1896},{"style":164},[1897],{"type":21,"value":428},{"type":15,"tag":157,"props":1899,"children":1900},{"style":411},[1901],{"type":21,"value":433},{"type":15,"tag":157,"props":1903,"children":1904},{"style":209},[1905],{"type":21,"value":1906}," 'vue'",{"type":15,"tag":157,"props":1908,"children":1909},{"style":164},[1910],{"type":21,"value":443},{"type":15,"tag":157,"props":1912,"children":1914},{"class":159,"line":1913},37,[1915,1919,1923,1927,1931,1935,1939],{"type":15,"tag":157,"props":1916,"children":1917},{"style":411},[1918],{"type":21,"value":414},{"type":15,"tag":157,"props":1920,"children":1921},{"style":164},[1922],{"type":21,"value":419},{"type":15,"tag":157,"props":1924,"children":1925},{"style":170},[1926],{"type":21,"value":60},{"type":15,"tag":157,"props":1928,"children":1929},{"style":164},[1930],{"type":21,"value":428},{"type":15,"tag":157,"props":1932,"children":1933},{"style":411},[1934],{"type":21,"value":433},{"type":15,"tag":157,"props":1936,"children":1937},{"style":209},[1938],{"type":21,"value":438},{"type":15,"tag":157,"props":1940,"children":1941},{"style":164},[1942],{"type":21,"value":443},{"type":15,"tag":157,"props":1944,"children":1946},{"class":159,"line":1945},38,[1947],{"type":15,"tag":157,"props":1948,"children":1949},{"emptyLinePlaceholder":8},[1950],{"type":21,"value":368},{"type":15,"tag":157,"props":1952,"children":1954},{"class":159,"line":1953},39,[1955,1960,1965,1970,1975],{"type":15,"tag":157,"props":1956,"children":1957},{"style":411},[1958],{"type":21,"value":1959},"const",{"type":15,"tag":157,"props":1961,"children":1962},{"style":562},[1963],{"type":21,"value":1964}," itemsLength",{"type":15,"tag":157,"props":1966,"children":1967},{"style":573},[1968],{"type":21,"value":1969}," =",{"type":15,"tag":157,"props":1971,"children":1972},{"style":198},[1973],{"type":21,"value":1974}," 20",{"type":15,"tag":157,"props":1976,"children":1977},{"style":164},[1978],{"type":21,"value":443},{"type":15,"tag":157,"props":1980,"children":1982},{"class":159,"line":1981},40,[1983,1987,1992,1996,2001,2006,2011],{"type":15,"tag":157,"props":1984,"children":1985},{"style":411},[1986],{"type":21,"value":1959},{"type":15,"tag":157,"props":1988,"children":1989},{"style":562},[1990],{"type":21,"value":1991}," activeIndex",{"type":15,"tag":157,"props":1993,"children":1994},{"style":573},[1995],{"type":21,"value":1969},{"type":15,"tag":157,"props":1997,"children":1998},{"style":531},[1999],{"type":21,"value":2000}," ref",{"type":15,"tag":157,"props":2002,"children":2003},{"style":164},[2004],{"type":21,"value":2005},"(",{"type":15,"tag":157,"props":2007,"children":2008},{"style":198},[2009],{"type":21,"value":2010},"0",{"type":15,"tag":157,"props":2012,"children":2013},{"style":164},[2014],{"type":21,"value":2015},");\n",{"type":15,"tag":157,"props":2017,"children":2019},{"class":159,"line":2018},41,[2020,2024,2028],{"type":15,"tag":157,"props":2021,"children":2022},{"style":164},[2023],{"type":21,"value":351},{"type":15,"tag":157,"props":2025,"children":2026},{"style":170},[2027],{"type":21,"value":381},{"type":15,"tag":157,"props":2029,"children":2030},{"style":164},[2031],{"type":21,"value":177},{"type":15,"tag":72,"props":2033,"children":2034},{},[2035],{"type":15,"tag":147,"props":2036,"children":2038},{"className":465,"code":2037,"language":467,"meta":9,"style":9},"import { useState } from 'react';\nimport classNames from 'classnames';\nimport { SfScrollable } from '@storefront-ui\u002Freact';\n\nexport default function ScrollableMoveByOne() {\n const itemsLength = 20;\n const [activeIndex, setActiveIndex] = useState(0);\n\n return (\n \u003CSfScrollable\n wrapperClassName=\"min-w-0\"\n className=\"items-center w-full snap-x snap-mandatory\"\n activeIndex={activeIndex}\n prevDisabled={activeIndex === 0}\n nextDisabled={activeIndex === itemsLength - 1}\n isActiveIndexCentered\n onPrev={({ preventDefault }) => {\n preventDefault();\n setActiveIndex((currentValue) => currentValue - 1);\n }}\n onNext={({ preventDefault }) => {\n preventDefault();\n setActiveIndex((currentValue) => currentValue + 1);\n }}\n >\n {Array.from({ length: itemsLength }, (_, i) => (\n \u003Cdiv\n key={i}\n className={classNames(\n 'flex items-center justify-center text-gray-500 border w-36 h-36 shrink-0 border-negative-300 snap-start snap-always',\n i === activeIndex ? 'border-solid bg-neutral-200' : 'border-dashed bg-neutral-100',\n )}\n >\n {i + 1}\n \u003C\u002Fdiv>\n ))}\n \u003C\u002FSfScrollable>\n );\n}\n",[2039],{"type":15,"tag":55,"props":2040,"children":2041},{"__ignoreMap":9},[2042,2075,2101,2132,2139,2163,2187,2239,2246,2257,2268,2284,2300,2324,2358,2399,2407,2446,2459,2502,2514,2550,2561,2600,2611,2618,2682,2693,2716,2741,2754,2794,2806,2813,2836,2851,2862,2877,2884],{"type":15,"tag":157,"props":2043,"children":2044},{"class":159,"line":160},[2045,2049,2053,2058,2062,2066,2071],{"type":15,"tag":157,"props":2046,"children":2047},{"style":411},[2048],{"type":21,"value":414},{"type":15,"tag":157,"props":2050,"children":2051},{"style":164},[2052],{"type":21,"value":419},{"type":15,"tag":157,"props":2054,"children":2055},{"style":170},[2056],{"type":21,"value":2057},"useState",{"type":15,"tag":157,"props":2059,"children":2060},{"style":164},[2061],{"type":21,"value":428},{"type":15,"tag":157,"props":2063,"children":2064},{"style":411},[2065],{"type":21,"value":433},{"type":15,"tag":157,"props":2067,"children":2068},{"style":209},[2069],{"type":21,"value":2070}," 'react'",{"type":15,"tag":157,"props":2072,"children":2073},{"style":164},[2074],{"type":21,"value":443},{"type":15,"tag":157,"props":2076,"children":2077},{"class":159,"line":180},[2078,2082,2087,2092,2097],{"type":15,"tag":157,"props":2079,"children":2080},{"style":411},[2081],{"type":21,"value":414},{"type":15,"tag":157,"props":2083,"children":2084},{"style":170},[2085],{"type":21,"value":2086}," classNames",{"type":15,"tag":157,"props":2088,"children":2089},{"style":411},[2090],{"type":21,"value":2091}," from",{"type":15,"tag":157,"props":2093,"children":2094},{"style":209},[2095],{"type":21,"value":2096}," 'classnames'",{"type":15,"tag":157,"props":2098,"children":2099},{"style":164},[2100],{"type":21,"value":443},{"type":15,"tag":157,"props":2102,"children":2103},{"class":159,"line":194},[2104,2108,2112,2116,2120,2124,2128],{"type":15,"tag":157,"props":2105,"children":2106},{"style":411},[2107],{"type":21,"value":414},{"type":15,"tag":157,"props":2109,"children":2110},{"style":164},[2111],{"type":21,"value":419},{"type":15,"tag":157,"props":2113,"children":2114},{"style":170},[2115],{"type":21,"value":60},{"type":15,"tag":157,"props":2117,"children":2118},{"style":164},[2119],{"type":21,"value":428},{"type":15,"tag":157,"props":2121,"children":2122},{"style":411},[2123],{"type":21,"value":433},{"type":15,"tag":157,"props":2125,"children":2126},{"style":209},[2127],{"type":21,"value":499},{"type":15,"tag":157,"props":2129,"children":2130},{"style":164},[2131],{"type":21,"value":443},{"type":15,"tag":157,"props":2133,"children":2134},{"class":159,"line":215},[2135],{"type":15,"tag":157,"props":2136,"children":2137},{"emptyLinePlaceholder":8},[2138],{"type":21,"value":368},{"type":15,"tag":157,"props":2140,"children":2141},{"class":159,"line":224},[2142,2146,2150,2154,2159],{"type":15,"tag":157,"props":2143,"children":2144},{"style":411},[2145],{"type":21,"value":518},{"type":15,"tag":157,"props":2147,"children":2148},{"style":411},[2149],{"type":21,"value":523},{"type":15,"tag":157,"props":2151,"children":2152},{"style":411},[2153],{"type":21,"value":528},{"type":15,"tag":157,"props":2155,"children":2156},{"style":531},[2157],{"type":21,"value":2158}," ScrollableMoveByOne",{"type":15,"tag":157,"props":2160,"children":2161},{"style":164},[2162],{"type":21,"value":539},{"type":15,"tag":157,"props":2164,"children":2165},{"class":159,"line":238},[2166,2171,2175,2179,2183],{"type":15,"tag":157,"props":2167,"children":2168},{"style":411},[2169],{"type":21,"value":2170}," const",{"type":15,"tag":157,"props":2172,"children":2173},{"style":562},[2174],{"type":21,"value":1964},{"type":15,"tag":157,"props":2176,"children":2177},{"style":573},[2178],{"type":21,"value":1969},{"type":15,"tag":157,"props":2180,"children":2181},{"style":198},[2182],{"type":21,"value":1974},{"type":15,"tag":157,"props":2184,"children":2185},{"style":164},[2186],{"type":21,"value":443},{"type":15,"tag":157,"props":2188,"children":2189},{"class":159,"line":256},[2190,2194,2199,2204,2208,2213,2218,2222,2227,2231,2235],{"type":15,"tag":157,"props":2191,"children":2192},{"style":411},[2193],{"type":21,"value":2170},{"type":15,"tag":157,"props":2195,"children":2196},{"style":164},[2197],{"type":21,"value":2198}," [",{"type":15,"tag":157,"props":2200,"children":2201},{"style":562},[2202],{"type":21,"value":2203},"activeIndex",{"type":15,"tag":157,"props":2205,"children":2206},{"style":164},[2207],{"type":21,"value":641},{"type":15,"tag":157,"props":2209,"children":2210},{"style":562},[2211],{"type":21,"value":2212},"setActiveIndex",{"type":15,"tag":157,"props":2214,"children":2215},{"style":164},[2216],{"type":21,"value":2217},"] ",{"type":15,"tag":157,"props":2219,"children":2220},{"style":573},[2221],{"type":21,"value":206},{"type":15,"tag":157,"props":2223,"children":2224},{"style":531},[2225],{"type":21,"value":2226}," useState",{"type":15,"tag":157,"props":2228,"children":2229},{"style":164},[2230],{"type":21,"value":2005},{"type":15,"tag":157,"props":2232,"children":2233},{"style":198},[2234],{"type":21,"value":2010},{"type":15,"tag":157,"props":2236,"children":2237},{"style":164},[2238],{"type":21,"value":2015},{"type":15,"tag":157,"props":2240,"children":2241},{"class":159,"line":274},[2242],{"type":15,"tag":157,"props":2243,"children":2244},{"emptyLinePlaceholder":8},[2245],{"type":21,"value":368},{"type":15,"tag":157,"props":2247,"children":2248},{"class":159,"line":292},[2249,2253],{"type":15,"tag":157,"props":2250,"children":2251},{"style":411},[2252],{"type":21,"value":547},{"type":15,"tag":157,"props":2254,"children":2255},{"style":164},[2256],{"type":21,"value":552},{"type":15,"tag":157,"props":2258,"children":2259},{"class":159,"line":301},[2260,2264],{"type":15,"tag":157,"props":2261,"children":2262},{"style":164},[2263],{"type":21,"value":230},{"type":15,"tag":157,"props":2265,"children":2266},{"style":562},[2267],{"type":21,"value":191},{"type":15,"tag":157,"props":2269,"children":2270},{"class":159,"line":310},[2271,2276,2280],{"type":15,"tag":157,"props":2272,"children":2273},{"style":567},[2274],{"type":21,"value":2275}," wrapperClassName",{"type":15,"tag":157,"props":2277,"children":2278},{"style":573},[2279],{"type":21,"value":206},{"type":15,"tag":157,"props":2281,"children":2282},{"style":209},[2283],{"type":21,"value":1521},{"type":15,"tag":157,"props":2285,"children":2286},{"class":159,"line":328},[2287,2292,2296],{"type":15,"tag":157,"props":2288,"children":2289},{"style":567},[2290],{"type":21,"value":2291}," className",{"type":15,"tag":157,"props":2293,"children":2294},{"style":573},[2295],{"type":21,"value":206},{"type":15,"tag":157,"props":2297,"children":2298},{"style":209},[2299],{"type":21,"value":1487},{"type":15,"tag":157,"props":2301,"children":2302},{"class":159,"line":345},[2303,2308,2312,2316,2320],{"type":15,"tag":157,"props":2304,"children":2305},{"style":567},[2306],{"type":21,"value":2307}," activeIndex",{"type":15,"tag":157,"props":2309,"children":2310},{"style":573},[2311],{"type":21,"value":206},{"type":15,"tag":157,"props":2313,"children":2314},{"style":411},[2315],{"type":21,"value":689},{"type":15,"tag":157,"props":2317,"children":2318},{"style":170},[2319],{"type":21,"value":2203},{"type":15,"tag":157,"props":2321,"children":2322},{"style":411},[2323],{"type":21,"value":698},{"type":15,"tag":157,"props":2325,"children":2326},{"class":159,"line":362},[2327,2332,2336,2340,2344,2349,2354],{"type":15,"tag":157,"props":2328,"children":2329},{"style":567},[2330],{"type":21,"value":2331}," prevDisabled",{"type":15,"tag":157,"props":2333,"children":2334},{"style":573},[2335],{"type":21,"value":206},{"type":15,"tag":157,"props":2337,"children":2338},{"style":411},[2339],{"type":21,"value":689},{"type":15,"tag":157,"props":2341,"children":2342},{"style":170},[2343],{"type":21,"value":2203},{"type":15,"tag":157,"props":2345,"children":2346},{"style":573},[2347],{"type":21,"value":2348}," ===",{"type":15,"tag":157,"props":2350,"children":2351},{"style":198},[2352],{"type":21,"value":2353}," 0",{"type":15,"tag":157,"props":2355,"children":2356},{"style":411},[2357],{"type":21,"value":698},{"type":15,"tag":157,"props":2359,"children":2360},{"class":159,"line":371},[2361,2366,2370,2374,2378,2382,2386,2391,2395],{"type":15,"tag":157,"props":2362,"children":2363},{"style":567},[2364],{"type":21,"value":2365}," nextDisabled",{"type":15,"tag":157,"props":2367,"children":2368},{"style":573},[2369],{"type":21,"value":206},{"type":15,"tag":157,"props":2371,"children":2372},{"style":411},[2373],{"type":21,"value":689},{"type":15,"tag":157,"props":2375,"children":2376},{"style":170},[2377],{"type":21,"value":2203},{"type":15,"tag":157,"props":2379,"children":2380},{"style":573},[2381],{"type":21,"value":2348},{"type":15,"tag":157,"props":2383,"children":2384},{"style":170},[2385],{"type":21,"value":1964},{"type":15,"tag":157,"props":2387,"children":2388},{"style":573},[2389],{"type":21,"value":2390}," -",{"type":15,"tag":157,"props":2392,"children":2393},{"style":198},[2394],{"type":21,"value":744},{"type":15,"tag":157,"props":2396,"children":2397},{"style":411},[2398],{"type":21,"value":698},{"type":15,"tag":157,"props":2400,"children":2401},{"class":159,"line":407},[2402],{"type":15,"tag":157,"props":2403,"children":2404},{"style":567},[2405],{"type":21,"value":2406}," isActiveIndexCentered\n",{"type":15,"tag":157,"props":2408,"children":2409},{"class":159,"line":446},[2410,2415,2419,2423,2427,2432,2437,2441],{"type":15,"tag":157,"props":2411,"children":2412},{"style":567},[2413],{"type":21,"value":2414}," onPrev",{"type":15,"tag":157,"props":2416,"children":2417},{"style":573},[2418],{"type":21,"value":206},{"type":15,"tag":157,"props":2420,"children":2421},{"style":411},[2422],{"type":21,"value":689},{"type":15,"tag":157,"props":2424,"children":2425},{"style":164},[2426],{"type":21,"value":610},{"type":15,"tag":157,"props":2428,"children":2429},{"style":633},[2430],{"type":21,"value":2431},"preventDefault",{"type":15,"tag":157,"props":2433,"children":2434},{"style":164},[2435],{"type":21,"value":2436}," }) ",{"type":15,"tag":157,"props":2438,"children":2439},{"style":411},[2440],{"type":21,"value":656},{"type":15,"tag":157,"props":2442,"children":2443},{"style":164},[2444],{"type":21,"value":2445}," {\n",{"type":15,"tag":157,"props":2447,"children":2448},{"class":159,"line":1653},[2449,2454],{"type":15,"tag":157,"props":2450,"children":2451},{"style":531},[2452],{"type":21,"value":2453}," preventDefault",{"type":15,"tag":157,"props":2455,"children":2456},{"style":164},[2457],{"type":21,"value":2458},"();\n",{"type":15,"tag":157,"props":2460,"children":2461},{"class":159,"line":1662},[2462,2467,2472,2477,2481,2485,2490,2494,2498],{"type":15,"tag":157,"props":2463,"children":2464},{"style":531},[2465],{"type":21,"value":2466}," setActiveIndex",{"type":15,"tag":157,"props":2468,"children":2469},{"style":164},[2470],{"type":21,"value":2471},"((",{"type":15,"tag":157,"props":2473,"children":2474},{"style":633},[2475],{"type":21,"value":2476},"currentValue",{"type":15,"tag":157,"props":2478,"children":2479},{"style":164},[2480],{"type":21,"value":651},{"type":15,"tag":157,"props":2482,"children":2483},{"style":411},[2484],{"type":21,"value":656},{"type":15,"tag":157,"props":2486,"children":2487},{"style":170},[2488],{"type":21,"value":2489}," currentValue",{"type":15,"tag":157,"props":2491,"children":2492},{"style":573},[2493],{"type":21,"value":2390},{"type":15,"tag":157,"props":2495,"children":2496},{"style":198},[2497],{"type":21,"value":744},{"type":15,"tag":157,"props":2499,"children":2500},{"style":164},[2501],{"type":21,"value":2015},{"type":15,"tag":157,"props":2503,"children":2504},{"class":159,"line":1670},[2505,2510],{"type":15,"tag":157,"props":2506,"children":2507},{"style":164},[2508],{"type":21,"value":2509}," }",{"type":15,"tag":157,"props":2511,"children":2512},{"style":411},[2513],{"type":21,"value":698},{"type":15,"tag":157,"props":2515,"children":2516},{"class":159,"line":1678},[2517,2522,2526,2530,2534,2538,2542,2546],{"type":15,"tag":157,"props":2518,"children":2519},{"style":567},[2520],{"type":21,"value":2521}," onNext",{"type":15,"tag":157,"props":2523,"children":2524},{"style":573},[2525],{"type":21,"value":206},{"type":15,"tag":157,"props":2527,"children":2528},{"style":411},[2529],{"type":21,"value":689},{"type":15,"tag":157,"props":2531,"children":2532},{"style":164},[2533],{"type":21,"value":610},{"type":15,"tag":157,"props":2535,"children":2536},{"style":633},[2537],{"type":21,"value":2431},{"type":15,"tag":157,"props":2539,"children":2540},{"style":164},[2541],{"type":21,"value":2436},{"type":15,"tag":157,"props":2543,"children":2544},{"style":411},[2545],{"type":21,"value":656},{"type":15,"tag":157,"props":2547,"children":2548},{"style":164},[2549],{"type":21,"value":2445},{"type":15,"tag":157,"props":2551,"children":2552},{"class":159,"line":1686},[2553,2557],{"type":15,"tag":157,"props":2554,"children":2555},{"style":531},[2556],{"type":21,"value":2453},{"type":15,"tag":157,"props":2558,"children":2559},{"style":164},[2560],{"type":21,"value":2458},{"type":15,"tag":157,"props":2562,"children":2563},{"class":159,"line":1698},[2564,2568,2572,2576,2580,2584,2588,2592,2596],{"type":15,"tag":157,"props":2565,"children":2566},{"style":531},[2567],{"type":21,"value":2466},{"type":15,"tag":157,"props":2569,"children":2570},{"style":164},[2571],{"type":21,"value":2471},{"type":15,"tag":157,"props":2573,"children":2574},{"style":633},[2575],{"type":21,"value":2476},{"type":15,"tag":157,"props":2577,"children":2578},{"style":164},[2579],{"type":21,"value":651},{"type":15,"tag":157,"props":2581,"children":2582},{"style":411},[2583],{"type":21,"value":656},{"type":15,"tag":157,"props":2585,"children":2586},{"style":170},[2587],{"type":21,"value":2489},{"type":15,"tag":157,"props":2589,"children":2590},{"style":573},[2591],{"type":21,"value":739},{"type":15,"tag":157,"props":2593,"children":2594},{"style":198},[2595],{"type":21,"value":744},{"type":15,"tag":157,"props":2597,"children":2598},{"style":164},[2599],{"type":21,"value":2015},{"type":15,"tag":157,"props":2601,"children":2602},{"class":159,"line":1714},[2603,2607],{"type":15,"tag":157,"props":2604,"children":2605},{"style":164},[2606],{"type":21,"value":2509},{"type":15,"tag":157,"props":2608,"children":2609},{"style":411},[2610],{"type":21,"value":698},{"type":15,"tag":157,"props":2612,"children":2613},{"class":159,"line":1730},[2614],{"type":15,"tag":157,"props":2615,"children":2616},{"style":164},[2617],{"type":21,"value":298},{"type":15,"tag":157,"props":2619,"children":2620},{"class":159,"line":1748},[2621,2625,2629,2633,2637,2641,2645,2649,2654,2658,2662,2666,2670,2674,2678],{"type":15,"tag":157,"props":2622,"children":2623},{"style":411},[2624],{"type":21,"value":592},{"type":15,"tag":157,"props":2626,"children":2627},{"style":562},[2628],{"type":21,"value":597},{"type":15,"tag":157,"props":2630,"children":2631},{"style":164},[2632],{"type":21,"value":95},{"type":15,"tag":157,"props":2634,"children":2635},{"style":531},[2636],{"type":21,"value":433},{"type":15,"tag":157,"props":2638,"children":2639},{"style":164},[2640],{"type":21,"value":610},{"type":15,"tag":157,"props":2642,"children":2643},{"style":170},[2644],{"type":21,"value":615},{"type":15,"tag":157,"props":2646,"children":2647},{"style":164},[2648],{"type":21,"value":620},{"type":15,"tag":157,"props":2650,"children":2651},{"style":170},[2652],{"type":21,"value":2653},"itemsLength",{"type":15,"tag":157,"props":2655,"children":2656},{"style":164},[2657],{"type":21,"value":630},{"type":15,"tag":157,"props":2659,"children":2660},{"style":633},[2661],{"type":21,"value":636},{"type":15,"tag":157,"props":2663,"children":2664},{"style":164},[2665],{"type":21,"value":641},{"type":15,"tag":157,"props":2667,"children":2668},{"style":633},[2669],{"type":21,"value":646},{"type":15,"tag":157,"props":2671,"children":2672},{"style":164},[2673],{"type":21,"value":651},{"type":15,"tag":157,"props":2675,"children":2676},{"style":411},[2677],{"type":21,"value":656},{"type":15,"tag":157,"props":2679,"children":2680},{"style":164},[2681],{"type":21,"value":552},{"type":15,"tag":157,"props":2683,"children":2684},{"class":159,"line":1757},[2685,2689],{"type":15,"tag":157,"props":2686,"children":2687},{"style":164},[2688],{"type":21,"value":668},{"type":15,"tag":157,"props":2690,"children":2691},{"style":170},[2692],{"type":21,"value":235},{"type":15,"tag":157,"props":2694,"children":2695},{"class":159,"line":1766},[2696,2700,2704,2708,2712],{"type":15,"tag":157,"props":2697,"children":2698},{"style":567},[2699],{"type":21,"value":680},{"type":15,"tag":157,"props":2701,"children":2702},{"style":573},[2703],{"type":21,"value":206},{"type":15,"tag":157,"props":2705,"children":2706},{"style":411},[2707],{"type":21,"value":689},{"type":15,"tag":157,"props":2709,"children":2710},{"style":170},[2711],{"type":21,"value":646},{"type":15,"tag":157,"props":2713,"children":2714},{"style":411},[2715],{"type":21,"value":698},{"type":15,"tag":157,"props":2717,"children":2718},{"class":159,"line":1775},[2719,2723,2727,2731,2736],{"type":15,"tag":157,"props":2720,"children":2721},{"style":567},[2722],{"type":21,"value":706},{"type":15,"tag":157,"props":2724,"children":2725},{"style":573},[2726],{"type":21,"value":206},{"type":15,"tag":157,"props":2728,"children":2729},{"style":411},[2730],{"type":21,"value":689},{"type":15,"tag":157,"props":2732,"children":2733},{"style":531},[2734],{"type":21,"value":2735},"classNames",{"type":15,"tag":157,"props":2737,"children":2738},{"style":164},[2739],{"type":21,"value":2740},"(\n",{"type":15,"tag":157,"props":2742,"children":2743},{"class":159,"line":1783},[2744,2749],{"type":15,"tag":157,"props":2745,"children":2746},{"style":209},[2747],{"type":21,"value":2748}," 'flex items-center justify-center text-gray-500 border w-36 h-36 shrink-0 border-negative-300 snap-start snap-always'",{"type":15,"tag":157,"props":2750,"children":2751},{"style":164},[2752],{"type":21,"value":2753},",\n",{"type":15,"tag":157,"props":2755,"children":2756},{"class":159,"line":1791},[2757,2762,2766,2770,2775,2780,2785,2790],{"type":15,"tag":157,"props":2758,"children":2759},{"style":170},[2760],{"type":21,"value":2761}," i",{"type":15,"tag":157,"props":2763,"children":2764},{"style":573},[2765],{"type":21,"value":2348},{"type":15,"tag":157,"props":2767,"children":2768},{"style":170},[2769],{"type":21,"value":1991},{"type":15,"tag":157,"props":2771,"children":2772},{"style":411},[2773],{"type":21,"value":2774}," ?",{"type":15,"tag":157,"props":2776,"children":2777},{"style":209},[2778],{"type":21,"value":2779}," 'border-solid bg-neutral-200'",{"type":15,"tag":157,"props":2781,"children":2782},{"style":411},[2783],{"type":21,"value":2784}," :",{"type":15,"tag":157,"props":2786,"children":2787},{"style":209},[2788],{"type":21,"value":2789}," 'border-dashed bg-neutral-100'",{"type":15,"tag":157,"props":2791,"children":2792},{"style":164},[2793],{"type":21,"value":2753},{"type":15,"tag":157,"props":2795,"children":2796},{"class":159,"line":1807},[2797,2802],{"type":15,"tag":157,"props":2798,"children":2799},{"style":164},[2800],{"type":21,"value":2801}," )",{"type":15,"tag":157,"props":2803,"children":2804},{"style":411},[2805],{"type":21,"value":698},{"type":15,"tag":157,"props":2807,"children":2808},{"class":159,"line":1823},[2809],{"type":15,"tag":157,"props":2810,"children":2811},{"style":164},[2812],{"type":21,"value":722},{"type":15,"tag":157,"props":2814,"children":2815},{"class":159,"line":1839},[2816,2820,2824,2828,2832],{"type":15,"tag":157,"props":2817,"children":2818},{"style":411},[2819],{"type":21,"value":730},{"type":15,"tag":157,"props":2821,"children":2822},{"style":170},[2823],{"type":21,"value":646},{"type":15,"tag":157,"props":2825,"children":2826},{"style":573},[2827],{"type":21,"value":739},{"type":15,"tag":157,"props":2829,"children":2830},{"style":198},[2831],{"type":21,"value":744},{"type":15,"tag":157,"props":2833,"children":2834},{"style":411},[2835],{"type":21,"value":698},{"type":15,"tag":157,"props":2837,"children":2838},{"class":159,"line":1847},[2839,2843,2847],{"type":15,"tag":157,"props":2840,"children":2841},{"style":164},[2842],{"type":21,"value":756},{"type":15,"tag":157,"props":2844,"children":2845},{"style":170},[2846],{"type":21,"value":321},{"type":15,"tag":157,"props":2848,"children":2849},{"style":164},[2850],{"type":21,"value":177},{"type":15,"tag":157,"props":2852,"children":2853},{"class":159,"line":1879},[2854,2858],{"type":15,"tag":157,"props":2855,"children":2856},{"style":164},[2857],{"type":21,"value":772},{"type":15,"tag":157,"props":2859,"children":2860},{"style":411},[2861],{"type":21,"value":698},{"type":15,"tag":157,"props":2863,"children":2864},{"class":159,"line":1913},[2865,2869,2873],{"type":15,"tag":157,"props":2866,"children":2867},{"style":164},[2868],{"type":21,"value":316},{"type":15,"tag":157,"props":2870,"children":2871},{"style":562},[2872],{"type":21,"value":60},{"type":15,"tag":157,"props":2874,"children":2875},{"style":164},[2876],{"type":21,"value":177},{"type":15,"tag":157,"props":2878,"children":2879},{"class":159,"line":1945},[2880],{"type":15,"tag":157,"props":2881,"children":2882},{"style":164},[2883],{"type":21,"value":799},{"type":15,"tag":157,"props":2885,"children":2886},{"class":159,"line":1953},[2887],{"type":15,"tag":157,"props":2888,"children":2889},{"style":164},[2890],{"type":21,"value":698},{"type":15,"tag":119,"props":2892,"children":2894},{"id":2893},"accessibility-notes",[2895],{"type":21,"value":2896},"Accessibility notes",{"type":15,"tag":31,"props":2898,"children":2899},{},[2900,2902,2908,2910,2916,2918,2924],{"type":21,"value":2901},"The previous and next buttons have ",{"type":15,"tag":55,"props":2903,"children":2905},{"className":2904},[],[2906],{"type":21,"value":2907},"aria-label",{"type":21,"value":2909}," attributes (",{"type":15,"tag":55,"props":2911,"children":2913},{"className":2912},[],[2914],{"type":21,"value":2915},"buttonPrevAriaLabel",{"type":21,"value":2917}," and ",{"type":15,"tag":55,"props":2919,"children":2921},{"className":2920},[],[2922],{"type":21,"value":2923},"buttonNextAriaLabel",{"type":21,"value":2925}," props) that provide accessible labels for screen readers.",{"type":15,"tag":119,"props":2927,"children":2929},{"id":2928},"playground",[2930],{"type":21,"value":2931},"Playground",{"type":15,"tag":2933,"props":2934,"children":2936},"generate",{"style":2935},"height: 500px",[],{"type":15,"tag":27,"props":2938,"children":2939},{"v-slot:tab-2":9},[2940,2946,3335,3941,3985],{"type":15,"tag":119,"props":2941,"children":2943},{"id":2942},"props",[2944],{"type":21,"value":2945},"Props",{"type":15,"tag":97,"props":2947,"children":2948},{},[2949],{"type":15,"tag":2950,"props":2951,"children":2952},"table",{},[2953,2982],{"type":15,"tag":2954,"props":2955,"children":2956},"thead",{},[2957],{"type":15,"tag":2958,"props":2959,"children":2960},"tr",{},[2961,2967,2972,2977],{"type":15,"tag":2962,"props":2963,"children":2964},"th",{},[2965],{"type":21,"value":2966},"Prop name",{"type":15,"tag":2962,"props":2968,"children":2969},{},[2970],{"type":21,"value":2971},"Type",{"type":15,"tag":2962,"props":2973,"children":2974},{},[2975],{"type":21,"value":2976},"Default value",{"type":15,"tag":2962,"props":2978,"children":2979},{},[2980],{"type":21,"value":2981},"Possible values",{"type":15,"tag":2983,"props":2984,"children":2985},"tbody",{},[2986,3032,3084,3110,3137,3162,3188,3214,3240,3272,3303],{"type":15,"tag":2958,"props":2987,"children":2988},{},[2989,2999,3008,3017],{"type":15,"tag":2990,"props":2991,"children":2992},"td",{},[2993],{"type":15,"tag":55,"props":2994,"children":2996},{"className":2995},[],[2997],{"type":21,"value":2998},"direction",{"type":15,"tag":2990,"props":3000,"children":3001},{},[3002],{"type":15,"tag":55,"props":3003,"children":3005},{"className":3004},[],[3006],{"type":21,"value":3007},"SfScrollableDirection",{"type":15,"tag":2990,"props":3009,"children":3010},{},[3011],{"type":15,"tag":55,"props":3012,"children":3014},{"className":3013},[],[3015],{"type":21,"value":3016},"'horizontal'",{"type":15,"tag":2990,"props":3018,"children":3019},{},[3020,3025,3026],{"type":15,"tag":55,"props":3021,"children":3023},{"className":3022},[],[3024],{"type":21,"value":3016},{"type":21,"value":641},{"type":15,"tag":55,"props":3027,"children":3029},{"className":3028},[],[3030],{"type":21,"value":3031},"'vertical'",{"type":15,"tag":2958,"props":3033,"children":3034},{},[3035,3044,3053,3062],{"type":15,"tag":2990,"props":3036,"children":3037},{},[3038],{"type":15,"tag":55,"props":3039,"children":3041},{"className":3040},[],[3042],{"type":21,"value":3043},"buttonsPlacement",{"type":15,"tag":2990,"props":3045,"children":3046},{},[3047],{"type":15,"tag":55,"props":3048,"children":3050},{"className":3049},[],[3051],{"type":21,"value":3052},"SfScrollableButtonsPlacement",{"type":15,"tag":2990,"props":3054,"children":3055},{},[3056],{"type":15,"tag":55,"props":3057,"children":3059},{"className":3058},[],[3060],{"type":21,"value":3061},"'block'",{"type":15,"tag":2990,"props":3063,"children":3064},{},[3065,3070,3071,3077,3078],{"type":15,"tag":55,"props":3066,"children":3068},{"className":3067},[],[3069],{"type":21,"value":3061},{"type":21,"value":641},{"type":15,"tag":55,"props":3072,"children":3074},{"className":3073},[],[3075],{"type":21,"value":3076},"'floating'",{"type":21,"value":641},{"type":15,"tag":55,"props":3079,"children":3081},{"className":3080},[],[3082],{"type":21,"value":3083},"'none'",{"type":15,"tag":2958,"props":3085,"children":3086},{},[3087,3095,3104,3107],{"type":15,"tag":2990,"props":3088,"children":3089},{},[3090],{"type":15,"tag":55,"props":3091,"children":3093},{"className":3092},[],[3094],{"type":21,"value":2203},{"type":15,"tag":2990,"props":3096,"children":3097},{},[3098],{"type":15,"tag":55,"props":3099,"children":3101},{"className":3100},[],[3102],{"type":21,"value":3103},"number",{"type":15,"tag":2990,"props":3105,"children":3106},{},[],{"type":15,"tag":2990,"props":3108,"children":3109},{},[],{"type":15,"tag":2958,"props":3111,"children":3112},{},[3113,3122,3131,3134],{"type":15,"tag":2990,"props":3114,"children":3115},{},[3116],{"type":15,"tag":55,"props":3117,"children":3119},{"className":3118},[],[3120],{"type":21,"value":3121},"reduceMotion",{"type":15,"tag":2990,"props":3123,"children":3124},{},[3125],{"type":15,"tag":55,"props":3126,"children":3128},{"className":3127},[],[3129],{"type":21,"value":3130},"boolean",{"type":15,"tag":2990,"props":3132,"children":3133},{},[],{"type":15,"tag":2990,"props":3135,"children":3136},{},[],{"type":15,"tag":2958,"props":3138,"children":3139},{},[3140,3149,3154,3159],{"type":15,"tag":2990,"props":3141,"children":3142},{},[3143],{"type":15,"tag":55,"props":3144,"children":3146},{"className":3145},[],[3147],{"type":21,"value":3148},"drag",{"type":15,"tag":2990,"props":3150,"children":3151},{},[3152],{"type":21,"value":3153},"`{ sensitivity: number; containerWidth: boolean; }",{"type":15,"tag":2990,"props":3155,"children":3156},{},[3157],{"type":21,"value":3158},"boolean`",{"type":15,"tag":2990,"props":3160,"children":3161},{},[],{"type":15,"tag":2958,"props":3163,"children":3164},{},[3165,3174,3182,3185],{"type":15,"tag":2990,"props":3166,"children":3167},{},[3168],{"type":15,"tag":55,"props":3169,"children":3171},{"className":3170},[],[3172],{"type":21,"value":3173},"prevDisabled",{"type":15,"tag":2990,"props":3175,"children":3176},{},[3177],{"type":15,"tag":55,"props":3178,"children":3180},{"className":3179},[],[3181],{"type":21,"value":3130},{"type":15,"tag":2990,"props":3183,"children":3184},{},[],{"type":15,"tag":2990,"props":3186,"children":3187},{},[],{"type":15,"tag":2958,"props":3189,"children":3190},{},[3191,3200,3208,3211],{"type":15,"tag":2990,"props":3192,"children":3193},{},[3194],{"type":15,"tag":55,"props":3195,"children":3197},{"className":3196},[],[3198],{"type":21,"value":3199},"nextDisabled",{"type":15,"tag":2990,"props":3201,"children":3202},{},[3203],{"type":15,"tag":55,"props":3204,"children":3206},{"className":3205},[],[3207],{"type":21,"value":3130},{"type":15,"tag":2990,"props":3209,"children":3210},{},[],{"type":15,"tag":2990,"props":3212,"children":3213},{},[],{"type":15,"tag":2958,"props":3215,"children":3216},{},[3217,3226,3234,3237],{"type":15,"tag":2990,"props":3218,"children":3219},{},[3220],{"type":15,"tag":55,"props":3221,"children":3223},{"className":3222},[],[3224],{"type":21,"value":3225},"isActiveIndexCentered",{"type":15,"tag":2990,"props":3227,"children":3228},{},[3229],{"type":15,"tag":55,"props":3230,"children":3232},{"className":3231},[],[3233],{"type":21,"value":3130},{"type":15,"tag":2990,"props":3235,"children":3236},{},[],{"type":15,"tag":2990,"props":3238,"children":3239},{},[],{"type":15,"tag":2958,"props":3241,"children":3242},{},[3243,3251,3260,3269],{"type":15,"tag":2990,"props":3244,"children":3245},{},[3246],{"type":15,"tag":55,"props":3247,"children":3249},{"className":3248},[],[3250],{"type":21,"value":2915},{"type":15,"tag":2990,"props":3252,"children":3253},{},[3254],{"type":15,"tag":55,"props":3255,"children":3257},{"className":3256},[],[3258],{"type":21,"value":3259},"string",{"type":15,"tag":2990,"props":3261,"children":3262},{},[3263],{"type":15,"tag":55,"props":3264,"children":3266},{"className":3265},[],[3267],{"type":21,"value":3268},"'Previous'",{"type":15,"tag":2990,"props":3270,"children":3271},{},[],{"type":15,"tag":2958,"props":3273,"children":3274},{},[3275,3283,3291,3300],{"type":15,"tag":2990,"props":3276,"children":3277},{},[3278],{"type":15,"tag":55,"props":3279,"children":3281},{"className":3280},[],[3282],{"type":21,"value":2923},{"type":15,"tag":2990,"props":3284,"children":3285},{},[3286],{"type":15,"tag":55,"props":3287,"children":3289},{"className":3288},[],[3290],{"type":21,"value":3259},{"type":15,"tag":2990,"props":3292,"children":3293},{},[3294],{"type":15,"tag":55,"props":3295,"children":3297},{"className":3296},[],[3298],{"type":21,"value":3299},"'Next'",{"type":15,"tag":2990,"props":3301,"children":3302},{},[],{"type":15,"tag":2958,"props":3304,"children":3305},{},[3306,3315,3323,3332],{"type":15,"tag":2990,"props":3307,"children":3308},{},[3309],{"type":15,"tag":55,"props":3310,"children":3312},{"className":3311},[],[3313],{"type":21,"value":3314},"tag",{"type":15,"tag":2990,"props":3316,"children":3317},{},[3318],{"type":15,"tag":55,"props":3319,"children":3321},{"className":3320},[],[3322],{"type":21,"value":3259},{"type":15,"tag":2990,"props":3324,"children":3325},{},[3326],{"type":15,"tag":55,"props":3327,"children":3329},{"className":3328},[],[3330],{"type":21,"value":3331},"'div'",{"type":15,"tag":2990,"props":3333,"children":3334},{},[],{"type":15,"tag":72,"props":3336,"children":3337},{},[3338],{"type":15,"tag":2950,"props":3339,"children":3340},{},[3341,3363],{"type":15,"tag":2954,"props":3342,"children":3343},{},[3344],{"type":15,"tag":2958,"props":3345,"children":3346},{},[3347,3351,3355,3359],{"type":15,"tag":2962,"props":3348,"children":3349},{},[3350],{"type":21,"value":2966},{"type":15,"tag":2962,"props":3352,"children":3353},{},[3354],{"type":21,"value":2971},{"type":15,"tag":2962,"props":3356,"children":3357},{},[3358],{"type":21,"value":2976},{"type":15,"tag":2962,"props":3360,"children":3361},{},[3362],{"type":21,"value":2981},{"type":15,"tag":2983,"props":3364,"children":3365},{},[3366,3407,3454,3479,3504,3526,3551,3576,3601,3631,3661,3695,3724,3750,3778,3806,3833,3860,3887,3914],{"type":15,"tag":2958,"props":3367,"children":3368},{},[3369,3377,3385,3393],{"type":15,"tag":2990,"props":3370,"children":3371},{},[3372],{"type":15,"tag":55,"props":3373,"children":3375},{"className":3374},[],[3376],{"type":21,"value":2998},{"type":15,"tag":2990,"props":3378,"children":3379},{},[3380],{"type":15,"tag":55,"props":3381,"children":3383},{"className":3382},[],[3384],{"type":21,"value":3007},{"type":15,"tag":2990,"props":3386,"children":3387},{},[3388],{"type":15,"tag":55,"props":3389,"children":3391},{"className":3390},[],[3392],{"type":21,"value":3016},{"type":15,"tag":2990,"props":3394,"children":3395},{},[3396,3401,3402],{"type":15,"tag":55,"props":3397,"children":3399},{"className":3398},[],[3400],{"type":21,"value":3016},{"type":21,"value":641},{"type":15,"tag":55,"props":3403,"children":3405},{"className":3404},[],[3406],{"type":21,"value":3031},{"type":15,"tag":2958,"props":3408,"children":3409},{},[3410,3418,3426,3434],{"type":15,"tag":2990,"props":3411,"children":3412},{},[3413],{"type":15,"tag":55,"props":3414,"children":3416},{"className":3415},[],[3417],{"type":21,"value":3043},{"type":15,"tag":2990,"props":3419,"children":3420},{},[3421],{"type":15,"tag":55,"props":3422,"children":3424},{"className":3423},[],[3425],{"type":21,"value":3052},{"type":15,"tag":2990,"props":3427,"children":3428},{},[3429],{"type":15,"tag":55,"props":3430,"children":3432},{"className":3431},[],[3433],{"type":21,"value":3061},{"type":15,"tag":2990,"props":3435,"children":3436},{},[3437,3442,3443,3448,3449],{"type":15,"tag":55,"props":3438,"children":3440},{"className":3439},[],[3441],{"type":21,"value":3061},{"type":21,"value":641},{"type":15,"tag":55,"props":3444,"children":3446},{"className":3445},[],[3447],{"type":21,"value":3076},{"type":21,"value":641},{"type":15,"tag":55,"props":3450,"children":3452},{"className":3451},[],[3453],{"type":21,"value":3083},{"type":15,"tag":2958,"props":3455,"children":3456},{},[3457,3465,3473,3476],{"type":15,"tag":2990,"props":3458,"children":3459},{},[3460],{"type":15,"tag":55,"props":3461,"children":3463},{"className":3462},[],[3464],{"type":21,"value":2203},{"type":15,"tag":2990,"props":3466,"children":3467},{},[3468],{"type":15,"tag":55,"props":3469,"children":3471},{"className":3470},[],[3472],{"type":21,"value":3103},{"type":15,"tag":2990,"props":3474,"children":3475},{},[],{"type":15,"tag":2990,"props":3477,"children":3478},{},[],{"type":15,"tag":2958,"props":3480,"children":3481},{},[3482,3490,3498,3501],{"type":15,"tag":2990,"props":3483,"children":3484},{},[3485],{"type":15,"tag":55,"props":3486,"children":3488},{"className":3487},[],[3489],{"type":21,"value":3121},{"type":15,"tag":2990,"props":3491,"children":3492},{},[3493],{"type":15,"tag":55,"props":3494,"children":3496},{"className":3495},[],[3497],{"type":21,"value":3130},{"type":15,"tag":2990,"props":3499,"children":3500},{},[],{"type":15,"tag":2990,"props":3502,"children":3503},{},[],{"type":15,"tag":2958,"props":3505,"children":3506},{},[3507,3515,3519,3523],{"type":15,"tag":2990,"props":3508,"children":3509},{},[3510],{"type":15,"tag":55,"props":3511,"children":3513},{"className":3512},[],[3514],{"type":21,"value":3148},{"type":15,"tag":2990,"props":3516,"children":3517},{},[3518],{"type":21,"value":3153},{"type":15,"tag":2990,"props":3520,"children":3521},{},[3522],{"type":21,"value":3158},{"type":15,"tag":2990,"props":3524,"children":3525},{},[],{"type":15,"tag":2958,"props":3527,"children":3528},{},[3529,3537,3545,3548],{"type":15,"tag":2990,"props":3530,"children":3531},{},[3532],{"type":15,"tag":55,"props":3533,"children":3535},{"className":3534},[],[3536],{"type":21,"value":3173},{"type":15,"tag":2990,"props":3538,"children":3539},{},[3540],{"type":15,"tag":55,"props":3541,"children":3543},{"className":3542},[],[3544],{"type":21,"value":3130},{"type":15,"tag":2990,"props":3546,"children":3547},{},[],{"type":15,"tag":2990,"props":3549,"children":3550},{},[],{"type":15,"tag":2958,"props":3552,"children":3553},{},[3554,3562,3570,3573],{"type":15,"tag":2990,"props":3555,"children":3556},{},[3557],{"type":15,"tag":55,"props":3558,"children":3560},{"className":3559},[],[3561],{"type":21,"value":3199},{"type":15,"tag":2990,"props":3563,"children":3564},{},[3565],{"type":15,"tag":55,"props":3566,"children":3568},{"className":3567},[],[3569],{"type":21,"value":3130},{"type":15,"tag":2990,"props":3571,"children":3572},{},[],{"type":15,"tag":2990,"props":3574,"children":3575},{},[],{"type":15,"tag":2958,"props":3577,"children":3578},{},[3579,3587,3595,3598],{"type":15,"tag":2990,"props":3580,"children":3581},{},[3582],{"type":15,"tag":55,"props":3583,"children":3585},{"className":3584},[],[3586],{"type":21,"value":3225},{"type":15,"tag":2990,"props":3588,"children":3589},{},[3590],{"type":15,"tag":55,"props":3591,"children":3593},{"className":3592},[],[3594],{"type":21,"value":3130},{"type":15,"tag":2990,"props":3596,"children":3597},{},[],{"type":15,"tag":2990,"props":3599,"children":3600},{},[],{"type":15,"tag":2958,"props":3602,"children":3603},{},[3604,3612,3620,3628],{"type":15,"tag":2990,"props":3605,"children":3606},{},[3607],{"type":15,"tag":55,"props":3608,"children":3610},{"className":3609},[],[3611],{"type":21,"value":2915},{"type":15,"tag":2990,"props":3613,"children":3614},{},[3615],{"type":15,"tag":55,"props":3616,"children":3618},{"className":3617},[],[3619],{"type":21,"value":3259},{"type":15,"tag":2990,"props":3621,"children":3622},{},[3623],{"type":15,"tag":55,"props":3624,"children":3626},{"className":3625},[],[3627],{"type":21,"value":3268},{"type":15,"tag":2990,"props":3629,"children":3630},{},[],{"type":15,"tag":2958,"props":3632,"children":3633},{},[3634,3642,3650,3658],{"type":15,"tag":2990,"props":3635,"children":3636},{},[3637],{"type":15,"tag":55,"props":3638,"children":3640},{"className":3639},[],[3641],{"type":21,"value":2923},{"type":15,"tag":2990,"props":3643,"children":3644},{},[3645],{"type":15,"tag":55,"props":3646,"children":3648},{"className":3647},[],[3649],{"type":21,"value":3259},{"type":15,"tag":2990,"props":3651,"children":3652},{},[3653],{"type":15,"tag":55,"props":3654,"children":3656},{"className":3655},[],[3657],{"type":21,"value":3299},{"type":15,"tag":2990,"props":3659,"children":3660},{},[],{"type":15,"tag":2958,"props":3662,"children":3663},{},[3664,3673,3682,3690],{"type":15,"tag":2990,"props":3665,"children":3666},{},[3667],{"type":15,"tag":55,"props":3668,"children":3670},{"className":3669},[],[3671],{"type":21,"value":3672},"as",{"type":15,"tag":2990,"props":3674,"children":3675},{},[3676],{"type":15,"tag":55,"props":3677,"children":3679},{"className":3678},[],[3680],{"type":21,"value":3681},"ReactElement",{"type":15,"tag":2990,"props":3683,"children":3684},{},[3685],{"type":15,"tag":55,"props":3686,"children":3688},{"className":3687},[],[3689],{"type":21,"value":3331},{"type":15,"tag":2990,"props":3691,"children":3692},{},[3693],{"type":21,"value":3694},"any tag name",{"type":15,"tag":2958,"props":3696,"children":3697},{},[3698,3707,3716,3719],{"type":15,"tag":2990,"props":3699,"children":3700},{},[3701],{"type":15,"tag":55,"props":3702,"children":3704},{"className":3703},[],[3705],{"type":21,"value":3706},"children",{"type":15,"tag":2990,"props":3708,"children":3709},{},[3710],{"type":15,"tag":55,"props":3711,"children":3713},{"className":3712},[],[3714],{"type":21,"value":3715},"ReactNode",{"type":15,"tag":2990,"props":3717,"children":3718},{},[],{"type":15,"tag":2990,"props":3720,"children":3721},{},[3722],{"type":21,"value":3723},"Default slotted content",{"type":15,"tag":2958,"props":3725,"children":3726},{},[3727,3736,3744,3747],{"type":15,"tag":2990,"props":3728,"children":3729},{},[3730],{"type":15,"tag":55,"props":3731,"children":3733},{"className":3732},[],[3734],{"type":21,"value":3735},"wrapperClassName",{"type":15,"tag":2990,"props":3737,"children":3738},{},[3739],{"type":15,"tag":55,"props":3740,"children":3742},{"className":3741},[],[3743],{"type":21,"value":3259},{"type":15,"tag":2990,"props":3745,"children":3746},{},[],{"type":15,"tag":2990,"props":3748,"children":3749},{},[],{"type":15,"tag":2958,"props":3751,"children":3752},{},[3753,3762,3770,3773],{"type":15,"tag":2990,"props":3754,"children":3755},{},[3756],{"type":15,"tag":55,"props":3757,"children":3759},{"className":3758},[],[3760],{"type":21,"value":3761},"slotPreviousButton",{"type":15,"tag":2990,"props":3763,"children":3764},{},[3765],{"type":15,"tag":55,"props":3766,"children":3768},{"className":3767},[],[3769],{"type":21,"value":3715},{"type":15,"tag":2990,"props":3771,"children":3772},{},[],{"type":15,"tag":2990,"props":3774,"children":3775},{},[3776],{"type":21,"value":3777},"Previous button",{"type":15,"tag":2958,"props":3779,"children":3780},{},[3781,3790,3798,3801],{"type":15,"tag":2990,"props":3782,"children":3783},{},[3784],{"type":15,"tag":55,"props":3785,"children":3787},{"className":3786},[],[3788],{"type":21,"value":3789},"slotNextButton",{"type":15,"tag":2990,"props":3791,"children":3792},{},[3793],{"type":15,"tag":55,"props":3794,"children":3796},{"className":3795},[],[3797],{"type":21,"value":3715},{"type":15,"tag":2990,"props":3799,"children":3800},{},[],{"type":15,"tag":2990,"props":3802,"children":3803},{},[3804],{"type":21,"value":3805},"Next button",{"type":15,"tag":2958,"props":3807,"children":3808},{},[3809,3818,3827,3830],{"type":15,"tag":2990,"props":3810,"children":3811},{},[3812],{"type":15,"tag":55,"props":3813,"children":3815},{"className":3814},[],[3816],{"type":21,"value":3817},"onDragStart",{"type":15,"tag":2990,"props":3819,"children":3820},{},[3821],{"type":15,"tag":55,"props":3822,"children":3824},{"className":3823},[],[3825],{"type":21,"value":3826},"(data: SfScrollableOnDragStartData) => void",{"type":15,"tag":2990,"props":3828,"children":3829},{},[],{"type":15,"tag":2990,"props":3831,"children":3832},{},[],{"type":15,"tag":2958,"props":3834,"children":3835},{},[3836,3845,3854,3857],{"type":15,"tag":2990,"props":3837,"children":3838},{},[3839],{"type":15,"tag":55,"props":3840,"children":3842},{"className":3841},[],[3843],{"type":21,"value":3844},"onDragEnd",{"type":15,"tag":2990,"props":3846,"children":3847},{},[3848],{"type":15,"tag":55,"props":3849,"children":3851},{"className":3850},[],[3852],{"type":21,"value":3853},"(data: SfScrollableOnDragEndData) => void",{"type":15,"tag":2990,"props":3855,"children":3856},{},[],{"type":15,"tag":2990,"props":3858,"children":3859},{},[],{"type":15,"tag":2958,"props":3861,"children":3862},{},[3863,3872,3881,3884],{"type":15,"tag":2990,"props":3864,"children":3865},{},[3866],{"type":15,"tag":55,"props":3867,"children":3869},{"className":3868},[],[3870],{"type":21,"value":3871},"onScroll",{"type":15,"tag":2990,"props":3873,"children":3874},{},[3875],{"type":15,"tag":55,"props":3876,"children":3878},{"className":3877},[],[3879],{"type":21,"value":3880},"(data: SfScrollableOnScrollData) => void",{"type":15,"tag":2990,"props":3882,"children":3883},{},[],{"type":15,"tag":2990,"props":3885,"children":3886},{},[],{"type":15,"tag":2958,"props":3888,"children":3889},{},[3890,3899,3908,3911],{"type":15,"tag":2990,"props":3891,"children":3892},{},[3893],{"type":15,"tag":55,"props":3894,"children":3896},{"className":3895},[],[3897],{"type":21,"value":3898},"onPrev",{"type":15,"tag":2990,"props":3900,"children":3901},{},[3902],{"type":15,"tag":55,"props":3903,"children":3905},{"className":3904},[],[3906],{"type":21,"value":3907},"(data: SfScrollableOnPrevData) => void",{"type":15,"tag":2990,"props":3909,"children":3910},{},[],{"type":15,"tag":2990,"props":3912,"children":3913},{},[],{"type":15,"tag":2958,"props":3915,"children":3916},{},[3917,3926,3935,3938],{"type":15,"tag":2990,"props":3918,"children":3919},{},[3920],{"type":15,"tag":55,"props":3921,"children":3923},{"className":3922},[],[3924],{"type":21,"value":3925},"onNext",{"type":15,"tag":2990,"props":3927,"children":3928},{},[3929],{"type":15,"tag":55,"props":3930,"children":3932},{"className":3931},[],[3933],{"type":21,"value":3934},"(data: SfScrollableOnNextData) => void",{"type":15,"tag":2990,"props":3936,"children":3937},{},[],{"type":15,"tag":2990,"props":3939,"children":3940},{},[],{"type":15,"tag":31,"props":3942,"children":3943},{},[3944,3946,3951,3953,3959,3961,3967,3969,3975,3977,3983],{"type":21,"value":3945},"The ",{"type":15,"tag":55,"props":3947,"children":3949},{"className":3948},[],[3950],{"type":21,"value":3148},{"type":21,"value":3952}," prop is setting whether and how elements in a scrollable element can be dragged. By default is set to ",{"type":15,"tag":55,"props":3954,"children":3956},{"className":3955},[],[3957],{"type":21,"value":3958},"false",{"type":21,"value":3960},", but when passing ",{"type":15,"tag":55,"props":3962,"children":3964},{"className":3963},[],[3965],{"type":21,"value":3966},"object",{"type":21,"value":3968}," you can set ",{"type":15,"tag":55,"props":3970,"children":3972},{"className":3971},[],[3973],{"type":21,"value":3974},"sensitivity",{"type":21,"value":3976}," to determine how far it should be dragged in response to mouse movement and ",{"type":15,"tag":55,"props":3978,"children":3980},{"className":3979},[],[3981],{"type":21,"value":3982},"containerWith",{"type":21,"value":3984}," to allow it to be moved exactly one container width.",{"type":15,"tag":97,"props":3986,"children":3987},{},[3988,3994,4067,4073],{"type":15,"tag":119,"props":3989,"children":3991},{"id":3990},"slots",[3992],{"type":21,"value":3993},"Slots",{"type":15,"tag":2950,"props":3995,"children":3996},{},[3997,4013],{"type":15,"tag":2954,"props":3998,"children":3999},{},[4000],{"type":15,"tag":2958,"props":4001,"children":4002},{},[4003,4008],{"type":15,"tag":2962,"props":4004,"children":4005},{},[4006],{"type":21,"value":4007},"Slot name",{"type":15,"tag":2962,"props":4009,"children":4010},{},[4011],{"type":21,"value":4012},"Description",{"type":15,"tag":2983,"props":4014,"children":4015},{},[4016,4033,4050],{"type":15,"tag":2958,"props":4017,"children":4018},{},[4019,4028],{"type":15,"tag":2990,"props":4020,"children":4021},{},[4022],{"type":15,"tag":55,"props":4023,"children":4025},{"className":4024},[],[4026],{"type":21,"value":4027},"default",{"type":15,"tag":2990,"props":4029,"children":4030},{},[4031],{"type":21,"value":4032},"Replaces content inside scrollable items",{"type":15,"tag":2958,"props":4034,"children":4035},{},[4036,4045],{"type":15,"tag":2990,"props":4037,"children":4038},{},[4039],{"type":15,"tag":55,"props":4040,"children":4042},{"className":4041},[],[4043],{"type":21,"value":4044},"previousButton",{"type":15,"tag":2990,"props":4046,"children":4047},{},[4048],{"type":21,"value":4049},"Replaces previous button",{"type":15,"tag":2958,"props":4051,"children":4052},{},[4053,4062],{"type":15,"tag":2990,"props":4054,"children":4055},{},[4056],{"type":15,"tag":55,"props":4057,"children":4059},{"className":4058},[],[4060],{"type":21,"value":4061},"nextButton",{"type":15,"tag":2990,"props":4063,"children":4064},{},[4065],{"type":21,"value":4066},"Replaces next button",{"type":15,"tag":119,"props":4068,"children":4070},{"id":4069},"events",[4071],{"type":21,"value":4072},"Events",{"type":15,"tag":2950,"props":4074,"children":4075},{},[4076,4092],{"type":15,"tag":2954,"props":4077,"children":4078},{},[4079],{"type":15,"tag":2958,"props":4080,"children":4081},{},[4082,4087],{"type":15,"tag":2962,"props":4083,"children":4084},{},[4085],{"type":21,"value":4086},"Event name",{"type":15,"tag":2962,"props":4088,"children":4089},{},[4090],{"type":21,"value":4091},"Trigger",{"type":15,"tag":2983,"props":4093,"children":4094},{},[4095,4111,4127,4143,4159],{"type":15,"tag":2958,"props":4096,"children":4097},{},[4098,4106],{"type":15,"tag":2990,"props":4099,"children":4100},{},[4101],{"type":15,"tag":55,"props":4102,"children":4104},{"className":4103},[],[4105],{"type":21,"value":3817},{"type":15,"tag":2990,"props":4107,"children":4108},{},[4109],{"type":21,"value":4110},"triggers when drag has started",{"type":15,"tag":2958,"props":4112,"children":4113},{},[4114,4122],{"type":15,"tag":2990,"props":4115,"children":4116},{},[4117],{"type":15,"tag":55,"props":4118,"children":4120},{"className":4119},[],[4121],{"type":21,"value":3844},{"type":15,"tag":2990,"props":4123,"children":4124},{},[4125],{"type":21,"value":4126},"triggers when drag has finished",{"type":15,"tag":2958,"props":4128,"children":4129},{},[4130,4138],{"type":15,"tag":2990,"props":4131,"children":4132},{},[4133],{"type":15,"tag":55,"props":4134,"children":4136},{"className":4135},[],[4137],{"type":21,"value":3871},{"type":15,"tag":2990,"props":4139,"children":4140},{},[4141],{"type":21,"value":4142},"triggers when any scroll happens",{"type":15,"tag":2958,"props":4144,"children":4145},{},[4146,4154],{"type":15,"tag":2990,"props":4147,"children":4148},{},[4149],{"type":15,"tag":55,"props":4150,"children":4152},{"className":4151},[],[4153],{"type":21,"value":3898},{"type":15,"tag":2990,"props":4155,"children":4156},{},[4157],{"type":21,"value":4158},"triggers when previous button is clicked",{"type":15,"tag":2958,"props":4160,"children":4161},{},[4162,4170],{"type":15,"tag":2990,"props":4163,"children":4164},{},[4165],{"type":15,"tag":55,"props":4166,"children":4168},{"className":4167},[],[4169],{"type":21,"value":3925},{"type":15,"tag":2990,"props":4171,"children":4172},{},[4173],{"type":21,"value":4174},"triggers when next button is clicked",{"type":15,"tag":27,"props":4176,"children":4177},{"v-slot:tab-3":9},[4178,4183,7537],{"type":15,"tag":4179,"props":4180,"children":4182},"partial",{"content":4181},"block-callout",[],{"type":15,"tag":97,"props":4184,"children":4185},{},[4186],{"type":15,"tag":147,"props":4187,"children":4189},{"className":149,"code":4188,"language":151,"meta":9,"style":9},"\u003Cscript lang=\"ts\" setup>\nimport { computed, toRefs, type PropType, type ConcreteComponent, reactive } from 'vue';\nimport {\n ClassProp,\n SfScrollableDirection,\n SfScrollableButtonsPlacement,\n SfIconChevronLeft,\n SfIconChevronRight,\n SfButton,\n useScrollable,\n type SfScrollableOnDragStartData,\n type SfScrollableOnScrollData,\n type SfScrollableOnPrevData,\n type SfScrollableOnNextData,\n type SfScrollableOnDragEndData,\n type ScrollableOptions,\n twMerge,\n useTwMergeRoot,\n} from '@storefront-ui\u002Fvue';\n\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = defineProps({\n tag: {\n type: [String, Object] as PropType\u003Cstring | ConcreteComponent>,\n default: 'div',\n },\n direction: {\n type: String as PropType\u003C`${SfScrollableDirection}`>,\n default: SfScrollableDirection.horizontal,\n },\n buttonsPlacement: {\n type: String as PropType\u003C`${SfScrollableButtonsPlacement}`>,\n default: SfScrollableButtonsPlacement.block,\n },\n wrapperClass: ClassProp,\n activeIndex: {\n type: Number,\n default: undefined,\n },\n reduceMotion: {\n type: Boolean,\n default: undefined,\n },\n drag: {\n type: [Object, Boolean] as PropType\u003CScrollableOptions['drag']>,\n default: undefined,\n },\n prevDisabled: {\n type: Boolean,\n default: undefined,\n },\n nextDisabled: {\n type: Boolean,\n default: undefined,\n },\n isActiveIndexCentered: {\n type: Boolean,\n default: false,\n },\n buttonPrevAriaLabel: {\n type: String,\n default: 'Previous',\n },\n buttonNextAriaLabel: {\n type: String,\n default: 'Next',\n },\n});\nconst emit = defineEmits\u003C{\n (e: 'onDragStart', data: SfScrollableOnDragStartData): void;\n (e: 'onDragEnd', data: SfScrollableOnDragEndData): void;\n (e: 'onScroll', data: SfScrollableOnScrollData): void;\n (e: 'onPrev', data: SfScrollableOnPrevData): void;\n (e: 'onNext', data: SfScrollableOnNextData): void;\n}>();\nconst { direction, activeIndex, reduceMotion, drag, isActiveIndexCentered } = toRefs(props);\n\nconst { containerRef, state, getNextButtonProps, getPrevButtonProps } = useScrollable(\n computed(() => ({\n ...reactive({\n direction,\n activeIndex,\n reduceMotion,\n drag,\n isActiveIndexCentered,\n }),\n onDragStart: (data) => emit('onDragStart', data),\n onDragEnd: (data) => emit('onDragEnd', data),\n onScroll: (data) => emit('onScroll', data),\n onPrev: (data) => emit('onPrev', data),\n onNext: (data) => emit('onNext', data),\n })),\n);\n\nconst isHorizontal = computed(() => props.direction === SfScrollableDirection.horizontal);\nconst isFloating = computed(() => props.buttonsPlacement === SfScrollableButtonsPlacement.floating);\nconst isBlock = computed(() => props.buttonsPlacement === SfScrollableButtonsPlacement.block);\nconst { attrsWithoutClass } = useTwMergeRoot();\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv\n :class=\"twMerge('items-center', 'relative', isHorizontal ? 'flex' : 'flex-col h-full inline-flex', wrapperClass)\"\n >\n \u003Cslot\n v-if=\"$slots.previousButton && buttonsPlacement !== SfScrollableButtonsPlacement.none\"\n v-bind=\"getPrevButtonProps\"\n name=\"previousButton\"\n \u002F>\n \u003CSfButton\n v-else-if=\"buttonsPlacement !== SfScrollableButtonsPlacement.none\"\n variant=\"secondary\"\n size=\"lg\"\n square\n :class=\"[\n '!rounded-full bg-white hidden md:block !ring-neutral-500 !text-neutral-500',\n {\n 'mr-4': isBlock && isHorizontal,\n 'mb-4 rotate-90': isBlock && !isHorizontal,\n 'absolute left-4 z-10': isFloating && isHorizontal,\n 'absolute top-4 rotate-90 z-10': isFloating && !isHorizontal,\n },\n isFloating ? 'disabled:hidden' : 'disabled:!ring-disabled-300 disabled:!text-disabled-500',\n ]\"\n v-bind=\"getPrevButtonProps\"\n :disabled=\"prevDisabled || getPrevButtonProps.disabled\"\n :aria-label=\"buttonPrevAriaLabel\"\n >\n \u003CSfIconChevronLeft \u002F>\n \u003C\u002FSfButton>\n \u003Ccomponent\n :is=\"tag\"\n ref=\"containerRef\"\n :class=\"\n twMerge(\n 'motion-safe:scroll-smooth',\n {\n 'overflow-x-auto flex gap-4': isHorizontal,\n 'overflow-y-auto flex flex-col gap-4': !isHorizontal,\n 'cursor-grab': state.isDragged,\n },\n $attrs.class,\n )\n \"\n v-bind=\"{ ...attrsWithoutClass, ...props }\"\n :disabled=\"prevDisabled\"\n >\n \u003Cslot \u002F>\n \u003C\u002Fcomponent>\n \u003Cslot\n v-if=\"$slots.nextButton && buttonsPlacement !== SfScrollableButtonsPlacement.none\"\n v-bind=\"getNextButtonProps\"\n name=\"nextButton\"\n \u002F>\n \u003CSfButton\n v-else-if=\"buttonsPlacement !== SfScrollableButtonsPlacement.none\"\n variant=\"secondary\"\n size=\"lg\"\n square\n :class=\"[\n '!rounded-full bg-white hidden md:block !ring-neutral-500 !text-neutral-500',\n {\n 'ml-4': isBlock && isHorizontal,\n 'mt-4 rotate-90': isBlock && !isHorizontal,\n 'absolute right-4 z-10': isFloating && isHorizontal,\n 'absolute bottom-4 rotate-90 z-10': isFloating && !isHorizontal,\n },\n isFloating ? 'disabled:hidden' : 'disabled:!ring-disabled-300 disabled:!text-disabled-500',\n ]\"\n v-bind=\"getNextButtonProps\"\n :disabled=\"nextDisabled || getNextButtonProps.disabled\"\n :aria-label=\"buttonNextAriaLabel\"\n >\n \u003CSfIconChevronRight \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n",[4190],{"type":15,"tag":55,"props":4191,"children":4192},{"__ignoreMap":9},[4193,4224,4301,4312,4324,4336,4348,4360,4372,4384,4396,4413,4429,4445,4461,4477,4493,4505,4517,4537,4544,4557,4577,4585,4592,4617,4630,4692,4712,4720,4732,4787,4815,4822,4834,4885,4913,4920,4941,4953,4973,4993,5001,5014,5035,5055,5063,5076,5136,5156,5164,5177,5197,5217,5225,5238,5258,5278,5286,5299,5319,5339,5347,5360,5380,5400,5408,5421,5441,5461,5469,5477,5504,5559,5609,5659,5709,5759,5768,5841,5849,5910,5933,5950,5963,5975,5988,6001,6014,6023,6074,6123,6172,6221,6270,6279,6287,6295,6358,6421,6482,6516,6532,6540,6556,6568,6586,6594,6607,6625,6643,6661,6675,6688,6706,6724,6742,6751,6767,6776,6785,6794,6803,6812,6821,6830,6839,6847,6863,6881,6899,6907,6926,6943,6956,6974,6992,7008,7017,7026,7035,7044,7053,7062,7071,7080,7089,7098,7115,7132,7140,7162,7179,7191,7208,7225,7242,7254,7266,7282,7298,7314,7322,7338,7346,7354,7363,7372,7381,7390,7398,7406,7414,7430,7447,7464,7472,7489,7505,7521],{"type":15,"tag":157,"props":4194,"children":4195},{"class":159,"line":160},[4196,4200,4204,4208,4212,4216,4220],{"type":15,"tag":157,"props":4197,"children":4198},{"style":164},[4199],{"type":21,"value":167},{"type":15,"tag":157,"props":4201,"children":4202},{"style":170},[4203],{"type":21,"value":381},{"type":15,"tag":157,"props":4205,"children":4206},{"style":198},[4207],{"type":21,"value":386},{"type":15,"tag":157,"props":4209,"children":4210},{"style":164},[4211],{"type":21,"value":206},{"type":15,"tag":157,"props":4213,"children":4214},{"style":209},[4215],{"type":21,"value":395},{"type":15,"tag":157,"props":4217,"children":4218},{"style":198},[4219],{"type":21,"value":400},{"type":15,"tag":157,"props":4221,"children":4222},{"style":164},[4223],{"type":21,"value":177},{"type":15,"tag":157,"props":4225,"children":4226},{"class":159,"line":180},[4227,4231,4235,4240,4244,4249,4253,4258,4263,4267,4271,4276,4280,4285,4289,4293,4297],{"type":15,"tag":157,"props":4228,"children":4229},{"style":411},[4230],{"type":21,"value":414},{"type":15,"tag":157,"props":4232,"children":4233},{"style":164},[4234],{"type":21,"value":419},{"type":15,"tag":157,"props":4236,"children":4237},{"style":170},[4238],{"type":21,"value":4239},"computed",{"type":15,"tag":157,"props":4241,"children":4242},{"style":164},[4243],{"type":21,"value":641},{"type":15,"tag":157,"props":4245,"children":4246},{"style":170},[4247],{"type":21,"value":4248},"toRefs",{"type":15,"tag":157,"props":4250,"children":4251},{"style":164},[4252],{"type":21,"value":641},{"type":15,"tag":157,"props":4254,"children":4255},{"style":411},[4256],{"type":21,"value":4257},"type",{"type":15,"tag":157,"props":4259,"children":4260},{"style":170},[4261],{"type":21,"value":4262}," PropType",{"type":15,"tag":157,"props":4264,"children":4265},{"style":164},[4266],{"type":21,"value":641},{"type":15,"tag":157,"props":4268,"children":4269},{"style":411},[4270],{"type":21,"value":4257},{"type":15,"tag":157,"props":4272,"children":4273},{"style":170},[4274],{"type":21,"value":4275}," ConcreteComponent",{"type":15,"tag":157,"props":4277,"children":4278},{"style":164},[4279],{"type":21,"value":641},{"type":15,"tag":157,"props":4281,"children":4282},{"style":170},[4283],{"type":21,"value":4284},"reactive",{"type":15,"tag":157,"props":4286,"children":4287},{"style":164},[4288],{"type":21,"value":428},{"type":15,"tag":157,"props":4290,"children":4291},{"style":411},[4292],{"type":21,"value":433},{"type":15,"tag":157,"props":4294,"children":4295},{"style":209},[4296],{"type":21,"value":1906},{"type":15,"tag":157,"props":4298,"children":4299},{"style":164},[4300],{"type":21,"value":443},{"type":15,"tag":157,"props":4302,"children":4303},{"class":159,"line":194},[4304,4308],{"type":15,"tag":157,"props":4305,"children":4306},{"style":411},[4307],{"type":21,"value":414},{"type":15,"tag":157,"props":4309,"children":4310},{"style":164},[4311],{"type":21,"value":2445},{"type":15,"tag":157,"props":4313,"children":4314},{"class":159,"line":215},[4315,4320],{"type":15,"tag":157,"props":4316,"children":4317},{"style":170},[4318],{"type":21,"value":4319}," ClassProp",{"type":15,"tag":157,"props":4321,"children":4322},{"style":164},[4323],{"type":21,"value":2753},{"type":15,"tag":157,"props":4325,"children":4326},{"class":159,"line":224},[4327,4332],{"type":15,"tag":157,"props":4328,"children":4329},{"style":170},[4330],{"type":21,"value":4331}," SfScrollableDirection",{"type":15,"tag":157,"props":4333,"children":4334},{"style":164},[4335],{"type":21,"value":2753},{"type":15,"tag":157,"props":4337,"children":4338},{"class":159,"line":238},[4339,4344],{"type":15,"tag":157,"props":4340,"children":4341},{"style":170},[4342],{"type":21,"value":4343}," SfScrollableButtonsPlacement",{"type":15,"tag":157,"props":4345,"children":4346},{"style":164},[4347],{"type":21,"value":2753},{"type":15,"tag":157,"props":4349,"children":4350},{"class":159,"line":256},[4351,4356],{"type":15,"tag":157,"props":4352,"children":4353},{"style":170},[4354],{"type":21,"value":4355}," SfIconChevronLeft",{"type":15,"tag":157,"props":4357,"children":4358},{"style":164},[4359],{"type":21,"value":2753},{"type":15,"tag":157,"props":4361,"children":4362},{"class":159,"line":274},[4363,4368],{"type":15,"tag":157,"props":4364,"children":4365},{"style":170},[4366],{"type":21,"value":4367}," SfIconChevronRight",{"type":15,"tag":157,"props":4369,"children":4370},{"style":164},[4371],{"type":21,"value":2753},{"type":15,"tag":157,"props":4373,"children":4374},{"class":159,"line":292},[4375,4380],{"type":15,"tag":157,"props":4376,"children":4377},{"style":170},[4378],{"type":21,"value":4379}," SfButton",{"type":15,"tag":157,"props":4381,"children":4382},{"style":164},[4383],{"type":21,"value":2753},{"type":15,"tag":157,"props":4385,"children":4386},{"class":159,"line":301},[4387,4392],{"type":15,"tag":157,"props":4388,"children":4389},{"style":170},[4390],{"type":21,"value":4391}," useScrollable",{"type":15,"tag":157,"props":4393,"children":4394},{"style":164},[4395],{"type":21,"value":2753},{"type":15,"tag":157,"props":4397,"children":4398},{"class":159,"line":310},[4399,4404,4409],{"type":15,"tag":157,"props":4400,"children":4401},{"style":411},[4402],{"type":21,"value":4403}," type",{"type":15,"tag":157,"props":4405,"children":4406},{"style":170},[4407],{"type":21,"value":4408}," SfScrollableOnDragStartData",{"type":15,"tag":157,"props":4410,"children":4411},{"style":164},[4412],{"type":21,"value":2753},{"type":15,"tag":157,"props":4414,"children":4415},{"class":159,"line":328},[4416,4420,4425],{"type":15,"tag":157,"props":4417,"children":4418},{"style":411},[4419],{"type":21,"value":4403},{"type":15,"tag":157,"props":4421,"children":4422},{"style":170},[4423],{"type":21,"value":4424}," SfScrollableOnScrollData",{"type":15,"tag":157,"props":4426,"children":4427},{"style":164},[4428],{"type":21,"value":2753},{"type":15,"tag":157,"props":4430,"children":4431},{"class":159,"line":345},[4432,4436,4441],{"type":15,"tag":157,"props":4433,"children":4434},{"style":411},[4435],{"type":21,"value":4403},{"type":15,"tag":157,"props":4437,"children":4438},{"style":170},[4439],{"type":21,"value":4440}," SfScrollableOnPrevData",{"type":15,"tag":157,"props":4442,"children":4443},{"style":164},[4444],{"type":21,"value":2753},{"type":15,"tag":157,"props":4446,"children":4447},{"class":159,"line":362},[4448,4452,4457],{"type":15,"tag":157,"props":4449,"children":4450},{"style":411},[4451],{"type":21,"value":4403},{"type":15,"tag":157,"props":4453,"children":4454},{"style":170},[4455],{"type":21,"value":4456}," SfScrollableOnNextData",{"type":15,"tag":157,"props":4458,"children":4459},{"style":164},[4460],{"type":21,"value":2753},{"type":15,"tag":157,"props":4462,"children":4463},{"class":159,"line":371},[4464,4468,4473],{"type":15,"tag":157,"props":4465,"children":4466},{"style":411},[4467],{"type":21,"value":4403},{"type":15,"tag":157,"props":4469,"children":4470},{"style":170},[4471],{"type":21,"value":4472}," SfScrollableOnDragEndData",{"type":15,"tag":157,"props":4474,"children":4475},{"style":164},[4476],{"type":21,"value":2753},{"type":15,"tag":157,"props":4478,"children":4479},{"class":159,"line":407},[4480,4484,4489],{"type":15,"tag":157,"props":4481,"children":4482},{"style":411},[4483],{"type":21,"value":4403},{"type":15,"tag":157,"props":4485,"children":4486},{"style":170},[4487],{"type":21,"value":4488}," ScrollableOptions",{"type":15,"tag":157,"props":4490,"children":4491},{"style":164},[4492],{"type":21,"value":2753},{"type":15,"tag":157,"props":4494,"children":4495},{"class":159,"line":446},[4496,4501],{"type":15,"tag":157,"props":4497,"children":4498},{"style":170},[4499],{"type":21,"value":4500}," twMerge",{"type":15,"tag":157,"props":4502,"children":4503},{"style":164},[4504],{"type":21,"value":2753},{"type":15,"tag":157,"props":4506,"children":4507},{"class":159,"line":1653},[4508,4513],{"type":15,"tag":157,"props":4509,"children":4510},{"style":170},[4511],{"type":21,"value":4512}," useTwMergeRoot",{"type":15,"tag":157,"props":4514,"children":4515},{"style":164},[4516],{"type":21,"value":2753},{"type":15,"tag":157,"props":4518,"children":4519},{"class":159,"line":1662},[4520,4525,4529,4533],{"type":15,"tag":157,"props":4521,"children":4522},{"style":164},[4523],{"type":21,"value":4524},"} ",{"type":15,"tag":157,"props":4526,"children":4527},{"style":411},[4528],{"type":21,"value":433},{"type":15,"tag":157,"props":4530,"children":4531},{"style":209},[4532],{"type":21,"value":438},{"type":15,"tag":157,"props":4534,"children":4535},{"style":164},[4536],{"type":21,"value":443},{"type":15,"tag":157,"props":4538,"children":4539},{"class":159,"line":1670},[4540],{"type":15,"tag":157,"props":4541,"children":4542},{"emptyLinePlaceholder":8},[4543],{"type":21,"value":368},{"type":15,"tag":157,"props":4545,"children":4546},{"class":159,"line":1678},[4547,4552],{"type":15,"tag":157,"props":4548,"children":4549},{"style":531},[4550],{"type":21,"value":4551},"defineOptions",{"type":15,"tag":157,"props":4553,"children":4554},{"style":164},[4555],{"type":21,"value":4556},"({\n",{"type":15,"tag":157,"props":4558,"children":4559},{"class":159,"line":1686},[4560,4565,4569,4573],{"type":15,"tag":157,"props":4561,"children":4562},{"style":170},[4563],{"type":21,"value":4564}," inheritAttrs",{"type":15,"tag":157,"props":4566,"children":4567},{"style":164},[4568],{"type":21,"value":620},{"type":15,"tag":157,"props":4570,"children":4571},{"style":198},[4572],{"type":21,"value":3958},{"type":15,"tag":157,"props":4574,"children":4575},{"style":164},[4576],{"type":21,"value":2753},{"type":15,"tag":157,"props":4578,"children":4579},{"class":159,"line":1698},[4580],{"type":15,"tag":157,"props":4581,"children":4582},{"style":164},[4583],{"type":21,"value":4584},"});\n",{"type":15,"tag":157,"props":4586,"children":4587},{"class":159,"line":1714},[4588],{"type":15,"tag":157,"props":4589,"children":4590},{"emptyLinePlaceholder":8},[4591],{"type":21,"value":368},{"type":15,"tag":157,"props":4593,"children":4594},{"class":159,"line":1730},[4595,4599,4604,4608,4613],{"type":15,"tag":157,"props":4596,"children":4597},{"style":411},[4598],{"type":21,"value":1959},{"type":15,"tag":157,"props":4600,"children":4601},{"style":562},[4602],{"type":21,"value":4603}," props",{"type":15,"tag":157,"props":4605,"children":4606},{"style":573},[4607],{"type":21,"value":1969},{"type":15,"tag":157,"props":4609,"children":4610},{"style":531},[4611],{"type":21,"value":4612}," defineProps",{"type":15,"tag":157,"props":4614,"children":4615},{"style":164},[4616],{"type":21,"value":4556},{"type":15,"tag":157,"props":4618,"children":4619},{"class":159,"line":1748},[4620,4625],{"type":15,"tag":157,"props":4621,"children":4622},{"style":170},[4623],{"type":21,"value":4624}," tag",{"type":15,"tag":157,"props":4626,"children":4627},{"style":164},[4628],{"type":21,"value":4629},": {\n",{"type":15,"tag":157,"props":4631,"children":4632},{"class":159,"line":1757},[4633,4638,4643,4648,4652,4657,4661,4665,4669,4673,4677,4682,4687],{"type":15,"tag":157,"props":4634,"children":4635},{"style":170},[4636],{"type":21,"value":4637}," type",{"type":15,"tag":157,"props":4639,"children":4640},{"style":164},[4641],{"type":21,"value":4642},": [",{"type":15,"tag":157,"props":4644,"children":4645},{"style":170},[4646],{"type":21,"value":4647},"String",{"type":15,"tag":157,"props":4649,"children":4650},{"style":164},[4651],{"type":21,"value":641},{"type":15,"tag":157,"props":4653,"children":4654},{"style":170},[4655],{"type":21,"value":4656},"Object",{"type":15,"tag":157,"props":4658,"children":4659},{"style":164},[4660],{"type":21,"value":2217},{"type":15,"tag":157,"props":4662,"children":4663},{"style":411},[4664],{"type":21,"value":3672},{"type":15,"tag":157,"props":4666,"children":4667},{"style":562},[4668],{"type":21,"value":4262},{"type":15,"tag":157,"props":4670,"children":4671},{"style":164},[4672],{"type":21,"value":167},{"type":15,"tag":157,"props":4674,"children":4675},{"style":562},[4676],{"type":21,"value":3259},{"type":15,"tag":157,"props":4678,"children":4679},{"style":164},[4680],{"type":21,"value":4681}," | ",{"type":15,"tag":157,"props":4683,"children":4684},{"style":562},[4685],{"type":21,"value":4686},"ConcreteComponent",{"type":15,"tag":157,"props":4688,"children":4689},{"style":164},[4690],{"type":21,"value":4691},">,\n",{"type":15,"tag":157,"props":4693,"children":4694},{"class":159,"line":1766},[4695,4700,4704,4708],{"type":15,"tag":157,"props":4696,"children":4697},{"style":170},[4698],{"type":21,"value":4699}," default",{"type":15,"tag":157,"props":4701,"children":4702},{"style":164},[4703],{"type":21,"value":620},{"type":15,"tag":157,"props":4705,"children":4706},{"style":209},[4707],{"type":21,"value":3331},{"type":15,"tag":157,"props":4709,"children":4710},{"style":164},[4711],{"type":21,"value":2753},{"type":15,"tag":157,"props":4713,"children":4714},{"class":159,"line":1775},[4715],{"type":15,"tag":157,"props":4716,"children":4717},{"style":164},[4718],{"type":21,"value":4719}," },\n",{"type":15,"tag":157,"props":4721,"children":4722},{"class":159,"line":1783},[4723,4728],{"type":15,"tag":157,"props":4724,"children":4725},{"style":170},[4726],{"type":21,"value":4727}," direction",{"type":15,"tag":157,"props":4729,"children":4730},{"style":164},[4731],{"type":21,"value":4629},{"type":15,"tag":157,"props":4733,"children":4734},{"class":159,"line":1791},[4735,4739,4743,4747,4752,4756,4760,4765,4770,4774,4779,4783],{"type":15,"tag":157,"props":4736,"children":4737},{"style":170},[4738],{"type":21,"value":4637},{"type":15,"tag":157,"props":4740,"children":4741},{"style":164},[4742],{"type":21,"value":620},{"type":15,"tag":157,"props":4744,"children":4745},{"style":170},[4746],{"type":21,"value":4647},{"type":15,"tag":157,"props":4748,"children":4749},{"style":411},[4750],{"type":21,"value":4751}," as",{"type":15,"tag":157,"props":4753,"children":4754},{"style":562},[4755],{"type":21,"value":4262},{"type":15,"tag":157,"props":4757,"children":4758},{"style":164},[4759],{"type":21,"value":167},{"type":15,"tag":157,"props":4761,"children":4762},{"style":209},[4763],{"type":21,"value":4764},"`",{"type":15,"tag":157,"props":4766,"children":4767},{"style":411},[4768],{"type":21,"value":4769},"${",{"type":15,"tag":157,"props":4771,"children":4772},{"style":562},[4773],{"type":21,"value":3007},{"type":15,"tag":157,"props":4775,"children":4776},{"style":411},[4777],{"type":21,"value":4778},"}",{"type":15,"tag":157,"props":4780,"children":4781},{"style":209},[4782],{"type":21,"value":4764},{"type":15,"tag":157,"props":4784,"children":4785},{"style":164},[4786],{"type":21,"value":4691},{"type":15,"tag":157,"props":4788,"children":4789},{"class":159,"line":1807},[4790,4794,4798,4802,4806,4811],{"type":15,"tag":157,"props":4791,"children":4792},{"style":170},[4793],{"type":21,"value":4699},{"type":15,"tag":157,"props":4795,"children":4796},{"style":164},[4797],{"type":21,"value":620},{"type":15,"tag":157,"props":4799,"children":4800},{"style":562},[4801],{"type":21,"value":3007},{"type":15,"tag":157,"props":4803,"children":4804},{"style":164},[4805],{"type":21,"value":95},{"type":15,"tag":157,"props":4807,"children":4808},{"style":170},[4809],{"type":21,"value":4810},"horizontal",{"type":15,"tag":157,"props":4812,"children":4813},{"style":164},[4814],{"type":21,"value":2753},{"type":15,"tag":157,"props":4816,"children":4817},{"class":159,"line":1823},[4818],{"type":15,"tag":157,"props":4819,"children":4820},{"style":164},[4821],{"type":21,"value":4719},{"type":15,"tag":157,"props":4823,"children":4824},{"class":159,"line":1839},[4825,4830],{"type":15,"tag":157,"props":4826,"children":4827},{"style":170},[4828],{"type":21,"value":4829}," buttonsPlacement",{"type":15,"tag":157,"props":4831,"children":4832},{"style":164},[4833],{"type":21,"value":4629},{"type":15,"tag":157,"props":4835,"children":4836},{"class":159,"line":1847},[4837,4841,4845,4849,4853,4857,4861,4865,4869,4873,4877,4881],{"type":15,"tag":157,"props":4838,"children":4839},{"style":170},[4840],{"type":21,"value":4637},{"type":15,"tag":157,"props":4842,"children":4843},{"style":164},[4844],{"type":21,"value":620},{"type":15,"tag":157,"props":4846,"children":4847},{"style":170},[4848],{"type":21,"value":4647},{"type":15,"tag":157,"props":4850,"children":4851},{"style":411},[4852],{"type":21,"value":4751},{"type":15,"tag":157,"props":4854,"children":4855},{"style":562},[4856],{"type":21,"value":4262},{"type":15,"tag":157,"props":4858,"children":4859},{"style":164},[4860],{"type":21,"value":167},{"type":15,"tag":157,"props":4862,"children":4863},{"style":209},[4864],{"type":21,"value":4764},{"type":15,"tag":157,"props":4866,"children":4867},{"style":411},[4868],{"type":21,"value":4769},{"type":15,"tag":157,"props":4870,"children":4871},{"style":562},[4872],{"type":21,"value":3052},{"type":15,"tag":157,"props":4874,"children":4875},{"style":411},[4876],{"type":21,"value":4778},{"type":15,"tag":157,"props":4878,"children":4879},{"style":209},[4880],{"type":21,"value":4764},{"type":15,"tag":157,"props":4882,"children":4883},{"style":164},[4884],{"type":21,"value":4691},{"type":15,"tag":157,"props":4886,"children":4887},{"class":159,"line":1879},[4888,4892,4896,4900,4904,4909],{"type":15,"tag":157,"props":4889,"children":4890},{"style":170},[4891],{"type":21,"value":4699},{"type":15,"tag":157,"props":4893,"children":4894},{"style":164},[4895],{"type":21,"value":620},{"type":15,"tag":157,"props":4897,"children":4898},{"style":562},[4899],{"type":21,"value":3052},{"type":15,"tag":157,"props":4901,"children":4902},{"style":164},[4903],{"type":21,"value":95},{"type":15,"tag":157,"props":4905,"children":4906},{"style":170},[4907],{"type":21,"value":4908},"block",{"type":15,"tag":157,"props":4910,"children":4911},{"style":164},[4912],{"type":21,"value":2753},{"type":15,"tag":157,"props":4914,"children":4915},{"class":159,"line":1913},[4916],{"type":15,"tag":157,"props":4917,"children":4918},{"style":164},[4919],{"type":21,"value":4719},{"type":15,"tag":157,"props":4921,"children":4922},{"class":159,"line":1945},[4923,4928,4932,4937],{"type":15,"tag":157,"props":4924,"children":4925},{"style":170},[4926],{"type":21,"value":4927}," wrapperClass",{"type":15,"tag":157,"props":4929,"children":4930},{"style":164},[4931],{"type":21,"value":620},{"type":15,"tag":157,"props":4933,"children":4934},{"style":170},[4935],{"type":21,"value":4936},"ClassProp",{"type":15,"tag":157,"props":4938,"children":4939},{"style":164},[4940],{"type":21,"value":2753},{"type":15,"tag":157,"props":4942,"children":4943},{"class":159,"line":1953},[4944,4949],{"type":15,"tag":157,"props":4945,"children":4946},{"style":170},[4947],{"type":21,"value":4948}," activeIndex",{"type":15,"tag":157,"props":4950,"children":4951},{"style":164},[4952],{"type":21,"value":4629},{"type":15,"tag":157,"props":4954,"children":4955},{"class":159,"line":1981},[4956,4960,4964,4969],{"type":15,"tag":157,"props":4957,"children":4958},{"style":170},[4959],{"type":21,"value":4637},{"type":15,"tag":157,"props":4961,"children":4962},{"style":164},[4963],{"type":21,"value":620},{"type":15,"tag":157,"props":4965,"children":4966},{"style":170},[4967],{"type":21,"value":4968},"Number",{"type":15,"tag":157,"props":4970,"children":4971},{"style":164},[4972],{"type":21,"value":2753},{"type":15,"tag":157,"props":4974,"children":4975},{"class":159,"line":2018},[4976,4980,4984,4989],{"type":15,"tag":157,"props":4977,"children":4978},{"style":170},[4979],{"type":21,"value":4699},{"type":15,"tag":157,"props":4981,"children":4982},{"style":164},[4983],{"type":21,"value":620},{"type":15,"tag":157,"props":4985,"children":4986},{"style":198},[4987],{"type":21,"value":4988},"undefined",{"type":15,"tag":157,"props":4990,"children":4991},{"style":164},[4992],{"type":21,"value":2753},{"type":15,"tag":157,"props":4994,"children":4996},{"class":159,"line":4995},42,[4997],{"type":15,"tag":157,"props":4998,"children":4999},{"style":164},[5000],{"type":21,"value":4719},{"type":15,"tag":157,"props":5002,"children":5004},{"class":159,"line":5003},43,[5005,5010],{"type":15,"tag":157,"props":5006,"children":5007},{"style":170},[5008],{"type":21,"value":5009}," reduceMotion",{"type":15,"tag":157,"props":5011,"children":5012},{"style":164},[5013],{"type":21,"value":4629},{"type":15,"tag":157,"props":5015,"children":5017},{"class":159,"line":5016},44,[5018,5022,5026,5031],{"type":15,"tag":157,"props":5019,"children":5020},{"style":170},[5021],{"type":21,"value":4637},{"type":15,"tag":157,"props":5023,"children":5024},{"style":164},[5025],{"type":21,"value":620},{"type":15,"tag":157,"props":5027,"children":5028},{"style":170},[5029],{"type":21,"value":5030},"Boolean",{"type":15,"tag":157,"props":5032,"children":5033},{"style":164},[5034],{"type":21,"value":2753},{"type":15,"tag":157,"props":5036,"children":5038},{"class":159,"line":5037},45,[5039,5043,5047,5051],{"type":15,"tag":157,"props":5040,"children":5041},{"style":170},[5042],{"type":21,"value":4699},{"type":15,"tag":157,"props":5044,"children":5045},{"style":164},[5046],{"type":21,"value":620},{"type":15,"tag":157,"props":5048,"children":5049},{"style":198},[5050],{"type":21,"value":4988},{"type":15,"tag":157,"props":5052,"children":5053},{"style":164},[5054],{"type":21,"value":2753},{"type":15,"tag":157,"props":5056,"children":5058},{"class":159,"line":5057},46,[5059],{"type":15,"tag":157,"props":5060,"children":5061},{"style":164},[5062],{"type":21,"value":4719},{"type":15,"tag":157,"props":5064,"children":5066},{"class":159,"line":5065},47,[5067,5072],{"type":15,"tag":157,"props":5068,"children":5069},{"style":170},[5070],{"type":21,"value":5071}," drag",{"type":15,"tag":157,"props":5073,"children":5074},{"style":164},[5075],{"type":21,"value":4629},{"type":15,"tag":157,"props":5077,"children":5079},{"class":159,"line":5078},48,[5080,5084,5088,5092,5096,5100,5104,5108,5112,5116,5121,5126,5131],{"type":15,"tag":157,"props":5081,"children":5082},{"style":170},[5083],{"type":21,"value":4637},{"type":15,"tag":157,"props":5085,"children":5086},{"style":164},[5087],{"type":21,"value":4642},{"type":15,"tag":157,"props":5089,"children":5090},{"style":170},[5091],{"type":21,"value":4656},{"type":15,"tag":157,"props":5093,"children":5094},{"style":164},[5095],{"type":21,"value":641},{"type":15,"tag":157,"props":5097,"children":5098},{"style":170},[5099],{"type":21,"value":5030},{"type":15,"tag":157,"props":5101,"children":5102},{"style":164},[5103],{"type":21,"value":2217},{"type":15,"tag":157,"props":5105,"children":5106},{"style":411},[5107],{"type":21,"value":3672},{"type":15,"tag":157,"props":5109,"children":5110},{"style":562},[5111],{"type":21,"value":4262},{"type":15,"tag":157,"props":5113,"children":5114},{"style":164},[5115],{"type":21,"value":167},{"type":15,"tag":157,"props":5117,"children":5118},{"style":562},[5119],{"type":21,"value":5120},"ScrollableOptions",{"type":15,"tag":157,"props":5122,"children":5123},{"style":164},[5124],{"type":21,"value":5125},"[",{"type":15,"tag":157,"props":5127,"children":5128},{"style":209},[5129],{"type":21,"value":5130},"'drag'",{"type":15,"tag":157,"props":5132,"children":5133},{"style":164},[5134],{"type":21,"value":5135},"]>,\n",{"type":15,"tag":157,"props":5137,"children":5139},{"class":159,"line":5138},49,[5140,5144,5148,5152],{"type":15,"tag":157,"props":5141,"children":5142},{"style":170},[5143],{"type":21,"value":4699},{"type":15,"tag":157,"props":5145,"children":5146},{"style":164},[5147],{"type":21,"value":620},{"type":15,"tag":157,"props":5149,"children":5150},{"style":198},[5151],{"type":21,"value":4988},{"type":15,"tag":157,"props":5153,"children":5154},{"style":164},[5155],{"type":21,"value":2753},{"type":15,"tag":157,"props":5157,"children":5159},{"class":159,"line":5158},50,[5160],{"type":15,"tag":157,"props":5161,"children":5162},{"style":164},[5163],{"type":21,"value":4719},{"type":15,"tag":157,"props":5165,"children":5167},{"class":159,"line":5166},51,[5168,5173],{"type":15,"tag":157,"props":5169,"children":5170},{"style":170},[5171],{"type":21,"value":5172}," prevDisabled",{"type":15,"tag":157,"props":5174,"children":5175},{"style":164},[5176],{"type":21,"value":4629},{"type":15,"tag":157,"props":5178,"children":5180},{"class":159,"line":5179},52,[5181,5185,5189,5193],{"type":15,"tag":157,"props":5182,"children":5183},{"style":170},[5184],{"type":21,"value":4637},{"type":15,"tag":157,"props":5186,"children":5187},{"style":164},[5188],{"type":21,"value":620},{"type":15,"tag":157,"props":5190,"children":5191},{"style":170},[5192],{"type":21,"value":5030},{"type":15,"tag":157,"props":5194,"children":5195},{"style":164},[5196],{"type":21,"value":2753},{"type":15,"tag":157,"props":5198,"children":5200},{"class":159,"line":5199},53,[5201,5205,5209,5213],{"type":15,"tag":157,"props":5202,"children":5203},{"style":170},[5204],{"type":21,"value":4699},{"type":15,"tag":157,"props":5206,"children":5207},{"style":164},[5208],{"type":21,"value":620},{"type":15,"tag":157,"props":5210,"children":5211},{"style":198},[5212],{"type":21,"value":4988},{"type":15,"tag":157,"props":5214,"children":5215},{"style":164},[5216],{"type":21,"value":2753},{"type":15,"tag":157,"props":5218,"children":5220},{"class":159,"line":5219},54,[5221],{"type":15,"tag":157,"props":5222,"children":5223},{"style":164},[5224],{"type":21,"value":4719},{"type":15,"tag":157,"props":5226,"children":5228},{"class":159,"line":5227},55,[5229,5234],{"type":15,"tag":157,"props":5230,"children":5231},{"style":170},[5232],{"type":21,"value":5233}," nextDisabled",{"type":15,"tag":157,"props":5235,"children":5236},{"style":164},[5237],{"type":21,"value":4629},{"type":15,"tag":157,"props":5239,"children":5241},{"class":159,"line":5240},56,[5242,5246,5250,5254],{"type":15,"tag":157,"props":5243,"children":5244},{"style":170},[5245],{"type":21,"value":4637},{"type":15,"tag":157,"props":5247,"children":5248},{"style":164},[5249],{"type":21,"value":620},{"type":15,"tag":157,"props":5251,"children":5252},{"style":170},[5253],{"type":21,"value":5030},{"type":15,"tag":157,"props":5255,"children":5256},{"style":164},[5257],{"type":21,"value":2753},{"type":15,"tag":157,"props":5259,"children":5261},{"class":159,"line":5260},57,[5262,5266,5270,5274],{"type":15,"tag":157,"props":5263,"children":5264},{"style":170},[5265],{"type":21,"value":4699},{"type":15,"tag":157,"props":5267,"children":5268},{"style":164},[5269],{"type":21,"value":620},{"type":15,"tag":157,"props":5271,"children":5272},{"style":198},[5273],{"type":21,"value":4988},{"type":15,"tag":157,"props":5275,"children":5276},{"style":164},[5277],{"type":21,"value":2753},{"type":15,"tag":157,"props":5279,"children":5281},{"class":159,"line":5280},58,[5282],{"type":15,"tag":157,"props":5283,"children":5284},{"style":164},[5285],{"type":21,"value":4719},{"type":15,"tag":157,"props":5287,"children":5289},{"class":159,"line":5288},59,[5290,5295],{"type":15,"tag":157,"props":5291,"children":5292},{"style":170},[5293],{"type":21,"value":5294}," isActiveIndexCentered",{"type":15,"tag":157,"props":5296,"children":5297},{"style":164},[5298],{"type":21,"value":4629},{"type":15,"tag":157,"props":5300,"children":5302},{"class":159,"line":5301},60,[5303,5307,5311,5315],{"type":15,"tag":157,"props":5304,"children":5305},{"style":170},[5306],{"type":21,"value":4637},{"type":15,"tag":157,"props":5308,"children":5309},{"style":164},[5310],{"type":21,"value":620},{"type":15,"tag":157,"props":5312,"children":5313},{"style":170},[5314],{"type":21,"value":5030},{"type":15,"tag":157,"props":5316,"children":5317},{"style":164},[5318],{"type":21,"value":2753},{"type":15,"tag":157,"props":5320,"children":5322},{"class":159,"line":5321},61,[5323,5327,5331,5335],{"type":15,"tag":157,"props":5324,"children":5325},{"style":170},[5326],{"type":21,"value":4699},{"type":15,"tag":157,"props":5328,"children":5329},{"style":164},[5330],{"type":21,"value":620},{"type":15,"tag":157,"props":5332,"children":5333},{"style":198},[5334],{"type":21,"value":3958},{"type":15,"tag":157,"props":5336,"children":5337},{"style":164},[5338],{"type":21,"value":2753},{"type":15,"tag":157,"props":5340,"children":5342},{"class":159,"line":5341},62,[5343],{"type":15,"tag":157,"props":5344,"children":5345},{"style":164},[5346],{"type":21,"value":4719},{"type":15,"tag":157,"props":5348,"children":5350},{"class":159,"line":5349},63,[5351,5356],{"type":15,"tag":157,"props":5352,"children":5353},{"style":170},[5354],{"type":21,"value":5355}," buttonPrevAriaLabel",{"type":15,"tag":157,"props":5357,"children":5358},{"style":164},[5359],{"type":21,"value":4629},{"type":15,"tag":157,"props":5361,"children":5363},{"class":159,"line":5362},64,[5364,5368,5372,5376],{"type":15,"tag":157,"props":5365,"children":5366},{"style":170},[5367],{"type":21,"value":4637},{"type":15,"tag":157,"props":5369,"children":5370},{"style":164},[5371],{"type":21,"value":620},{"type":15,"tag":157,"props":5373,"children":5374},{"style":170},[5375],{"type":21,"value":4647},{"type":15,"tag":157,"props":5377,"children":5378},{"style":164},[5379],{"type":21,"value":2753},{"type":15,"tag":157,"props":5381,"children":5383},{"class":159,"line":5382},65,[5384,5388,5392,5396],{"type":15,"tag":157,"props":5385,"children":5386},{"style":170},[5387],{"type":21,"value":4699},{"type":15,"tag":157,"props":5389,"children":5390},{"style":164},[5391],{"type":21,"value":620},{"type":15,"tag":157,"props":5393,"children":5394},{"style":209},[5395],{"type":21,"value":3268},{"type":15,"tag":157,"props":5397,"children":5398},{"style":164},[5399],{"type":21,"value":2753},{"type":15,"tag":157,"props":5401,"children":5403},{"class":159,"line":5402},66,[5404],{"type":15,"tag":157,"props":5405,"children":5406},{"style":164},[5407],{"type":21,"value":4719},{"type":15,"tag":157,"props":5409,"children":5411},{"class":159,"line":5410},67,[5412,5417],{"type":15,"tag":157,"props":5413,"children":5414},{"style":170},[5415],{"type":21,"value":5416}," buttonNextAriaLabel",{"type":15,"tag":157,"props":5418,"children":5419},{"style":164},[5420],{"type":21,"value":4629},{"type":15,"tag":157,"props":5422,"children":5424},{"class":159,"line":5423},68,[5425,5429,5433,5437],{"type":15,"tag":157,"props":5426,"children":5427},{"style":170},[5428],{"type":21,"value":4637},{"type":15,"tag":157,"props":5430,"children":5431},{"style":164},[5432],{"type":21,"value":620},{"type":15,"tag":157,"props":5434,"children":5435},{"style":170},[5436],{"type":21,"value":4647},{"type":15,"tag":157,"props":5438,"children":5439},{"style":164},[5440],{"type":21,"value":2753},{"type":15,"tag":157,"props":5442,"children":5444},{"class":159,"line":5443},69,[5445,5449,5453,5457],{"type":15,"tag":157,"props":5446,"children":5447},{"style":170},[5448],{"type":21,"value":4699},{"type":15,"tag":157,"props":5450,"children":5451},{"style":164},[5452],{"type":21,"value":620},{"type":15,"tag":157,"props":5454,"children":5455},{"style":209},[5456],{"type":21,"value":3299},{"type":15,"tag":157,"props":5458,"children":5459},{"style":164},[5460],{"type":21,"value":2753},{"type":15,"tag":157,"props":5462,"children":5464},{"class":159,"line":5463},70,[5465],{"type":15,"tag":157,"props":5466,"children":5467},{"style":164},[5468],{"type":21,"value":4719},{"type":15,"tag":157,"props":5470,"children":5472},{"class":159,"line":5471},71,[5473],{"type":15,"tag":157,"props":5474,"children":5475},{"style":164},[5476],{"type":21,"value":4584},{"type":15,"tag":157,"props":5478,"children":5480},{"class":159,"line":5479},72,[5481,5485,5490,5494,5499],{"type":15,"tag":157,"props":5482,"children":5483},{"style":411},[5484],{"type":21,"value":1959},{"type":15,"tag":157,"props":5486,"children":5487},{"style":562},[5488],{"type":21,"value":5489}," emit",{"type":15,"tag":157,"props":5491,"children":5492},{"style":573},[5493],{"type":21,"value":1969},{"type":15,"tag":157,"props":5495,"children":5496},{"style":531},[5497],{"type":21,"value":5498}," defineEmits",{"type":15,"tag":157,"props":5500,"children":5501},{"style":164},[5502],{"type":21,"value":5503},"\u003C{\n",{"type":15,"tag":157,"props":5505,"children":5507},{"class":159,"line":5506},73,[5508,5513,5518,5522,5527,5531,5536,5540,5545,5550,5555],{"type":15,"tag":157,"props":5509,"children":5510},{"style":164},[5511],{"type":21,"value":5512}," (",{"type":15,"tag":157,"props":5514,"children":5515},{"style":633},[5516],{"type":21,"value":5517},"e",{"type":15,"tag":157,"props":5519,"children":5520},{"style":164},[5521],{"type":21,"value":620},{"type":15,"tag":157,"props":5523,"children":5524},{"style":209},[5525],{"type":21,"value":5526},"'onDragStart'",{"type":15,"tag":157,"props":5528,"children":5529},{"style":164},[5530],{"type":21,"value":641},{"type":15,"tag":157,"props":5532,"children":5533},{"style":633},[5534],{"type":21,"value":5535},"data",{"type":15,"tag":157,"props":5537,"children":5538},{"style":164},[5539],{"type":21,"value":620},{"type":15,"tag":157,"props":5541,"children":5542},{"style":562},[5543],{"type":21,"value":5544},"SfScrollableOnDragStartData",{"type":15,"tag":157,"props":5546,"children":5547},{"style":164},[5548],{"type":21,"value":5549},"): ",{"type":15,"tag":157,"props":5551,"children":5552},{"style":562},[5553],{"type":21,"value":5554},"void",{"type":15,"tag":157,"props":5556,"children":5557},{"style":164},[5558],{"type":21,"value":443},{"type":15,"tag":157,"props":5560,"children":5562},{"class":159,"line":5561},74,[5563,5567,5571,5575,5580,5584,5588,5592,5597,5601,5605],{"type":15,"tag":157,"props":5564,"children":5565},{"style":164},[5566],{"type":21,"value":5512},{"type":15,"tag":157,"props":5568,"children":5569},{"style":633},[5570],{"type":21,"value":5517},{"type":15,"tag":157,"props":5572,"children":5573},{"style":164},[5574],{"type":21,"value":620},{"type":15,"tag":157,"props":5576,"children":5577},{"style":209},[5578],{"type":21,"value":5579},"'onDragEnd'",{"type":15,"tag":157,"props":5581,"children":5582},{"style":164},[5583],{"type":21,"value":641},{"type":15,"tag":157,"props":5585,"children":5586},{"style":633},[5587],{"type":21,"value":5535},{"type":15,"tag":157,"props":5589,"children":5590},{"style":164},[5591],{"type":21,"value":620},{"type":15,"tag":157,"props":5593,"children":5594},{"style":562},[5595],{"type":21,"value":5596},"SfScrollableOnDragEndData",{"type":15,"tag":157,"props":5598,"children":5599},{"style":164},[5600],{"type":21,"value":5549},{"type":15,"tag":157,"props":5602,"children":5603},{"style":562},[5604],{"type":21,"value":5554},{"type":15,"tag":157,"props":5606,"children":5607},{"style":164},[5608],{"type":21,"value":443},{"type":15,"tag":157,"props":5610,"children":5612},{"class":159,"line":5611},75,[5613,5617,5621,5625,5630,5634,5638,5642,5647,5651,5655],{"type":15,"tag":157,"props":5614,"children":5615},{"style":164},[5616],{"type":21,"value":5512},{"type":15,"tag":157,"props":5618,"children":5619},{"style":633},[5620],{"type":21,"value":5517},{"type":15,"tag":157,"props":5622,"children":5623},{"style":164},[5624],{"type":21,"value":620},{"type":15,"tag":157,"props":5626,"children":5627},{"style":209},[5628],{"type":21,"value":5629},"'onScroll'",{"type":15,"tag":157,"props":5631,"children":5632},{"style":164},[5633],{"type":21,"value":641},{"type":15,"tag":157,"props":5635,"children":5636},{"style":633},[5637],{"type":21,"value":5535},{"type":15,"tag":157,"props":5639,"children":5640},{"style":164},[5641],{"type":21,"value":620},{"type":15,"tag":157,"props":5643,"children":5644},{"style":562},[5645],{"type":21,"value":5646},"SfScrollableOnScrollData",{"type":15,"tag":157,"props":5648,"children":5649},{"style":164},[5650],{"type":21,"value":5549},{"type":15,"tag":157,"props":5652,"children":5653},{"style":562},[5654],{"type":21,"value":5554},{"type":15,"tag":157,"props":5656,"children":5657},{"style":164},[5658],{"type":21,"value":443},{"type":15,"tag":157,"props":5660,"children":5662},{"class":159,"line":5661},76,[5663,5667,5671,5675,5680,5684,5688,5692,5697,5701,5705],{"type":15,"tag":157,"props":5664,"children":5665},{"style":164},[5666],{"type":21,"value":5512},{"type":15,"tag":157,"props":5668,"children":5669},{"style":633},[5670],{"type":21,"value":5517},{"type":15,"tag":157,"props":5672,"children":5673},{"style":164},[5674],{"type":21,"value":620},{"type":15,"tag":157,"props":5676,"children":5677},{"style":209},[5678],{"type":21,"value":5679},"'onPrev'",{"type":15,"tag":157,"props":5681,"children":5682},{"style":164},[5683],{"type":21,"value":641},{"type":15,"tag":157,"props":5685,"children":5686},{"style":633},[5687],{"type":21,"value":5535},{"type":15,"tag":157,"props":5689,"children":5690},{"style":164},[5691],{"type":21,"value":620},{"type":15,"tag":157,"props":5693,"children":5694},{"style":562},[5695],{"type":21,"value":5696},"SfScrollableOnPrevData",{"type":15,"tag":157,"props":5698,"children":5699},{"style":164},[5700],{"type":21,"value":5549},{"type":15,"tag":157,"props":5702,"children":5703},{"style":562},[5704],{"type":21,"value":5554},{"type":15,"tag":157,"props":5706,"children":5707},{"style":164},[5708],{"type":21,"value":443},{"type":15,"tag":157,"props":5710,"children":5712},{"class":159,"line":5711},77,[5713,5717,5721,5725,5730,5734,5738,5742,5747,5751,5755],{"type":15,"tag":157,"props":5714,"children":5715},{"style":164},[5716],{"type":21,"value":5512},{"type":15,"tag":157,"props":5718,"children":5719},{"style":633},[5720],{"type":21,"value":5517},{"type":15,"tag":157,"props":5722,"children":5723},{"style":164},[5724],{"type":21,"value":620},{"type":15,"tag":157,"props":5726,"children":5727},{"style":209},[5728],{"type":21,"value":5729},"'onNext'",{"type":15,"tag":157,"props":5731,"children":5732},{"style":164},[5733],{"type":21,"value":641},{"type":15,"tag":157,"props":5735,"children":5736},{"style":633},[5737],{"type":21,"value":5535},{"type":15,"tag":157,"props":5739,"children":5740},{"style":164},[5741],{"type":21,"value":620},{"type":15,"tag":157,"props":5743,"children":5744},{"style":562},[5745],{"type":21,"value":5746},"SfScrollableOnNextData",{"type":15,"tag":157,"props":5748,"children":5749},{"style":164},[5750],{"type":21,"value":5549},{"type":15,"tag":157,"props":5752,"children":5753},{"style":562},[5754],{"type":21,"value":5554},{"type":15,"tag":157,"props":5756,"children":5757},{"style":164},[5758],{"type":21,"value":443},{"type":15,"tag":157,"props":5760,"children":5762},{"class":159,"line":5761},78,[5763],{"type":15,"tag":157,"props":5764,"children":5765},{"style":164},[5766],{"type":21,"value":5767},"}>();\n",{"type":15,"tag":157,"props":5769,"children":5771},{"class":159,"line":5770},79,[5772,5776,5780,5784,5788,5792,5796,5800,5804,5808,5812,5816,5820,5824,5829,5833,5837],{"type":15,"tag":157,"props":5773,"children":5774},{"style":411},[5775],{"type":21,"value":1959},{"type":15,"tag":157,"props":5777,"children":5778},{"style":164},[5779],{"type":21,"value":419},{"type":15,"tag":157,"props":5781,"children":5782},{"style":562},[5783],{"type":21,"value":2998},{"type":15,"tag":157,"props":5785,"children":5786},{"style":164},[5787],{"type":21,"value":641},{"type":15,"tag":157,"props":5789,"children":5790},{"style":562},[5791],{"type":21,"value":2203},{"type":15,"tag":157,"props":5793,"children":5794},{"style":164},[5795],{"type":21,"value":641},{"type":15,"tag":157,"props":5797,"children":5798},{"style":562},[5799],{"type":21,"value":3121},{"type":15,"tag":157,"props":5801,"children":5802},{"style":164},[5803],{"type":21,"value":641},{"type":15,"tag":157,"props":5805,"children":5806},{"style":562},[5807],{"type":21,"value":3148},{"type":15,"tag":157,"props":5809,"children":5810},{"style":164},[5811],{"type":21,"value":641},{"type":15,"tag":157,"props":5813,"children":5814},{"style":562},[5815],{"type":21,"value":3225},{"type":15,"tag":157,"props":5817,"children":5818},{"style":164},[5819],{"type":21,"value":428},{"type":15,"tag":157,"props":5821,"children":5822},{"style":573},[5823],{"type":21,"value":206},{"type":15,"tag":157,"props":5825,"children":5826},{"style":531},[5827],{"type":21,"value":5828}," toRefs",{"type":15,"tag":157,"props":5830,"children":5831},{"style":164},[5832],{"type":21,"value":2005},{"type":15,"tag":157,"props":5834,"children":5835},{"style":170},[5836],{"type":21,"value":2942},{"type":15,"tag":157,"props":5838,"children":5839},{"style":164},[5840],{"type":21,"value":2015},{"type":15,"tag":157,"props":5842,"children":5844},{"class":159,"line":5843},80,[5845],{"type":15,"tag":157,"props":5846,"children":5847},{"emptyLinePlaceholder":8},[5848],{"type":21,"value":368},{"type":15,"tag":157,"props":5850,"children":5852},{"class":159,"line":5851},81,[5853,5857,5861,5866,5870,5875,5879,5884,5888,5893,5897,5901,5906],{"type":15,"tag":157,"props":5854,"children":5855},{"style":411},[5856],{"type":21,"value":1959},{"type":15,"tag":157,"props":5858,"children":5859},{"style":164},[5860],{"type":21,"value":419},{"type":15,"tag":157,"props":5862,"children":5863},{"style":562},[5864],{"type":21,"value":5865},"containerRef",{"type":15,"tag":157,"props":5867,"children":5868},{"style":164},[5869],{"type":21,"value":641},{"type":15,"tag":157,"props":5871,"children":5872},{"style":562},[5873],{"type":21,"value":5874},"state",{"type":15,"tag":157,"props":5876,"children":5877},{"style":164},[5878],{"type":21,"value":641},{"type":15,"tag":157,"props":5880,"children":5881},{"style":562},[5882],{"type":21,"value":5883},"getNextButtonProps",{"type":15,"tag":157,"props":5885,"children":5886},{"style":164},[5887],{"type":21,"value":641},{"type":15,"tag":157,"props":5889,"children":5890},{"style":562},[5891],{"type":21,"value":5892},"getPrevButtonProps",{"type":15,"tag":157,"props":5894,"children":5895},{"style":164},[5896],{"type":21,"value":428},{"type":15,"tag":157,"props":5898,"children":5899},{"style":573},[5900],{"type":21,"value":206},{"type":15,"tag":157,"props":5902,"children":5903},{"style":531},[5904],{"type":21,"value":5905}," useScrollable",{"type":15,"tag":157,"props":5907,"children":5908},{"style":164},[5909],{"type":21,"value":2740},{"type":15,"tag":157,"props":5911,"children":5913},{"class":159,"line":5912},82,[5914,5919,5924,5928],{"type":15,"tag":157,"props":5915,"children":5916},{"style":531},[5917],{"type":21,"value":5918}," computed",{"type":15,"tag":157,"props":5920,"children":5921},{"style":164},[5922],{"type":21,"value":5923},"(() ",{"type":15,"tag":157,"props":5925,"children":5926},{"style":411},[5927],{"type":21,"value":656},{"type":15,"tag":157,"props":5929,"children":5930},{"style":164},[5931],{"type":21,"value":5932}," ({\n",{"type":15,"tag":157,"props":5934,"children":5936},{"class":159,"line":5935},83,[5937,5942,5946],{"type":15,"tag":157,"props":5938,"children":5939},{"style":164},[5940],{"type":21,"value":5941}," ...",{"type":15,"tag":157,"props":5943,"children":5944},{"style":531},[5945],{"type":21,"value":4284},{"type":15,"tag":157,"props":5947,"children":5948},{"style":164},[5949],{"type":21,"value":4556},{"type":15,"tag":157,"props":5951,"children":5953},{"class":159,"line":5952},84,[5954,5959],{"type":15,"tag":157,"props":5955,"children":5956},{"style":170},[5957],{"type":21,"value":5958}," direction",{"type":15,"tag":157,"props":5960,"children":5961},{"style":164},[5962],{"type":21,"value":2753},{"type":15,"tag":157,"props":5964,"children":5966},{"class":159,"line":5965},85,[5967,5971],{"type":15,"tag":157,"props":5968,"children":5969},{"style":170},[5970],{"type":21,"value":2307},{"type":15,"tag":157,"props":5972,"children":5973},{"style":164},[5974],{"type":21,"value":2753},{"type":15,"tag":157,"props":5976,"children":5978},{"class":159,"line":5977},86,[5979,5984],{"type":15,"tag":157,"props":5980,"children":5981},{"style":170},[5982],{"type":21,"value":5983}," reduceMotion",{"type":15,"tag":157,"props":5985,"children":5986},{"style":164},[5987],{"type":21,"value":2753},{"type":15,"tag":157,"props":5989,"children":5991},{"class":159,"line":5990},87,[5992,5997],{"type":15,"tag":157,"props":5993,"children":5994},{"style":170},[5995],{"type":21,"value":5996}," drag",{"type":15,"tag":157,"props":5998,"children":5999},{"style":164},[6000],{"type":21,"value":2753},{"type":15,"tag":157,"props":6002,"children":6004},{"class":159,"line":6003},88,[6005,6010],{"type":15,"tag":157,"props":6006,"children":6007},{"style":170},[6008],{"type":21,"value":6009}," isActiveIndexCentered",{"type":15,"tag":157,"props":6011,"children":6012},{"style":164},[6013],{"type":21,"value":2753},{"type":15,"tag":157,"props":6015,"children":6017},{"class":159,"line":6016},89,[6018],{"type":15,"tag":157,"props":6019,"children":6020},{"style":164},[6021],{"type":21,"value":6022}," }),\n",{"type":15,"tag":157,"props":6024,"children":6026},{"class":159,"line":6025},90,[6027,6032,6037,6041,6045,6049,6053,6057,6061,6065,6069],{"type":15,"tag":157,"props":6028,"children":6029},{"style":531},[6030],{"type":21,"value":6031}," onDragStart",{"type":15,"tag":157,"props":6033,"children":6034},{"style":164},[6035],{"type":21,"value":6036},": (",{"type":15,"tag":157,"props":6038,"children":6039},{"style":633},[6040],{"type":21,"value":5535},{"type":15,"tag":157,"props":6042,"children":6043},{"style":164},[6044],{"type":21,"value":651},{"type":15,"tag":157,"props":6046,"children":6047},{"style":411},[6048],{"type":21,"value":656},{"type":15,"tag":157,"props":6050,"children":6051},{"style":531},[6052],{"type":21,"value":5489},{"type":15,"tag":157,"props":6054,"children":6055},{"style":164},[6056],{"type":21,"value":2005},{"type":15,"tag":157,"props":6058,"children":6059},{"style":209},[6060],{"type":21,"value":5526},{"type":15,"tag":157,"props":6062,"children":6063},{"style":164},[6064],{"type":21,"value":641},{"type":15,"tag":157,"props":6066,"children":6067},{"style":170},[6068],{"type":21,"value":5535},{"type":15,"tag":157,"props":6070,"children":6071},{"style":164},[6072],{"type":21,"value":6073},"),\n",{"type":15,"tag":157,"props":6075,"children":6077},{"class":159,"line":6076},91,[6078,6083,6087,6091,6095,6099,6103,6107,6111,6115,6119],{"type":15,"tag":157,"props":6079,"children":6080},{"style":531},[6081],{"type":21,"value":6082}," onDragEnd",{"type":15,"tag":157,"props":6084,"children":6085},{"style":164},[6086],{"type":21,"value":6036},{"type":15,"tag":157,"props":6088,"children":6089},{"style":633},[6090],{"type":21,"value":5535},{"type":15,"tag":157,"props":6092,"children":6093},{"style":164},[6094],{"type":21,"value":651},{"type":15,"tag":157,"props":6096,"children":6097},{"style":411},[6098],{"type":21,"value":656},{"type":15,"tag":157,"props":6100,"children":6101},{"style":531},[6102],{"type":21,"value":5489},{"type":15,"tag":157,"props":6104,"children":6105},{"style":164},[6106],{"type":21,"value":2005},{"type":15,"tag":157,"props":6108,"children":6109},{"style":209},[6110],{"type":21,"value":5579},{"type":15,"tag":157,"props":6112,"children":6113},{"style":164},[6114],{"type":21,"value":641},{"type":15,"tag":157,"props":6116,"children":6117},{"style":170},[6118],{"type":21,"value":5535},{"type":15,"tag":157,"props":6120,"children":6121},{"style":164},[6122],{"type":21,"value":6073},{"type":15,"tag":157,"props":6124,"children":6126},{"class":159,"line":6125},92,[6127,6132,6136,6140,6144,6148,6152,6156,6160,6164,6168],{"type":15,"tag":157,"props":6128,"children":6129},{"style":531},[6130],{"type":21,"value":6131}," onScroll",{"type":15,"tag":157,"props":6133,"children":6134},{"style":164},[6135],{"type":21,"value":6036},{"type":15,"tag":157,"props":6137,"children":6138},{"style":633},[6139],{"type":21,"value":5535},{"type":15,"tag":157,"props":6141,"children":6142},{"style":164},[6143],{"type":21,"value":651},{"type":15,"tag":157,"props":6145,"children":6146},{"style":411},[6147],{"type":21,"value":656},{"type":15,"tag":157,"props":6149,"children":6150},{"style":531},[6151],{"type":21,"value":5489},{"type":15,"tag":157,"props":6153,"children":6154},{"style":164},[6155],{"type":21,"value":2005},{"type":15,"tag":157,"props":6157,"children":6158},{"style":209},[6159],{"type":21,"value":5629},{"type":15,"tag":157,"props":6161,"children":6162},{"style":164},[6163],{"type":21,"value":641},{"type":15,"tag":157,"props":6165,"children":6166},{"style":170},[6167],{"type":21,"value":5535},{"type":15,"tag":157,"props":6169,"children":6170},{"style":164},[6171],{"type":21,"value":6073},{"type":15,"tag":157,"props":6173,"children":6175},{"class":159,"line":6174},93,[6176,6181,6185,6189,6193,6197,6201,6205,6209,6213,6217],{"type":15,"tag":157,"props":6177,"children":6178},{"style":531},[6179],{"type":21,"value":6180}," onPrev",{"type":15,"tag":157,"props":6182,"children":6183},{"style":164},[6184],{"type":21,"value":6036},{"type":15,"tag":157,"props":6186,"children":6187},{"style":633},[6188],{"type":21,"value":5535},{"type":15,"tag":157,"props":6190,"children":6191},{"style":164},[6192],{"type":21,"value":651},{"type":15,"tag":157,"props":6194,"children":6195},{"style":411},[6196],{"type":21,"value":656},{"type":15,"tag":157,"props":6198,"children":6199},{"style":531},[6200],{"type":21,"value":5489},{"type":15,"tag":157,"props":6202,"children":6203},{"style":164},[6204],{"type":21,"value":2005},{"type":15,"tag":157,"props":6206,"children":6207},{"style":209},[6208],{"type":21,"value":5679},{"type":15,"tag":157,"props":6210,"children":6211},{"style":164},[6212],{"type":21,"value":641},{"type":15,"tag":157,"props":6214,"children":6215},{"style":170},[6216],{"type":21,"value":5535},{"type":15,"tag":157,"props":6218,"children":6219},{"style":164},[6220],{"type":21,"value":6073},{"type":15,"tag":157,"props":6222,"children":6224},{"class":159,"line":6223},94,[6225,6230,6234,6238,6242,6246,6250,6254,6258,6262,6266],{"type":15,"tag":157,"props":6226,"children":6227},{"style":531},[6228],{"type":21,"value":6229}," onNext",{"type":15,"tag":157,"props":6231,"children":6232},{"style":164},[6233],{"type":21,"value":6036},{"type":15,"tag":157,"props":6235,"children":6236},{"style":633},[6237],{"type":21,"value":5535},{"type":15,"tag":157,"props":6239,"children":6240},{"style":164},[6241],{"type":21,"value":651},{"type":15,"tag":157,"props":6243,"children":6244},{"style":411},[6245],{"type":21,"value":656},{"type":15,"tag":157,"props":6247,"children":6248},{"style":531},[6249],{"type":21,"value":5489},{"type":15,"tag":157,"props":6251,"children":6252},{"style":164},[6253],{"type":21,"value":2005},{"type":15,"tag":157,"props":6255,"children":6256},{"style":209},[6257],{"type":21,"value":5729},{"type":15,"tag":157,"props":6259,"children":6260},{"style":164},[6261],{"type":21,"value":641},{"type":15,"tag":157,"props":6263,"children":6264},{"style":170},[6265],{"type":21,"value":5535},{"type":15,"tag":157,"props":6267,"children":6268},{"style":164},[6269],{"type":21,"value":6073},{"type":15,"tag":157,"props":6271,"children":6273},{"class":159,"line":6272},95,[6274],{"type":15,"tag":157,"props":6275,"children":6276},{"style":164},[6277],{"type":21,"value":6278}," })),\n",{"type":15,"tag":157,"props":6280,"children":6282},{"class":159,"line":6281},96,[6283],{"type":15,"tag":157,"props":6284,"children":6285},{"style":164},[6286],{"type":21,"value":2015},{"type":15,"tag":157,"props":6288,"children":6290},{"class":159,"line":6289},97,[6291],{"type":15,"tag":157,"props":6292,"children":6293},{"emptyLinePlaceholder":8},[6294],{"type":21,"value":368},{"type":15,"tag":157,"props":6296,"children":6298},{"class":159,"line":6297},98,[6299,6303,6308,6312,6317,6321,6325,6329,6333,6337,6341,6346,6350,6354],{"type":15,"tag":157,"props":6300,"children":6301},{"style":411},[6302],{"type":21,"value":1959},{"type":15,"tag":157,"props":6304,"children":6305},{"style":562},[6306],{"type":21,"value":6307}," isHorizontal",{"type":15,"tag":157,"props":6309,"children":6310},{"style":573},[6311],{"type":21,"value":1969},{"type":15,"tag":157,"props":6313,"children":6314},{"style":531},[6315],{"type":21,"value":6316}," computed",{"type":15,"tag":157,"props":6318,"children":6319},{"style":164},[6320],{"type":21,"value":5923},{"type":15,"tag":157,"props":6322,"children":6323},{"style":411},[6324],{"type":21,"value":656},{"type":15,"tag":157,"props":6326,"children":6327},{"style":562},[6328],{"type":21,"value":4603},{"type":15,"tag":157,"props":6330,"children":6331},{"style":164},[6332],{"type":21,"value":95},{"type":15,"tag":157,"props":6334,"children":6335},{"style":170},[6336],{"type":21,"value":2998},{"type":15,"tag":157,"props":6338,"children":6339},{"style":573},[6340],{"type":21,"value":2348},{"type":15,"tag":157,"props":6342,"children":6343},{"style":562},[6344],{"type":21,"value":6345}," SfScrollableDirection",{"type":15,"tag":157,"props":6347,"children":6348},{"style":164},[6349],{"type":21,"value":95},{"type":15,"tag":157,"props":6351,"children":6352},{"style":170},[6353],{"type":21,"value":4810},{"type":15,"tag":157,"props":6355,"children":6356},{"style":164},[6357],{"type":21,"value":2015},{"type":15,"tag":157,"props":6359,"children":6361},{"class":159,"line":6360},99,[6362,6366,6371,6375,6379,6383,6387,6391,6395,6399,6403,6408,6412,6417],{"type":15,"tag":157,"props":6363,"children":6364},{"style":411},[6365],{"type":21,"value":1959},{"type":15,"tag":157,"props":6367,"children":6368},{"style":562},[6369],{"type":21,"value":6370}," isFloating",{"type":15,"tag":157,"props":6372,"children":6373},{"style":573},[6374],{"type":21,"value":1969},{"type":15,"tag":157,"props":6376,"children":6377},{"style":531},[6378],{"type":21,"value":6316},{"type":15,"tag":157,"props":6380,"children":6381},{"style":164},[6382],{"type":21,"value":5923},{"type":15,"tag":157,"props":6384,"children":6385},{"style":411},[6386],{"type":21,"value":656},{"type":15,"tag":157,"props":6388,"children":6389},{"style":562},[6390],{"type":21,"value":4603},{"type":15,"tag":157,"props":6392,"children":6393},{"style":164},[6394],{"type":21,"value":95},{"type":15,"tag":157,"props":6396,"children":6397},{"style":170},[6398],{"type":21,"value":3043},{"type":15,"tag":157,"props":6400,"children":6401},{"style":573},[6402],{"type":21,"value":2348},{"type":15,"tag":157,"props":6404,"children":6405},{"style":562},[6406],{"type":21,"value":6407}," SfScrollableButtonsPlacement",{"type":15,"tag":157,"props":6409,"children":6410},{"style":164},[6411],{"type":21,"value":95},{"type":15,"tag":157,"props":6413,"children":6414},{"style":170},[6415],{"type":21,"value":6416},"floating",{"type":15,"tag":157,"props":6418,"children":6419},{"style":164},[6420],{"type":21,"value":2015},{"type":15,"tag":157,"props":6422,"children":6424},{"class":159,"line":6423},100,[6425,6429,6434,6438,6442,6446,6450,6454,6458,6462,6466,6470,6474,6478],{"type":15,"tag":157,"props":6426,"children":6427},{"style":411},[6428],{"type":21,"value":1959},{"type":15,"tag":157,"props":6430,"children":6431},{"style":562},[6432],{"type":21,"value":6433}," isBlock",{"type":15,"tag":157,"props":6435,"children":6436},{"style":573},[6437],{"type":21,"value":1969},{"type":15,"tag":157,"props":6439,"children":6440},{"style":531},[6441],{"type":21,"value":6316},{"type":15,"tag":157,"props":6443,"children":6444},{"style":164},[6445],{"type":21,"value":5923},{"type":15,"tag":157,"props":6447,"children":6448},{"style":411},[6449],{"type":21,"value":656},{"type":15,"tag":157,"props":6451,"children":6452},{"style":562},[6453],{"type":21,"value":4603},{"type":15,"tag":157,"props":6455,"children":6456},{"style":164},[6457],{"type":21,"value":95},{"type":15,"tag":157,"props":6459,"children":6460},{"style":170},[6461],{"type":21,"value":3043},{"type":15,"tag":157,"props":6463,"children":6464},{"style":573},[6465],{"type":21,"value":2348},{"type":15,"tag":157,"props":6467,"children":6468},{"style":562},[6469],{"type":21,"value":6407},{"type":15,"tag":157,"props":6471,"children":6472},{"style":164},[6473],{"type":21,"value":95},{"type":15,"tag":157,"props":6475,"children":6476},{"style":170},[6477],{"type":21,"value":4908},{"type":15,"tag":157,"props":6479,"children":6480},{"style":164},[6481],{"type":21,"value":2015},{"type":15,"tag":157,"props":6483,"children":6485},{"class":159,"line":6484},101,[6486,6490,6494,6499,6503,6507,6512],{"type":15,"tag":157,"props":6487,"children":6488},{"style":411},[6489],{"type":21,"value":1959},{"type":15,"tag":157,"props":6491,"children":6492},{"style":164},[6493],{"type":21,"value":419},{"type":15,"tag":157,"props":6495,"children":6496},{"style":562},[6497],{"type":21,"value":6498},"attrsWithoutClass",{"type":15,"tag":157,"props":6500,"children":6501},{"style":164},[6502],{"type":21,"value":428},{"type":15,"tag":157,"props":6504,"children":6505},{"style":573},[6506],{"type":21,"value":206},{"type":15,"tag":157,"props":6508,"children":6509},{"style":531},[6510],{"type":21,"value":6511}," useTwMergeRoot",{"type":15,"tag":157,"props":6513,"children":6514},{"style":164},[6515],{"type":21,"value":2458},{"type":15,"tag":157,"props":6517,"children":6519},{"class":159,"line":6518},102,[6520,6524,6528],{"type":15,"tag":157,"props":6521,"children":6522},{"style":164},[6523],{"type":21,"value":351},{"type":15,"tag":157,"props":6525,"children":6526},{"style":170},[6527],{"type":21,"value":381},{"type":15,"tag":157,"props":6529,"children":6530},{"style":164},[6531],{"type":21,"value":177},{"type":15,"tag":157,"props":6533,"children":6535},{"class":159,"line":6534},103,[6536],{"type":15,"tag":157,"props":6537,"children":6538},{"emptyLinePlaceholder":8},[6539],{"type":21,"value":368},{"type":15,"tag":157,"props":6541,"children":6543},{"class":159,"line":6542},104,[6544,6548,6552],{"type":15,"tag":157,"props":6545,"children":6546},{"style":164},[6547],{"type":21,"value":167},{"type":15,"tag":157,"props":6549,"children":6550},{"style":170},[6551],{"type":21,"value":27},{"type":15,"tag":157,"props":6553,"children":6554},{"style":164},[6555],{"type":21,"value":177},{"type":15,"tag":157,"props":6557,"children":6559},{"class":159,"line":6558},105,[6560,6564],{"type":15,"tag":157,"props":6561,"children":6562},{"style":164},[6563],{"type":21,"value":186},{"type":15,"tag":157,"props":6565,"children":6566},{"style":170},[6567],{"type":21,"value":235},{"type":15,"tag":157,"props":6569,"children":6571},{"class":159,"line":6570},106,[6572,6577,6581],{"type":15,"tag":157,"props":6573,"children":6574},{"style":198},[6575],{"type":21,"value":6576}," :class",{"type":15,"tag":157,"props":6578,"children":6579},{"style":164},[6580],{"type":21,"value":206},{"type":15,"tag":157,"props":6582,"children":6583},{"style":209},[6584],{"type":21,"value":6585},"\"twMerge('items-center', 'relative', isHorizontal ? 'flex' : 'flex-col h-full inline-flex', wrapperClass)\"\n",{"type":15,"tag":157,"props":6587,"children":6589},{"class":159,"line":6588},107,[6590],{"type":15,"tag":157,"props":6591,"children":6592},{"style":164},[6593],{"type":21,"value":221},{"type":15,"tag":157,"props":6595,"children":6597},{"class":159,"line":6596},108,[6598,6602],{"type":15,"tag":157,"props":6599,"children":6600},{"style":164},[6601],{"type":21,"value":230},{"type":15,"tag":157,"props":6603,"children":6604},{"style":170},[6605],{"type":21,"value":6606},"slot\n",{"type":15,"tag":157,"props":6608,"children":6610},{"class":159,"line":6609},109,[6611,6616,6620],{"type":15,"tag":157,"props":6612,"children":6613},{"style":198},[6614],{"type":21,"value":6615}," v-if",{"type":15,"tag":157,"props":6617,"children":6618},{"style":164},[6619],{"type":21,"value":206},{"type":15,"tag":157,"props":6621,"children":6622},{"style":209},[6623],{"type":21,"value":6624},"\"$slots.previousButton && buttonsPlacement !== SfScrollableButtonsPlacement.none\"\n",{"type":15,"tag":157,"props":6626,"children":6628},{"class":159,"line":6627},110,[6629,6634,6638],{"type":15,"tag":157,"props":6630,"children":6631},{"style":198},[6632],{"type":21,"value":6633}," v-bind",{"type":15,"tag":157,"props":6635,"children":6636},{"style":164},[6637],{"type":21,"value":206},{"type":15,"tag":157,"props":6639,"children":6640},{"style":209},[6641],{"type":21,"value":6642},"\"getPrevButtonProps\"\n",{"type":15,"tag":157,"props":6644,"children":6646},{"class":159,"line":6645},111,[6647,6652,6656],{"type":15,"tag":157,"props":6648,"children":6649},{"style":198},[6650],{"type":21,"value":6651}," name",{"type":15,"tag":157,"props":6653,"children":6654},{"style":164},[6655],{"type":21,"value":206},{"type":15,"tag":157,"props":6657,"children":6658},{"style":209},[6659],{"type":21,"value":6660},"\"previousButton\"\n",{"type":15,"tag":157,"props":6662,"children":6664},{"class":159,"line":6663},112,[6665,6671],{"type":15,"tag":157,"props":6666,"children":6668},{"style":6667},"--shiki-default:#FFFFFF",[6669],{"type":21,"value":6670}," \u002F",{"type":15,"tag":157,"props":6672,"children":6673},{"style":164},[6674],{"type":21,"value":177},{"type":15,"tag":157,"props":6676,"children":6678},{"class":159,"line":6677},113,[6679,6683],{"type":15,"tag":157,"props":6680,"children":6681},{"style":164},[6682],{"type":21,"value":230},{"type":15,"tag":157,"props":6684,"children":6685},{"style":170},[6686],{"type":21,"value":6687},"SfButton\n",{"type":15,"tag":157,"props":6689,"children":6691},{"class":159,"line":6690},114,[6692,6697,6701],{"type":15,"tag":157,"props":6693,"children":6694},{"style":198},[6695],{"type":21,"value":6696}," v-else-if",{"type":15,"tag":157,"props":6698,"children":6699},{"style":164},[6700],{"type":21,"value":206},{"type":15,"tag":157,"props":6702,"children":6703},{"style":209},[6704],{"type":21,"value":6705},"\"buttonsPlacement !== SfScrollableButtonsPlacement.none\"\n",{"type":15,"tag":157,"props":6707,"children":6709},{"class":159,"line":6708},115,[6710,6715,6719],{"type":15,"tag":157,"props":6711,"children":6712},{"style":198},[6713],{"type":21,"value":6714}," variant",{"type":15,"tag":157,"props":6716,"children":6717},{"style":164},[6718],{"type":21,"value":206},{"type":15,"tag":157,"props":6720,"children":6721},{"style":209},[6722],{"type":21,"value":6723},"\"secondary\"\n",{"type":15,"tag":157,"props":6725,"children":6727},{"class":159,"line":6726},116,[6728,6733,6737],{"type":15,"tag":157,"props":6729,"children":6730},{"style":198},[6731],{"type":21,"value":6732}," size",{"type":15,"tag":157,"props":6734,"children":6735},{"style":164},[6736],{"type":21,"value":206},{"type":15,"tag":157,"props":6738,"children":6739},{"style":209},[6740],{"type":21,"value":6741},"\"lg\"\n",{"type":15,"tag":157,"props":6743,"children":6745},{"class":159,"line":6744},117,[6746],{"type":15,"tag":157,"props":6747,"children":6748},{"style":198},[6749],{"type":21,"value":6750}," square\n",{"type":15,"tag":157,"props":6752,"children":6754},{"class":159,"line":6753},118,[6755,6759,6763],{"type":15,"tag":157,"props":6756,"children":6757},{"style":198},[6758],{"type":21,"value":1736},{"type":15,"tag":157,"props":6760,"children":6761},{"style":164},[6762],{"type":21,"value":206},{"type":15,"tag":157,"props":6764,"children":6765},{"style":209},[6766],{"type":21,"value":1745},{"type":15,"tag":157,"props":6768,"children":6770},{"class":159,"line":6769},119,[6771],{"type":15,"tag":157,"props":6772,"children":6773},{"style":209},[6774],{"type":21,"value":6775}," '!rounded-full bg-white hidden md:block !ring-neutral-500 !text-neutral-500',\n",{"type":15,"tag":157,"props":6777,"children":6779},{"class":159,"line":6778},120,[6780],{"type":15,"tag":157,"props":6781,"children":6782},{"style":209},[6783],{"type":21,"value":6784}," {\n",{"type":15,"tag":157,"props":6786,"children":6788},{"class":159,"line":6787},121,[6789],{"type":15,"tag":157,"props":6790,"children":6791},{"style":209},[6792],{"type":21,"value":6793}," 'mr-4': isBlock && isHorizontal,\n",{"type":15,"tag":157,"props":6795,"children":6797},{"class":159,"line":6796},122,[6798],{"type":15,"tag":157,"props":6799,"children":6800},{"style":209},[6801],{"type":21,"value":6802}," 'mb-4 rotate-90': isBlock && !isHorizontal,\n",{"type":15,"tag":157,"props":6804,"children":6806},{"class":159,"line":6805},123,[6807],{"type":15,"tag":157,"props":6808,"children":6809},{"style":209},[6810],{"type":21,"value":6811}," 'absolute left-4 z-10': isFloating && isHorizontal,\n",{"type":15,"tag":157,"props":6813,"children":6815},{"class":159,"line":6814},124,[6816],{"type":15,"tag":157,"props":6817,"children":6818},{"style":209},[6819],{"type":21,"value":6820}," 'absolute top-4 rotate-90 z-10': isFloating && !isHorizontal,\n",{"type":15,"tag":157,"props":6822,"children":6824},{"class":159,"line":6823},125,[6825],{"type":15,"tag":157,"props":6826,"children":6827},{"style":209},[6828],{"type":21,"value":6829}," },\n",{"type":15,"tag":157,"props":6831,"children":6833},{"class":159,"line":6832},126,[6834],{"type":15,"tag":157,"props":6835,"children":6836},{"style":209},[6837],{"type":21,"value":6838}," isFloating ? 'disabled:hidden' : 'disabled:!ring-disabled-300 disabled:!text-disabled-500',\n",{"type":15,"tag":157,"props":6840,"children":6842},{"class":159,"line":6841},127,[6843],{"type":15,"tag":157,"props":6844,"children":6845},{"style":209},[6846],{"type":21,"value":1772},{"type":15,"tag":157,"props":6848,"children":6850},{"class":159,"line":6849},128,[6851,6855,6859],{"type":15,"tag":157,"props":6852,"children":6853},{"style":198},[6854],{"type":21,"value":6633},{"type":15,"tag":157,"props":6856,"children":6857},{"style":164},[6858],{"type":21,"value":206},{"type":15,"tag":157,"props":6860,"children":6861},{"style":209},[6862],{"type":21,"value":6642},{"type":15,"tag":157,"props":6864,"children":6866},{"class":159,"line":6865},129,[6867,6872,6876],{"type":15,"tag":157,"props":6868,"children":6869},{"style":198},[6870],{"type":21,"value":6871}," :disabled",{"type":15,"tag":157,"props":6873,"children":6874},{"style":164},[6875],{"type":21,"value":206},{"type":15,"tag":157,"props":6877,"children":6878},{"style":209},[6879],{"type":21,"value":6880},"\"prevDisabled || getPrevButtonProps.disabled\"\n",{"type":15,"tag":157,"props":6882,"children":6884},{"class":159,"line":6883},130,[6885,6890,6894],{"type":15,"tag":157,"props":6886,"children":6887},{"style":198},[6888],{"type":21,"value":6889}," :aria-label",{"type":15,"tag":157,"props":6891,"children":6892},{"style":164},[6893],{"type":21,"value":206},{"type":15,"tag":157,"props":6895,"children":6896},{"style":209},[6897],{"type":21,"value":6898},"\"buttonPrevAriaLabel\"\n",{"type":15,"tag":157,"props":6900,"children":6902},{"class":159,"line":6901},131,[6903],{"type":15,"tag":157,"props":6904,"children":6905},{"style":164},[6906],{"type":21,"value":298},{"type":15,"tag":157,"props":6908,"children":6910},{"class":159,"line":6909},132,[6911,6916,6921],{"type":15,"tag":157,"props":6912,"children":6913},{"style":164},[6914],{"type":21,"value":6915}," \u003C",{"type":15,"tag":157,"props":6917,"children":6918},{"style":170},[6919],{"type":21,"value":6920},"SfIconChevronLeft",{"type":15,"tag":157,"props":6922,"children":6923},{"style":164},[6924],{"type":21,"value":6925}," \u002F>\n",{"type":15,"tag":157,"props":6927,"children":6929},{"class":159,"line":6928},133,[6930,6934,6939],{"type":15,"tag":157,"props":6931,"children":6932},{"style":164},[6933],{"type":21,"value":316},{"type":15,"tag":157,"props":6935,"children":6936},{"style":170},[6937],{"type":21,"value":6938},"SfButton",{"type":15,"tag":157,"props":6940,"children":6941},{"style":164},[6942],{"type":21,"value":177},{"type":15,"tag":157,"props":6944,"children":6946},{"class":159,"line":6945},134,[6947,6951],{"type":15,"tag":157,"props":6948,"children":6949},{"style":164},[6950],{"type":21,"value":230},{"type":15,"tag":157,"props":6952,"children":6953},{"style":170},[6954],{"type":21,"value":6955},"component\n",{"type":15,"tag":157,"props":6957,"children":6959},{"class":159,"line":6958},135,[6960,6965,6969],{"type":15,"tag":157,"props":6961,"children":6962},{"style":198},[6963],{"type":21,"value":6964}," :is",{"type":15,"tag":157,"props":6966,"children":6967},{"style":164},[6968],{"type":21,"value":206},{"type":15,"tag":157,"props":6970,"children":6971},{"style":209},[6972],{"type":21,"value":6973},"\"tag\"\n",{"type":15,"tag":157,"props":6975,"children":6977},{"class":159,"line":6976},136,[6978,6983,6987],{"type":15,"tag":157,"props":6979,"children":6980},{"style":198},[6981],{"type":21,"value":6982}," ref",{"type":15,"tag":157,"props":6984,"children":6985},{"style":164},[6986],{"type":21,"value":206},{"type":15,"tag":157,"props":6988,"children":6989},{"style":209},[6990],{"type":21,"value":6991},"\"containerRef\"\n",{"type":15,"tag":157,"props":6993,"children":6995},{"class":159,"line":6994},137,[6996,7000,7004],{"type":15,"tag":157,"props":6997,"children":6998},{"style":198},[6999],{"type":21,"value":1736},{"type":15,"tag":157,"props":7001,"children":7002},{"style":164},[7003],{"type":21,"value":206},{"type":15,"tag":157,"props":7005,"children":7006},{"style":209},[7007],{"type":21,"value":1580},{"type":15,"tag":157,"props":7009,"children":7011},{"class":159,"line":7010},138,[7012],{"type":15,"tag":157,"props":7013,"children":7014},{"style":209},[7015],{"type":21,"value":7016}," twMerge(\n",{"type":15,"tag":157,"props":7018,"children":7020},{"class":159,"line":7019},139,[7021],{"type":15,"tag":157,"props":7022,"children":7023},{"style":209},[7024],{"type":21,"value":7025}," 'motion-safe:scroll-smooth',\n",{"type":15,"tag":157,"props":7027,"children":7029},{"class":159,"line":7028},140,[7030],{"type":15,"tag":157,"props":7031,"children":7032},{"style":209},[7033],{"type":21,"value":7034}," {\n",{"type":15,"tag":157,"props":7036,"children":7038},{"class":159,"line":7037},141,[7039],{"type":15,"tag":157,"props":7040,"children":7041},{"style":209},[7042],{"type":21,"value":7043}," 'overflow-x-auto flex gap-4': isHorizontal,\n",{"type":15,"tag":157,"props":7045,"children":7047},{"class":159,"line":7046},142,[7048],{"type":15,"tag":157,"props":7049,"children":7050},{"style":209},[7051],{"type":21,"value":7052}," 'overflow-y-auto flex flex-col gap-4': !isHorizontal,\n",{"type":15,"tag":157,"props":7054,"children":7056},{"class":159,"line":7055},143,[7057],{"type":15,"tag":157,"props":7058,"children":7059},{"style":209},[7060],{"type":21,"value":7061}," 'cursor-grab': state.isDragged,\n",{"type":15,"tag":157,"props":7063,"children":7065},{"class":159,"line":7064},144,[7066],{"type":15,"tag":157,"props":7067,"children":7068},{"style":209},[7069],{"type":21,"value":7070}," },\n",{"type":15,"tag":157,"props":7072,"children":7074},{"class":159,"line":7073},145,[7075],{"type":15,"tag":157,"props":7076,"children":7077},{"style":209},[7078],{"type":21,"value":7079}," $attrs.class,\n",{"type":15,"tag":157,"props":7081,"children":7083},{"class":159,"line":7082},146,[7084],{"type":15,"tag":157,"props":7085,"children":7086},{"style":209},[7087],{"type":21,"value":7088}," )\n",{"type":15,"tag":157,"props":7090,"children":7092},{"class":159,"line":7091},147,[7093],{"type":15,"tag":157,"props":7094,"children":7095},{"style":209},[7096],{"type":21,"value":7097}," \"\n",{"type":15,"tag":157,"props":7099,"children":7101},{"class":159,"line":7100},148,[7102,7106,7110],{"type":15,"tag":157,"props":7103,"children":7104},{"style":198},[7105],{"type":21,"value":6633},{"type":15,"tag":157,"props":7107,"children":7108},{"style":164},[7109],{"type":21,"value":206},{"type":15,"tag":157,"props":7111,"children":7112},{"style":209},[7113],{"type":21,"value":7114},"\"{ ...attrsWithoutClass, ...props }\"\n",{"type":15,"tag":157,"props":7116,"children":7118},{"class":159,"line":7117},149,[7119,7123,7127],{"type":15,"tag":157,"props":7120,"children":7121},{"style":198},[7122],{"type":21,"value":6871},{"type":15,"tag":157,"props":7124,"children":7125},{"style":164},[7126],{"type":21,"value":206},{"type":15,"tag":157,"props":7128,"children":7129},{"style":209},[7130],{"type":21,"value":7131},"\"prevDisabled\"\n",{"type":15,"tag":157,"props":7133,"children":7135},{"class":159,"line":7134},150,[7136],{"type":15,"tag":157,"props":7137,"children":7138},{"style":164},[7139],{"type":21,"value":298},{"type":15,"tag":157,"props":7141,"children":7143},{"class":159,"line":7142},151,[7144,7148,7153,7158],{"type":15,"tag":157,"props":7145,"children":7146},{"style":164},[7147],{"type":21,"value":6915},{"type":15,"tag":157,"props":7149,"children":7150},{"style":170},[7151],{"type":21,"value":7152},"slot",{"type":15,"tag":157,"props":7154,"children":7155},{"style":6667},[7156],{"type":21,"value":7157}," \u002F",{"type":15,"tag":157,"props":7159,"children":7160},{"style":164},[7161],{"type":21,"value":177},{"type":15,"tag":157,"props":7163,"children":7165},{"class":159,"line":7164},152,[7166,7170,7175],{"type":15,"tag":157,"props":7167,"children":7168},{"style":164},[7169],{"type":21,"value":316},{"type":15,"tag":157,"props":7171,"children":7172},{"style":170},[7173],{"type":21,"value":7174},"component",{"type":15,"tag":157,"props":7176,"children":7177},{"style":164},[7178],{"type":21,"value":177},{"type":15,"tag":157,"props":7180,"children":7182},{"class":159,"line":7181},153,[7183,7187],{"type":15,"tag":157,"props":7184,"children":7185},{"style":164},[7186],{"type":21,"value":230},{"type":15,"tag":157,"props":7188,"children":7189},{"style":170},[7190],{"type":21,"value":6606},{"type":15,"tag":157,"props":7192,"children":7194},{"class":159,"line":7193},154,[7195,7199,7203],{"type":15,"tag":157,"props":7196,"children":7197},{"style":198},[7198],{"type":21,"value":6615},{"type":15,"tag":157,"props":7200,"children":7201},{"style":164},[7202],{"type":21,"value":206},{"type":15,"tag":157,"props":7204,"children":7205},{"style":209},[7206],{"type":21,"value":7207},"\"$slots.nextButton && buttonsPlacement !== SfScrollableButtonsPlacement.none\"\n",{"type":15,"tag":157,"props":7209,"children":7211},{"class":159,"line":7210},155,[7212,7216,7220],{"type":15,"tag":157,"props":7213,"children":7214},{"style":198},[7215],{"type":21,"value":6633},{"type":15,"tag":157,"props":7217,"children":7218},{"style":164},[7219],{"type":21,"value":206},{"type":15,"tag":157,"props":7221,"children":7222},{"style":209},[7223],{"type":21,"value":7224},"\"getNextButtonProps\"\n",{"type":15,"tag":157,"props":7226,"children":7228},{"class":159,"line":7227},156,[7229,7233,7237],{"type":15,"tag":157,"props":7230,"children":7231},{"style":198},[7232],{"type":21,"value":6651},{"type":15,"tag":157,"props":7234,"children":7235},{"style":164},[7236],{"type":21,"value":206},{"type":15,"tag":157,"props":7238,"children":7239},{"style":209},[7240],{"type":21,"value":7241},"\"nextButton\"\n",{"type":15,"tag":157,"props":7243,"children":7245},{"class":159,"line":7244},157,[7246,7250],{"type":15,"tag":157,"props":7247,"children":7248},{"style":6667},[7249],{"type":21,"value":6670},{"type":15,"tag":157,"props":7251,"children":7252},{"style":164},[7253],{"type":21,"value":177},{"type":15,"tag":157,"props":7255,"children":7257},{"class":159,"line":7256},158,[7258,7262],{"type":15,"tag":157,"props":7259,"children":7260},{"style":164},[7261],{"type":21,"value":230},{"type":15,"tag":157,"props":7263,"children":7264},{"style":170},[7265],{"type":21,"value":6687},{"type":15,"tag":157,"props":7267,"children":7269},{"class":159,"line":7268},159,[7270,7274,7278],{"type":15,"tag":157,"props":7271,"children":7272},{"style":198},[7273],{"type":21,"value":6696},{"type":15,"tag":157,"props":7275,"children":7276},{"style":164},[7277],{"type":21,"value":206},{"type":15,"tag":157,"props":7279,"children":7280},{"style":209},[7281],{"type":21,"value":6705},{"type":15,"tag":157,"props":7283,"children":7285},{"class":159,"line":7284},160,[7286,7290,7294],{"type":15,"tag":157,"props":7287,"children":7288},{"style":198},[7289],{"type":21,"value":6714},{"type":15,"tag":157,"props":7291,"children":7292},{"style":164},[7293],{"type":21,"value":206},{"type":15,"tag":157,"props":7295,"children":7296},{"style":209},[7297],{"type":21,"value":6723},{"type":15,"tag":157,"props":7299,"children":7301},{"class":159,"line":7300},161,[7302,7306,7310],{"type":15,"tag":157,"props":7303,"children":7304},{"style":198},[7305],{"type":21,"value":6732},{"type":15,"tag":157,"props":7307,"children":7308},{"style":164},[7309],{"type":21,"value":206},{"type":15,"tag":157,"props":7311,"children":7312},{"style":209},[7313],{"type":21,"value":6741},{"type":15,"tag":157,"props":7315,"children":7317},{"class":159,"line":7316},162,[7318],{"type":15,"tag":157,"props":7319,"children":7320},{"style":198},[7321],{"type":21,"value":6750},{"type":15,"tag":157,"props":7323,"children":7325},{"class":159,"line":7324},163,[7326,7330,7334],{"type":15,"tag":157,"props":7327,"children":7328},{"style":198},[7329],{"type":21,"value":1736},{"type":15,"tag":157,"props":7331,"children":7332},{"style":164},[7333],{"type":21,"value":206},{"type":15,"tag":157,"props":7335,"children":7336},{"style":209},[7337],{"type":21,"value":1745},{"type":15,"tag":157,"props":7339,"children":7341},{"class":159,"line":7340},164,[7342],{"type":15,"tag":157,"props":7343,"children":7344},{"style":209},[7345],{"type":21,"value":6775},{"type":15,"tag":157,"props":7347,"children":7349},{"class":159,"line":7348},165,[7350],{"type":15,"tag":157,"props":7351,"children":7352},{"style":209},[7353],{"type":21,"value":6784},{"type":15,"tag":157,"props":7355,"children":7357},{"class":159,"line":7356},166,[7358],{"type":15,"tag":157,"props":7359,"children":7360},{"style":209},[7361],{"type":21,"value":7362}," 'ml-4': isBlock && isHorizontal,\n",{"type":15,"tag":157,"props":7364,"children":7366},{"class":159,"line":7365},167,[7367],{"type":15,"tag":157,"props":7368,"children":7369},{"style":209},[7370],{"type":21,"value":7371}," 'mt-4 rotate-90': isBlock && !isHorizontal,\n",{"type":15,"tag":157,"props":7373,"children":7375},{"class":159,"line":7374},168,[7376],{"type":15,"tag":157,"props":7377,"children":7378},{"style":209},[7379],{"type":21,"value":7380}," 'absolute right-4 z-10': isFloating && isHorizontal,\n",{"type":15,"tag":157,"props":7382,"children":7384},{"class":159,"line":7383},169,[7385],{"type":15,"tag":157,"props":7386,"children":7387},{"style":209},[7388],{"type":21,"value":7389}," 'absolute bottom-4 rotate-90 z-10': isFloating && !isHorizontal,\n",{"type":15,"tag":157,"props":7391,"children":7393},{"class":159,"line":7392},170,[7394],{"type":15,"tag":157,"props":7395,"children":7396},{"style":209},[7397],{"type":21,"value":6829},{"type":15,"tag":157,"props":7399,"children":7401},{"class":159,"line":7400},171,[7402],{"type":15,"tag":157,"props":7403,"children":7404},{"style":209},[7405],{"type":21,"value":6838},{"type":15,"tag":157,"props":7407,"children":7409},{"class":159,"line":7408},172,[7410],{"type":15,"tag":157,"props":7411,"children":7412},{"style":209},[7413],{"type":21,"value":1772},{"type":15,"tag":157,"props":7415,"children":7417},{"class":159,"line":7416},173,[7418,7422,7426],{"type":15,"tag":157,"props":7419,"children":7420},{"style":198},[7421],{"type":21,"value":6633},{"type":15,"tag":157,"props":7423,"children":7424},{"style":164},[7425],{"type":21,"value":206},{"type":15,"tag":157,"props":7427,"children":7428},{"style":209},[7429],{"type":21,"value":7224},{"type":15,"tag":157,"props":7431,"children":7433},{"class":159,"line":7432},174,[7434,7438,7442],{"type":15,"tag":157,"props":7435,"children":7436},{"style":198},[7437],{"type":21,"value":6871},{"type":15,"tag":157,"props":7439,"children":7440},{"style":164},[7441],{"type":21,"value":206},{"type":15,"tag":157,"props":7443,"children":7444},{"style":209},[7445],{"type":21,"value":7446},"\"nextDisabled || getNextButtonProps.disabled\"\n",{"type":15,"tag":157,"props":7448,"children":7450},{"class":159,"line":7449},175,[7451,7455,7459],{"type":15,"tag":157,"props":7452,"children":7453},{"style":198},[7454],{"type":21,"value":6889},{"type":15,"tag":157,"props":7456,"children":7457},{"style":164},[7458],{"type":21,"value":206},{"type":15,"tag":157,"props":7460,"children":7461},{"style":209},[7462],{"type":21,"value":7463},"\"buttonNextAriaLabel\"\n",{"type":15,"tag":157,"props":7465,"children":7467},{"class":159,"line":7466},176,[7468],{"type":15,"tag":157,"props":7469,"children":7470},{"style":164},[7471],{"type":21,"value":298},{"type":15,"tag":157,"props":7473,"children":7475},{"class":159,"line":7474},177,[7476,7480,7485],{"type":15,"tag":157,"props":7477,"children":7478},{"style":164},[7479],{"type":21,"value":6915},{"type":15,"tag":157,"props":7481,"children":7482},{"style":170},[7483],{"type":21,"value":7484},"SfIconChevronRight",{"type":15,"tag":157,"props":7486,"children":7487},{"style":164},[7488],{"type":21,"value":6925},{"type":15,"tag":157,"props":7490,"children":7492},{"class":159,"line":7491},178,[7493,7497,7501],{"type":15,"tag":157,"props":7494,"children":7495},{"style":164},[7496],{"type":21,"value":316},{"type":15,"tag":157,"props":7498,"children":7499},{"style":170},[7500],{"type":21,"value":6938},{"type":15,"tag":157,"props":7502,"children":7503},{"style":164},[7504],{"type":21,"value":177},{"type":15,"tag":157,"props":7506,"children":7508},{"class":159,"line":7507},179,[7509,7513,7517],{"type":15,"tag":157,"props":7510,"children":7511},{"style":164},[7512],{"type":21,"value":334},{"type":15,"tag":157,"props":7514,"children":7515},{"style":170},[7516],{"type":21,"value":321},{"type":15,"tag":157,"props":7518,"children":7519},{"style":164},[7520],{"type":21,"value":177},{"type":15,"tag":157,"props":7522,"children":7524},{"class":159,"line":7523},180,[7525,7529,7533],{"type":15,"tag":157,"props":7526,"children":7527},{"style":164},[7528],{"type":21,"value":351},{"type":15,"tag":157,"props":7530,"children":7531},{"style":170},[7532],{"type":21,"value":27},{"type":15,"tag":157,"props":7534,"children":7535},{"style":164},[7536],{"type":21,"value":177},{"type":15,"tag":72,"props":7538,"children":7539},{},[7540],{"type":15,"tag":147,"props":7541,"children":7543},{"className":465,"code":7542,"language":467,"meta":9,"style":9},"'use client';\n\u002F* eslint-disable react\u002Frequire-default-props *\u002F\nimport { cloneElement, useMemo } from 'react';\nimport {\n polymorphicForwardRef,\n useScrollable,\n mergeRefs,\n SfButton,\n SfIconChevronLeft,\n SfIconChevronRight,\n SfScrollableDirection,\n SfScrollableButtonsPlacement,\n type SfScrollableProps,\n twMerge,\n} from '@storefront-ui\u002Freact';\n\nconst defaultScrollableTag = 'div';\n\nconst SfScrollable = polymorphicForwardRef\u003Ctypeof defaultScrollableTag, SfScrollableProps>(\n (\n {\n as,\n direction = SfScrollableDirection.horizontal,\n buttonsPlacement = SfScrollableButtonsPlacement.block,\n activeIndex,\n reduceMotion,\n drag,\n onDragStart,\n onDragEnd,\n onScroll,\n onPrev,\n onNext,\n isActiveIndexCentered,\n className,\n wrapperClassName,\n prevDisabled,\n nextDisabled,\n buttonPrevAriaLabel = 'Previous',\n buttonNextAriaLabel = 'Next',\n children,\n slotPreviousButton,\n slotNextButton,\n ...attributes\n },\n ref,\n ) => {\n const Tag = as || defaultScrollableTag;\n const isHorizontal = direction === SfScrollableDirection.horizontal;\n const isBlock = buttonsPlacement === SfScrollableButtonsPlacement.block;\n const isFloating = buttonsPlacement === SfScrollableButtonsPlacement.floating;\n\n const sliderOptions = useMemo(\n () => ({\n direction,\n activeIndex,\n reduceMotion,\n drag,\n onDragStart,\n onDragEnd,\n onScroll,\n onPrev,\n onNext,\n isActiveIndexCentered,\n }),\n [\n direction,\n activeIndex,\n reduceMotion,\n drag,\n isActiveIndexCentered,\n onDragStart,\n onDragEnd,\n onScroll,\n onPrev,\n onNext,\n ],\n );\n\n const { state, containerRef, getNextButtonProps, getPrevButtonProps } = useScrollable(sliderOptions);\n\n function PreviousButton({ classNameButton }: { classNameButton?: string }) {\n if (slotPreviousButton) {\n return cloneElement(slotPreviousButton, getPrevButtonProps({ disabled: prevDisabled, onClick: onPrev }));\n }\n return (\n \u003CSfButton\n {...getPrevButtonProps({\n square: true,\n variant: 'secondary',\n size: 'lg',\n disabled: prevDisabled,\n slotPrefix: \u003CSfIconChevronLeft \u002F>,\n 'aria-label': buttonPrevAriaLabel,\n className: twMerge(\n classNameButton,\n isFloating ? 'disabled:hidden' : 'disabled:!ring-disabled-300 disabled:!text-disabled-500',\n ),\n })}\n \u002F>\n );\n }\n\n function NextButton({ classNameButton }: { classNameButton?: string }) {\n if (slotNextButton) {\n return cloneElement(slotNextButton, getNextButtonProps({ disabled: nextDisabled, onClick: onNext }));\n }\n return (\n \u003CSfButton\n {...getNextButtonProps({\n square: true,\n variant: 'secondary',\n size: 'lg',\n disabled: nextDisabled,\n slotPrefix: \u003CSfIconChevronRight \u002F>,\n 'aria-label': buttonNextAriaLabel,\n className: twMerge(\n classNameButton,\n isFloating ? 'disabled:hidden' : 'disabled:!ring-disabled-300 disabled:!text-disabled-500',\n ),\n })}\n \u002F>\n );\n }\n return (\n \u003Cdiv\n className={twMerge(\n 'items-center relative',\n isHorizontal ? 'flex' : 'flex-col h-full inline-flex',\n wrapperClassName,\n )}\n >\n {buttonsPlacement !== SfScrollableButtonsPlacement.none && (\n \u003CPreviousButton\n classNameButton={twMerge('!rounded-full bg-white hidden md:block !ring-neutral-500 !text-neutral-500', {\n 'mr-4': isBlock && isHorizontal,\n 'mb-4 rotate-90': isBlock && !isHorizontal,\n 'absolute left-4 z-10': isFloating && isHorizontal,\n 'absolute top-4 rotate-90 z-10': isFloating && !isHorizontal,\n })}\n \u002F>\n )}\n \u003CTag\n className={twMerge(className, 'motion-safe:scroll-smooth', {\n 'overflow-x-auto flex gap-4': isHorizontal,\n 'overflow-y-auto flex flex-col gap-4': !isHorizontal,\n 'cursor-grab': state.isDragged,\n })}\n ref={mergeRefs([containerRef, ref])}\n {...attributes}\n >\n {children}\n \u003C\u002FTag>\n {buttonsPlacement !== SfScrollableButtonsPlacement.none && (\n \u003CNextButton\n classNameButton={twMerge('!rounded-full bg-white hidden md:block !ring-neutral-500 !text-neutral-500', {\n 'ml-4': isBlock && isHorizontal,\n 'mt-4 rotate-90': isBlock && !isHorizontal,\n 'absolute right-4 z-10': isFloating && isHorizontal,\n 'absolute bottom-4 rotate-90 z-10': isFloating && !isHorizontal,\n })}\n \u002F>\n )}\n \u003C\u002Fdiv>\n );\n },\n);\n\nexport default SfScrollable;\n\n",[7544],{"type":15,"tag":55,"props":7545,"children":7546},{"__ignoreMap":9},[7547,7559,7568,7609,7620,7632,7643,7655,7666,7677,7688,7699,7710,7726,7737,7756,7763,7788,7795,7843,7851,7859,7871,7898,7926,7937,7948,7959,7971,7983,7995,8006,8017,8028,8039,8050,8061,8072,8093,8114,8126,8138,8150,8163,8171,8183,8199,8233,8273,8313,8352,8359,8384,8400,8412,8424,8436,8448,8460,8472,8484,8496,8508,8520,8528,8536,8547,8558,8569,8580,8591,8602,8613,8624,8635,8646,8654,8662,8669,8733,8740,8789,8811,8879,8886,8898,8909,8929,8950,8971,8992,9012,9034,9054,9075,9087,9117,9125,9137,9145,9153,9161,9168,9212,9231,9294,9301,9312,9323,9342,9361,9380,9399,9418,9437,9456,9475,9486,9513,9520,9531,9538,9545,9552,9564,9575,9599,9611,9641,9653,9665,9673,9712,9725,9759,9788,9822,9851,9883,9895,9903,9914,9926,9967,9987,10012,10041,10052,10099,10119,10126,10141,10157,10192,10204,10235,10263,10295,10323,10355,10366,10373,10384,10400,10407,10414,10421,10428],{"type":15,"tag":157,"props":7548,"children":7549},{"class":159,"line":160},[7550,7555],{"type":15,"tag":157,"props":7551,"children":7552},{"style":209},[7553],{"type":21,"value":7554},"'use client'",{"type":15,"tag":157,"props":7556,"children":7557},{"style":164},[7558],{"type":21,"value":443},{"type":15,"tag":157,"props":7560,"children":7561},{"class":159,"line":180},[7562],{"type":15,"tag":157,"props":7563,"children":7565},{"style":7564},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[7566],{"type":21,"value":7567},"\u002F* eslint-disable react\u002Frequire-default-props *\u002F\n",{"type":15,"tag":157,"props":7569,"children":7570},{"class":159,"line":194},[7571,7575,7579,7584,7588,7593,7597,7601,7605],{"type":15,"tag":157,"props":7572,"children":7573},{"style":411},[7574],{"type":21,"value":414},{"type":15,"tag":157,"props":7576,"children":7577},{"style":164},[7578],{"type":21,"value":419},{"type":15,"tag":157,"props":7580,"children":7581},{"style":170},[7582],{"type":21,"value":7583},"cloneElement",{"type":15,"tag":157,"props":7585,"children":7586},{"style":164},[7587],{"type":21,"value":641},{"type":15,"tag":157,"props":7589,"children":7590},{"style":170},[7591],{"type":21,"value":7592},"useMemo",{"type":15,"tag":157,"props":7594,"children":7595},{"style":164},[7596],{"type":21,"value":428},{"type":15,"tag":157,"props":7598,"children":7599},{"style":411},[7600],{"type":21,"value":433},{"type":15,"tag":157,"props":7602,"children":7603},{"style":209},[7604],{"type":21,"value":2070},{"type":15,"tag":157,"props":7606,"children":7607},{"style":164},[7608],{"type":21,"value":443},{"type":15,"tag":157,"props":7610,"children":7611},{"class":159,"line":215},[7612,7616],{"type":15,"tag":157,"props":7613,"children":7614},{"style":411},[7615],{"type":21,"value":414},{"type":15,"tag":157,"props":7617,"children":7618},{"style":164},[7619],{"type":21,"value":2445},{"type":15,"tag":157,"props":7621,"children":7622},{"class":159,"line":224},[7623,7628],{"type":15,"tag":157,"props":7624,"children":7625},{"style":170},[7626],{"type":21,"value":7627}," polymorphicForwardRef",{"type":15,"tag":157,"props":7629,"children":7630},{"style":164},[7631],{"type":21,"value":2753},{"type":15,"tag":157,"props":7633,"children":7634},{"class":159,"line":238},[7635,7639],{"type":15,"tag":157,"props":7636,"children":7637},{"style":170},[7638],{"type":21,"value":4391},{"type":15,"tag":157,"props":7640,"children":7641},{"style":164},[7642],{"type":21,"value":2753},{"type":15,"tag":157,"props":7644,"children":7645},{"class":159,"line":256},[7646,7651],{"type":15,"tag":157,"props":7647,"children":7648},{"style":170},[7649],{"type":21,"value":7650}," mergeRefs",{"type":15,"tag":157,"props":7652,"children":7653},{"style":164},[7654],{"type":21,"value":2753},{"type":15,"tag":157,"props":7656,"children":7657},{"class":159,"line":274},[7658,7662],{"type":15,"tag":157,"props":7659,"children":7660},{"style":170},[7661],{"type":21,"value":4379},{"type":15,"tag":157,"props":7663,"children":7664},{"style":164},[7665],{"type":21,"value":2753},{"type":15,"tag":157,"props":7667,"children":7668},{"class":159,"line":292},[7669,7673],{"type":15,"tag":157,"props":7670,"children":7671},{"style":170},[7672],{"type":21,"value":4355},{"type":15,"tag":157,"props":7674,"children":7675},{"style":164},[7676],{"type":21,"value":2753},{"type":15,"tag":157,"props":7678,"children":7679},{"class":159,"line":301},[7680,7684],{"type":15,"tag":157,"props":7681,"children":7682},{"style":170},[7683],{"type":21,"value":4367},{"type":15,"tag":157,"props":7685,"children":7686},{"style":164},[7687],{"type":21,"value":2753},{"type":15,"tag":157,"props":7689,"children":7690},{"class":159,"line":310},[7691,7695],{"type":15,"tag":157,"props":7692,"children":7693},{"style":170},[7694],{"type":21,"value":4331},{"type":15,"tag":157,"props":7696,"children":7697},{"style":164},[7698],{"type":21,"value":2753},{"type":15,"tag":157,"props":7700,"children":7701},{"class":159,"line":328},[7702,7706],{"type":15,"tag":157,"props":7703,"children":7704},{"style":170},[7705],{"type":21,"value":4343},{"type":15,"tag":157,"props":7707,"children":7708},{"style":164},[7709],{"type":21,"value":2753},{"type":15,"tag":157,"props":7711,"children":7712},{"class":159,"line":345},[7713,7717,7722],{"type":15,"tag":157,"props":7714,"children":7715},{"style":411},[7716],{"type":21,"value":4403},{"type":15,"tag":157,"props":7718,"children":7719},{"style":170},[7720],{"type":21,"value":7721}," SfScrollableProps",{"type":15,"tag":157,"props":7723,"children":7724},{"style":164},[7725],{"type":21,"value":2753},{"type":15,"tag":157,"props":7727,"children":7728},{"class":159,"line":362},[7729,7733],{"type":15,"tag":157,"props":7730,"children":7731},{"style":170},[7732],{"type":21,"value":4500},{"type":15,"tag":157,"props":7734,"children":7735},{"style":164},[7736],{"type":21,"value":2753},{"type":15,"tag":157,"props":7738,"children":7739},{"class":159,"line":371},[7740,7744,7748,7752],{"type":15,"tag":157,"props":7741,"children":7742},{"style":164},[7743],{"type":21,"value":4524},{"type":15,"tag":157,"props":7745,"children":7746},{"style":411},[7747],{"type":21,"value":433},{"type":15,"tag":157,"props":7749,"children":7750},{"style":209},[7751],{"type":21,"value":499},{"type":15,"tag":157,"props":7753,"children":7754},{"style":164},[7755],{"type":21,"value":443},{"type":15,"tag":157,"props":7757,"children":7758},{"class":159,"line":407},[7759],{"type":15,"tag":157,"props":7760,"children":7761},{"emptyLinePlaceholder":8},[7762],{"type":21,"value":368},{"type":15,"tag":157,"props":7764,"children":7765},{"class":159,"line":446},[7766,7770,7775,7779,7784],{"type":15,"tag":157,"props":7767,"children":7768},{"style":411},[7769],{"type":21,"value":1959},{"type":15,"tag":157,"props":7771,"children":7772},{"style":562},[7773],{"type":21,"value":7774}," defaultScrollableTag",{"type":15,"tag":157,"props":7776,"children":7777},{"style":573},[7778],{"type":21,"value":1969},{"type":15,"tag":157,"props":7780,"children":7781},{"style":209},[7782],{"type":21,"value":7783}," 'div'",{"type":15,"tag":157,"props":7785,"children":7786},{"style":164},[7787],{"type":21,"value":443},{"type":15,"tag":157,"props":7789,"children":7790},{"class":159,"line":1653},[7791],{"type":15,"tag":157,"props":7792,"children":7793},{"emptyLinePlaceholder":8},[7794],{"type":21,"value":368},{"type":15,"tag":157,"props":7796,"children":7797},{"class":159,"line":1662},[7798,7802,7807,7811,7816,7820,7825,7829,7833,7838],{"type":15,"tag":157,"props":7799,"children":7800},{"style":411},[7801],{"type":21,"value":1959},{"type":15,"tag":157,"props":7803,"children":7804},{"style":562},[7805],{"type":21,"value":7806}," SfScrollable",{"type":15,"tag":157,"props":7808,"children":7809},{"style":573},[7810],{"type":21,"value":1969},{"type":15,"tag":157,"props":7812,"children":7813},{"style":531},[7814],{"type":21,"value":7815}," polymorphicForwardRef",{"type":15,"tag":157,"props":7817,"children":7818},{"style":164},[7819],{"type":21,"value":167},{"type":15,"tag":157,"props":7821,"children":7822},{"style":411},[7823],{"type":21,"value":7824},"typeof",{"type":15,"tag":157,"props":7826,"children":7827},{"style":170},[7828],{"type":21,"value":7774},{"type":15,"tag":157,"props":7830,"children":7831},{"style":164},[7832],{"type":21,"value":641},{"type":15,"tag":157,"props":7834,"children":7835},{"style":562},[7836],{"type":21,"value":7837},"SfScrollableProps",{"type":15,"tag":157,"props":7839,"children":7840},{"style":164},[7841],{"type":21,"value":7842},">(\n",{"type":15,"tag":157,"props":7844,"children":7845},{"class":159,"line":1670},[7846],{"type":15,"tag":157,"props":7847,"children":7848},{"style":164},[7849],{"type":21,"value":7850}," (\n",{"type":15,"tag":157,"props":7852,"children":7853},{"class":159,"line":1678},[7854],{"type":15,"tag":157,"props":7855,"children":7856},{"style":164},[7857],{"type":21,"value":7858}," {\n",{"type":15,"tag":157,"props":7860,"children":7861},{"class":159,"line":1686},[7862,7867],{"type":15,"tag":157,"props":7863,"children":7864},{"style":170},[7865],{"type":21,"value":7866}," as",{"type":15,"tag":157,"props":7868,"children":7869},{"style":164},[7870],{"type":21,"value":2753},{"type":15,"tag":157,"props":7872,"children":7873},{"class":159,"line":1698},[7874,7878,7882,7886,7890,7894],{"type":15,"tag":157,"props":7875,"children":7876},{"style":170},[7877],{"type":21,"value":5958},{"type":15,"tag":157,"props":7879,"children":7880},{"style":573},[7881],{"type":21,"value":1969},{"type":15,"tag":157,"props":7883,"children":7884},{"style":562},[7885],{"type":21,"value":6345},{"type":15,"tag":157,"props":7887,"children":7888},{"style":164},[7889],{"type":21,"value":95},{"type":15,"tag":157,"props":7891,"children":7892},{"style":170},[7893],{"type":21,"value":4810},{"type":15,"tag":157,"props":7895,"children":7896},{"style":164},[7897],{"type":21,"value":2753},{"type":15,"tag":157,"props":7899,"children":7900},{"class":159,"line":1714},[7901,7906,7910,7914,7918,7922],{"type":15,"tag":157,"props":7902,"children":7903},{"style":170},[7904],{"type":21,"value":7905}," buttonsPlacement",{"type":15,"tag":157,"props":7907,"children":7908},{"style":573},[7909],{"type":21,"value":1969},{"type":15,"tag":157,"props":7911,"children":7912},{"style":562},[7913],{"type":21,"value":6407},{"type":15,"tag":157,"props":7915,"children":7916},{"style":164},[7917],{"type":21,"value":95},{"type":15,"tag":157,"props":7919,"children":7920},{"style":170},[7921],{"type":21,"value":4908},{"type":15,"tag":157,"props":7923,"children":7924},{"style":164},[7925],{"type":21,"value":2753},{"type":15,"tag":157,"props":7927,"children":7928},{"class":159,"line":1730},[7929,7933],{"type":15,"tag":157,"props":7930,"children":7931},{"style":170},[7932],{"type":21,"value":2307},{"type":15,"tag":157,"props":7934,"children":7935},{"style":164},[7936],{"type":21,"value":2753},{"type":15,"tag":157,"props":7938,"children":7939},{"class":159,"line":1748},[7940,7944],{"type":15,"tag":157,"props":7941,"children":7942},{"style":170},[7943],{"type":21,"value":5983},{"type":15,"tag":157,"props":7945,"children":7946},{"style":164},[7947],{"type":21,"value":2753},{"type":15,"tag":157,"props":7949,"children":7950},{"class":159,"line":1757},[7951,7955],{"type":15,"tag":157,"props":7952,"children":7953},{"style":170},[7954],{"type":21,"value":5996},{"type":15,"tag":157,"props":7956,"children":7957},{"style":164},[7958],{"type":21,"value":2753},{"type":15,"tag":157,"props":7960,"children":7961},{"class":159,"line":1766},[7962,7967],{"type":15,"tag":157,"props":7963,"children":7964},{"style":170},[7965],{"type":21,"value":7966}," onDragStart",{"type":15,"tag":157,"props":7968,"children":7969},{"style":164},[7970],{"type":21,"value":2753},{"type":15,"tag":157,"props":7972,"children":7973},{"class":159,"line":1775},[7974,7979],{"type":15,"tag":157,"props":7975,"children":7976},{"style":170},[7977],{"type":21,"value":7978}," onDragEnd",{"type":15,"tag":157,"props":7980,"children":7981},{"style":164},[7982],{"type":21,"value":2753},{"type":15,"tag":157,"props":7984,"children":7985},{"class":159,"line":1783},[7986,7991],{"type":15,"tag":157,"props":7987,"children":7988},{"style":170},[7989],{"type":21,"value":7990}," onScroll",{"type":15,"tag":157,"props":7992,"children":7993},{"style":164},[7994],{"type":21,"value":2753},{"type":15,"tag":157,"props":7996,"children":7997},{"class":159,"line":1791},[7998,8002],{"type":15,"tag":157,"props":7999,"children":8000},{"style":170},[8001],{"type":21,"value":2414},{"type":15,"tag":157,"props":8003,"children":8004},{"style":164},[8005],{"type":21,"value":2753},{"type":15,"tag":157,"props":8007,"children":8008},{"class":159,"line":1807},[8009,8013],{"type":15,"tag":157,"props":8010,"children":8011},{"style":170},[8012],{"type":21,"value":2521},{"type":15,"tag":157,"props":8014,"children":8015},{"style":164},[8016],{"type":21,"value":2753},{"type":15,"tag":157,"props":8018,"children":8019},{"class":159,"line":1823},[8020,8024],{"type":15,"tag":157,"props":8021,"children":8022},{"style":170},[8023],{"type":21,"value":6009},{"type":15,"tag":157,"props":8025,"children":8026},{"style":164},[8027],{"type":21,"value":2753},{"type":15,"tag":157,"props":8029,"children":8030},{"class":159,"line":1839},[8031,8035],{"type":15,"tag":157,"props":8032,"children":8033},{"style":170},[8034],{"type":21,"value":2291},{"type":15,"tag":157,"props":8036,"children":8037},{"style":164},[8038],{"type":21,"value":2753},{"type":15,"tag":157,"props":8040,"children":8041},{"class":159,"line":1847},[8042,8046],{"type":15,"tag":157,"props":8043,"children":8044},{"style":170},[8045],{"type":21,"value":2275},{"type":15,"tag":157,"props":8047,"children":8048},{"style":164},[8049],{"type":21,"value":2753},{"type":15,"tag":157,"props":8051,"children":8052},{"class":159,"line":1879},[8053,8057],{"type":15,"tag":157,"props":8054,"children":8055},{"style":170},[8056],{"type":21,"value":2331},{"type":15,"tag":157,"props":8058,"children":8059},{"style":164},[8060],{"type":21,"value":2753},{"type":15,"tag":157,"props":8062,"children":8063},{"class":159,"line":1913},[8064,8068],{"type":15,"tag":157,"props":8065,"children":8066},{"style":170},[8067],{"type":21,"value":2365},{"type":15,"tag":157,"props":8069,"children":8070},{"style":164},[8071],{"type":21,"value":2753},{"type":15,"tag":157,"props":8073,"children":8074},{"class":159,"line":1945},[8075,8080,8084,8089],{"type":15,"tag":157,"props":8076,"children":8077},{"style":170},[8078],{"type":21,"value":8079}," buttonPrevAriaLabel",{"type":15,"tag":157,"props":8081,"children":8082},{"style":573},[8083],{"type":21,"value":1969},{"type":15,"tag":157,"props":8085,"children":8086},{"style":209},[8087],{"type":21,"value":8088}," 'Previous'",{"type":15,"tag":157,"props":8090,"children":8091},{"style":164},[8092],{"type":21,"value":2753},{"type":15,"tag":157,"props":8094,"children":8095},{"class":159,"line":1953},[8096,8101,8105,8110],{"type":15,"tag":157,"props":8097,"children":8098},{"style":170},[8099],{"type":21,"value":8100}," buttonNextAriaLabel",{"type":15,"tag":157,"props":8102,"children":8103},{"style":573},[8104],{"type":21,"value":1969},{"type":15,"tag":157,"props":8106,"children":8107},{"style":209},[8108],{"type":21,"value":8109}," 'Next'",{"type":15,"tag":157,"props":8111,"children":8112},{"style":164},[8113],{"type":21,"value":2753},{"type":15,"tag":157,"props":8115,"children":8116},{"class":159,"line":1981},[8117,8122],{"type":15,"tag":157,"props":8118,"children":8119},{"style":170},[8120],{"type":21,"value":8121}," children",{"type":15,"tag":157,"props":8123,"children":8124},{"style":164},[8125],{"type":21,"value":2753},{"type":15,"tag":157,"props":8127,"children":8128},{"class":159,"line":2018},[8129,8134],{"type":15,"tag":157,"props":8130,"children":8131},{"style":170},[8132],{"type":21,"value":8133}," slotPreviousButton",{"type":15,"tag":157,"props":8135,"children":8136},{"style":164},[8137],{"type":21,"value":2753},{"type":15,"tag":157,"props":8139,"children":8140},{"class":159,"line":4995},[8141,8146],{"type":15,"tag":157,"props":8142,"children":8143},{"style":170},[8144],{"type":21,"value":8145}," slotNextButton",{"type":15,"tag":157,"props":8147,"children":8148},{"style":164},[8149],{"type":21,"value":2753},{"type":15,"tag":157,"props":8151,"children":8152},{"class":159,"line":5003},[8153,8158],{"type":15,"tag":157,"props":8154,"children":8155},{"style":164},[8156],{"type":21,"value":8157}," ...",{"type":15,"tag":157,"props":8159,"children":8160},{"style":170},[8161],{"type":21,"value":8162},"attributes\n",{"type":15,"tag":157,"props":8164,"children":8165},{"class":159,"line":5016},[8166],{"type":15,"tag":157,"props":8167,"children":8168},{"style":164},[8169],{"type":21,"value":8170}," },\n",{"type":15,"tag":157,"props":8172,"children":8173},{"class":159,"line":5037},[8174,8179],{"type":15,"tag":157,"props":8175,"children":8176},{"style":170},[8177],{"type":21,"value":8178}," ref",{"type":15,"tag":157,"props":8180,"children":8181},{"style":164},[8182],{"type":21,"value":2753},{"type":15,"tag":157,"props":8184,"children":8185},{"class":159,"line":5057},[8186,8191,8195],{"type":15,"tag":157,"props":8187,"children":8188},{"style":164},[8189],{"type":21,"value":8190}," ) ",{"type":15,"tag":157,"props":8192,"children":8193},{"style":411},[8194],{"type":21,"value":656},{"type":15,"tag":157,"props":8196,"children":8197},{"style":164},[8198],{"type":21,"value":2445},{"type":15,"tag":157,"props":8200,"children":8201},{"class":159,"line":5065},[8202,8207,8212,8216,8220,8225,8229],{"type":15,"tag":157,"props":8203,"children":8204},{"style":411},[8205],{"type":21,"value":8206}," const",{"type":15,"tag":157,"props":8208,"children":8209},{"style":562},[8210],{"type":21,"value":8211}," Tag",{"type":15,"tag":157,"props":8213,"children":8214},{"style":573},[8215],{"type":21,"value":1969},{"type":15,"tag":157,"props":8217,"children":8218},{"style":411},[8219],{"type":21,"value":4751},{"type":15,"tag":157,"props":8221,"children":8222},{"style":573},[8223],{"type":21,"value":8224}," ||",{"type":15,"tag":157,"props":8226,"children":8227},{"style":170},[8228],{"type":21,"value":7774},{"type":15,"tag":157,"props":8230,"children":8231},{"style":164},[8232],{"type":21,"value":443},{"type":15,"tag":157,"props":8234,"children":8235},{"class":159,"line":5078},[8236,8240,8244,8248,8253,8257,8261,8265,8269],{"type":15,"tag":157,"props":8237,"children":8238},{"style":411},[8239],{"type":21,"value":8206},{"type":15,"tag":157,"props":8241,"children":8242},{"style":562},[8243],{"type":21,"value":6307},{"type":15,"tag":157,"props":8245,"children":8246},{"style":573},[8247],{"type":21,"value":1969},{"type":15,"tag":157,"props":8249,"children":8250},{"style":170},[8251],{"type":21,"value":8252}," direction",{"type":15,"tag":157,"props":8254,"children":8255},{"style":573},[8256],{"type":21,"value":2348},{"type":15,"tag":157,"props":8258,"children":8259},{"style":562},[8260],{"type":21,"value":6345},{"type":15,"tag":157,"props":8262,"children":8263},{"style":164},[8264],{"type":21,"value":95},{"type":15,"tag":157,"props":8266,"children":8267},{"style":170},[8268],{"type":21,"value":4810},{"type":15,"tag":157,"props":8270,"children":8271},{"style":164},[8272],{"type":21,"value":443},{"type":15,"tag":157,"props":8274,"children":8275},{"class":159,"line":5138},[8276,8280,8284,8288,8293,8297,8301,8305,8309],{"type":15,"tag":157,"props":8277,"children":8278},{"style":411},[8279],{"type":21,"value":8206},{"type":15,"tag":157,"props":8281,"children":8282},{"style":562},[8283],{"type":21,"value":6433},{"type":15,"tag":157,"props":8285,"children":8286},{"style":573},[8287],{"type":21,"value":1969},{"type":15,"tag":157,"props":8289,"children":8290},{"style":170},[8291],{"type":21,"value":8292}," buttonsPlacement",{"type":15,"tag":157,"props":8294,"children":8295},{"style":573},[8296],{"type":21,"value":2348},{"type":15,"tag":157,"props":8298,"children":8299},{"style":562},[8300],{"type":21,"value":6407},{"type":15,"tag":157,"props":8302,"children":8303},{"style":164},[8304],{"type":21,"value":95},{"type":15,"tag":157,"props":8306,"children":8307},{"style":170},[8308],{"type":21,"value":4908},{"type":15,"tag":157,"props":8310,"children":8311},{"style":164},[8312],{"type":21,"value":443},{"type":15,"tag":157,"props":8314,"children":8315},{"class":159,"line":5158},[8316,8320,8324,8328,8332,8336,8340,8344,8348],{"type":15,"tag":157,"props":8317,"children":8318},{"style":411},[8319],{"type":21,"value":8206},{"type":15,"tag":157,"props":8321,"children":8322},{"style":562},[8323],{"type":21,"value":6370},{"type":15,"tag":157,"props":8325,"children":8326},{"style":573},[8327],{"type":21,"value":1969},{"type":15,"tag":157,"props":8329,"children":8330},{"style":170},[8331],{"type":21,"value":8292},{"type":15,"tag":157,"props":8333,"children":8334},{"style":573},[8335],{"type":21,"value":2348},{"type":15,"tag":157,"props":8337,"children":8338},{"style":562},[8339],{"type":21,"value":6407},{"type":15,"tag":157,"props":8341,"children":8342},{"style":164},[8343],{"type":21,"value":95},{"type":15,"tag":157,"props":8345,"children":8346},{"style":170},[8347],{"type":21,"value":6416},{"type":15,"tag":157,"props":8349,"children":8350},{"style":164},[8351],{"type":21,"value":443},{"type":15,"tag":157,"props":8353,"children":8354},{"class":159,"line":5166},[8355],{"type":15,"tag":157,"props":8356,"children":8357},{"emptyLinePlaceholder":8},[8358],{"type":21,"value":368},{"type":15,"tag":157,"props":8360,"children":8361},{"class":159,"line":5179},[8362,8366,8371,8375,8380],{"type":15,"tag":157,"props":8363,"children":8364},{"style":411},[8365],{"type":21,"value":8206},{"type":15,"tag":157,"props":8367,"children":8368},{"style":562},[8369],{"type":21,"value":8370}," sliderOptions",{"type":15,"tag":157,"props":8372,"children":8373},{"style":573},[8374],{"type":21,"value":1969},{"type":15,"tag":157,"props":8376,"children":8377},{"style":531},[8378],{"type":21,"value":8379}," useMemo",{"type":15,"tag":157,"props":8381,"children":8382},{"style":164},[8383],{"type":21,"value":2740},{"type":15,"tag":157,"props":8385,"children":8386},{"class":159,"line":5199},[8387,8392,8396],{"type":15,"tag":157,"props":8388,"children":8389},{"style":164},[8390],{"type":21,"value":8391}," () ",{"type":15,"tag":157,"props":8393,"children":8394},{"style":411},[8395],{"type":21,"value":656},{"type":15,"tag":157,"props":8397,"children":8398},{"style":164},[8399],{"type":21,"value":5932},{"type":15,"tag":157,"props":8401,"children":8402},{"class":159,"line":5219},[8403,8408],{"type":15,"tag":157,"props":8404,"children":8405},{"style":170},[8406],{"type":21,"value":8407}," direction",{"type":15,"tag":157,"props":8409,"children":8410},{"style":164},[8411],{"type":21,"value":2753},{"type":15,"tag":157,"props":8413,"children":8414},{"class":159,"line":5227},[8415,8420],{"type":15,"tag":157,"props":8416,"children":8417},{"style":170},[8418],{"type":21,"value":8419}," activeIndex",{"type":15,"tag":157,"props":8421,"children":8422},{"style":164},[8423],{"type":21,"value":2753},{"type":15,"tag":157,"props":8425,"children":8426},{"class":159,"line":5240},[8427,8432],{"type":15,"tag":157,"props":8428,"children":8429},{"style":170},[8430],{"type":21,"value":8431}," reduceMotion",{"type":15,"tag":157,"props":8433,"children":8434},{"style":164},[8435],{"type":21,"value":2753},{"type":15,"tag":157,"props":8437,"children":8438},{"class":159,"line":5260},[8439,8444],{"type":15,"tag":157,"props":8440,"children":8441},{"style":170},[8442],{"type":21,"value":8443}," drag",{"type":15,"tag":157,"props":8445,"children":8446},{"style":164},[8447],{"type":21,"value":2753},{"type":15,"tag":157,"props":8449,"children":8450},{"class":159,"line":5280},[8451,8456],{"type":15,"tag":157,"props":8452,"children":8453},{"style":170},[8454],{"type":21,"value":8455}," onDragStart",{"type":15,"tag":157,"props":8457,"children":8458},{"style":164},[8459],{"type":21,"value":2753},{"type":15,"tag":157,"props":8461,"children":8462},{"class":159,"line":5288},[8463,8468],{"type":15,"tag":157,"props":8464,"children":8465},{"style":170},[8466],{"type":21,"value":8467}," onDragEnd",{"type":15,"tag":157,"props":8469,"children":8470},{"style":164},[8471],{"type":21,"value":2753},{"type":15,"tag":157,"props":8473,"children":8474},{"class":159,"line":5301},[8475,8480],{"type":15,"tag":157,"props":8476,"children":8477},{"style":170},[8478],{"type":21,"value":8479}," onScroll",{"type":15,"tag":157,"props":8481,"children":8482},{"style":164},[8483],{"type":21,"value":2753},{"type":15,"tag":157,"props":8485,"children":8486},{"class":159,"line":5321},[8487,8492],{"type":15,"tag":157,"props":8488,"children":8489},{"style":170},[8490],{"type":21,"value":8491}," onPrev",{"type":15,"tag":157,"props":8493,"children":8494},{"style":164},[8495],{"type":21,"value":2753},{"type":15,"tag":157,"props":8497,"children":8498},{"class":159,"line":5341},[8499,8504],{"type":15,"tag":157,"props":8500,"children":8501},{"style":170},[8502],{"type":21,"value":8503}," onNext",{"type":15,"tag":157,"props":8505,"children":8506},{"style":164},[8507],{"type":21,"value":2753},{"type":15,"tag":157,"props":8509,"children":8510},{"class":159,"line":5349},[8511,8516],{"type":15,"tag":157,"props":8512,"children":8513},{"style":170},[8514],{"type":21,"value":8515}," isActiveIndexCentered",{"type":15,"tag":157,"props":8517,"children":8518},{"style":164},[8519],{"type":21,"value":2753},{"type":15,"tag":157,"props":8521,"children":8522},{"class":159,"line":5362},[8523],{"type":15,"tag":157,"props":8524,"children":8525},{"style":164},[8526],{"type":21,"value":8527}," }),\n",{"type":15,"tag":157,"props":8529,"children":8530},{"class":159,"line":5382},[8531],{"type":15,"tag":157,"props":8532,"children":8533},{"style":164},[8534],{"type":21,"value":8535}," [\n",{"type":15,"tag":157,"props":8537,"children":8538},{"class":159,"line":5402},[8539,8543],{"type":15,"tag":157,"props":8540,"children":8541},{"style":170},[8542],{"type":21,"value":8407},{"type":15,"tag":157,"props":8544,"children":8545},{"style":164},[8546],{"type":21,"value":2753},{"type":15,"tag":157,"props":8548,"children":8549},{"class":159,"line":5410},[8550,8554],{"type":15,"tag":157,"props":8551,"children":8552},{"style":170},[8553],{"type":21,"value":8419},{"type":15,"tag":157,"props":8555,"children":8556},{"style":164},[8557],{"type":21,"value":2753},{"type":15,"tag":157,"props":8559,"children":8560},{"class":159,"line":5423},[8561,8565],{"type":15,"tag":157,"props":8562,"children":8563},{"style":170},[8564],{"type":21,"value":8431},{"type":15,"tag":157,"props":8566,"children":8567},{"style":164},[8568],{"type":21,"value":2753},{"type":15,"tag":157,"props":8570,"children":8571},{"class":159,"line":5443},[8572,8576],{"type":15,"tag":157,"props":8573,"children":8574},{"style":170},[8575],{"type":21,"value":8443},{"type":15,"tag":157,"props":8577,"children":8578},{"style":164},[8579],{"type":21,"value":2753},{"type":15,"tag":157,"props":8581,"children":8582},{"class":159,"line":5463},[8583,8587],{"type":15,"tag":157,"props":8584,"children":8585},{"style":170},[8586],{"type":21,"value":8515},{"type":15,"tag":157,"props":8588,"children":8589},{"style":164},[8590],{"type":21,"value":2753},{"type":15,"tag":157,"props":8592,"children":8593},{"class":159,"line":5471},[8594,8598],{"type":15,"tag":157,"props":8595,"children":8596},{"style":170},[8597],{"type":21,"value":8455},{"type":15,"tag":157,"props":8599,"children":8600},{"style":164},[8601],{"type":21,"value":2753},{"type":15,"tag":157,"props":8603,"children":8604},{"class":159,"line":5479},[8605,8609],{"type":15,"tag":157,"props":8606,"children":8607},{"style":170},[8608],{"type":21,"value":8467},{"type":15,"tag":157,"props":8610,"children":8611},{"style":164},[8612],{"type":21,"value":2753},{"type":15,"tag":157,"props":8614,"children":8615},{"class":159,"line":5506},[8616,8620],{"type":15,"tag":157,"props":8617,"children":8618},{"style":170},[8619],{"type":21,"value":8479},{"type":15,"tag":157,"props":8621,"children":8622},{"style":164},[8623],{"type":21,"value":2753},{"type":15,"tag":157,"props":8625,"children":8626},{"class":159,"line":5561},[8627,8631],{"type":15,"tag":157,"props":8628,"children":8629},{"style":170},[8630],{"type":21,"value":8491},{"type":15,"tag":157,"props":8632,"children":8633},{"style":164},[8634],{"type":21,"value":2753},{"type":15,"tag":157,"props":8636,"children":8637},{"class":159,"line":5611},[8638,8642],{"type":15,"tag":157,"props":8639,"children":8640},{"style":170},[8641],{"type":21,"value":8503},{"type":15,"tag":157,"props":8643,"children":8644},{"style":164},[8645],{"type":21,"value":2753},{"type":15,"tag":157,"props":8647,"children":8648},{"class":159,"line":5661},[8649],{"type":15,"tag":157,"props":8650,"children":8651},{"style":164},[8652],{"type":21,"value":8653}," ],\n",{"type":15,"tag":157,"props":8655,"children":8656},{"class":159,"line":5711},[8657],{"type":15,"tag":157,"props":8658,"children":8659},{"style":164},[8660],{"type":21,"value":8661}," );\n",{"type":15,"tag":157,"props":8663,"children":8664},{"class":159,"line":5761},[8665],{"type":15,"tag":157,"props":8666,"children":8667},{"emptyLinePlaceholder":8},[8668],{"type":21,"value":368},{"type":15,"tag":157,"props":8670,"children":8671},{"class":159,"line":5770},[8672,8676,8680,8684,8688,8692,8696,8700,8704,8708,8712,8716,8720,8724,8729],{"type":15,"tag":157,"props":8673,"children":8674},{"style":411},[8675],{"type":21,"value":8206},{"type":15,"tag":157,"props":8677,"children":8678},{"style":164},[8679],{"type":21,"value":419},{"type":15,"tag":157,"props":8681,"children":8682},{"style":562},[8683],{"type":21,"value":5874},{"type":15,"tag":157,"props":8685,"children":8686},{"style":164},[8687],{"type":21,"value":641},{"type":15,"tag":157,"props":8689,"children":8690},{"style":562},[8691],{"type":21,"value":5865},{"type":15,"tag":157,"props":8693,"children":8694},{"style":164},[8695],{"type":21,"value":641},{"type":15,"tag":157,"props":8697,"children":8698},{"style":562},[8699],{"type":21,"value":5883},{"type":15,"tag":157,"props":8701,"children":8702},{"style":164},[8703],{"type":21,"value":641},{"type":15,"tag":157,"props":8705,"children":8706},{"style":562},[8707],{"type":21,"value":5892},{"type":15,"tag":157,"props":8709,"children":8710},{"style":164},[8711],{"type":21,"value":428},{"type":15,"tag":157,"props":8713,"children":8714},{"style":573},[8715],{"type":21,"value":206},{"type":15,"tag":157,"props":8717,"children":8718},{"style":531},[8719],{"type":21,"value":5905},{"type":15,"tag":157,"props":8721,"children":8722},{"style":164},[8723],{"type":21,"value":2005},{"type":15,"tag":157,"props":8725,"children":8726},{"style":170},[8727],{"type":21,"value":8728},"sliderOptions",{"type":15,"tag":157,"props":8730,"children":8731},{"style":164},[8732],{"type":21,"value":2015},{"type":15,"tag":157,"props":8734,"children":8735},{"class":159,"line":5843},[8736],{"type":15,"tag":157,"props":8737,"children":8738},{"emptyLinePlaceholder":8},[8739],{"type":21,"value":368},{"type":15,"tag":157,"props":8741,"children":8742},{"class":159,"line":5851},[8743,8748,8753,8757,8762,8767,8771,8776,8780,8784],{"type":15,"tag":157,"props":8744,"children":8745},{"style":411},[8746],{"type":21,"value":8747}," function",{"type":15,"tag":157,"props":8749,"children":8750},{"style":531},[8751],{"type":21,"value":8752}," PreviousButton",{"type":15,"tag":157,"props":8754,"children":8755},{"style":164},[8756],{"type":21,"value":610},{"type":15,"tag":157,"props":8758,"children":8759},{"style":633},[8760],{"type":21,"value":8761},"classNameButton",{"type":15,"tag":157,"props":8763,"children":8764},{"style":164},[8765],{"type":21,"value":8766}," }: { ",{"type":15,"tag":157,"props":8768,"children":8769},{"style":170},[8770],{"type":21,"value":8761},{"type":15,"tag":157,"props":8772,"children":8773},{"style":411},[8774],{"type":21,"value":8775},"?",{"type":15,"tag":157,"props":8777,"children":8778},{"style":164},[8779],{"type":21,"value":620},{"type":15,"tag":157,"props":8781,"children":8782},{"style":562},[8783],{"type":21,"value":3259},{"type":15,"tag":157,"props":8785,"children":8786},{"style":164},[8787],{"type":21,"value":8788}," }) {\n",{"type":15,"tag":157,"props":8790,"children":8791},{"class":159,"line":5912},[8792,8797,8802,8806],{"type":15,"tag":157,"props":8793,"children":8794},{"style":411},[8795],{"type":21,"value":8796}," if",{"type":15,"tag":157,"props":8798,"children":8799},{"style":164},[8800],{"type":21,"value":8801}," (",{"type":15,"tag":157,"props":8803,"children":8804},{"style":170},[8805],{"type":21,"value":3761},{"type":15,"tag":157,"props":8807,"children":8808},{"style":164},[8809],{"type":21,"value":8810},") {\n",{"type":15,"tag":157,"props":8812,"children":8813},{"class":159,"line":5935},[8814,8819,8824,8828,8832,8836,8840,8844,8849,8853,8857,8861,8866,8870,8874],{"type":15,"tag":157,"props":8815,"children":8816},{"style":411},[8817],{"type":21,"value":8818}," return",{"type":15,"tag":157,"props":8820,"children":8821},{"style":531},[8822],{"type":21,"value":8823}," cloneElement",{"type":15,"tag":157,"props":8825,"children":8826},{"style":164},[8827],{"type":21,"value":2005},{"type":15,"tag":157,"props":8829,"children":8830},{"style":170},[8831],{"type":21,"value":3761},{"type":15,"tag":157,"props":8833,"children":8834},{"style":164},[8835],{"type":21,"value":641},{"type":15,"tag":157,"props":8837,"children":8838},{"style":531},[8839],{"type":21,"value":5892},{"type":15,"tag":157,"props":8841,"children":8842},{"style":164},[8843],{"type":21,"value":610},{"type":15,"tag":157,"props":8845,"children":8846},{"style":170},[8847],{"type":21,"value":8848},"disabled",{"type":15,"tag":157,"props":8850,"children":8851},{"style":164},[8852],{"type":21,"value":620},{"type":15,"tag":157,"props":8854,"children":8855},{"style":170},[8856],{"type":21,"value":3173},{"type":15,"tag":157,"props":8858,"children":8859},{"style":164},[8860],{"type":21,"value":641},{"type":15,"tag":157,"props":8862,"children":8863},{"style":170},[8864],{"type":21,"value":8865},"onClick",{"type":15,"tag":157,"props":8867,"children":8868},{"style":164},[8869],{"type":21,"value":620},{"type":15,"tag":157,"props":8871,"children":8872},{"style":170},[8873],{"type":21,"value":3898},{"type":15,"tag":157,"props":8875,"children":8876},{"style":164},[8877],{"type":21,"value":8878}," }));\n",{"type":15,"tag":157,"props":8880,"children":8881},{"class":159,"line":5952},[8882],{"type":15,"tag":157,"props":8883,"children":8884},{"style":164},[8885],{"type":21,"value":1612},{"type":15,"tag":157,"props":8887,"children":8888},{"class":159,"line":5965},[8889,8894],{"type":15,"tag":157,"props":8890,"children":8891},{"style":411},[8892],{"type":21,"value":8893}," return",{"type":15,"tag":157,"props":8895,"children":8896},{"style":164},[8897],{"type":21,"value":552},{"type":15,"tag":157,"props":8899,"children":8900},{"class":159,"line":5977},[8901,8905],{"type":15,"tag":157,"props":8902,"children":8903},{"style":164},[8904],{"type":21,"value":668},{"type":15,"tag":157,"props":8906,"children":8907},{"style":562},[8908],{"type":21,"value":6687},{"type":15,"tag":157,"props":8910,"children":8911},{"class":159,"line":5990},[8912,8916,8921,8925],{"type":15,"tag":157,"props":8913,"children":8914},{"style":411},[8915],{"type":21,"value":730},{"type":15,"tag":157,"props":8917,"children":8918},{"style":164},[8919],{"type":21,"value":8920},"...",{"type":15,"tag":157,"props":8922,"children":8923},{"style":531},[8924],{"type":21,"value":5892},{"type":15,"tag":157,"props":8926,"children":8927},{"style":164},[8928],{"type":21,"value":4556},{"type":15,"tag":157,"props":8930,"children":8931},{"class":159,"line":6003},[8932,8937,8941,8946],{"type":15,"tag":157,"props":8933,"children":8934},{"style":170},[8935],{"type":21,"value":8936}," square",{"type":15,"tag":157,"props":8938,"children":8939},{"style":164},[8940],{"type":21,"value":620},{"type":15,"tag":157,"props":8942,"children":8943},{"style":198},[8944],{"type":21,"value":8945},"true",{"type":15,"tag":157,"props":8947,"children":8948},{"style":164},[8949],{"type":21,"value":2753},{"type":15,"tag":157,"props":8951,"children":8952},{"class":159,"line":6016},[8953,8958,8962,8967],{"type":15,"tag":157,"props":8954,"children":8955},{"style":170},[8956],{"type":21,"value":8957}," variant",{"type":15,"tag":157,"props":8959,"children":8960},{"style":164},[8961],{"type":21,"value":620},{"type":15,"tag":157,"props":8963,"children":8964},{"style":209},[8965],{"type":21,"value":8966},"'secondary'",{"type":15,"tag":157,"props":8968,"children":8969},{"style":164},[8970],{"type":21,"value":2753},{"type":15,"tag":157,"props":8972,"children":8973},{"class":159,"line":6025},[8974,8979,8983,8988],{"type":15,"tag":157,"props":8975,"children":8976},{"style":170},[8977],{"type":21,"value":8978}," size",{"type":15,"tag":157,"props":8980,"children":8981},{"style":164},[8982],{"type":21,"value":620},{"type":15,"tag":157,"props":8984,"children":8985},{"style":209},[8986],{"type":21,"value":8987},"'lg'",{"type":15,"tag":157,"props":8989,"children":8990},{"style":164},[8991],{"type":21,"value":2753},{"type":15,"tag":157,"props":8993,"children":8994},{"class":159,"line":6076},[8995,9000,9004,9008],{"type":15,"tag":157,"props":8996,"children":8997},{"style":170},[8998],{"type":21,"value":8999}," disabled",{"type":15,"tag":157,"props":9001,"children":9002},{"style":164},[9003],{"type":21,"value":620},{"type":15,"tag":157,"props":9005,"children":9006},{"style":170},[9007],{"type":21,"value":3173},{"type":15,"tag":157,"props":9009,"children":9010},{"style":164},[9011],{"type":21,"value":2753},{"type":15,"tag":157,"props":9013,"children":9014},{"class":159,"line":6125},[9015,9020,9025,9029],{"type":15,"tag":157,"props":9016,"children":9017},{"style":170},[9018],{"type":21,"value":9019}," slotPrefix",{"type":15,"tag":157,"props":9021,"children":9022},{"style":164},[9023],{"type":21,"value":9024},": \u003C",{"type":15,"tag":157,"props":9026,"children":9027},{"style":562},[9028],{"type":21,"value":6920},{"type":15,"tag":157,"props":9030,"children":9031},{"style":164},[9032],{"type":21,"value":9033}," \u002F>,\n",{"type":15,"tag":157,"props":9035,"children":9036},{"class":159,"line":6174},[9037,9042,9046,9050],{"type":15,"tag":157,"props":9038,"children":9039},{"style":209},[9040],{"type":21,"value":9041}," 'aria-label'",{"type":15,"tag":157,"props":9043,"children":9044},{"style":164},[9045],{"type":21,"value":620},{"type":15,"tag":157,"props":9047,"children":9048},{"style":170},[9049],{"type":21,"value":2915},{"type":15,"tag":157,"props":9051,"children":9052},{"style":164},[9053],{"type":21,"value":2753},{"type":15,"tag":157,"props":9055,"children":9056},{"class":159,"line":6223},[9057,9062,9066,9071],{"type":15,"tag":157,"props":9058,"children":9059},{"style":170},[9060],{"type":21,"value":9061}," className",{"type":15,"tag":157,"props":9063,"children":9064},{"style":164},[9065],{"type":21,"value":620},{"type":15,"tag":157,"props":9067,"children":9068},{"style":531},[9069],{"type":21,"value":9070},"twMerge",{"type":15,"tag":157,"props":9072,"children":9073},{"style":164},[9074],{"type":21,"value":2740},{"type":15,"tag":157,"props":9076,"children":9077},{"class":159,"line":6272},[9078,9083],{"type":15,"tag":157,"props":9079,"children":9080},{"style":170},[9081],{"type":21,"value":9082}," classNameButton",{"type":15,"tag":157,"props":9084,"children":9085},{"style":164},[9086],{"type":21,"value":2753},{"type":15,"tag":157,"props":9088,"children":9089},{"class":159,"line":6281},[9090,9095,9099,9104,9108,9113],{"type":15,"tag":157,"props":9091,"children":9092},{"style":170},[9093],{"type":21,"value":9094}," isFloating",{"type":15,"tag":157,"props":9096,"children":9097},{"style":411},[9098],{"type":21,"value":2774},{"type":15,"tag":157,"props":9100,"children":9101},{"style":209},[9102],{"type":21,"value":9103}," 'disabled:hidden'",{"type":15,"tag":157,"props":9105,"children":9106},{"style":411},[9107],{"type":21,"value":2784},{"type":15,"tag":157,"props":9109,"children":9110},{"style":209},[9111],{"type":21,"value":9112}," 'disabled:!ring-disabled-300 disabled:!text-disabled-500'",{"type":15,"tag":157,"props":9114,"children":9115},{"style":164},[9116],{"type":21,"value":2753},{"type":15,"tag":157,"props":9118,"children":9119},{"class":159,"line":6289},[9120],{"type":15,"tag":157,"props":9121,"children":9122},{"style":164},[9123],{"type":21,"value":9124}," ),\n",{"type":15,"tag":157,"props":9126,"children":9127},{"class":159,"line":6297},[9128,9133],{"type":15,"tag":157,"props":9129,"children":9130},{"style":164},[9131],{"type":21,"value":9132}," })",{"type":15,"tag":157,"props":9134,"children":9135},{"style":411},[9136],{"type":21,"value":698},{"type":15,"tag":157,"props":9138,"children":9139},{"class":159,"line":6360},[9140],{"type":15,"tag":157,"props":9141,"children":9142},{"style":164},[9143],{"type":21,"value":9144}," \u002F>\n",{"type":15,"tag":157,"props":9146,"children":9147},{"class":159,"line":6423},[9148],{"type":15,"tag":157,"props":9149,"children":9150},{"style":164},[9151],{"type":21,"value":9152}," );\n",{"type":15,"tag":157,"props":9154,"children":9155},{"class":159,"line":6484},[9156],{"type":15,"tag":157,"props":9157,"children":9158},{"style":164},[9159],{"type":21,"value":9160}," }\n",{"type":15,"tag":157,"props":9162,"children":9163},{"class":159,"line":6518},[9164],{"type":15,"tag":157,"props":9165,"children":9166},{"emptyLinePlaceholder":8},[9167],{"type":21,"value":368},{"type":15,"tag":157,"props":9169,"children":9170},{"class":159,"line":6534},[9171,9175,9180,9184,9188,9192,9196,9200,9204,9208],{"type":15,"tag":157,"props":9172,"children":9173},{"style":411},[9174],{"type":21,"value":8747},{"type":15,"tag":157,"props":9176,"children":9177},{"style":531},[9178],{"type":21,"value":9179}," NextButton",{"type":15,"tag":157,"props":9181,"children":9182},{"style":164},[9183],{"type":21,"value":610},{"type":15,"tag":157,"props":9185,"children":9186},{"style":633},[9187],{"type":21,"value":8761},{"type":15,"tag":157,"props":9189,"children":9190},{"style":164},[9191],{"type":21,"value":8766},{"type":15,"tag":157,"props":9193,"children":9194},{"style":170},[9195],{"type":21,"value":8761},{"type":15,"tag":157,"props":9197,"children":9198},{"style":411},[9199],{"type":21,"value":8775},{"type":15,"tag":157,"props":9201,"children":9202},{"style":164},[9203],{"type":21,"value":620},{"type":15,"tag":157,"props":9205,"children":9206},{"style":562},[9207],{"type":21,"value":3259},{"type":15,"tag":157,"props":9209,"children":9210},{"style":164},[9211],{"type":21,"value":8788},{"type":15,"tag":157,"props":9213,"children":9214},{"class":159,"line":6542},[9215,9219,9223,9227],{"type":15,"tag":157,"props":9216,"children":9217},{"style":411},[9218],{"type":21,"value":8796},{"type":15,"tag":157,"props":9220,"children":9221},{"style":164},[9222],{"type":21,"value":8801},{"type":15,"tag":157,"props":9224,"children":9225},{"style":170},[9226],{"type":21,"value":3789},{"type":15,"tag":157,"props":9228,"children":9229},{"style":164},[9230],{"type":21,"value":8810},{"type":15,"tag":157,"props":9232,"children":9233},{"class":159,"line":6558},[9234,9238,9242,9246,9250,9254,9258,9262,9266,9270,9274,9278,9282,9286,9290],{"type":15,"tag":157,"props":9235,"children":9236},{"style":411},[9237],{"type":21,"value":8818},{"type":15,"tag":157,"props":9239,"children":9240},{"style":531},[9241],{"type":21,"value":8823},{"type":15,"tag":157,"props":9243,"children":9244},{"style":164},[9245],{"type":21,"value":2005},{"type":15,"tag":157,"props":9247,"children":9248},{"style":170},[9249],{"type":21,"value":3789},{"type":15,"tag":157,"props":9251,"children":9252},{"style":164},[9253],{"type":21,"value":641},{"type":15,"tag":157,"props":9255,"children":9256},{"style":531},[9257],{"type":21,"value":5883},{"type":15,"tag":157,"props":9259,"children":9260},{"style":164},[9261],{"type":21,"value":610},{"type":15,"tag":157,"props":9263,"children":9264},{"style":170},[9265],{"type":21,"value":8848},{"type":15,"tag":157,"props":9267,"children":9268},{"style":164},[9269],{"type":21,"value":620},{"type":15,"tag":157,"props":9271,"children":9272},{"style":170},[9273],{"type":21,"value":3199},{"type":15,"tag":157,"props":9275,"children":9276},{"style":164},[9277],{"type":21,"value":641},{"type":15,"tag":157,"props":9279,"children":9280},{"style":170},[9281],{"type":21,"value":8865},{"type":15,"tag":157,"props":9283,"children":9284},{"style":164},[9285],{"type":21,"value":620},{"type":15,"tag":157,"props":9287,"children":9288},{"style":170},[9289],{"type":21,"value":3925},{"type":15,"tag":157,"props":9291,"children":9292},{"style":164},[9293],{"type":21,"value":8878},{"type":15,"tag":157,"props":9295,"children":9296},{"class":159,"line":6570},[9297],{"type":15,"tag":157,"props":9298,"children":9299},{"style":164},[9300],{"type":21,"value":1612},{"type":15,"tag":157,"props":9302,"children":9303},{"class":159,"line":6588},[9304,9308],{"type":15,"tag":157,"props":9305,"children":9306},{"style":411},[9307],{"type":21,"value":8893},{"type":15,"tag":157,"props":9309,"children":9310},{"style":164},[9311],{"type":21,"value":552},{"type":15,"tag":157,"props":9313,"children":9314},{"class":159,"line":6596},[9315,9319],{"type":15,"tag":157,"props":9316,"children":9317},{"style":164},[9318],{"type":21,"value":668},{"type":15,"tag":157,"props":9320,"children":9321},{"style":562},[9322],{"type":21,"value":6687},{"type":15,"tag":157,"props":9324,"children":9325},{"class":159,"line":6609},[9326,9330,9334,9338],{"type":15,"tag":157,"props":9327,"children":9328},{"style":411},[9329],{"type":21,"value":730},{"type":15,"tag":157,"props":9331,"children":9332},{"style":164},[9333],{"type":21,"value":8920},{"type":15,"tag":157,"props":9335,"children":9336},{"style":531},[9337],{"type":21,"value":5883},{"type":15,"tag":157,"props":9339,"children":9340},{"style":164},[9341],{"type":21,"value":4556},{"type":15,"tag":157,"props":9343,"children":9344},{"class":159,"line":6627},[9345,9349,9353,9357],{"type":15,"tag":157,"props":9346,"children":9347},{"style":170},[9348],{"type":21,"value":8936},{"type":15,"tag":157,"props":9350,"children":9351},{"style":164},[9352],{"type":21,"value":620},{"type":15,"tag":157,"props":9354,"children":9355},{"style":198},[9356],{"type":21,"value":8945},{"type":15,"tag":157,"props":9358,"children":9359},{"style":164},[9360],{"type":21,"value":2753},{"type":15,"tag":157,"props":9362,"children":9363},{"class":159,"line":6645},[9364,9368,9372,9376],{"type":15,"tag":157,"props":9365,"children":9366},{"style":170},[9367],{"type":21,"value":8957},{"type":15,"tag":157,"props":9369,"children":9370},{"style":164},[9371],{"type":21,"value":620},{"type":15,"tag":157,"props":9373,"children":9374},{"style":209},[9375],{"type":21,"value":8966},{"type":15,"tag":157,"props":9377,"children":9378},{"style":164},[9379],{"type":21,"value":2753},{"type":15,"tag":157,"props":9381,"children":9382},{"class":159,"line":6663},[9383,9387,9391,9395],{"type":15,"tag":157,"props":9384,"children":9385},{"style":170},[9386],{"type":21,"value":8978},{"type":15,"tag":157,"props":9388,"children":9389},{"style":164},[9390],{"type":21,"value":620},{"type":15,"tag":157,"props":9392,"children":9393},{"style":209},[9394],{"type":21,"value":8987},{"type":15,"tag":157,"props":9396,"children":9397},{"style":164},[9398],{"type":21,"value":2753},{"type":15,"tag":157,"props":9400,"children":9401},{"class":159,"line":6677},[9402,9406,9410,9414],{"type":15,"tag":157,"props":9403,"children":9404},{"style":170},[9405],{"type":21,"value":8999},{"type":15,"tag":157,"props":9407,"children":9408},{"style":164},[9409],{"type":21,"value":620},{"type":15,"tag":157,"props":9411,"children":9412},{"style":170},[9413],{"type":21,"value":3199},{"type":15,"tag":157,"props":9415,"children":9416},{"style":164},[9417],{"type":21,"value":2753},{"type":15,"tag":157,"props":9419,"children":9420},{"class":159,"line":6690},[9421,9425,9429,9433],{"type":15,"tag":157,"props":9422,"children":9423},{"style":170},[9424],{"type":21,"value":9019},{"type":15,"tag":157,"props":9426,"children":9427},{"style":164},[9428],{"type":21,"value":9024},{"type":15,"tag":157,"props":9430,"children":9431},{"style":562},[9432],{"type":21,"value":7484},{"type":15,"tag":157,"props":9434,"children":9435},{"style":164},[9436],{"type":21,"value":9033},{"type":15,"tag":157,"props":9438,"children":9439},{"class":159,"line":6708},[9440,9444,9448,9452],{"type":15,"tag":157,"props":9441,"children":9442},{"style":209},[9443],{"type":21,"value":9041},{"type":15,"tag":157,"props":9445,"children":9446},{"style":164},[9447],{"type":21,"value":620},{"type":15,"tag":157,"props":9449,"children":9450},{"style":170},[9451],{"type":21,"value":2923},{"type":15,"tag":157,"props":9453,"children":9454},{"style":164},[9455],{"type":21,"value":2753},{"type":15,"tag":157,"props":9457,"children":9458},{"class":159,"line":6726},[9459,9463,9467,9471],{"type":15,"tag":157,"props":9460,"children":9461},{"style":170},[9462],{"type":21,"value":9061},{"type":15,"tag":157,"props":9464,"children":9465},{"style":164},[9466],{"type":21,"value":620},{"type":15,"tag":157,"props":9468,"children":9469},{"style":531},[9470],{"type":21,"value":9070},{"type":15,"tag":157,"props":9472,"children":9473},{"style":164},[9474],{"type":21,"value":2740},{"type":15,"tag":157,"props":9476,"children":9477},{"class":159,"line":6744},[9478,9482],{"type":15,"tag":157,"props":9479,"children":9480},{"style":170},[9481],{"type":21,"value":9082},{"type":15,"tag":157,"props":9483,"children":9484},{"style":164},[9485],{"type":21,"value":2753},{"type":15,"tag":157,"props":9487,"children":9488},{"class":159,"line":6753},[9489,9493,9497,9501,9505,9509],{"type":15,"tag":157,"props":9490,"children":9491},{"style":170},[9492],{"type":21,"value":9094},{"type":15,"tag":157,"props":9494,"children":9495},{"style":411},[9496],{"type":21,"value":2774},{"type":15,"tag":157,"props":9498,"children":9499},{"style":209},[9500],{"type":21,"value":9103},{"type":15,"tag":157,"props":9502,"children":9503},{"style":411},[9504],{"type":21,"value":2784},{"type":15,"tag":157,"props":9506,"children":9507},{"style":209},[9508],{"type":21,"value":9112},{"type":15,"tag":157,"props":9510,"children":9511},{"style":164},[9512],{"type":21,"value":2753},{"type":15,"tag":157,"props":9514,"children":9515},{"class":159,"line":6769},[9516],{"type":15,"tag":157,"props":9517,"children":9518},{"style":164},[9519],{"type":21,"value":9124},{"type":15,"tag":157,"props":9521,"children":9522},{"class":159,"line":6778},[9523,9527],{"type":15,"tag":157,"props":9524,"children":9525},{"style":164},[9526],{"type":21,"value":9132},{"type":15,"tag":157,"props":9528,"children":9529},{"style":411},[9530],{"type":21,"value":698},{"type":15,"tag":157,"props":9532,"children":9533},{"class":159,"line":6787},[9534],{"type":15,"tag":157,"props":9535,"children":9536},{"style":164},[9537],{"type":21,"value":9144},{"type":15,"tag":157,"props":9539,"children":9540},{"class":159,"line":6796},[9541],{"type":15,"tag":157,"props":9542,"children":9543},{"style":164},[9544],{"type":21,"value":9152},{"type":15,"tag":157,"props":9546,"children":9547},{"class":159,"line":6805},[9548],{"type":15,"tag":157,"props":9549,"children":9550},{"style":164},[9551],{"type":21,"value":9160},{"type":15,"tag":157,"props":9553,"children":9554},{"class":159,"line":6814},[9555,9560],{"type":15,"tag":157,"props":9556,"children":9557},{"style":411},[9558],{"type":21,"value":9559}," return",{"type":15,"tag":157,"props":9561,"children":9562},{"style":164},[9563],{"type":21,"value":552},{"type":15,"tag":157,"props":9565,"children":9566},{"class":159,"line":6823},[9567,9571],{"type":15,"tag":157,"props":9568,"children":9569},{"style":164},[9570],{"type":21,"value":6915},{"type":15,"tag":157,"props":9572,"children":9573},{"style":170},[9574],{"type":21,"value":235},{"type":15,"tag":157,"props":9576,"children":9577},{"class":159,"line":6832},[9578,9583,9587,9591,9595],{"type":15,"tag":157,"props":9579,"children":9580},{"style":567},[9581],{"type":21,"value":9582}," className",{"type":15,"tag":157,"props":9584,"children":9585},{"style":573},[9586],{"type":21,"value":206},{"type":15,"tag":157,"props":9588,"children":9589},{"style":411},[9590],{"type":21,"value":689},{"type":15,"tag":157,"props":9592,"children":9593},{"style":531},[9594],{"type":21,"value":9070},{"type":15,"tag":157,"props":9596,"children":9597},{"style":164},[9598],{"type":21,"value":2740},{"type":15,"tag":157,"props":9600,"children":9601},{"class":159,"line":6841},[9602,9607],{"type":15,"tag":157,"props":9603,"children":9604},{"style":209},[9605],{"type":21,"value":9606}," 'items-center relative'",{"type":15,"tag":157,"props":9608,"children":9609},{"style":164},[9610],{"type":21,"value":2753},{"type":15,"tag":157,"props":9612,"children":9613},{"class":159,"line":6849},[9614,9619,9623,9628,9632,9637],{"type":15,"tag":157,"props":9615,"children":9616},{"style":170},[9617],{"type":21,"value":9618}," isHorizontal",{"type":15,"tag":157,"props":9620,"children":9621},{"style":411},[9622],{"type":21,"value":2774},{"type":15,"tag":157,"props":9624,"children":9625},{"style":209},[9626],{"type":21,"value":9627}," 'flex'",{"type":15,"tag":157,"props":9629,"children":9630},{"style":411},[9631],{"type":21,"value":2784},{"type":15,"tag":157,"props":9633,"children":9634},{"style":209},[9635],{"type":21,"value":9636}," 'flex-col h-full inline-flex'",{"type":15,"tag":157,"props":9638,"children":9639},{"style":164},[9640],{"type":21,"value":2753},{"type":15,"tag":157,"props":9642,"children":9643},{"class":159,"line":6865},[9644,9649],{"type":15,"tag":157,"props":9645,"children":9646},{"style":170},[9647],{"type":21,"value":9648}," wrapperClassName",{"type":15,"tag":157,"props":9650,"children":9651},{"style":164},[9652],{"type":21,"value":2753},{"type":15,"tag":157,"props":9654,"children":9655},{"class":159,"line":6883},[9656,9661],{"type":15,"tag":157,"props":9657,"children":9658},{"style":164},[9659],{"type":21,"value":9660}," )",{"type":15,"tag":157,"props":9662,"children":9663},{"style":411},[9664],{"type":21,"value":698},{"type":15,"tag":157,"props":9666,"children":9667},{"class":159,"line":6901},[9668],{"type":15,"tag":157,"props":9669,"children":9670},{"style":164},[9671],{"type":21,"value":9672}," >\n",{"type":15,"tag":157,"props":9674,"children":9675},{"class":159,"line":6909},[9676,9681,9685,9690,9694,9698,9703,9708],{"type":15,"tag":157,"props":9677,"children":9678},{"style":411},[9679],{"type":21,"value":9680}," {",{"type":15,"tag":157,"props":9682,"children":9683},{"style":170},[9684],{"type":21,"value":3043},{"type":15,"tag":157,"props":9686,"children":9687},{"style":573},[9688],{"type":21,"value":9689}," !==",{"type":15,"tag":157,"props":9691,"children":9692},{"style":562},[9693],{"type":21,"value":6407},{"type":15,"tag":157,"props":9695,"children":9696},{"style":164},[9697],{"type":21,"value":95},{"type":15,"tag":157,"props":9699,"children":9700},{"style":170},[9701],{"type":21,"value":9702},"none",{"type":15,"tag":157,"props":9704,"children":9705},{"style":573},[9706],{"type":21,"value":9707}," &&",{"type":15,"tag":157,"props":9709,"children":9710},{"style":164},[9711],{"type":21,"value":552},{"type":15,"tag":157,"props":9713,"children":9714},{"class":159,"line":6928},[9715,9720],{"type":15,"tag":157,"props":9716,"children":9717},{"style":164},[9718],{"type":21,"value":9719}," \u003C",{"type":15,"tag":157,"props":9721,"children":9722},{"style":562},[9723],{"type":21,"value":9724},"PreviousButton\n",{"type":15,"tag":157,"props":9726,"children":9727},{"class":159,"line":6945},[9728,9733,9737,9741,9745,9749,9754],{"type":15,"tag":157,"props":9729,"children":9730},{"style":567},[9731],{"type":21,"value":9732}," classNameButton",{"type":15,"tag":157,"props":9734,"children":9735},{"style":573},[9736],{"type":21,"value":206},{"type":15,"tag":157,"props":9738,"children":9739},{"style":411},[9740],{"type":21,"value":689},{"type":15,"tag":157,"props":9742,"children":9743},{"style":531},[9744],{"type":21,"value":9070},{"type":15,"tag":157,"props":9746,"children":9747},{"style":164},[9748],{"type":21,"value":2005},{"type":15,"tag":157,"props":9750,"children":9751},{"style":209},[9752],{"type":21,"value":9753},"'!rounded-full bg-white hidden md:block !ring-neutral-500 !text-neutral-500'",{"type":15,"tag":157,"props":9755,"children":9756},{"style":164},[9757],{"type":21,"value":9758},", {\n",{"type":15,"tag":157,"props":9760,"children":9761},{"class":159,"line":6958},[9762,9767,9771,9776,9780,9784],{"type":15,"tag":157,"props":9763,"children":9764},{"style":209},[9765],{"type":21,"value":9766}," 'mr-4'",{"type":15,"tag":157,"props":9768,"children":9769},{"style":164},[9770],{"type":21,"value":620},{"type":15,"tag":157,"props":9772,"children":9773},{"style":170},[9774],{"type":21,"value":9775},"isBlock",{"type":15,"tag":157,"props":9777,"children":9778},{"style":573},[9779],{"type":21,"value":9707},{"type":15,"tag":157,"props":9781,"children":9782},{"style":170},[9783],{"type":21,"value":6307},{"type":15,"tag":157,"props":9785,"children":9786},{"style":164},[9787],{"type":21,"value":2753},{"type":15,"tag":157,"props":9789,"children":9790},{"class":159,"line":6976},[9791,9796,9800,9804,9808,9813,9818],{"type":15,"tag":157,"props":9792,"children":9793},{"style":209},[9794],{"type":21,"value":9795}," 'mb-4 rotate-90'",{"type":15,"tag":157,"props":9797,"children":9798},{"style":164},[9799],{"type":21,"value":620},{"type":15,"tag":157,"props":9801,"children":9802},{"style":170},[9803],{"type":21,"value":9775},{"type":15,"tag":157,"props":9805,"children":9806},{"style":573},[9807],{"type":21,"value":9707},{"type":15,"tag":157,"props":9809,"children":9810},{"style":573},[9811],{"type":21,"value":9812}," !",{"type":15,"tag":157,"props":9814,"children":9815},{"style":170},[9816],{"type":21,"value":9817},"isHorizontal",{"type":15,"tag":157,"props":9819,"children":9820},{"style":164},[9821],{"type":21,"value":2753},{"type":15,"tag":157,"props":9823,"children":9824},{"class":159,"line":6994},[9825,9830,9834,9839,9843,9847],{"type":15,"tag":157,"props":9826,"children":9827},{"style":209},[9828],{"type":21,"value":9829}," 'absolute left-4 z-10'",{"type":15,"tag":157,"props":9831,"children":9832},{"style":164},[9833],{"type":21,"value":620},{"type":15,"tag":157,"props":9835,"children":9836},{"style":170},[9837],{"type":21,"value":9838},"isFloating",{"type":15,"tag":157,"props":9840,"children":9841},{"style":573},[9842],{"type":21,"value":9707},{"type":15,"tag":157,"props":9844,"children":9845},{"style":170},[9846],{"type":21,"value":6307},{"type":15,"tag":157,"props":9848,"children":9849},{"style":164},[9850],{"type":21,"value":2753},{"type":15,"tag":157,"props":9852,"children":9853},{"class":159,"line":7010},[9854,9859,9863,9867,9871,9875,9879],{"type":15,"tag":157,"props":9855,"children":9856},{"style":209},[9857],{"type":21,"value":9858}," 'absolute top-4 rotate-90 z-10'",{"type":15,"tag":157,"props":9860,"children":9861},{"style":164},[9862],{"type":21,"value":620},{"type":15,"tag":157,"props":9864,"children":9865},{"style":170},[9866],{"type":21,"value":9838},{"type":15,"tag":157,"props":9868,"children":9869},{"style":573},[9870],{"type":21,"value":9707},{"type":15,"tag":157,"props":9872,"children":9873},{"style":573},[9874],{"type":21,"value":9812},{"type":15,"tag":157,"props":9876,"children":9877},{"style":170},[9878],{"type":21,"value":9817},{"type":15,"tag":157,"props":9880,"children":9881},{"style":164},[9882],{"type":21,"value":2753},{"type":15,"tag":157,"props":9884,"children":9885},{"class":159,"line":7019},[9886,9891],{"type":15,"tag":157,"props":9887,"children":9888},{"style":164},[9889],{"type":21,"value":9890}," })",{"type":15,"tag":157,"props":9892,"children":9893},{"style":411},[9894],{"type":21,"value":698},{"type":15,"tag":157,"props":9896,"children":9897},{"class":159,"line":7028},[9898],{"type":15,"tag":157,"props":9899,"children":9900},{"style":164},[9901],{"type":21,"value":9902}," \u002F>\n",{"type":15,"tag":157,"props":9904,"children":9905},{"class":159,"line":7037},[9906,9910],{"type":15,"tag":157,"props":9907,"children":9908},{"style":164},[9909],{"type":21,"value":9660},{"type":15,"tag":157,"props":9911,"children":9912},{"style":411},[9913],{"type":21,"value":698},{"type":15,"tag":157,"props":9915,"children":9916},{"class":159,"line":7046},[9917,9921],{"type":15,"tag":157,"props":9918,"children":9919},{"style":164},[9920],{"type":21,"value":668},{"type":15,"tag":157,"props":9922,"children":9923},{"style":562},[9924],{"type":21,"value":9925},"Tag\n",{"type":15,"tag":157,"props":9927,"children":9928},{"class":159,"line":7055},[9929,9933,9937,9941,9945,9949,9954,9958,9963],{"type":15,"tag":157,"props":9930,"children":9931},{"style":567},[9932],{"type":21,"value":706},{"type":15,"tag":157,"props":9934,"children":9935},{"style":573},[9936],{"type":21,"value":206},{"type":15,"tag":157,"props":9938,"children":9939},{"style":411},[9940],{"type":21,"value":689},{"type":15,"tag":157,"props":9942,"children":9943},{"style":531},[9944],{"type":21,"value":9070},{"type":15,"tag":157,"props":9946,"children":9947},{"style":164},[9948],{"type":21,"value":2005},{"type":15,"tag":157,"props":9950,"children":9951},{"style":170},[9952],{"type":21,"value":9953},"className",{"type":15,"tag":157,"props":9955,"children":9956},{"style":164},[9957],{"type":21,"value":641},{"type":15,"tag":157,"props":9959,"children":9960},{"style":209},[9961],{"type":21,"value":9962},"'motion-safe:scroll-smooth'",{"type":15,"tag":157,"props":9964,"children":9965},{"style":164},[9966],{"type":21,"value":9758},{"type":15,"tag":157,"props":9968,"children":9969},{"class":159,"line":7064},[9970,9975,9979,9983],{"type":15,"tag":157,"props":9971,"children":9972},{"style":209},[9973],{"type":21,"value":9974}," 'overflow-x-auto flex gap-4'",{"type":15,"tag":157,"props":9976,"children":9977},{"style":164},[9978],{"type":21,"value":620},{"type":15,"tag":157,"props":9980,"children":9981},{"style":170},[9982],{"type":21,"value":9817},{"type":15,"tag":157,"props":9984,"children":9985},{"style":164},[9986],{"type":21,"value":2753},{"type":15,"tag":157,"props":9988,"children":9989},{"class":159,"line":7073},[9990,9995,9999,10004,10008],{"type":15,"tag":157,"props":9991,"children":9992},{"style":209},[9993],{"type":21,"value":9994}," 'overflow-y-auto flex flex-col gap-4'",{"type":15,"tag":157,"props":9996,"children":9997},{"style":164},[9998],{"type":21,"value":620},{"type":15,"tag":157,"props":10000,"children":10001},{"style":573},[10002],{"type":21,"value":10003},"!",{"type":15,"tag":157,"props":10005,"children":10006},{"style":170},[10007],{"type":21,"value":9817},{"type":15,"tag":157,"props":10009,"children":10010},{"style":164},[10011],{"type":21,"value":2753},{"type":15,"tag":157,"props":10013,"children":10014},{"class":159,"line":7082},[10015,10020,10024,10028,10032,10037],{"type":15,"tag":157,"props":10016,"children":10017},{"style":209},[10018],{"type":21,"value":10019}," 'cursor-grab'",{"type":15,"tag":157,"props":10021,"children":10022},{"style":164},[10023],{"type":21,"value":620},{"type":15,"tag":157,"props":10025,"children":10026},{"style":562},[10027],{"type":21,"value":5874},{"type":15,"tag":157,"props":10029,"children":10030},{"style":164},[10031],{"type":21,"value":95},{"type":15,"tag":157,"props":10033,"children":10034},{"style":170},[10035],{"type":21,"value":10036},"isDragged",{"type":15,"tag":157,"props":10038,"children":10039},{"style":164},[10040],{"type":21,"value":2753},{"type":15,"tag":157,"props":10042,"children":10043},{"class":159,"line":7091},[10044,10048],{"type":15,"tag":157,"props":10045,"children":10046},{"style":164},[10047],{"type":21,"value":9132},{"type":15,"tag":157,"props":10049,"children":10050},{"style":411},[10051],{"type":21,"value":698},{"type":15,"tag":157,"props":10053,"children":10054},{"class":159,"line":7100},[10055,10060,10064,10068,10073,10078,10082,10086,10090,10095],{"type":15,"tag":157,"props":10056,"children":10057},{"style":567},[10058],{"type":21,"value":10059}," ref",{"type":15,"tag":157,"props":10061,"children":10062},{"style":573},[10063],{"type":21,"value":206},{"type":15,"tag":157,"props":10065,"children":10066},{"style":411},[10067],{"type":21,"value":689},{"type":15,"tag":157,"props":10069,"children":10070},{"style":531},[10071],{"type":21,"value":10072},"mergeRefs",{"type":15,"tag":157,"props":10074,"children":10075},{"style":164},[10076],{"type":21,"value":10077},"([",{"type":15,"tag":157,"props":10079,"children":10080},{"style":170},[10081],{"type":21,"value":5865},{"type":15,"tag":157,"props":10083,"children":10084},{"style":164},[10085],{"type":21,"value":641},{"type":15,"tag":157,"props":10087,"children":10088},{"style":170},[10089],{"type":21,"value":1893},{"type":15,"tag":157,"props":10091,"children":10092},{"style":164},[10093],{"type":21,"value":10094},"])",{"type":15,"tag":157,"props":10096,"children":10097},{"style":411},[10098],{"type":21,"value":698},{"type":15,"tag":157,"props":10100,"children":10101},{"class":159,"line":7117},[10102,10106,10110,10115],{"type":15,"tag":157,"props":10103,"children":10104},{"style":411},[10105],{"type":21,"value":730},{"type":15,"tag":157,"props":10107,"children":10108},{"style":164},[10109],{"type":21,"value":8920},{"type":15,"tag":157,"props":10111,"children":10112},{"style":170},[10113],{"type":21,"value":10114},"attributes",{"type":15,"tag":157,"props":10116,"children":10117},{"style":411},[10118],{"type":21,"value":698},{"type":15,"tag":157,"props":10120,"children":10121},{"class":159,"line":7134},[10122],{"type":15,"tag":157,"props":10123,"children":10124},{"style":164},[10125],{"type":21,"value":722},{"type":15,"tag":157,"props":10127,"children":10128},{"class":159,"line":7142},[10129,10133,10137],{"type":15,"tag":157,"props":10130,"children":10131},{"style":411},[10132],{"type":21,"value":730},{"type":15,"tag":157,"props":10134,"children":10135},{"style":170},[10136],{"type":21,"value":3706},{"type":15,"tag":157,"props":10138,"children":10139},{"style":411},[10140],{"type":21,"value":698},{"type":15,"tag":157,"props":10142,"children":10143},{"class":159,"line":7164},[10144,10148,10153],{"type":15,"tag":157,"props":10145,"children":10146},{"style":164},[10147],{"type":21,"value":756},{"type":15,"tag":157,"props":10149,"children":10150},{"style":562},[10151],{"type":21,"value":10152},"Tag",{"type":15,"tag":157,"props":10154,"children":10155},{"style":164},[10156],{"type":21,"value":177},{"type":15,"tag":157,"props":10158,"children":10159},{"class":159,"line":7181},[10160,10164,10168,10172,10176,10180,10184,10188],{"type":15,"tag":157,"props":10161,"children":10162},{"style":411},[10163],{"type":21,"value":9680},{"type":15,"tag":157,"props":10165,"children":10166},{"style":170},[10167],{"type":21,"value":3043},{"type":15,"tag":157,"props":10169,"children":10170},{"style":573},[10171],{"type":21,"value":9689},{"type":15,"tag":157,"props":10173,"children":10174},{"style":562},[10175],{"type":21,"value":6407},{"type":15,"tag":157,"props":10177,"children":10178},{"style":164},[10179],{"type":21,"value":95},{"type":15,"tag":157,"props":10181,"children":10182},{"style":170},[10183],{"type":21,"value":9702},{"type":15,"tag":157,"props":10185,"children":10186},{"style":573},[10187],{"type":21,"value":9707},{"type":15,"tag":157,"props":10189,"children":10190},{"style":164},[10191],{"type":21,"value":552},{"type":15,"tag":157,"props":10193,"children":10194},{"class":159,"line":7193},[10195,10199],{"type":15,"tag":157,"props":10196,"children":10197},{"style":164},[10198],{"type":21,"value":9719},{"type":15,"tag":157,"props":10200,"children":10201},{"style":562},[10202],{"type":21,"value":10203},"NextButton\n",{"type":15,"tag":157,"props":10205,"children":10206},{"class":159,"line":7210},[10207,10211,10215,10219,10223,10227,10231],{"type":15,"tag":157,"props":10208,"children":10209},{"style":567},[10210],{"type":21,"value":9732},{"type":15,"tag":157,"props":10212,"children":10213},{"style":573},[10214],{"type":21,"value":206},{"type":15,"tag":157,"props":10216,"children":10217},{"style":411},[10218],{"type":21,"value":689},{"type":15,"tag":157,"props":10220,"children":10221},{"style":531},[10222],{"type":21,"value":9070},{"type":15,"tag":157,"props":10224,"children":10225},{"style":164},[10226],{"type":21,"value":2005},{"type":15,"tag":157,"props":10228,"children":10229},{"style":209},[10230],{"type":21,"value":9753},{"type":15,"tag":157,"props":10232,"children":10233},{"style":164},[10234],{"type":21,"value":9758},{"type":15,"tag":157,"props":10236,"children":10237},{"class":159,"line":7227},[10238,10243,10247,10251,10255,10259],{"type":15,"tag":157,"props":10239,"children":10240},{"style":209},[10241],{"type":21,"value":10242}," 'ml-4'",{"type":15,"tag":157,"props":10244,"children":10245},{"style":164},[10246],{"type":21,"value":620},{"type":15,"tag":157,"props":10248,"children":10249},{"style":170},[10250],{"type":21,"value":9775},{"type":15,"tag":157,"props":10252,"children":10253},{"style":573},[10254],{"type":21,"value":9707},{"type":15,"tag":157,"props":10256,"children":10257},{"style":170},[10258],{"type":21,"value":6307},{"type":15,"tag":157,"props":10260,"children":10261},{"style":164},[10262],{"type":21,"value":2753},{"type":15,"tag":157,"props":10264,"children":10265},{"class":159,"line":7244},[10266,10271,10275,10279,10283,10287,10291],{"type":15,"tag":157,"props":10267,"children":10268},{"style":209},[10269],{"type":21,"value":10270}," 'mt-4 rotate-90'",{"type":15,"tag":157,"props":10272,"children":10273},{"style":164},[10274],{"type":21,"value":620},{"type":15,"tag":157,"props":10276,"children":10277},{"style":170},[10278],{"type":21,"value":9775},{"type":15,"tag":157,"props":10280,"children":10281},{"style":573},[10282],{"type":21,"value":9707},{"type":15,"tag":157,"props":10284,"children":10285},{"style":573},[10286],{"type":21,"value":9812},{"type":15,"tag":157,"props":10288,"children":10289},{"style":170},[10290],{"type":21,"value":9817},{"type":15,"tag":157,"props":10292,"children":10293},{"style":164},[10294],{"type":21,"value":2753},{"type":15,"tag":157,"props":10296,"children":10297},{"class":159,"line":7256},[10298,10303,10307,10311,10315,10319],{"type":15,"tag":157,"props":10299,"children":10300},{"style":209},[10301],{"type":21,"value":10302}," 'absolute right-4 z-10'",{"type":15,"tag":157,"props":10304,"children":10305},{"style":164},[10306],{"type":21,"value":620},{"type":15,"tag":157,"props":10308,"children":10309},{"style":170},[10310],{"type":21,"value":9838},{"type":15,"tag":157,"props":10312,"children":10313},{"style":573},[10314],{"type":21,"value":9707},{"type":15,"tag":157,"props":10316,"children":10317},{"style":170},[10318],{"type":21,"value":6307},{"type":15,"tag":157,"props":10320,"children":10321},{"style":164},[10322],{"type":21,"value":2753},{"type":15,"tag":157,"props":10324,"children":10325},{"class":159,"line":7268},[10326,10331,10335,10339,10343,10347,10351],{"type":15,"tag":157,"props":10327,"children":10328},{"style":209},[10329],{"type":21,"value":10330}," 'absolute bottom-4 rotate-90 z-10'",{"type":15,"tag":157,"props":10332,"children":10333},{"style":164},[10334],{"type":21,"value":620},{"type":15,"tag":157,"props":10336,"children":10337},{"style":170},[10338],{"type":21,"value":9838},{"type":15,"tag":157,"props":10340,"children":10341},{"style":573},[10342],{"type":21,"value":9707},{"type":15,"tag":157,"props":10344,"children":10345},{"style":573},[10346],{"type":21,"value":9812},{"type":15,"tag":157,"props":10348,"children":10349},{"style":170},[10350],{"type":21,"value":9817},{"type":15,"tag":157,"props":10352,"children":10353},{"style":164},[10354],{"type":21,"value":2753},{"type":15,"tag":157,"props":10356,"children":10357},{"class":159,"line":7284},[10358,10362],{"type":15,"tag":157,"props":10359,"children":10360},{"style":164},[10361],{"type":21,"value":9890},{"type":15,"tag":157,"props":10363,"children":10364},{"style":411},[10365],{"type":21,"value":698},{"type":15,"tag":157,"props":10367,"children":10368},{"class":159,"line":7300},[10369],{"type":15,"tag":157,"props":10370,"children":10371},{"style":164},[10372],{"type":21,"value":9902},{"type":15,"tag":157,"props":10374,"children":10375},{"class":159,"line":7316},[10376,10380],{"type":15,"tag":157,"props":10377,"children":10378},{"style":164},[10379],{"type":21,"value":9660},{"type":15,"tag":157,"props":10381,"children":10382},{"style":411},[10383],{"type":21,"value":698},{"type":15,"tag":157,"props":10385,"children":10386},{"class":159,"line":7324},[10387,10392,10396],{"type":15,"tag":157,"props":10388,"children":10389},{"style":164},[10390],{"type":21,"value":10391}," \u003C\u002F",{"type":15,"tag":157,"props":10393,"children":10394},{"style":170},[10395],{"type":21,"value":321},{"type":15,"tag":157,"props":10397,"children":10398},{"style":164},[10399],{"type":21,"value":177},{"type":15,"tag":157,"props":10401,"children":10402},{"class":159,"line":7340},[10403],{"type":15,"tag":157,"props":10404,"children":10405},{"style":164},[10406],{"type":21,"value":8661},{"type":15,"tag":157,"props":10408,"children":10409},{"class":159,"line":7348},[10410],{"type":15,"tag":157,"props":10411,"children":10412},{"style":164},[10413],{"type":21,"value":4719},{"type":15,"tag":157,"props":10415,"children":10416},{"class":159,"line":7356},[10417],{"type":15,"tag":157,"props":10418,"children":10419},{"style":164},[10420],{"type":21,"value":2015},{"type":15,"tag":157,"props":10422,"children":10423},{"class":159,"line":7365},[10424],{"type":15,"tag":157,"props":10425,"children":10426},{"emptyLinePlaceholder":8},[10427],{"type":21,"value":368},{"type":15,"tag":157,"props":10429,"children":10430},{"class":159,"line":7374},[10431,10435,10439,10443],{"type":15,"tag":157,"props":10432,"children":10433},{"style":411},[10434],{"type":21,"value":518},{"type":15,"tag":157,"props":10436,"children":10437},{"style":411},[10438],{"type":21,"value":523},{"type":15,"tag":157,"props":10440,"children":10441},{"style":170},[10442],{"type":21,"value":7806},{"type":15,"tag":157,"props":10444,"children":10445},{"style":164},[10446],{"type":21,"value":443},{"type":15,"tag":10448,"props":10449,"children":10450},"style",{},[10451],{"type":21,"value":10452},"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":224,"depth":180,"links":10454},[10455,10460,10461,10462,10463,10464],{"id":121,"depth":180,"text":124,"children":10456},[10457,10458,10459],{"id":128,"depth":194,"text":131},{"id":809,"depth":194,"text":812},{"id":1400,"depth":194,"text":1403},{"id":2893,"depth":180,"text":2896},{"id":2928,"depth":180,"text":2931},{"id":2942,"depth":180,"text":2945},{"id":3990,"depth":180,"text":3993},{"id":4069,"depth":180,"text":4072},"markdown","content:_components:scrollable.md","content","_components\u002Fscrollable.md","_components\u002Fscrollable","md",[10472],{"_path":10473,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":10474,"sidebarRoot":8,"_id":10477,"_type":10478,"title":10479,"_source":10467,"_file":10480,"_stem":10481,"_extension":10482},"\u002F_dir",{"title":10475,"icon":10476},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":10484,"sidebarRoot":10486},[10485,10488,10500],{"title":10475,"_path":10486,"_id":10477,"layout":10487,"sidebarRoot":8,"icon":10476},"\u002F","fullscreen",{"title":10489,"_path":10490,"children":10491,"_id":10499,"layout":4027},"Getting Started","\u002Fgetting-started",[10492,10495],{"title":10493,"_path":10490,"_id":10494,"layout":4027},"Installation","content:2.getting-started:1.index.md",{"title":10496,"_path":10497,"_id":10498,"layout":4027},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":10501,"_path":10502,"children":10503},"Customization","\u002Fcustomization",[10504,10508,10512,10516],{"title":10505,"_path":10506,"_id":10507,"layout":4027},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":10509,"_path":10510,"_id":10511,"layout":4027},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":10513,"_path":10514,"_id":10515,"layout":4027},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":10517,"_path":10518,"_id":10519,"layout":4027},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574915387]