[{"data":1,"prerenderedAt":6844},["ShallowReactive",2],{"reference":3,"content-query-216omeoX8v":4,"sidebar-roots":6795,"$dNTcUNV7nV":6807},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":6788,"_id":6789,"_source":6790,"_file":6791,"_stem":6792,"_extension":6793,"layout":6794},"\u002F_hooks\u002Fusescrollable","_hooks",false,true,"","useScrollable",{"type":12,"children":13,"toc":6779},"root",[14,22,41,6773],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"usescrollable",[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,2344,3111],{"type":15,"tag":27,"props":49,"children":50},{"v-slot:tab-1":9},[51,62,90,97,104,776,1239,1245,1881],{"type":15,"tag":31,"props":52,"children":53},{},[54,60],{"type":15,"tag":55,"props":56,"children":58},"code",{"className":57},[],[59],{"type":21,"value":10},{"type":21,"value":61}," gives possibility to create slider scrollable with e.g thumbnails.",{"type":15,"tag":31,"props":63,"children":64},{},[65,67,72,74,80,82,88],{"type":21,"value":66},"With ",{"type":15,"tag":55,"props":68,"children":70},{"className":69},[],[71],{"type":21,"value":10},{"type":21,"value":73},", you don't need to worry about handling ",{"type":15,"tag":55,"props":75,"children":77},{"className":76},[],[78],{"type":21,"value":79},"previous",{"type":21,"value":81}," or ",{"type":15,"tag":55,"props":83,"children":85},{"className":84},[],[86],{"type":21,"value":87},"next",{"type":21,"value":89}," methods which scroll through scrollable.",{"type":15,"tag":91,"props":92,"children":94},"h2",{"id":93},"usage",[95],{"type":21,"value":96},"Usage",{"type":15,"tag":98,"props":99,"children":101},"h3",{"id":100},"base-usage",[102],{"type":21,"value":103},"Base Usage",{"type":15,"tag":105,"props":106,"children":107},"react-only",{},[108,144],{"type":15,"tag":31,"props":109,"children":110},{},[111,113,118,120,126,128,134,136,142],{"type":21,"value":112},"To use ",{"type":15,"tag":55,"props":114,"children":116},{"className":115},[],[117],{"type":21,"value":10},{"type":21,"value":119}," attach ",{"type":15,"tag":55,"props":121,"children":123},{"className":122},[],[124],{"type":21,"value":125},"containerRef",{"type":21,"value":127}," to the main container to identify the element that will watch for specific events. Additionally, create two buttons for showing next nad previous elements and apply ",{"type":15,"tag":55,"props":129,"children":131},{"className":130},[],[132],{"type":21,"value":133},"getPrevButtonProps",{"type":21,"value":135}," and ",{"type":15,"tag":55,"props":137,"children":139},{"className":138},[],[140],{"type":21,"value":141},"getNextButtonProps",{"type":21,"value":143}," to each button accordingly.",{"type":15,"tag":145,"props":146,"children":150},"pre",{"className":147,"code":148,"language":149,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import * as React from 'react';\nimport { useScrollable } from '@storefront-ui\u002Freact';\n\nfunction BasicScrollable(props: Props) {\n const { containerRef, state, getNextButtonProps, getPrevButtonProps } = useScrollable();\n\n return (\n \u003Cdiv className=\"flex items-center\">\n \u003Cbutton {...getPrevButtonProps()}>previous\u003C\u002Fbutton>\n \u003Cdiv ref={containerRef}>\n {Array.from({ length: itemsLength }, (_, i) => (\n \u003Cdiv\n key={i}\n >\n thumbnail {i + 1}\n \u003C\u002Fdiv>\n ))}\n \u003C\u002Fdiv>\n \u003Cbutton {...getNextButtonProps()}>next\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n );\n}\n","tsx",[151],{"type":15,"tag":55,"props":152,"children":153},{"__ignoreMap":9},[154,200,236,245,287,350,358,372,406,457,495,570,584,610,619,650,667,680,697,742,759,768],{"type":15,"tag":155,"props":156,"children":159},"span",{"class":157,"line":158},"line",1,[160,166,172,177,183,188,194],{"type":15,"tag":155,"props":161,"children":163},{"style":162},"--shiki-default:#C678DD",[164],{"type":21,"value":165},"import",{"type":15,"tag":155,"props":167,"children":169},{"style":168},"--shiki-default:#D19A66",[170],{"type":21,"value":171}," *",{"type":15,"tag":155,"props":173,"children":174},{"style":162},[175],{"type":21,"value":176}," as",{"type":15,"tag":155,"props":178,"children":180},{"style":179},"--shiki-default:#E06C75",[181],{"type":21,"value":182}," React",{"type":15,"tag":155,"props":184,"children":185},{"style":162},[186],{"type":21,"value":187}," from",{"type":15,"tag":155,"props":189,"children":191},{"style":190},"--shiki-default:#98C379",[192],{"type":21,"value":193}," 'react'",{"type":15,"tag":155,"props":195,"children":197},{"style":196},"--shiki-default:#ABB2BF",[198],{"type":21,"value":199},";\n",{"type":15,"tag":155,"props":201,"children":203},{"class":157,"line":202},2,[204,208,213,217,222,227,232],{"type":15,"tag":155,"props":205,"children":206},{"style":162},[207],{"type":21,"value":165},{"type":15,"tag":155,"props":209,"children":210},{"style":196},[211],{"type":21,"value":212}," { ",{"type":15,"tag":155,"props":214,"children":215},{"style":179},[216],{"type":21,"value":10},{"type":15,"tag":155,"props":218,"children":219},{"style":196},[220],{"type":21,"value":221}," } ",{"type":15,"tag":155,"props":223,"children":224},{"style":162},[225],{"type":21,"value":226},"from",{"type":15,"tag":155,"props":228,"children":229},{"style":190},[230],{"type":21,"value":231}," '@storefront-ui\u002Freact'",{"type":15,"tag":155,"props":233,"children":234},{"style":196},[235],{"type":21,"value":199},{"type":15,"tag":155,"props":237,"children":239},{"class":157,"line":238},3,[240],{"type":15,"tag":155,"props":241,"children":242},{"emptyLinePlaceholder":8},[243],{"type":21,"value":244},"\n",{"type":15,"tag":155,"props":246,"children":248},{"class":157,"line":247},4,[249,254,260,265,271,276,282],{"type":15,"tag":155,"props":250,"children":251},{"style":162},[252],{"type":21,"value":253},"function",{"type":15,"tag":155,"props":255,"children":257},{"style":256},"--shiki-default:#61AFEF",[258],{"type":21,"value":259}," BasicScrollable",{"type":15,"tag":155,"props":261,"children":262},{"style":196},[263],{"type":21,"value":264},"(",{"type":15,"tag":155,"props":266,"children":268},{"style":267},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[269],{"type":21,"value":270},"props",{"type":15,"tag":155,"props":272,"children":273},{"style":196},[274],{"type":21,"value":275},": ",{"type":15,"tag":155,"props":277,"children":279},{"style":278},"--shiki-default:#E5C07B",[280],{"type":21,"value":281},"Props",{"type":15,"tag":155,"props":283,"children":284},{"style":196},[285],{"type":21,"value":286},") {\n",{"type":15,"tag":155,"props":288,"children":290},{"class":157,"line":289},5,[291,296,300,304,309,314,318,322,326,330,334,340,345],{"type":15,"tag":155,"props":292,"children":293},{"style":162},[294],{"type":21,"value":295}," const",{"type":15,"tag":155,"props":297,"children":298},{"style":196},[299],{"type":21,"value":212},{"type":15,"tag":155,"props":301,"children":302},{"style":278},[303],{"type":21,"value":125},{"type":15,"tag":155,"props":305,"children":306},{"style":196},[307],{"type":21,"value":308},", ",{"type":15,"tag":155,"props":310,"children":311},{"style":278},[312],{"type":21,"value":313},"state",{"type":15,"tag":155,"props":315,"children":316},{"style":196},[317],{"type":21,"value":308},{"type":15,"tag":155,"props":319,"children":320},{"style":278},[321],{"type":21,"value":141},{"type":15,"tag":155,"props":323,"children":324},{"style":196},[325],{"type":21,"value":308},{"type":15,"tag":155,"props":327,"children":328},{"style":278},[329],{"type":21,"value":133},{"type":15,"tag":155,"props":331,"children":332},{"style":196},[333],{"type":21,"value":221},{"type":15,"tag":155,"props":335,"children":337},{"style":336},"--shiki-default:#56B6C2",[338],{"type":21,"value":339},"=",{"type":15,"tag":155,"props":341,"children":342},{"style":256},[343],{"type":21,"value":344}," useScrollable",{"type":15,"tag":155,"props":346,"children":347},{"style":196},[348],{"type":21,"value":349},"();\n",{"type":15,"tag":155,"props":351,"children":353},{"class":157,"line":352},6,[354],{"type":15,"tag":155,"props":355,"children":356},{"emptyLinePlaceholder":8},[357],{"type":21,"value":244},{"type":15,"tag":155,"props":359,"children":361},{"class":157,"line":360},7,[362,367],{"type":15,"tag":155,"props":363,"children":364},{"style":162},[365],{"type":21,"value":366}," return",{"type":15,"tag":155,"props":368,"children":369},{"style":196},[370],{"type":21,"value":371}," (\n",{"type":15,"tag":155,"props":373,"children":375},{"class":157,"line":374},8,[376,381,386,392,396,401],{"type":15,"tag":155,"props":377,"children":378},{"style":196},[379],{"type":21,"value":380}," \u003C",{"type":15,"tag":155,"props":382,"children":383},{"style":179},[384],{"type":21,"value":385},"div",{"type":15,"tag":155,"props":387,"children":389},{"style":388},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[390],{"type":21,"value":391}," className",{"type":15,"tag":155,"props":393,"children":394},{"style":336},[395],{"type":21,"value":339},{"type":15,"tag":155,"props":397,"children":398},{"style":190},[399],{"type":21,"value":400},"\"flex items-center\"",{"type":15,"tag":155,"props":402,"children":403},{"style":196},[404],{"type":21,"value":405},">\n",{"type":15,"tag":155,"props":407,"children":409},{"class":157,"line":408},9,[410,415,420,425,430,434,439,444,449,453],{"type":15,"tag":155,"props":411,"children":412},{"style":196},[413],{"type":21,"value":414}," \u003C",{"type":15,"tag":155,"props":416,"children":417},{"style":179},[418],{"type":21,"value":419},"button",{"type":15,"tag":155,"props":421,"children":422},{"style":162},[423],{"type":21,"value":424}," {",{"type":15,"tag":155,"props":426,"children":427},{"style":196},[428],{"type":21,"value":429},"...",{"type":15,"tag":155,"props":431,"children":432},{"style":256},[433],{"type":21,"value":133},{"type":15,"tag":155,"props":435,"children":436},{"style":196},[437],{"type":21,"value":438},"()",{"type":15,"tag":155,"props":440,"children":441},{"style":162},[442],{"type":21,"value":443},"}",{"type":15,"tag":155,"props":445,"children":446},{"style":196},[447],{"type":21,"value":448},">previous\u003C\u002F",{"type":15,"tag":155,"props":450,"children":451},{"style":179},[452],{"type":21,"value":419},{"type":15,"tag":155,"props":454,"children":455},{"style":196},[456],{"type":21,"value":405},{"type":15,"tag":155,"props":458,"children":460},{"class":157,"line":459},10,[461,465,469,474,478,483,487,491],{"type":15,"tag":155,"props":462,"children":463},{"style":196},[464],{"type":21,"value":414},{"type":15,"tag":155,"props":466,"children":467},{"style":179},[468],{"type":21,"value":385},{"type":15,"tag":155,"props":470,"children":471},{"style":388},[472],{"type":21,"value":473}," ref",{"type":15,"tag":155,"props":475,"children":476},{"style":336},[477],{"type":21,"value":339},{"type":15,"tag":155,"props":479,"children":480},{"style":162},[481],{"type":21,"value":482},"{",{"type":15,"tag":155,"props":484,"children":485},{"style":179},[486],{"type":21,"value":125},{"type":15,"tag":155,"props":488,"children":489},{"style":162},[490],{"type":21,"value":443},{"type":15,"tag":155,"props":492,"children":493},{"style":196},[494],{"type":21,"value":405},{"type":15,"tag":155,"props":496,"children":498},{"class":157,"line":497},11,[499,504,509,514,518,523,528,532,537,542,547,551,556,561,566],{"type":15,"tag":155,"props":500,"children":501},{"style":162},[502],{"type":21,"value":503}," {",{"type":15,"tag":155,"props":505,"children":506},{"style":278},[507],{"type":21,"value":508},"Array",{"type":15,"tag":155,"props":510,"children":511},{"style":196},[512],{"type":21,"value":513},".",{"type":15,"tag":155,"props":515,"children":516},{"style":256},[517],{"type":21,"value":226},{"type":15,"tag":155,"props":519,"children":520},{"style":196},[521],{"type":21,"value":522},"({ ",{"type":15,"tag":155,"props":524,"children":525},{"style":179},[526],{"type":21,"value":527},"length",{"type":15,"tag":155,"props":529,"children":530},{"style":196},[531],{"type":21,"value":275},{"type":15,"tag":155,"props":533,"children":534},{"style":179},[535],{"type":21,"value":536},"itemsLength",{"type":15,"tag":155,"props":538,"children":539},{"style":196},[540],{"type":21,"value":541}," }, (",{"type":15,"tag":155,"props":543,"children":544},{"style":267},[545],{"type":21,"value":546},"_",{"type":15,"tag":155,"props":548,"children":549},{"style":196},[550],{"type":21,"value":308},{"type":15,"tag":155,"props":552,"children":553},{"style":267},[554],{"type":21,"value":555},"i",{"type":15,"tag":155,"props":557,"children":558},{"style":196},[559],{"type":21,"value":560},") ",{"type":15,"tag":155,"props":562,"children":563},{"style":162},[564],{"type":21,"value":565},"=>",{"type":15,"tag":155,"props":567,"children":568},{"style":196},[569],{"type":21,"value":371},{"type":15,"tag":155,"props":571,"children":573},{"class":157,"line":572},12,[574,579],{"type":15,"tag":155,"props":575,"children":576},{"style":196},[577],{"type":21,"value":578}," \u003C",{"type":15,"tag":155,"props":580,"children":581},{"style":179},[582],{"type":21,"value":583},"div\n",{"type":15,"tag":155,"props":585,"children":587},{"class":157,"line":586},13,[588,593,597,601,605],{"type":15,"tag":155,"props":589,"children":590},{"style":388},[591],{"type":21,"value":592}," key",{"type":15,"tag":155,"props":594,"children":595},{"style":336},[596],{"type":21,"value":339},{"type":15,"tag":155,"props":598,"children":599},{"style":162},[600],{"type":21,"value":482},{"type":15,"tag":155,"props":602,"children":603},{"style":179},[604],{"type":21,"value":555},{"type":15,"tag":155,"props":606,"children":607},{"style":162},[608],{"type":21,"value":609},"}\n",{"type":15,"tag":155,"props":611,"children":613},{"class":157,"line":612},14,[614],{"type":15,"tag":155,"props":615,"children":616},{"style":196},[617],{"type":21,"value":618}," >\n",{"type":15,"tag":155,"props":620,"children":622},{"class":157,"line":621},15,[623,628,632,636,641,646],{"type":15,"tag":155,"props":624,"children":625},{"style":196},[626],{"type":21,"value":627}," thumbnail ",{"type":15,"tag":155,"props":629,"children":630},{"style":162},[631],{"type":21,"value":482},{"type":15,"tag":155,"props":633,"children":634},{"style":179},[635],{"type":21,"value":555},{"type":15,"tag":155,"props":637,"children":638},{"style":336},[639],{"type":21,"value":640}," +",{"type":15,"tag":155,"props":642,"children":643},{"style":168},[644],{"type":21,"value":645}," 1",{"type":15,"tag":155,"props":647,"children":648},{"style":162},[649],{"type":21,"value":609},{"type":15,"tag":155,"props":651,"children":653},{"class":157,"line":652},16,[654,659,663],{"type":15,"tag":155,"props":655,"children":656},{"style":196},[657],{"type":21,"value":658}," \u003C\u002F",{"type":15,"tag":155,"props":660,"children":661},{"style":179},[662],{"type":21,"value":385},{"type":15,"tag":155,"props":664,"children":665},{"style":196},[666],{"type":21,"value":405},{"type":15,"tag":155,"props":668,"children":670},{"class":157,"line":669},17,[671,676],{"type":15,"tag":155,"props":672,"children":673},{"style":196},[674],{"type":21,"value":675}," ))",{"type":15,"tag":155,"props":677,"children":678},{"style":162},[679],{"type":21,"value":609},{"type":15,"tag":155,"props":681,"children":683},{"class":157,"line":682},18,[684,689,693],{"type":15,"tag":155,"props":685,"children":686},{"style":196},[687],{"type":21,"value":688}," \u003C\u002F",{"type":15,"tag":155,"props":690,"children":691},{"style":179},[692],{"type":21,"value":385},{"type":15,"tag":155,"props":694,"children":695},{"style":196},[696],{"type":21,"value":405},{"type":15,"tag":155,"props":698,"children":700},{"class":157,"line":699},19,[701,705,709,713,717,721,725,729,734,738],{"type":15,"tag":155,"props":702,"children":703},{"style":196},[704],{"type":21,"value":414},{"type":15,"tag":155,"props":706,"children":707},{"style":179},[708],{"type":21,"value":419},{"type":15,"tag":155,"props":710,"children":711},{"style":162},[712],{"type":21,"value":424},{"type":15,"tag":155,"props":714,"children":715},{"style":196},[716],{"type":21,"value":429},{"type":15,"tag":155,"props":718,"children":719},{"style":256},[720],{"type":21,"value":141},{"type":15,"tag":155,"props":722,"children":723},{"style":196},[724],{"type":21,"value":438},{"type":15,"tag":155,"props":726,"children":727},{"style":162},[728],{"type":21,"value":443},{"type":15,"tag":155,"props":730,"children":731},{"style":196},[732],{"type":21,"value":733},">next\u003C\u002F",{"type":15,"tag":155,"props":735,"children":736},{"style":179},[737],{"type":21,"value":419},{"type":15,"tag":155,"props":739,"children":740},{"style":196},[741],{"type":21,"value":405},{"type":15,"tag":155,"props":743,"children":745},{"class":157,"line":744},20,[746,751,755],{"type":15,"tag":155,"props":747,"children":748},{"style":196},[749],{"type":21,"value":750}," \u003C\u002F",{"type":15,"tag":155,"props":752,"children":753},{"style":179},[754],{"type":21,"value":385},{"type":15,"tag":155,"props":756,"children":757},{"style":196},[758],{"type":21,"value":405},{"type":15,"tag":155,"props":760,"children":762},{"class":157,"line":761},21,[763],{"type":15,"tag":155,"props":764,"children":765},{"style":196},[766],{"type":21,"value":767}," );\n",{"type":15,"tag":155,"props":769,"children":771},{"class":157,"line":770},22,[772],{"type":15,"tag":155,"props":773,"children":774},{"style":196},[775],{"type":21,"value":609},{"type":15,"tag":777,"props":778,"children":779},"vue-only",{},[780,808],{"type":15,"tag":31,"props":781,"children":782},{},[783,784,789,790,795,796,801,802,807],{"type":21,"value":112},{"type":15,"tag":55,"props":785,"children":787},{"className":786},[],[788],{"type":21,"value":10},{"type":21,"value":119},{"type":15,"tag":55,"props":791,"children":793},{"className":792},[],[794],{"type":21,"value":125},{"type":21,"value":127},{"type":15,"tag":55,"props":797,"children":799},{"className":798},[],[800],{"type":21,"value":133},{"type":21,"value":135},{"type":15,"tag":55,"props":803,"children":805},{"className":804},[],[806],{"type":21,"value":141},{"type":21,"value":143},{"type":15,"tag":145,"props":809,"children":813},{"className":810,"code":811,"language":812,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Cscript lang=\"ts\" setup>\nimport { useScrollable } from '@storefront-ui\u002Fvue';\n\nconst { containerRef, state, getNextButtonProps, getPrevButtonProps } = useScrollable()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv class=\"flex items-center\">\n \u003Cbutton v-bind=\"getPrevButtonProps\">previous\u003C\u002Fbutton>\n \u003Cdiv ref=\"containerRef\">\n \u003Cdiv\n v-for=\"(_, index) in Array.from({ length: 20 })\"\n :key=\"index\"\n >\n thumbnail {{ index + 1 }}\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cbutton v-bind=\"getNextButtonProps\">next\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[814],{"type":15,"tag":55,"props":815,"children":816},{"__ignoreMap":9},[817,853,885,892,949,965,972,987,1016,1053,1081,1092,1109,1126,1134,1142,1157,1172,1208,1224],{"type":15,"tag":155,"props":818,"children":819},{"class":157,"line":158},[820,825,830,835,839,844,849],{"type":15,"tag":155,"props":821,"children":822},{"style":196},[823],{"type":21,"value":824},"\u003C",{"type":15,"tag":155,"props":826,"children":827},{"style":179},[828],{"type":21,"value":829},"script",{"type":15,"tag":155,"props":831,"children":832},{"style":168},[833],{"type":21,"value":834}," lang",{"type":15,"tag":155,"props":836,"children":837},{"style":196},[838],{"type":21,"value":339},{"type":15,"tag":155,"props":840,"children":841},{"style":190},[842],{"type":21,"value":843},"\"ts\"",{"type":15,"tag":155,"props":845,"children":846},{"style":168},[847],{"type":21,"value":848}," setup",{"type":15,"tag":155,"props":850,"children":851},{"style":196},[852],{"type":21,"value":405},{"type":15,"tag":155,"props":854,"children":855},{"class":157,"line":202},[856,860,864,868,872,876,881],{"type":15,"tag":155,"props":857,"children":858},{"style":162},[859],{"type":21,"value":165},{"type":15,"tag":155,"props":861,"children":862},{"style":196},[863],{"type":21,"value":212},{"type":15,"tag":155,"props":865,"children":866},{"style":179},[867],{"type":21,"value":10},{"type":15,"tag":155,"props":869,"children":870},{"style":196},[871],{"type":21,"value":221},{"type":15,"tag":155,"props":873,"children":874},{"style":162},[875],{"type":21,"value":226},{"type":15,"tag":155,"props":877,"children":878},{"style":190},[879],{"type":21,"value":880}," '@storefront-ui\u002Fvue'",{"type":15,"tag":155,"props":882,"children":883},{"style":196},[884],{"type":21,"value":199},{"type":15,"tag":155,"props":886,"children":887},{"class":157,"line":238},[888],{"type":15,"tag":155,"props":889,"children":890},{"emptyLinePlaceholder":8},[891],{"type":21,"value":244},{"type":15,"tag":155,"props":893,"children":894},{"class":157,"line":247},[895,900,904,908,912,916,920,924,928,932,936,940,944],{"type":15,"tag":155,"props":896,"children":897},{"style":162},[898],{"type":21,"value":899},"const",{"type":15,"tag":155,"props":901,"children":902},{"style":196},[903],{"type":21,"value":212},{"type":15,"tag":155,"props":905,"children":906},{"style":278},[907],{"type":21,"value":125},{"type":15,"tag":155,"props":909,"children":910},{"style":196},[911],{"type":21,"value":308},{"type":15,"tag":155,"props":913,"children":914},{"style":278},[915],{"type":21,"value":313},{"type":15,"tag":155,"props":917,"children":918},{"style":196},[919],{"type":21,"value":308},{"type":15,"tag":155,"props":921,"children":922},{"style":278},[923],{"type":21,"value":141},{"type":15,"tag":155,"props":925,"children":926},{"style":196},[927],{"type":21,"value":308},{"type":15,"tag":155,"props":929,"children":930},{"style":278},[931],{"type":21,"value":133},{"type":15,"tag":155,"props":933,"children":934},{"style":196},[935],{"type":21,"value":221},{"type":15,"tag":155,"props":937,"children":938},{"style":336},[939],{"type":21,"value":339},{"type":15,"tag":155,"props":941,"children":942},{"style":256},[943],{"type":21,"value":344},{"type":15,"tag":155,"props":945,"children":946},{"style":196},[947],{"type":21,"value":948},"()\n",{"type":15,"tag":155,"props":950,"children":951},{"class":157,"line":289},[952,957,961],{"type":15,"tag":155,"props":953,"children":954},{"style":196},[955],{"type":21,"value":956},"\u003C\u002F",{"type":15,"tag":155,"props":958,"children":959},{"style":179},[960],{"type":21,"value":829},{"type":15,"tag":155,"props":962,"children":963},{"style":196},[964],{"type":21,"value":405},{"type":15,"tag":155,"props":966,"children":967},{"class":157,"line":352},[968],{"type":15,"tag":155,"props":969,"children":970},{"emptyLinePlaceholder":8},[971],{"type":21,"value":244},{"type":15,"tag":155,"props":973,"children":974},{"class":157,"line":360},[975,979,983],{"type":15,"tag":155,"props":976,"children":977},{"style":196},[978],{"type":21,"value":824},{"type":15,"tag":155,"props":980,"children":981},{"style":179},[982],{"type":21,"value":27},{"type":15,"tag":155,"props":984,"children":985},{"style":196},[986],{"type":21,"value":405},{"type":15,"tag":155,"props":988,"children":989},{"class":157,"line":374},[990,995,999,1004,1008,1012],{"type":15,"tag":155,"props":991,"children":992},{"style":196},[993],{"type":21,"value":994}," \u003C",{"type":15,"tag":155,"props":996,"children":997},{"style":179},[998],{"type":21,"value":385},{"type":15,"tag":155,"props":1000,"children":1001},{"style":168},[1002],{"type":21,"value":1003}," class",{"type":15,"tag":155,"props":1005,"children":1006},{"style":196},[1007],{"type":21,"value":339},{"type":15,"tag":155,"props":1009,"children":1010},{"style":190},[1011],{"type":21,"value":400},{"type":15,"tag":155,"props":1013,"children":1014},{"style":196},[1015],{"type":21,"value":405},{"type":15,"tag":155,"props":1017,"children":1018},{"class":157,"line":408},[1019,1023,1027,1032,1036,1041,1045,1049],{"type":15,"tag":155,"props":1020,"children":1021},{"style":196},[1022],{"type":21,"value":380},{"type":15,"tag":155,"props":1024,"children":1025},{"style":179},[1026],{"type":21,"value":419},{"type":15,"tag":155,"props":1028,"children":1029},{"style":168},[1030],{"type":21,"value":1031}," v-bind",{"type":15,"tag":155,"props":1033,"children":1034},{"style":196},[1035],{"type":21,"value":339},{"type":15,"tag":155,"props":1037,"children":1038},{"style":190},[1039],{"type":21,"value":1040},"\"getPrevButtonProps\"",{"type":15,"tag":155,"props":1042,"children":1043},{"style":196},[1044],{"type":21,"value":448},{"type":15,"tag":155,"props":1046,"children":1047},{"style":179},[1048],{"type":21,"value":419},{"type":15,"tag":155,"props":1050,"children":1051},{"style":196},[1052],{"type":21,"value":405},{"type":15,"tag":155,"props":1054,"children":1055},{"class":157,"line":459},[1056,1060,1064,1068,1072,1077],{"type":15,"tag":155,"props":1057,"children":1058},{"style":196},[1059],{"type":21,"value":380},{"type":15,"tag":155,"props":1061,"children":1062},{"style":179},[1063],{"type":21,"value":385},{"type":15,"tag":155,"props":1065,"children":1066},{"style":168},[1067],{"type":21,"value":473},{"type":15,"tag":155,"props":1069,"children":1070},{"style":196},[1071],{"type":21,"value":339},{"type":15,"tag":155,"props":1073,"children":1074},{"style":190},[1075],{"type":21,"value":1076},"\"containerRef\"",{"type":15,"tag":155,"props":1078,"children":1079},{"style":196},[1080],{"type":21,"value":405},{"type":15,"tag":155,"props":1082,"children":1083},{"class":157,"line":497},[1084,1088],{"type":15,"tag":155,"props":1085,"children":1086},{"style":196},[1087],{"type":21,"value":414},{"type":15,"tag":155,"props":1089,"children":1090},{"style":179},[1091],{"type":21,"value":583},{"type":15,"tag":155,"props":1093,"children":1094},{"class":157,"line":572},[1095,1100,1104],{"type":15,"tag":155,"props":1096,"children":1097},{"style":168},[1098],{"type":21,"value":1099}," v-for",{"type":15,"tag":155,"props":1101,"children":1102},{"style":196},[1103],{"type":21,"value":339},{"type":15,"tag":155,"props":1105,"children":1106},{"style":190},[1107],{"type":21,"value":1108},"\"(_, index) in Array.from({ length: 20 })\"\n",{"type":15,"tag":155,"props":1110,"children":1111},{"class":157,"line":586},[1112,1117,1121],{"type":15,"tag":155,"props":1113,"children":1114},{"style":168},[1115],{"type":21,"value":1116}," :key",{"type":15,"tag":155,"props":1118,"children":1119},{"style":196},[1120],{"type":21,"value":339},{"type":15,"tag":155,"props":1122,"children":1123},{"style":190},[1124],{"type":21,"value":1125},"\"index\"\n",{"type":15,"tag":155,"props":1127,"children":1128},{"class":157,"line":612},[1129],{"type":15,"tag":155,"props":1130,"children":1131},{"style":196},[1132],{"type":21,"value":1133}," >\n",{"type":15,"tag":155,"props":1135,"children":1136},{"class":157,"line":621},[1137],{"type":15,"tag":155,"props":1138,"children":1139},{"style":196},[1140],{"type":21,"value":1141}," thumbnail {{ index + 1 }}\n",{"type":15,"tag":155,"props":1143,"children":1144},{"class":157,"line":652},[1145,1149,1153],{"type":15,"tag":155,"props":1146,"children":1147},{"style":196},[1148],{"type":21,"value":688},{"type":15,"tag":155,"props":1150,"children":1151},{"style":179},[1152],{"type":21,"value":385},{"type":15,"tag":155,"props":1154,"children":1155},{"style":196},[1156],{"type":21,"value":405},{"type":15,"tag":155,"props":1158,"children":1159},{"class":157,"line":669},[1160,1164,1168],{"type":15,"tag":155,"props":1161,"children":1162},{"style":196},[1163],{"type":21,"value":750},{"type":15,"tag":155,"props":1165,"children":1166},{"style":179},[1167],{"type":21,"value":385},{"type":15,"tag":155,"props":1169,"children":1170},{"style":196},[1171],{"type":21,"value":405},{"type":15,"tag":155,"props":1173,"children":1174},{"class":157,"line":682},[1175,1179,1183,1187,1191,1196,1200,1204],{"type":15,"tag":155,"props":1176,"children":1177},{"style":196},[1178],{"type":21,"value":380},{"type":15,"tag":155,"props":1180,"children":1181},{"style":179},[1182],{"type":21,"value":419},{"type":15,"tag":155,"props":1184,"children":1185},{"style":168},[1186],{"type":21,"value":1031},{"type":15,"tag":155,"props":1188,"children":1189},{"style":196},[1190],{"type":21,"value":339},{"type":15,"tag":155,"props":1192,"children":1193},{"style":190},[1194],{"type":21,"value":1195},"\"getNextButtonProps\"",{"type":15,"tag":155,"props":1197,"children":1198},{"style":196},[1199],{"type":21,"value":733},{"type":15,"tag":155,"props":1201,"children":1202},{"style":179},[1203],{"type":21,"value":419},{"type":15,"tag":155,"props":1205,"children":1206},{"style":196},[1207],{"type":21,"value":405},{"type":15,"tag":155,"props":1209,"children":1210},{"class":157,"line":699},[1211,1216,1220],{"type":15,"tag":155,"props":1212,"children":1213},{"style":196},[1214],{"type":21,"value":1215}," \u003C\u002F",{"type":15,"tag":155,"props":1217,"children":1218},{"style":179},[1219],{"type":21,"value":385},{"type":15,"tag":155,"props":1221,"children":1222},{"style":196},[1223],{"type":21,"value":405},{"type":15,"tag":155,"props":1225,"children":1226},{"class":157,"line":744},[1227,1231,1235],{"type":15,"tag":155,"props":1228,"children":1229},{"style":196},[1230],{"type":21,"value":956},{"type":15,"tag":155,"props":1232,"children":1233},{"style":179},[1234],{"type":21,"value":27},{"type":15,"tag":155,"props":1236,"children":1237},{"style":196},[1238],{"type":21,"value":405},{"type":15,"tag":98,"props":1240,"children":1242},{"id":1241},"controlled-showing-next-and-previous-elements",[1243],{"type":21,"value":1244},"Controlled showing next and previous elements",{"type":15,"tag":105,"props":1246,"children":1247},{},[1248,1275],{"type":15,"tag":31,"props":1249,"children":1250},{},[1251,1257,1259,1265,1267,1273],{"type":15,"tag":55,"props":1252,"children":1254},{"className":1253},[],[1255],{"type":21,"value":1256},"useScrollable exposes imperative methods for showing elements - ",{"type":21,"value":1258},"showNext",{"type":15,"tag":55,"props":1260,"children":1262},{"className":1261},[],[1263],{"type":21,"value":1264},"and",{"type":21,"value":1266},"showPrev",{"type":15,"tag":55,"props":1268,"children":1270},{"className":1269},[],[1271],{"type":21,"value":1272},". To make them work, user needs to bind these functions as ",{"type":21,"value":1274},"onClick` handler.",{"type":15,"tag":145,"props":1276,"children":1278},{"className":147,"code":1277,"language":149,"meta":9,"style":9},"import * as React from 'react';\nimport { useScrollable } from '@storefront-ui\u002Freact';\n\nfunction BasicScrollable(props: Props) {\n const { containerRef, state, showNext, showPrev } = useScrollable();\n\n return (\n \u003Cdiv className=\"flex items-center\">\n \u003Cbutton onClick={showPrev()} disabled={!state.hasPrev}>previous\u003C\u002Fbutton>\n \u003Cdiv ref={containerRef}>\n {Array.from({ length: itemsLength }, (_, i) => (\n \u003Cdiv\n key={i}\n >\n thumbnail {i + 1}\n \u003C\u002Fdiv>\n ))}\n \u003C\u002Fdiv>\n \u003Cbutton onClick={showNext()} disabled={!state.hasNext}>next\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n );\n}\n",[1279],{"type":15,"tag":55,"props":1280,"children":1281},{"__ignoreMap":9},[1282,1313,1344,1351,1382,1437,1444,1455,1482,1565,1600,1663,1674,1697,1704,1731,1746,1757,1772,1852,1867,1874],{"type":15,"tag":155,"props":1283,"children":1284},{"class":157,"line":158},[1285,1289,1293,1297,1301,1305,1309],{"type":15,"tag":155,"props":1286,"children":1287},{"style":162},[1288],{"type":21,"value":165},{"type":15,"tag":155,"props":1290,"children":1291},{"style":168},[1292],{"type":21,"value":171},{"type":15,"tag":155,"props":1294,"children":1295},{"style":162},[1296],{"type":21,"value":176},{"type":15,"tag":155,"props":1298,"children":1299},{"style":179},[1300],{"type":21,"value":182},{"type":15,"tag":155,"props":1302,"children":1303},{"style":162},[1304],{"type":21,"value":187},{"type":15,"tag":155,"props":1306,"children":1307},{"style":190},[1308],{"type":21,"value":193},{"type":15,"tag":155,"props":1310,"children":1311},{"style":196},[1312],{"type":21,"value":199},{"type":15,"tag":155,"props":1314,"children":1315},{"class":157,"line":202},[1316,1320,1324,1328,1332,1336,1340],{"type":15,"tag":155,"props":1317,"children":1318},{"style":162},[1319],{"type":21,"value":165},{"type":15,"tag":155,"props":1321,"children":1322},{"style":196},[1323],{"type":21,"value":212},{"type":15,"tag":155,"props":1325,"children":1326},{"style":179},[1327],{"type":21,"value":10},{"type":15,"tag":155,"props":1329,"children":1330},{"style":196},[1331],{"type":21,"value":221},{"type":15,"tag":155,"props":1333,"children":1334},{"style":162},[1335],{"type":21,"value":226},{"type":15,"tag":155,"props":1337,"children":1338},{"style":190},[1339],{"type":21,"value":231},{"type":15,"tag":155,"props":1341,"children":1342},{"style":196},[1343],{"type":21,"value":199},{"type":15,"tag":155,"props":1345,"children":1346},{"class":157,"line":238},[1347],{"type":15,"tag":155,"props":1348,"children":1349},{"emptyLinePlaceholder":8},[1350],{"type":21,"value":244},{"type":15,"tag":155,"props":1352,"children":1353},{"class":157,"line":247},[1354,1358,1362,1366,1370,1374,1378],{"type":15,"tag":155,"props":1355,"children":1356},{"style":162},[1357],{"type":21,"value":253},{"type":15,"tag":155,"props":1359,"children":1360},{"style":256},[1361],{"type":21,"value":259},{"type":15,"tag":155,"props":1363,"children":1364},{"style":196},[1365],{"type":21,"value":264},{"type":15,"tag":155,"props":1367,"children":1368},{"style":267},[1369],{"type":21,"value":270},{"type":15,"tag":155,"props":1371,"children":1372},{"style":196},[1373],{"type":21,"value":275},{"type":15,"tag":155,"props":1375,"children":1376},{"style":278},[1377],{"type":21,"value":281},{"type":15,"tag":155,"props":1379,"children":1380},{"style":196},[1381],{"type":21,"value":286},{"type":15,"tag":155,"props":1383,"children":1384},{"class":157,"line":289},[1385,1389,1393,1397,1401,1405,1409,1413,1417,1421,1425,1429,1433],{"type":15,"tag":155,"props":1386,"children":1387},{"style":162},[1388],{"type":21,"value":295},{"type":15,"tag":155,"props":1390,"children":1391},{"style":196},[1392],{"type":21,"value":212},{"type":15,"tag":155,"props":1394,"children":1395},{"style":278},[1396],{"type":21,"value":125},{"type":15,"tag":155,"props":1398,"children":1399},{"style":196},[1400],{"type":21,"value":308},{"type":15,"tag":155,"props":1402,"children":1403},{"style":278},[1404],{"type":21,"value":313},{"type":15,"tag":155,"props":1406,"children":1407},{"style":196},[1408],{"type":21,"value":308},{"type":15,"tag":155,"props":1410,"children":1411},{"style":278},[1412],{"type":21,"value":1258},{"type":15,"tag":155,"props":1414,"children":1415},{"style":196},[1416],{"type":21,"value":308},{"type":15,"tag":155,"props":1418,"children":1419},{"style":278},[1420],{"type":21,"value":1266},{"type":15,"tag":155,"props":1422,"children":1423},{"style":196},[1424],{"type":21,"value":221},{"type":15,"tag":155,"props":1426,"children":1427},{"style":336},[1428],{"type":21,"value":339},{"type":15,"tag":155,"props":1430,"children":1431},{"style":256},[1432],{"type":21,"value":344},{"type":15,"tag":155,"props":1434,"children":1435},{"style":196},[1436],{"type":21,"value":349},{"type":15,"tag":155,"props":1438,"children":1439},{"class":157,"line":352},[1440],{"type":15,"tag":155,"props":1441,"children":1442},{"emptyLinePlaceholder":8},[1443],{"type":21,"value":244},{"type":15,"tag":155,"props":1445,"children":1446},{"class":157,"line":360},[1447,1451],{"type":15,"tag":155,"props":1448,"children":1449},{"style":162},[1450],{"type":21,"value":366},{"type":15,"tag":155,"props":1452,"children":1453},{"style":196},[1454],{"type":21,"value":371},{"type":15,"tag":155,"props":1456,"children":1457},{"class":157,"line":374},[1458,1462,1466,1470,1474,1478],{"type":15,"tag":155,"props":1459,"children":1460},{"style":196},[1461],{"type":21,"value":380},{"type":15,"tag":155,"props":1463,"children":1464},{"style":179},[1465],{"type":21,"value":385},{"type":15,"tag":155,"props":1467,"children":1468},{"style":388},[1469],{"type":21,"value":391},{"type":15,"tag":155,"props":1471,"children":1472},{"style":336},[1473],{"type":21,"value":339},{"type":15,"tag":155,"props":1475,"children":1476},{"style":190},[1477],{"type":21,"value":400},{"type":15,"tag":155,"props":1479,"children":1480},{"style":196},[1481],{"type":21,"value":405},{"type":15,"tag":155,"props":1483,"children":1484},{"class":157,"line":408},[1485,1489,1493,1498,1502,1506,1510,1514,1518,1523,1527,1531,1536,1540,1544,1549,1553,1557,1561],{"type":15,"tag":155,"props":1486,"children":1487},{"style":196},[1488],{"type":21,"value":414},{"type":15,"tag":155,"props":1490,"children":1491},{"style":179},[1492],{"type":21,"value":419},{"type":15,"tag":155,"props":1494,"children":1495},{"style":388},[1496],{"type":21,"value":1497}," onClick",{"type":15,"tag":155,"props":1499,"children":1500},{"style":336},[1501],{"type":21,"value":339},{"type":15,"tag":155,"props":1503,"children":1504},{"style":162},[1505],{"type":21,"value":482},{"type":15,"tag":155,"props":1507,"children":1508},{"style":256},[1509],{"type":21,"value":1266},{"type":15,"tag":155,"props":1511,"children":1512},{"style":196},[1513],{"type":21,"value":438},{"type":15,"tag":155,"props":1515,"children":1516},{"style":162},[1517],{"type":21,"value":443},{"type":15,"tag":155,"props":1519,"children":1520},{"style":388},[1521],{"type":21,"value":1522}," disabled",{"type":15,"tag":155,"props":1524,"children":1525},{"style":336},[1526],{"type":21,"value":339},{"type":15,"tag":155,"props":1528,"children":1529},{"style":162},[1530],{"type":21,"value":482},{"type":15,"tag":155,"props":1532,"children":1533},{"style":336},[1534],{"type":21,"value":1535},"!",{"type":15,"tag":155,"props":1537,"children":1538},{"style":278},[1539],{"type":21,"value":313},{"type":15,"tag":155,"props":1541,"children":1542},{"style":196},[1543],{"type":21,"value":513},{"type":15,"tag":155,"props":1545,"children":1546},{"style":179},[1547],{"type":21,"value":1548},"hasPrev",{"type":15,"tag":155,"props":1550,"children":1551},{"style":162},[1552],{"type":21,"value":443},{"type":15,"tag":155,"props":1554,"children":1555},{"style":196},[1556],{"type":21,"value":448},{"type":15,"tag":155,"props":1558,"children":1559},{"style":179},[1560],{"type":21,"value":419},{"type":15,"tag":155,"props":1562,"children":1563},{"style":196},[1564],{"type":21,"value":405},{"type":15,"tag":155,"props":1566,"children":1567},{"class":157,"line":459},[1568,1572,1576,1580,1584,1588,1592,1596],{"type":15,"tag":155,"props":1569,"children":1570},{"style":196},[1571],{"type":21,"value":414},{"type":15,"tag":155,"props":1573,"children":1574},{"style":179},[1575],{"type":21,"value":385},{"type":15,"tag":155,"props":1577,"children":1578},{"style":388},[1579],{"type":21,"value":473},{"type":15,"tag":155,"props":1581,"children":1582},{"style":336},[1583],{"type":21,"value":339},{"type":15,"tag":155,"props":1585,"children":1586},{"style":162},[1587],{"type":21,"value":482},{"type":15,"tag":155,"props":1589,"children":1590},{"style":179},[1591],{"type":21,"value":125},{"type":15,"tag":155,"props":1593,"children":1594},{"style":162},[1595],{"type":21,"value":443},{"type":15,"tag":155,"props":1597,"children":1598},{"style":196},[1599],{"type":21,"value":405},{"type":15,"tag":155,"props":1601,"children":1602},{"class":157,"line":497},[1603,1607,1611,1615,1619,1623,1627,1631,1635,1639,1643,1647,1651,1655,1659],{"type":15,"tag":155,"props":1604,"children":1605},{"style":162},[1606],{"type":21,"value":503},{"type":15,"tag":155,"props":1608,"children":1609},{"style":278},[1610],{"type":21,"value":508},{"type":15,"tag":155,"props":1612,"children":1613},{"style":196},[1614],{"type":21,"value":513},{"type":15,"tag":155,"props":1616,"children":1617},{"style":256},[1618],{"type":21,"value":226},{"type":15,"tag":155,"props":1620,"children":1621},{"style":196},[1622],{"type":21,"value":522},{"type":15,"tag":155,"props":1624,"children":1625},{"style":179},[1626],{"type":21,"value":527},{"type":15,"tag":155,"props":1628,"children":1629},{"style":196},[1630],{"type":21,"value":275},{"type":15,"tag":155,"props":1632,"children":1633},{"style":179},[1634],{"type":21,"value":536},{"type":15,"tag":155,"props":1636,"children":1637},{"style":196},[1638],{"type":21,"value":541},{"type":15,"tag":155,"props":1640,"children":1641},{"style":267},[1642],{"type":21,"value":546},{"type":15,"tag":155,"props":1644,"children":1645},{"style":196},[1646],{"type":21,"value":308},{"type":15,"tag":155,"props":1648,"children":1649},{"style":267},[1650],{"type":21,"value":555},{"type":15,"tag":155,"props":1652,"children":1653},{"style":196},[1654],{"type":21,"value":560},{"type":15,"tag":155,"props":1656,"children":1657},{"style":162},[1658],{"type":21,"value":565},{"type":15,"tag":155,"props":1660,"children":1661},{"style":196},[1662],{"type":21,"value":371},{"type":15,"tag":155,"props":1664,"children":1665},{"class":157,"line":572},[1666,1670],{"type":15,"tag":155,"props":1667,"children":1668},{"style":196},[1669],{"type":21,"value":578},{"type":15,"tag":155,"props":1671,"children":1672},{"style":179},[1673],{"type":21,"value":583},{"type":15,"tag":155,"props":1675,"children":1676},{"class":157,"line":586},[1677,1681,1685,1689,1693],{"type":15,"tag":155,"props":1678,"children":1679},{"style":388},[1680],{"type":21,"value":592},{"type":15,"tag":155,"props":1682,"children":1683},{"style":336},[1684],{"type":21,"value":339},{"type":15,"tag":155,"props":1686,"children":1687},{"style":162},[1688],{"type":21,"value":482},{"type":15,"tag":155,"props":1690,"children":1691},{"style":179},[1692],{"type":21,"value":555},{"type":15,"tag":155,"props":1694,"children":1695},{"style":162},[1696],{"type":21,"value":609},{"type":15,"tag":155,"props":1698,"children":1699},{"class":157,"line":612},[1700],{"type":15,"tag":155,"props":1701,"children":1702},{"style":196},[1703],{"type":21,"value":618},{"type":15,"tag":155,"props":1705,"children":1706},{"class":157,"line":621},[1707,1711,1715,1719,1723,1727],{"type":15,"tag":155,"props":1708,"children":1709},{"style":196},[1710],{"type":21,"value":627},{"type":15,"tag":155,"props":1712,"children":1713},{"style":162},[1714],{"type":21,"value":482},{"type":15,"tag":155,"props":1716,"children":1717},{"style":179},[1718],{"type":21,"value":555},{"type":15,"tag":155,"props":1720,"children":1721},{"style":336},[1722],{"type":21,"value":640},{"type":15,"tag":155,"props":1724,"children":1725},{"style":168},[1726],{"type":21,"value":645},{"type":15,"tag":155,"props":1728,"children":1729},{"style":162},[1730],{"type":21,"value":609},{"type":15,"tag":155,"props":1732,"children":1733},{"class":157,"line":652},[1734,1738,1742],{"type":15,"tag":155,"props":1735,"children":1736},{"style":196},[1737],{"type":21,"value":658},{"type":15,"tag":155,"props":1739,"children":1740},{"style":179},[1741],{"type":21,"value":385},{"type":15,"tag":155,"props":1743,"children":1744},{"style":196},[1745],{"type":21,"value":405},{"type":15,"tag":155,"props":1747,"children":1748},{"class":157,"line":669},[1749,1753],{"type":15,"tag":155,"props":1750,"children":1751},{"style":196},[1752],{"type":21,"value":675},{"type":15,"tag":155,"props":1754,"children":1755},{"style":162},[1756],{"type":21,"value":609},{"type":15,"tag":155,"props":1758,"children":1759},{"class":157,"line":682},[1760,1764,1768],{"type":15,"tag":155,"props":1761,"children":1762},{"style":196},[1763],{"type":21,"value":688},{"type":15,"tag":155,"props":1765,"children":1766},{"style":179},[1767],{"type":21,"value":385},{"type":15,"tag":155,"props":1769,"children":1770},{"style":196},[1771],{"type":21,"value":405},{"type":15,"tag":155,"props":1773,"children":1774},{"class":157,"line":699},[1775,1779,1783,1787,1791,1795,1799,1803,1807,1811,1815,1819,1823,1827,1831,1836,1840,1844,1848],{"type":15,"tag":155,"props":1776,"children":1777},{"style":196},[1778],{"type":21,"value":414},{"type":15,"tag":155,"props":1780,"children":1781},{"style":179},[1782],{"type":21,"value":419},{"type":15,"tag":155,"props":1784,"children":1785},{"style":388},[1786],{"type":21,"value":1497},{"type":15,"tag":155,"props":1788,"children":1789},{"style":336},[1790],{"type":21,"value":339},{"type":15,"tag":155,"props":1792,"children":1793},{"style":162},[1794],{"type":21,"value":482},{"type":15,"tag":155,"props":1796,"children":1797},{"style":256},[1798],{"type":21,"value":1258},{"type":15,"tag":155,"props":1800,"children":1801},{"style":196},[1802],{"type":21,"value":438},{"type":15,"tag":155,"props":1804,"children":1805},{"style":162},[1806],{"type":21,"value":443},{"type":15,"tag":155,"props":1808,"children":1809},{"style":388},[1810],{"type":21,"value":1522},{"type":15,"tag":155,"props":1812,"children":1813},{"style":336},[1814],{"type":21,"value":339},{"type":15,"tag":155,"props":1816,"children":1817},{"style":162},[1818],{"type":21,"value":482},{"type":15,"tag":155,"props":1820,"children":1821},{"style":336},[1822],{"type":21,"value":1535},{"type":15,"tag":155,"props":1824,"children":1825},{"style":278},[1826],{"type":21,"value":313},{"type":15,"tag":155,"props":1828,"children":1829},{"style":196},[1830],{"type":21,"value":513},{"type":15,"tag":155,"props":1832,"children":1833},{"style":179},[1834],{"type":21,"value":1835},"hasNext",{"type":15,"tag":155,"props":1837,"children":1838},{"style":162},[1839],{"type":21,"value":443},{"type":15,"tag":155,"props":1841,"children":1842},{"style":196},[1843],{"type":21,"value":733},{"type":15,"tag":155,"props":1845,"children":1846},{"style":179},[1847],{"type":21,"value":419},{"type":15,"tag":155,"props":1849,"children":1850},{"style":196},[1851],{"type":21,"value":405},{"type":15,"tag":155,"props":1853,"children":1854},{"class":157,"line":744},[1855,1859,1863],{"type":15,"tag":155,"props":1856,"children":1857},{"style":196},[1858],{"type":21,"value":750},{"type":15,"tag":155,"props":1860,"children":1861},{"style":179},[1862],{"type":21,"value":385},{"type":15,"tag":155,"props":1864,"children":1865},{"style":196},[1866],{"type":21,"value":405},{"type":15,"tag":155,"props":1868,"children":1869},{"class":157,"line":761},[1870],{"type":15,"tag":155,"props":1871,"children":1872},{"style":196},[1873],{"type":21,"value":767},{"type":15,"tag":155,"props":1875,"children":1876},{"class":157,"line":770},[1877],{"type":15,"tag":155,"props":1878,"children":1879},{"style":196},[1880],{"type":21,"value":609},{"type":15,"tag":777,"props":1882,"children":1883},{},[1884,1907],{"type":15,"tag":31,"props":1885,"children":1886},{},[1887,1892,1894,1899,1900,1905],{"type":15,"tag":55,"props":1888,"children":1890},{"className":1889},[],[1891],{"type":21,"value":10},{"type":21,"value":1893}," exposes imperative methods for showing elements - ",{"type":15,"tag":55,"props":1895,"children":1897},{"className":1896},[],[1898],{"type":21,"value":1258},{"type":21,"value":135},{"type":15,"tag":55,"props":1901,"children":1903},{"className":1902},[],[1904],{"type":21,"value":1266},{"type":21,"value":1906},". To make them work, user needs to bind these functions as click event.",{"type":15,"tag":145,"props":1908,"children":1910},{"className":810,"code":1909,"language":812,"meta":9,"style":9},"\u003Cscript lang=\"ts\" setup>\nimport { useScrollable } from '@storefront-ui\u002Fvue';\n\nconst { containerRef, state, showNext, showPrev } = useScrollable()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv class=\"flex items-center\">\n \u003Cbutton @click=\"showPrev\" :disabled=\"!state.hasPrev\">previous\u003C\u002Fbutton>\n \u003Cdiv ref=\"containerRef\">\n \u003Cdiv\n v-for=\"(_, index) in Array.from({ length: 20 })\"\n :key=\"index\"\n >\n thumbnail {{ index + 1 }}\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cbutton @click=\"showNext\" :disabled=\"!state.hasNext\">next\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1911],{"type":15,"tag":55,"props":1912,"children":1913},{"__ignoreMap":9},[1914,1945,1976,1983,2038,2053,2060,2075,2102,2153,2180,2191,2206,2221,2228,2235,2250,2265,2314,2329],{"type":15,"tag":155,"props":1915,"children":1916},{"class":157,"line":158},[1917,1921,1925,1929,1933,1937,1941],{"type":15,"tag":155,"props":1918,"children":1919},{"style":196},[1920],{"type":21,"value":824},{"type":15,"tag":155,"props":1922,"children":1923},{"style":179},[1924],{"type":21,"value":829},{"type":15,"tag":155,"props":1926,"children":1927},{"style":168},[1928],{"type":21,"value":834},{"type":15,"tag":155,"props":1930,"children":1931},{"style":196},[1932],{"type":21,"value":339},{"type":15,"tag":155,"props":1934,"children":1935},{"style":190},[1936],{"type":21,"value":843},{"type":15,"tag":155,"props":1938,"children":1939},{"style":168},[1940],{"type":21,"value":848},{"type":15,"tag":155,"props":1942,"children":1943},{"style":196},[1944],{"type":21,"value":405},{"type":15,"tag":155,"props":1946,"children":1947},{"class":157,"line":202},[1948,1952,1956,1960,1964,1968,1972],{"type":15,"tag":155,"props":1949,"children":1950},{"style":162},[1951],{"type":21,"value":165},{"type":15,"tag":155,"props":1953,"children":1954},{"style":196},[1955],{"type":21,"value":212},{"type":15,"tag":155,"props":1957,"children":1958},{"style":179},[1959],{"type":21,"value":10},{"type":15,"tag":155,"props":1961,"children":1962},{"style":196},[1963],{"type":21,"value":221},{"type":15,"tag":155,"props":1965,"children":1966},{"style":162},[1967],{"type":21,"value":226},{"type":15,"tag":155,"props":1969,"children":1970},{"style":190},[1971],{"type":21,"value":880},{"type":15,"tag":155,"props":1973,"children":1974},{"style":196},[1975],{"type":21,"value":199},{"type":15,"tag":155,"props":1977,"children":1978},{"class":157,"line":238},[1979],{"type":15,"tag":155,"props":1980,"children":1981},{"emptyLinePlaceholder":8},[1982],{"type":21,"value":244},{"type":15,"tag":155,"props":1984,"children":1985},{"class":157,"line":247},[1986,1990,1994,1998,2002,2006,2010,2014,2018,2022,2026,2030,2034],{"type":15,"tag":155,"props":1987,"children":1988},{"style":162},[1989],{"type":21,"value":899},{"type":15,"tag":155,"props":1991,"children":1992},{"style":196},[1993],{"type":21,"value":212},{"type":15,"tag":155,"props":1995,"children":1996},{"style":278},[1997],{"type":21,"value":125},{"type":15,"tag":155,"props":1999,"children":2000},{"style":196},[2001],{"type":21,"value":308},{"type":15,"tag":155,"props":2003,"children":2004},{"style":278},[2005],{"type":21,"value":313},{"type":15,"tag":155,"props":2007,"children":2008},{"style":196},[2009],{"type":21,"value":308},{"type":15,"tag":155,"props":2011,"children":2012},{"style":278},[2013],{"type":21,"value":1258},{"type":15,"tag":155,"props":2015,"children":2016},{"style":196},[2017],{"type":21,"value":308},{"type":15,"tag":155,"props":2019,"children":2020},{"style":278},[2021],{"type":21,"value":1266},{"type":15,"tag":155,"props":2023,"children":2024},{"style":196},[2025],{"type":21,"value":221},{"type":15,"tag":155,"props":2027,"children":2028},{"style":336},[2029],{"type":21,"value":339},{"type":15,"tag":155,"props":2031,"children":2032},{"style":256},[2033],{"type":21,"value":344},{"type":15,"tag":155,"props":2035,"children":2036},{"style":196},[2037],{"type":21,"value":948},{"type":15,"tag":155,"props":2039,"children":2040},{"class":157,"line":289},[2041,2045,2049],{"type":15,"tag":155,"props":2042,"children":2043},{"style":196},[2044],{"type":21,"value":956},{"type":15,"tag":155,"props":2046,"children":2047},{"style":179},[2048],{"type":21,"value":829},{"type":15,"tag":155,"props":2050,"children":2051},{"style":196},[2052],{"type":21,"value":405},{"type":15,"tag":155,"props":2054,"children":2055},{"class":157,"line":352},[2056],{"type":15,"tag":155,"props":2057,"children":2058},{"emptyLinePlaceholder":8},[2059],{"type":21,"value":244},{"type":15,"tag":155,"props":2061,"children":2062},{"class":157,"line":360},[2063,2067,2071],{"type":15,"tag":155,"props":2064,"children":2065},{"style":196},[2066],{"type":21,"value":824},{"type":15,"tag":155,"props":2068,"children":2069},{"style":179},[2070],{"type":21,"value":27},{"type":15,"tag":155,"props":2072,"children":2073},{"style":196},[2074],{"type":21,"value":405},{"type":15,"tag":155,"props":2076,"children":2077},{"class":157,"line":374},[2078,2082,2086,2090,2094,2098],{"type":15,"tag":155,"props":2079,"children":2080},{"style":196},[2081],{"type":21,"value":994},{"type":15,"tag":155,"props":2083,"children":2084},{"style":179},[2085],{"type":21,"value":385},{"type":15,"tag":155,"props":2087,"children":2088},{"style":168},[2089],{"type":21,"value":1003},{"type":15,"tag":155,"props":2091,"children":2092},{"style":196},[2093],{"type":21,"value":339},{"type":15,"tag":155,"props":2095,"children":2096},{"style":190},[2097],{"type":21,"value":400},{"type":15,"tag":155,"props":2099,"children":2100},{"style":196},[2101],{"type":21,"value":405},{"type":15,"tag":155,"props":2103,"children":2104},{"class":157,"line":408},[2105,2109,2113,2118,2122,2127,2132,2136,2141,2145,2149],{"type":15,"tag":155,"props":2106,"children":2107},{"style":196},[2108],{"type":21,"value":380},{"type":15,"tag":155,"props":2110,"children":2111},{"style":179},[2112],{"type":21,"value":419},{"type":15,"tag":155,"props":2114,"children":2115},{"style":168},[2116],{"type":21,"value":2117}," @click",{"type":15,"tag":155,"props":2119,"children":2120},{"style":196},[2121],{"type":21,"value":339},{"type":15,"tag":155,"props":2123,"children":2124},{"style":190},[2125],{"type":21,"value":2126},"\"showPrev\"",{"type":15,"tag":155,"props":2128,"children":2129},{"style":168},[2130],{"type":21,"value":2131}," :disabled",{"type":15,"tag":155,"props":2133,"children":2134},{"style":196},[2135],{"type":21,"value":339},{"type":15,"tag":155,"props":2137,"children":2138},{"style":190},[2139],{"type":21,"value":2140},"\"!state.hasPrev\"",{"type":15,"tag":155,"props":2142,"children":2143},{"style":196},[2144],{"type":21,"value":448},{"type":15,"tag":155,"props":2146,"children":2147},{"style":179},[2148],{"type":21,"value":419},{"type":15,"tag":155,"props":2150,"children":2151},{"style":196},[2152],{"type":21,"value":405},{"type":15,"tag":155,"props":2154,"children":2155},{"class":157,"line":459},[2156,2160,2164,2168,2172,2176],{"type":15,"tag":155,"props":2157,"children":2158},{"style":196},[2159],{"type":21,"value":380},{"type":15,"tag":155,"props":2161,"children":2162},{"style":179},[2163],{"type":21,"value":385},{"type":15,"tag":155,"props":2165,"children":2166},{"style":168},[2167],{"type":21,"value":473},{"type":15,"tag":155,"props":2169,"children":2170},{"style":196},[2171],{"type":21,"value":339},{"type":15,"tag":155,"props":2173,"children":2174},{"style":190},[2175],{"type":21,"value":1076},{"type":15,"tag":155,"props":2177,"children":2178},{"style":196},[2179],{"type":21,"value":405},{"type":15,"tag":155,"props":2181,"children":2182},{"class":157,"line":497},[2183,2187],{"type":15,"tag":155,"props":2184,"children":2185},{"style":196},[2186],{"type":21,"value":414},{"type":15,"tag":155,"props":2188,"children":2189},{"style":179},[2190],{"type":21,"value":583},{"type":15,"tag":155,"props":2192,"children":2193},{"class":157,"line":572},[2194,2198,2202],{"type":15,"tag":155,"props":2195,"children":2196},{"style":168},[2197],{"type":21,"value":1099},{"type":15,"tag":155,"props":2199,"children":2200},{"style":196},[2201],{"type":21,"value":339},{"type":15,"tag":155,"props":2203,"children":2204},{"style":190},[2205],{"type":21,"value":1108},{"type":15,"tag":155,"props":2207,"children":2208},{"class":157,"line":586},[2209,2213,2217],{"type":15,"tag":155,"props":2210,"children":2211},{"style":168},[2212],{"type":21,"value":1116},{"type":15,"tag":155,"props":2214,"children":2215},{"style":196},[2216],{"type":21,"value":339},{"type":15,"tag":155,"props":2218,"children":2219},{"style":190},[2220],{"type":21,"value":1125},{"type":15,"tag":155,"props":2222,"children":2223},{"class":157,"line":612},[2224],{"type":15,"tag":155,"props":2225,"children":2226},{"style":196},[2227],{"type":21,"value":1133},{"type":15,"tag":155,"props":2229,"children":2230},{"class":157,"line":621},[2231],{"type":15,"tag":155,"props":2232,"children":2233},{"style":196},[2234],{"type":21,"value":1141},{"type":15,"tag":155,"props":2236,"children":2237},{"class":157,"line":652},[2238,2242,2246],{"type":15,"tag":155,"props":2239,"children":2240},{"style":196},[2241],{"type":21,"value":688},{"type":15,"tag":155,"props":2243,"children":2244},{"style":179},[2245],{"type":21,"value":385},{"type":15,"tag":155,"props":2247,"children":2248},{"style":196},[2249],{"type":21,"value":405},{"type":15,"tag":155,"props":2251,"children":2252},{"class":157,"line":669},[2253,2257,2261],{"type":15,"tag":155,"props":2254,"children":2255},{"style":196},[2256],{"type":21,"value":750},{"type":15,"tag":155,"props":2258,"children":2259},{"style":179},[2260],{"type":21,"value":385},{"type":15,"tag":155,"props":2262,"children":2263},{"style":196},[2264],{"type":21,"value":405},{"type":15,"tag":155,"props":2266,"children":2267},{"class":157,"line":682},[2268,2272,2276,2280,2284,2289,2293,2297,2302,2306,2310],{"type":15,"tag":155,"props":2269,"children":2270},{"style":196},[2271],{"type":21,"value":380},{"type":15,"tag":155,"props":2273,"children":2274},{"style":179},[2275],{"type":21,"value":419},{"type":15,"tag":155,"props":2277,"children":2278},{"style":168},[2279],{"type":21,"value":2117},{"type":15,"tag":155,"props":2281,"children":2282},{"style":196},[2283],{"type":21,"value":339},{"type":15,"tag":155,"props":2285,"children":2286},{"style":190},[2287],{"type":21,"value":2288},"\"showNext\"",{"type":15,"tag":155,"props":2290,"children":2291},{"style":168},[2292],{"type":21,"value":2131},{"type":15,"tag":155,"props":2294,"children":2295},{"style":196},[2296],{"type":21,"value":339},{"type":15,"tag":155,"props":2298,"children":2299},{"style":190},[2300],{"type":21,"value":2301},"\"!state.hasNext\"",{"type":15,"tag":155,"props":2303,"children":2304},{"style":196},[2305],{"type":21,"value":733},{"type":15,"tag":155,"props":2307,"children":2308},{"style":179},[2309],{"type":21,"value":419},{"type":15,"tag":155,"props":2311,"children":2312},{"style":196},[2313],{"type":21,"value":405},{"type":15,"tag":155,"props":2315,"children":2316},{"class":157,"line":699},[2317,2321,2325],{"type":15,"tag":155,"props":2318,"children":2319},{"style":196},[2320],{"type":21,"value":1215},{"type":15,"tag":155,"props":2322,"children":2323},{"style":179},[2324],{"type":21,"value":385},{"type":15,"tag":155,"props":2326,"children":2327},{"style":196},[2328],{"type":21,"value":405},{"type":15,"tag":155,"props":2330,"children":2331},{"class":157,"line":744},[2332,2336,2340],{"type":15,"tag":155,"props":2333,"children":2334},{"style":196},[2335],{"type":21,"value":956},{"type":15,"tag":155,"props":2337,"children":2338},{"style":179},[2339],{"type":21,"value":27},{"type":15,"tag":155,"props":2341,"children":2342},{"style":196},[2343],{"type":21,"value":405},{"type":15,"tag":27,"props":2345,"children":2346},{"v-slot:tab-2":9},[2347,2353,2422,2428,2741,2747,2933],{"type":15,"tag":91,"props":2348,"children":2350},{"id":2349},"parameters",[2351],{"type":21,"value":2352},"Parameters",{"type":15,"tag":2354,"props":2355,"children":2356},"table",{},[2357,2386],{"type":15,"tag":2358,"props":2359,"children":2360},"thead",{},[2361],{"type":15,"tag":2362,"props":2363,"children":2364},"tr",{},[2365,2371,2376,2381],{"type":15,"tag":2366,"props":2367,"children":2368},"th",{},[2369],{"type":21,"value":2370},"Name",{"type":15,"tag":2366,"props":2372,"children":2373},{},[2374],{"type":21,"value":2375},"Type",{"type":15,"tag":2366,"props":2377,"children":2378},{},[2379],{"type":21,"value":2380},"Default value",{"type":15,"tag":2366,"props":2382,"children":2383},{},[2384],{"type":21,"value":2385},"Description",{"type":15,"tag":2387,"props":2388,"children":2389},"tbody",{},[2390],{"type":15,"tag":2362,"props":2391,"children":2392},{},[2393,2399,2408,2417],{"type":15,"tag":2394,"props":2395,"children":2396},"td",{},[2397],{"type":21,"value":2398},"options",{"type":15,"tag":2394,"props":2400,"children":2401},{},[2402],{"type":15,"tag":55,"props":2403,"children":2405},{"className":2404},[],[2406],{"type":21,"value":2407},"ScrollableOptions",{"type":15,"tag":2394,"props":2409,"children":2410},{},[2411],{"type":15,"tag":55,"props":2412,"children":2414},{"className":2413},[],[2415],{"type":21,"value":2416},"{}",{"type":15,"tag":2394,"props":2418,"children":2419},{},[2420],{"type":21,"value":2421},"Object with multiple options",{"type":15,"tag":91,"props":2423,"children":2425},{"id":2424},"usescrollable-options",[2426],{"type":21,"value":2427},"UseScrollable Options |",{"type":15,"tag":2354,"props":2429,"children":2430},{},[2431,2453],{"type":15,"tag":2358,"props":2432,"children":2433},{},[2434],{"type":15,"tag":2362,"props":2435,"children":2436},{},[2437,2441,2445,2449],{"type":15,"tag":2366,"props":2438,"children":2439},{},[2440],{"type":21,"value":2370},{"type":15,"tag":2366,"props":2442,"children":2443},{},[2444],{"type":21,"value":2375},{"type":15,"tag":2366,"props":2446,"children":2447},{},[2448],{"type":21,"value":2380},{"type":15,"tag":2366,"props":2450,"children":2451},{},[2452],{"type":21,"value":2385},{"type":15,"tag":2387,"props":2454,"children":2455},{},[2456,2481,2550,2574,2617,2642,2666,2691,2716],{"type":15,"tag":2362,"props":2457,"children":2458},{},[2459,2464,2473,2476],{"type":15,"tag":2394,"props":2460,"children":2461},{},[2462],{"type":21,"value":2463},"activeIndex",{"type":15,"tag":2394,"props":2465,"children":2466},{},[2467],{"type":15,"tag":55,"props":2468,"children":2470},{"className":2469},[],[2471],{"type":21,"value":2472},"number",{"type":15,"tag":2394,"props":2474,"children":2475},{},[],{"type":15,"tag":2394,"props":2477,"children":2478},{},[2479],{"type":21,"value":2480},"When specified scroll to given item index",{"type":15,"tag":2362,"props":2482,"children":2483},{},[2484,2489,2498,2501],{"type":15,"tag":2394,"props":2485,"children":2486},{},[2487],{"type":21,"value":2488},"reduceMotion",{"type":15,"tag":2394,"props":2490,"children":2491},{},[2492],{"type":15,"tag":55,"props":2493,"children":2495},{"className":2494},[],[2496],{"type":21,"value":2497},"boolean",{"type":15,"tag":2394,"props":2499,"children":2500},{},[],{"type":15,"tag":2394,"props":2502,"children":2503},{},[2504,2506,2519,2521,2527,2529,2535,2537,2543,2544],{"type":21,"value":2505},"Option for ",{"type":15,"tag":2507,"props":2508,"children":2512},"a",{"href":2509,"rel":2510},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FWindow\u002FscrollTo",[2511],"nofollow",[2513],{"type":15,"tag":55,"props":2514,"children":2516},{"className":2515},[],[2517],{"type":21,"value":2518},"scrollTo",{"type":21,"value":2520}," behavior, when ",{"type":15,"tag":55,"props":2522,"children":2524},{"className":2523},[],[2525],{"type":21,"value":2526},"true",{"type":21,"value":2528}," is ",{"type":15,"tag":55,"props":2530,"children":2532},{"className":2531},[],[2533],{"type":21,"value":2534},"auto",{"type":21,"value":2536},", when ",{"type":15,"tag":55,"props":2538,"children":2540},{"className":2539},[],[2541],{"type":21,"value":2542},"false",{"type":21,"value":2528},{"type":15,"tag":55,"props":2545,"children":2547},{"className":2546},[],[2548],{"type":21,"value":2549},"smooth",{"type":15,"tag":2362,"props":2551,"children":2552},{},[2553,2558,2563,2571],{"type":15,"tag":2394,"props":2554,"children":2555},{},[2556],{"type":21,"value":2557},"drag",{"type":15,"tag":2394,"props":2559,"children":2560},{},[2561],{"type":21,"value":2562},"`{ sensitivity: number; }",{"type":15,"tag":2394,"props":2564,"children":2565},{},[2566],{"type":15,"tag":55,"props":2567,"children":2569},{"className":2568},[],[2570],{"type":21,"value":2497},{"type":15,"tag":2394,"props":2572,"children":2573},{},[],{"type":15,"tag":2362,"props":2575,"children":2576},{},[2577,2582,2591,2600],{"type":15,"tag":2394,"props":2578,"children":2579},{},[2580],{"type":21,"value":2581},"direction",{"type":15,"tag":2394,"props":2583,"children":2584},{},[2585],{"type":15,"tag":55,"props":2586,"children":2588},{"className":2587},[],[2589],{"type":21,"value":2590},"SfScrollableDirection",{"type":15,"tag":2394,"props":2592,"children":2593},{},[2594],{"type":15,"tag":55,"props":2595,"children":2597},{"className":2596},[],[2598],{"type":21,"value":2599},"horizontal",{"type":15,"tag":2394,"props":2601,"children":2602},{},[2603,2605,2611,2612],{"type":21,"value":2604},"Set orientation of scrollable ",{"type":15,"tag":55,"props":2606,"children":2608},{"className":2607},[],[2609],{"type":21,"value":2610},"vertical",{"type":21,"value":81},{"type":15,"tag":55,"props":2613,"children":2615},{"className":2614},[],[2616],{"type":21,"value":2599},{"type":15,"tag":2362,"props":2618,"children":2619},{},[2620,2625,2634,2637],{"type":15,"tag":2394,"props":2621,"children":2622},{},[2623],{"type":21,"value":2624},"onDragStart",{"type":15,"tag":2394,"props":2626,"children":2627},{},[2628],{"type":15,"tag":55,"props":2629,"children":2631},{"className":2630},[],[2632],{"type":21,"value":2633},"(data: SfScrollableOnDragStartData) => void",{"type":15,"tag":2394,"props":2635,"children":2636},{},[],{"type":15,"tag":2394,"props":2638,"children":2639},{},[2640],{"type":21,"value":2641},"Callback when drag starts",{"type":15,"tag":2362,"props":2643,"children":2644},{},[2645,2650,2658,2661],{"type":15,"tag":2394,"props":2646,"children":2647},{},[2648],{"type":21,"value":2649},"onDragEnd",{"type":15,"tag":2394,"props":2651,"children":2652},{},[2653],{"type":15,"tag":55,"props":2654,"children":2656},{"className":2655},[],[2657],{"type":21,"value":2633},{"type":15,"tag":2394,"props":2659,"children":2660},{},[],{"type":15,"tag":2394,"props":2662,"children":2663},{},[2664],{"type":21,"value":2665},"Callback when drag ends",{"type":15,"tag":2362,"props":2667,"children":2668},{},[2669,2674,2683,2686],{"type":15,"tag":2394,"props":2670,"children":2671},{},[2672],{"type":21,"value":2673},"onScroll",{"type":15,"tag":2394,"props":2675,"children":2676},{},[2677],{"type":15,"tag":55,"props":2678,"children":2680},{"className":2679},[],[2681],{"type":21,"value":2682},"(data: SfScrollableOnScrollData) => void",{"type":15,"tag":2394,"props":2684,"children":2685},{},[],{"type":15,"tag":2394,"props":2687,"children":2688},{},[2689],{"type":21,"value":2690},"Callback when any scroll happens",{"type":15,"tag":2362,"props":2692,"children":2693},{},[2694,2699,2708,2711],{"type":15,"tag":2394,"props":2695,"children":2696},{},[2697],{"type":21,"value":2698},"onPrev",{"type":15,"tag":2394,"props":2700,"children":2701},{},[2702],{"type":15,"tag":55,"props":2703,"children":2705},{"className":2704},[],[2706],{"type":21,"value":2707},"(data: SfScrollableOnPrevData) => void",{"type":15,"tag":2394,"props":2709,"children":2710},{},[],{"type":15,"tag":2394,"props":2712,"children":2713},{},[2714],{"type":21,"value":2715},"Callback when previous button is clicked",{"type":15,"tag":2362,"props":2717,"children":2718},{},[2719,2724,2733,2736],{"type":15,"tag":2394,"props":2720,"children":2721},{},[2722],{"type":21,"value":2723},"onNext",{"type":15,"tag":2394,"props":2725,"children":2726},{},[2727],{"type":15,"tag":55,"props":2728,"children":2730},{"className":2729},[],[2731],{"type":21,"value":2732},"(data: SfScrollableOnNextData) => void",{"type":15,"tag":2394,"props":2734,"children":2735},{},[],{"type":15,"tag":2394,"props":2737,"children":2738},{},[2739],{"type":21,"value":2740},"Callback when next button is clicked",{"type":15,"tag":91,"props":2742,"children":2744},{"id":2743},"return-value",[2745],{"type":21,"value":2746},"Return value",{"type":15,"tag":777,"props":2748,"children":2749},{},[2750],{"type":15,"tag":2354,"props":2751,"children":2752},{},[2753,2775],{"type":15,"tag":2358,"props":2754,"children":2755},{},[2756],{"type":15,"tag":2362,"props":2757,"children":2758},{},[2759,2763,2767,2771],{"type":15,"tag":2366,"props":2760,"children":2761},{},[2762],{"type":21,"value":2370},{"type":15,"tag":2366,"props":2764,"children":2765},{},[2766],{"type":21,"value":2375},{"type":15,"tag":2366,"props":2768,"children":2769},{},[2770],{"type":21,"value":2380},{"type":15,"tag":2366,"props":2772,"children":2773},{},[2774],{"type":21,"value":2385},{"type":15,"tag":2387,"props":2776,"children":2777},{},[2778,2808,2838,2862,2886,2910],{"type":15,"tag":2362,"props":2779,"children":2780},{},[2781,2785,2794,2803],{"type":15,"tag":2394,"props":2782,"children":2783},{},[2784],{"type":21,"value":313},{"type":15,"tag":2394,"props":2786,"children":2787},{},[2788],{"type":15,"tag":55,"props":2789,"children":2791},{"className":2790},[],[2792],{"type":21,"value":2793},"Ref\u003C{hasPrev: boolean; hasNext: boolean;isDragged: boolean;}>",{"type":15,"tag":2394,"props":2795,"children":2796},{},[2797],{"type":15,"tag":55,"props":2798,"children":2800},{"className":2799},[],[2801],{"type":21,"value":2802},"ref{ hasPrev: false, hasNext: false, isDragged: false }",{"type":15,"tag":2394,"props":2804,"children":2805},{},[2806],{"type":21,"value":2807},"Current state of scrollable",{"type":15,"tag":2362,"props":2809,"children":2810},{},[2811,2815,2824,2827],{"type":15,"tag":2394,"props":2812,"children":2813},{},[2814],{"type":21,"value":125},{"type":15,"tag":2394,"props":2816,"children":2817},{},[2818],{"type":15,"tag":55,"props":2819,"children":2821},{"className":2820},[],[2822],{"type":21,"value":2823},"Ref\u003C>",{"type":15,"tag":2394,"props":2825,"children":2826},{},[],{"type":15,"tag":2394,"props":2828,"children":2829},{},[2830,2836],{"type":15,"tag":55,"props":2831,"children":2833},{"className":2832},[],[2834],{"type":21,"value":2835},"Ref",{"type":21,"value":2837}," to be attached on container",{"type":15,"tag":2362,"props":2839,"children":2840},{},[2841,2845,2854,2857],{"type":15,"tag":2394,"props":2842,"children":2843},{},[2844],{"type":21,"value":1258},{"type":15,"tag":2394,"props":2846,"children":2847},{},[2848],{"type":15,"tag":55,"props":2849,"children":2851},{"className":2850},[],[2852],{"type":21,"value":2853},"() => void)",{"type":15,"tag":2394,"props":2855,"children":2856},{},[],{"type":15,"tag":2394,"props":2858,"children":2859},{},[2860],{"type":21,"value":2861},"Method used to show next items in the container",{"type":15,"tag":2362,"props":2863,"children":2864},{},[2865,2869,2878,2881],{"type":15,"tag":2394,"props":2866,"children":2867},{},[2868],{"type":21,"value":1266},{"type":15,"tag":2394,"props":2870,"children":2871},{},[2872],{"type":15,"tag":55,"props":2873,"children":2875},{"className":2874},[],[2876],{"type":21,"value":2877},"() => void",{"type":15,"tag":2394,"props":2879,"children":2880},{},[],{"type":15,"tag":2394,"props":2882,"children":2883},{},[2884],{"type":21,"value":2885},"Method used to show previous items in the container",{"type":15,"tag":2362,"props":2887,"children":2888},{},[2889,2893,2902,2905],{"type":15,"tag":2394,"props":2890,"children":2891},{},[2892],{"type":21,"value":133},{"type":15,"tag":2394,"props":2894,"children":2895},{},[2896],{"type":15,"tag":55,"props":2897,"children":2899},{"className":2898},[],[2900],{"type":21,"value":2901},"ComputedRef\u003C{onClick, disabled}>",{"type":15,"tag":2394,"props":2903,"children":2904},{},[],{"type":15,"tag":2394,"props":2906,"children":2907},{},[2908],{"type":21,"value":2909},"ComputedRef to be binded onto previous button",{"type":15,"tag":2362,"props":2911,"children":2912},{},[2913,2917,2925,2928],{"type":15,"tag":2394,"props":2914,"children":2915},{},[2916],{"type":21,"value":141},{"type":15,"tag":2394,"props":2918,"children":2919},{},[2920],{"type":15,"tag":55,"props":2921,"children":2923},{"className":2922},[],[2924],{"type":21,"value":2901},{"type":15,"tag":2394,"props":2926,"children":2927},{},[],{"type":15,"tag":2394,"props":2929,"children":2930},{},[2931],{"type":21,"value":2932},"ComputedRef to be binded onto next button",{"type":15,"tag":105,"props":2934,"children":2935},{},[2936],{"type":15,"tag":2354,"props":2937,"children":2938},{},[2939,2961],{"type":15,"tag":2358,"props":2940,"children":2941},{},[2942],{"type":15,"tag":2362,"props":2943,"children":2944},{},[2945,2949,2953,2957],{"type":15,"tag":2366,"props":2946,"children":2947},{},[2948],{"type":21,"value":2370},{"type":15,"tag":2366,"props":2950,"children":2951},{},[2952],{"type":21,"value":2375},{"type":15,"tag":2366,"props":2954,"children":2955},{},[2956],{"type":21,"value":2380},{"type":15,"tag":2366,"props":2958,"children":2959},{},[2960],{"type":21,"value":2385},{"type":15,"tag":2387,"props":2962,"children":2963},{},[2964,2993,3020,3042,3064,3088],{"type":15,"tag":2362,"props":2965,"children":2966},{},[2967,2971,2980,2989],{"type":15,"tag":2394,"props":2968,"children":2969},{},[2970],{"type":21,"value":313},{"type":15,"tag":2394,"props":2972,"children":2973},{},[2974],{"type":15,"tag":55,"props":2975,"children":2977},{"className":2976},[],[2978],{"type":21,"value":2979},"{hasPrev: boolean; hasNext: boolean;isDragged: boolean;}",{"type":15,"tag":2394,"props":2981,"children":2982},{},[2983],{"type":15,"tag":55,"props":2984,"children":2986},{"className":2985},[],[2987],{"type":21,"value":2988},"{ hasPrev: false, hasNext: false, isDragged: false }",{"type":15,"tag":2394,"props":2990,"children":2991},{},[2992],{"type":21,"value":2807},{"type":15,"tag":2362,"props":2994,"children":2995},{},[2996,3000,3008,3011],{"type":15,"tag":2394,"props":2997,"children":2998},{},[2999],{"type":21,"value":125},{"type":15,"tag":2394,"props":3001,"children":3002},{},[3003],{"type":15,"tag":55,"props":3004,"children":3006},{"className":3005},[],[3007],{"type":21,"value":2823},{"type":15,"tag":2394,"props":3009,"children":3010},{},[],{"type":15,"tag":2394,"props":3012,"children":3013},{},[3014,3019],{"type":15,"tag":55,"props":3015,"children":3017},{"className":3016},[],[3018],{"type":21,"value":2835},{"type":21,"value":2837},{"type":15,"tag":2362,"props":3021,"children":3022},{},[3023,3027,3035,3038],{"type":15,"tag":2394,"props":3024,"children":3025},{},[3026],{"type":21,"value":1258},{"type":15,"tag":2394,"props":3028,"children":3029},{},[3030],{"type":15,"tag":55,"props":3031,"children":3033},{"className":3032},[],[3034],{"type":21,"value":2877},{"type":15,"tag":2394,"props":3036,"children":3037},{},[],{"type":15,"tag":2394,"props":3039,"children":3040},{},[3041],{"type":21,"value":2861},{"type":15,"tag":2362,"props":3043,"children":3044},{},[3045,3049,3057,3060],{"type":15,"tag":2394,"props":3046,"children":3047},{},[3048],{"type":21,"value":1266},{"type":15,"tag":2394,"props":3050,"children":3051},{},[3052],{"type":15,"tag":55,"props":3053,"children":3055},{"className":3054},[],[3056],{"type":21,"value":2877},{"type":15,"tag":2394,"props":3058,"children":3059},{},[],{"type":15,"tag":2394,"props":3061,"children":3062},{},[3063],{"type":21,"value":2885},{"type":15,"tag":2362,"props":3065,"children":3066},{},[3067,3071,3080,3083],{"type":15,"tag":2394,"props":3068,"children":3069},{},[3070],{"type":21,"value":133},{"type":15,"tag":2394,"props":3072,"children":3073},{},[3074],{"type":15,"tag":55,"props":3075,"children":3077},{"className":3076},[],[3078],{"type":21,"value":3079},"Function",{"type":15,"tag":2394,"props":3081,"children":3082},{},[],{"type":15,"tag":2394,"props":3084,"children":3085},{},[3086],{"type":21,"value":3087},"Function to be attached onto previous button",{"type":15,"tag":2362,"props":3089,"children":3090},{},[3091,3095,3103,3106],{"type":15,"tag":2394,"props":3092,"children":3093},{},[3094],{"type":21,"value":141},{"type":15,"tag":2394,"props":3096,"children":3097},{},[3098],{"type":15,"tag":55,"props":3099,"children":3101},{"className":3100},[],[3102],{"type":21,"value":3079},{"type":15,"tag":2394,"props":3104,"children":3105},{},[],{"type":15,"tag":2394,"props":3107,"children":3108},{},[3109],{"type":21,"value":3110},"Function to be attached onto next button",{"type":15,"tag":27,"props":3112,"children":3113},{"v-slot:tab-3":9},[3114,5149],{"type":15,"tag":105,"props":3115,"children":3116},{},[3117],{"type":15,"tag":145,"props":3118,"children":3122},{"className":3119,"code":3120,"language":3121,"meta":9,"style":9},"language-ts shiki shiki-themes one-dark-pro","import { useEffect, useRef, useState, useCallback } from 'react';\nimport { type UseScrollableOptions, Scrollable, composeHandlers, createPropsGetter } from '@storefront-ui\u002Freact';\n\nexport function useScrollable\u003CTElement extends HTMLElement>({\n activeIndex,\n direction,\n drag,\n reduceMotion,\n onDragStart,\n onDragEnd,\n onScroll,\n onPrev,\n onNext,\n isActiveIndexCentered,\n}: Partial\u003CUseScrollableOptions> = {}) {\n const containerRef = useRef\u003CTElement>(null);\n const scrollable = useRef\u003CScrollable | null>(null);\n const [state, setState] = useState({ hasPrev: false, hasNext: false, isDragged: false });\n\n useEffect(() => {\n const container = containerRef.current;\n if (!container) {\n return () => {};\n }\n scrollable.current = new Scrollable(container, {\n direction,\n drag,\n reduceMotion,\n onPrev,\n onNext,\n onScroll: (data) => {\n setState((currentState) => ({ ...currentState, hasNext: data.hasNext, hasPrev: data.hasPrev }));\n onScroll?.(data);\n },\n onDragStart: (data) => {\n setState((currentState) => ({ ...currentState, isDragged: data.isDragged }));\n onDragStart?.(data);\n },\n onDragEnd,\n });\n const unregister = scrollable.current.register();\n\n if (typeof activeIndex === 'number' && activeIndex >= 0 && isActiveIndexCentered) {\n scrollable.current.scrollToIndex(activeIndex);\n }\n\n return unregister;\n }, [\n containerRef,\n activeIndex,\n direction,\n drag,\n reduceMotion,\n onDragStart,\n onDragEnd,\n onScroll,\n onPrev,\n onNext,\n isActiveIndexCentered,\n ]);\n\n const showPrev = useCallback(() => {\n scrollable.current?.prev();\n }, []);\n\n const showNext = useCallback(() => {\n scrollable.current?.next();\n }, []);\n\n const getPrevButtonProps = createPropsGetter((userProps) => ({\n onClick: composeHandlers(showPrev, userProps?.onClick),\n disabled: typeof userProps.disabled !== 'undefined' ? userProps.disabled : !state.hasPrev,\n }));\n\n const getNextButtonProps = createPropsGetter((userProps) => ({\n onClick: composeHandlers(showNext, userProps?.onClick),\n disabled: typeof userProps.disabled !== 'undefined' ? userProps.disabled : !state.hasNext,\n }));\n\n return {\n containerRef,\n getPrevButtonProps,\n getNextButtonProps,\n showNext,\n showPrev,\n state,\n };\n}\n\n","ts",[3123],{"type":15,"tag":55,"props":3124,"children":3125},{"__ignoreMap":9},[3126,3185,3249,3256,3297,3310,3322,3334,3346,3358,3370,3382,3394,3406,3418,3454,3499,3548,3641,3648,3670,3704,3730,3753,3762,3806,3819,3832,3845,3858,3871,3902,3991,4013,4022,4051,4111,4132,4140,4153,4162,4204,4212,4276,4314,4322,4330,4347,4356,4369,4382,4395,4408,4421,4434,4447,4460,4473,4486,4499,4508,4516,4550,4580,4589,4597,4630,4658,4666,4674,4718,4765,4849,4858,4866,4907,4951,5027,5035,5043,5055,5067,5080,5093,5106,5119,5132,5141],{"type":15,"tag":155,"props":3127,"children":3128},{"class":157,"line":158},[3129,3133,3137,3142,3146,3151,3155,3160,3164,3169,3173,3177,3181],{"type":15,"tag":155,"props":3130,"children":3131},{"style":162},[3132],{"type":21,"value":165},{"type":15,"tag":155,"props":3134,"children":3135},{"style":196},[3136],{"type":21,"value":212},{"type":15,"tag":155,"props":3138,"children":3139},{"style":179},[3140],{"type":21,"value":3141},"useEffect",{"type":15,"tag":155,"props":3143,"children":3144},{"style":196},[3145],{"type":21,"value":308},{"type":15,"tag":155,"props":3147,"children":3148},{"style":179},[3149],{"type":21,"value":3150},"useRef",{"type":15,"tag":155,"props":3152,"children":3153},{"style":196},[3154],{"type":21,"value":308},{"type":15,"tag":155,"props":3156,"children":3157},{"style":179},[3158],{"type":21,"value":3159},"useState",{"type":15,"tag":155,"props":3161,"children":3162},{"style":196},[3163],{"type":21,"value":308},{"type":15,"tag":155,"props":3165,"children":3166},{"style":179},[3167],{"type":21,"value":3168},"useCallback",{"type":15,"tag":155,"props":3170,"children":3171},{"style":196},[3172],{"type":21,"value":221},{"type":15,"tag":155,"props":3174,"children":3175},{"style":162},[3176],{"type":21,"value":226},{"type":15,"tag":155,"props":3178,"children":3179},{"style":190},[3180],{"type":21,"value":193},{"type":15,"tag":155,"props":3182,"children":3183},{"style":196},[3184],{"type":21,"value":199},{"type":15,"tag":155,"props":3186,"children":3187},{"class":157,"line":202},[3188,3192,3196,3201,3206,3210,3215,3219,3224,3228,3233,3237,3241,3245],{"type":15,"tag":155,"props":3189,"children":3190},{"style":162},[3191],{"type":21,"value":165},{"type":15,"tag":155,"props":3193,"children":3194},{"style":196},[3195],{"type":21,"value":212},{"type":15,"tag":155,"props":3197,"children":3198},{"style":162},[3199],{"type":21,"value":3200},"type",{"type":15,"tag":155,"props":3202,"children":3203},{"style":179},[3204],{"type":21,"value":3205}," UseScrollableOptions",{"type":15,"tag":155,"props":3207,"children":3208},{"style":196},[3209],{"type":21,"value":308},{"type":15,"tag":155,"props":3211,"children":3212},{"style":179},[3213],{"type":21,"value":3214},"Scrollable",{"type":15,"tag":155,"props":3216,"children":3217},{"style":196},[3218],{"type":21,"value":308},{"type":15,"tag":155,"props":3220,"children":3221},{"style":179},[3222],{"type":21,"value":3223},"composeHandlers",{"type":15,"tag":155,"props":3225,"children":3226},{"style":196},[3227],{"type":21,"value":308},{"type":15,"tag":155,"props":3229,"children":3230},{"style":179},[3231],{"type":21,"value":3232},"createPropsGetter",{"type":15,"tag":155,"props":3234,"children":3235},{"style":196},[3236],{"type":21,"value":221},{"type":15,"tag":155,"props":3238,"children":3239},{"style":162},[3240],{"type":21,"value":226},{"type":15,"tag":155,"props":3242,"children":3243},{"style":190},[3244],{"type":21,"value":231},{"type":15,"tag":155,"props":3246,"children":3247},{"style":196},[3248],{"type":21,"value":199},{"type":15,"tag":155,"props":3250,"children":3251},{"class":157,"line":238},[3252],{"type":15,"tag":155,"props":3253,"children":3254},{"emptyLinePlaceholder":8},[3255],{"type":21,"value":244},{"type":15,"tag":155,"props":3257,"children":3258},{"class":157,"line":247},[3259,3264,3269,3273,3277,3282,3287,3292],{"type":15,"tag":155,"props":3260,"children":3261},{"style":162},[3262],{"type":21,"value":3263},"export",{"type":15,"tag":155,"props":3265,"children":3266},{"style":162},[3267],{"type":21,"value":3268}," function",{"type":15,"tag":155,"props":3270,"children":3271},{"style":256},[3272],{"type":21,"value":344},{"type":15,"tag":155,"props":3274,"children":3275},{"style":196},[3276],{"type":21,"value":824},{"type":15,"tag":155,"props":3278,"children":3279},{"style":278},[3280],{"type":21,"value":3281},"TElement",{"type":15,"tag":155,"props":3283,"children":3284},{"style":162},[3285],{"type":21,"value":3286}," extends",{"type":15,"tag":155,"props":3288,"children":3289},{"style":278},[3290],{"type":21,"value":3291}," HTMLElement",{"type":15,"tag":155,"props":3293,"children":3294},{"style":196},[3295],{"type":21,"value":3296},">({\n",{"type":15,"tag":155,"props":3298,"children":3299},{"class":157,"line":289},[3300,3305],{"type":15,"tag":155,"props":3301,"children":3302},{"style":267},[3303],{"type":21,"value":3304}," activeIndex",{"type":15,"tag":155,"props":3306,"children":3307},{"style":196},[3308],{"type":21,"value":3309},",\n",{"type":15,"tag":155,"props":3311,"children":3312},{"class":157,"line":352},[3313,3318],{"type":15,"tag":155,"props":3314,"children":3315},{"style":267},[3316],{"type":21,"value":3317}," direction",{"type":15,"tag":155,"props":3319,"children":3320},{"style":196},[3321],{"type":21,"value":3309},{"type":15,"tag":155,"props":3323,"children":3324},{"class":157,"line":360},[3325,3330],{"type":15,"tag":155,"props":3326,"children":3327},{"style":267},[3328],{"type":21,"value":3329}," drag",{"type":15,"tag":155,"props":3331,"children":3332},{"style":196},[3333],{"type":21,"value":3309},{"type":15,"tag":155,"props":3335,"children":3336},{"class":157,"line":374},[3337,3342],{"type":15,"tag":155,"props":3338,"children":3339},{"style":267},[3340],{"type":21,"value":3341}," reduceMotion",{"type":15,"tag":155,"props":3343,"children":3344},{"style":196},[3345],{"type":21,"value":3309},{"type":15,"tag":155,"props":3347,"children":3348},{"class":157,"line":408},[3349,3354],{"type":15,"tag":155,"props":3350,"children":3351},{"style":267},[3352],{"type":21,"value":3353}," onDragStart",{"type":15,"tag":155,"props":3355,"children":3356},{"style":196},[3357],{"type":21,"value":3309},{"type":15,"tag":155,"props":3359,"children":3360},{"class":157,"line":459},[3361,3366],{"type":15,"tag":155,"props":3362,"children":3363},{"style":267},[3364],{"type":21,"value":3365}," onDragEnd",{"type":15,"tag":155,"props":3367,"children":3368},{"style":196},[3369],{"type":21,"value":3309},{"type":15,"tag":155,"props":3371,"children":3372},{"class":157,"line":497},[3373,3378],{"type":15,"tag":155,"props":3374,"children":3375},{"style":267},[3376],{"type":21,"value":3377}," onScroll",{"type":15,"tag":155,"props":3379,"children":3380},{"style":196},[3381],{"type":21,"value":3309},{"type":15,"tag":155,"props":3383,"children":3384},{"class":157,"line":572},[3385,3390],{"type":15,"tag":155,"props":3386,"children":3387},{"style":267},[3388],{"type":21,"value":3389}," onPrev",{"type":15,"tag":155,"props":3391,"children":3392},{"style":196},[3393],{"type":21,"value":3309},{"type":15,"tag":155,"props":3395,"children":3396},{"class":157,"line":586},[3397,3402],{"type":15,"tag":155,"props":3398,"children":3399},{"style":267},[3400],{"type":21,"value":3401}," onNext",{"type":15,"tag":155,"props":3403,"children":3404},{"style":196},[3405],{"type":21,"value":3309},{"type":15,"tag":155,"props":3407,"children":3408},{"class":157,"line":612},[3409,3414],{"type":15,"tag":155,"props":3410,"children":3411},{"style":267},[3412],{"type":21,"value":3413}," isActiveIndexCentered",{"type":15,"tag":155,"props":3415,"children":3416},{"style":196},[3417],{"type":21,"value":3309},{"type":15,"tag":155,"props":3419,"children":3420},{"class":157,"line":621},[3421,3426,3431,3435,3440,3445,3449],{"type":15,"tag":155,"props":3422,"children":3423},{"style":196},[3424],{"type":21,"value":3425},"}: ",{"type":15,"tag":155,"props":3427,"children":3428},{"style":278},[3429],{"type":21,"value":3430},"Partial",{"type":15,"tag":155,"props":3432,"children":3433},{"style":196},[3434],{"type":21,"value":824},{"type":15,"tag":155,"props":3436,"children":3437},{"style":278},[3438],{"type":21,"value":3439},"UseScrollableOptions",{"type":15,"tag":155,"props":3441,"children":3442},{"style":196},[3443],{"type":21,"value":3444},"> ",{"type":15,"tag":155,"props":3446,"children":3447},{"style":336},[3448],{"type":21,"value":339},{"type":15,"tag":155,"props":3450,"children":3451},{"style":196},[3452],{"type":21,"value":3453}," {}) {\n",{"type":15,"tag":155,"props":3455,"children":3456},{"class":157,"line":652},[3457,3461,3466,3471,3476,3480,3484,3489,3494],{"type":15,"tag":155,"props":3458,"children":3459},{"style":162},[3460],{"type":21,"value":295},{"type":15,"tag":155,"props":3462,"children":3463},{"style":278},[3464],{"type":21,"value":3465}," containerRef",{"type":15,"tag":155,"props":3467,"children":3468},{"style":336},[3469],{"type":21,"value":3470}," =",{"type":15,"tag":155,"props":3472,"children":3473},{"style":256},[3474],{"type":21,"value":3475}," useRef",{"type":15,"tag":155,"props":3477,"children":3478},{"style":196},[3479],{"type":21,"value":824},{"type":15,"tag":155,"props":3481,"children":3482},{"style":278},[3483],{"type":21,"value":3281},{"type":15,"tag":155,"props":3485,"children":3486},{"style":196},[3487],{"type":21,"value":3488},">(",{"type":15,"tag":155,"props":3490,"children":3491},{"style":168},[3492],{"type":21,"value":3493},"null",{"type":15,"tag":155,"props":3495,"children":3496},{"style":196},[3497],{"type":21,"value":3498},");\n",{"type":15,"tag":155,"props":3500,"children":3501},{"class":157,"line":669},[3502,3506,3511,3515,3519,3523,3527,3532,3536,3540,3544],{"type":15,"tag":155,"props":3503,"children":3504},{"style":162},[3505],{"type":21,"value":295},{"type":15,"tag":155,"props":3507,"children":3508},{"style":278},[3509],{"type":21,"value":3510}," scrollable",{"type":15,"tag":155,"props":3512,"children":3513},{"style":336},[3514],{"type":21,"value":3470},{"type":15,"tag":155,"props":3516,"children":3517},{"style":256},[3518],{"type":21,"value":3475},{"type":15,"tag":155,"props":3520,"children":3521},{"style":196},[3522],{"type":21,"value":824},{"type":15,"tag":155,"props":3524,"children":3525},{"style":278},[3526],{"type":21,"value":3214},{"type":15,"tag":155,"props":3528,"children":3529},{"style":196},[3530],{"type":21,"value":3531}," | ",{"type":15,"tag":155,"props":3533,"children":3534},{"style":278},[3535],{"type":21,"value":3493},{"type":15,"tag":155,"props":3537,"children":3538},{"style":196},[3539],{"type":21,"value":3488},{"type":15,"tag":155,"props":3541,"children":3542},{"style":168},[3543],{"type":21,"value":3493},{"type":15,"tag":155,"props":3545,"children":3546},{"style":196},[3547],{"type":21,"value":3498},{"type":15,"tag":155,"props":3549,"children":3550},{"class":157,"line":682},[3551,3555,3560,3564,3568,3573,3578,3582,3587,3591,3595,3599,3603,3607,3611,3615,3619,3623,3628,3632,3636],{"type":15,"tag":155,"props":3552,"children":3553},{"style":162},[3554],{"type":21,"value":295},{"type":15,"tag":155,"props":3556,"children":3557},{"style":196},[3558],{"type":21,"value":3559}," [",{"type":15,"tag":155,"props":3561,"children":3562},{"style":278},[3563],{"type":21,"value":313},{"type":15,"tag":155,"props":3565,"children":3566},{"style":196},[3567],{"type":21,"value":308},{"type":15,"tag":155,"props":3569,"children":3570},{"style":278},[3571],{"type":21,"value":3572},"setState",{"type":15,"tag":155,"props":3574,"children":3575},{"style":196},[3576],{"type":21,"value":3577},"] ",{"type":15,"tag":155,"props":3579,"children":3580},{"style":336},[3581],{"type":21,"value":339},{"type":15,"tag":155,"props":3583,"children":3584},{"style":256},[3585],{"type":21,"value":3586}," useState",{"type":15,"tag":155,"props":3588,"children":3589},{"style":196},[3590],{"type":21,"value":522},{"type":15,"tag":155,"props":3592,"children":3593},{"style":179},[3594],{"type":21,"value":1548},{"type":15,"tag":155,"props":3596,"children":3597},{"style":196},[3598],{"type":21,"value":275},{"type":15,"tag":155,"props":3600,"children":3601},{"style":168},[3602],{"type":21,"value":2542},{"type":15,"tag":155,"props":3604,"children":3605},{"style":196},[3606],{"type":21,"value":308},{"type":15,"tag":155,"props":3608,"children":3609},{"style":179},[3610],{"type":21,"value":1835},{"type":15,"tag":155,"props":3612,"children":3613},{"style":196},[3614],{"type":21,"value":275},{"type":15,"tag":155,"props":3616,"children":3617},{"style":168},[3618],{"type":21,"value":2542},{"type":15,"tag":155,"props":3620,"children":3621},{"style":196},[3622],{"type":21,"value":308},{"type":15,"tag":155,"props":3624,"children":3625},{"style":179},[3626],{"type":21,"value":3627},"isDragged",{"type":15,"tag":155,"props":3629,"children":3630},{"style":196},[3631],{"type":21,"value":275},{"type":15,"tag":155,"props":3633,"children":3634},{"style":168},[3635],{"type":21,"value":2542},{"type":15,"tag":155,"props":3637,"children":3638},{"style":196},[3639],{"type":21,"value":3640}," });\n",{"type":15,"tag":155,"props":3642,"children":3643},{"class":157,"line":699},[3644],{"type":15,"tag":155,"props":3645,"children":3646},{"emptyLinePlaceholder":8},[3647],{"type":21,"value":244},{"type":15,"tag":155,"props":3649,"children":3650},{"class":157,"line":744},[3651,3656,3661,3665],{"type":15,"tag":155,"props":3652,"children":3653},{"style":256},[3654],{"type":21,"value":3655}," useEffect",{"type":15,"tag":155,"props":3657,"children":3658},{"style":196},[3659],{"type":21,"value":3660},"(() ",{"type":15,"tag":155,"props":3662,"children":3663},{"style":162},[3664],{"type":21,"value":565},{"type":15,"tag":155,"props":3666,"children":3667},{"style":196},[3668],{"type":21,"value":3669}," {\n",{"type":15,"tag":155,"props":3671,"children":3672},{"class":157,"line":761},[3673,3678,3683,3687,3691,3695,3700],{"type":15,"tag":155,"props":3674,"children":3675},{"style":162},[3676],{"type":21,"value":3677}," const",{"type":15,"tag":155,"props":3679,"children":3680},{"style":278},[3681],{"type":21,"value":3682}," container",{"type":15,"tag":155,"props":3684,"children":3685},{"style":336},[3686],{"type":21,"value":3470},{"type":15,"tag":155,"props":3688,"children":3689},{"style":278},[3690],{"type":21,"value":3465},{"type":15,"tag":155,"props":3692,"children":3693},{"style":196},[3694],{"type":21,"value":513},{"type":15,"tag":155,"props":3696,"children":3697},{"style":179},[3698],{"type":21,"value":3699},"current",{"type":15,"tag":155,"props":3701,"children":3702},{"style":196},[3703],{"type":21,"value":199},{"type":15,"tag":155,"props":3705,"children":3706},{"class":157,"line":770},[3707,3712,3717,3721,3726],{"type":15,"tag":155,"props":3708,"children":3709},{"style":162},[3710],{"type":21,"value":3711}," if",{"type":15,"tag":155,"props":3713,"children":3714},{"style":196},[3715],{"type":21,"value":3716}," (",{"type":15,"tag":155,"props":3718,"children":3719},{"style":336},[3720],{"type":21,"value":1535},{"type":15,"tag":155,"props":3722,"children":3723},{"style":179},[3724],{"type":21,"value":3725},"container",{"type":15,"tag":155,"props":3727,"children":3728},{"style":196},[3729],{"type":21,"value":286},{"type":15,"tag":155,"props":3731,"children":3733},{"class":157,"line":3732},23,[3734,3739,3744,3748],{"type":15,"tag":155,"props":3735,"children":3736},{"style":162},[3737],{"type":21,"value":3738}," return",{"type":15,"tag":155,"props":3740,"children":3741},{"style":196},[3742],{"type":21,"value":3743}," () ",{"type":15,"tag":155,"props":3745,"children":3746},{"style":162},[3747],{"type":21,"value":565},{"type":15,"tag":155,"props":3749,"children":3750},{"style":196},[3751],{"type":21,"value":3752}," {};\n",{"type":15,"tag":155,"props":3754,"children":3756},{"class":157,"line":3755},24,[3757],{"type":15,"tag":155,"props":3758,"children":3759},{"style":196},[3760],{"type":21,"value":3761}," }\n",{"type":15,"tag":155,"props":3763,"children":3765},{"class":157,"line":3764},25,[3766,3771,3775,3779,3783,3788,3793,3797,3801],{"type":15,"tag":155,"props":3767,"children":3768},{"style":278},[3769],{"type":21,"value":3770}," scrollable",{"type":15,"tag":155,"props":3772,"children":3773},{"style":196},[3774],{"type":21,"value":513},{"type":15,"tag":155,"props":3776,"children":3777},{"style":179},[3778],{"type":21,"value":3699},{"type":15,"tag":155,"props":3780,"children":3781},{"style":336},[3782],{"type":21,"value":3470},{"type":15,"tag":155,"props":3784,"children":3785},{"style":162},[3786],{"type":21,"value":3787}," new",{"type":15,"tag":155,"props":3789,"children":3790},{"style":256},[3791],{"type":21,"value":3792}," Scrollable",{"type":15,"tag":155,"props":3794,"children":3795},{"style":196},[3796],{"type":21,"value":264},{"type":15,"tag":155,"props":3798,"children":3799},{"style":179},[3800],{"type":21,"value":3725},{"type":15,"tag":155,"props":3802,"children":3803},{"style":196},[3804],{"type":21,"value":3805},", {\n",{"type":15,"tag":155,"props":3807,"children":3809},{"class":157,"line":3808},26,[3810,3815],{"type":15,"tag":155,"props":3811,"children":3812},{"style":179},[3813],{"type":21,"value":3814}," direction",{"type":15,"tag":155,"props":3816,"children":3817},{"style":196},[3818],{"type":21,"value":3309},{"type":15,"tag":155,"props":3820,"children":3822},{"class":157,"line":3821},27,[3823,3828],{"type":15,"tag":155,"props":3824,"children":3825},{"style":179},[3826],{"type":21,"value":3827}," drag",{"type":15,"tag":155,"props":3829,"children":3830},{"style":196},[3831],{"type":21,"value":3309},{"type":15,"tag":155,"props":3833,"children":3835},{"class":157,"line":3834},28,[3836,3841],{"type":15,"tag":155,"props":3837,"children":3838},{"style":179},[3839],{"type":21,"value":3840}," reduceMotion",{"type":15,"tag":155,"props":3842,"children":3843},{"style":196},[3844],{"type":21,"value":3309},{"type":15,"tag":155,"props":3846,"children":3848},{"class":157,"line":3847},29,[3849,3854],{"type":15,"tag":155,"props":3850,"children":3851},{"style":179},[3852],{"type":21,"value":3853}," onPrev",{"type":15,"tag":155,"props":3855,"children":3856},{"style":196},[3857],{"type":21,"value":3309},{"type":15,"tag":155,"props":3859,"children":3861},{"class":157,"line":3860},30,[3862,3867],{"type":15,"tag":155,"props":3863,"children":3864},{"style":179},[3865],{"type":21,"value":3866}," onNext",{"type":15,"tag":155,"props":3868,"children":3869},{"style":196},[3870],{"type":21,"value":3309},{"type":15,"tag":155,"props":3872,"children":3874},{"class":157,"line":3873},31,[3875,3880,3885,3890,3894,3898],{"type":15,"tag":155,"props":3876,"children":3877},{"style":256},[3878],{"type":21,"value":3879}," onScroll",{"type":15,"tag":155,"props":3881,"children":3882},{"style":196},[3883],{"type":21,"value":3884},": (",{"type":15,"tag":155,"props":3886,"children":3887},{"style":267},[3888],{"type":21,"value":3889},"data",{"type":15,"tag":155,"props":3891,"children":3892},{"style":196},[3893],{"type":21,"value":560},{"type":15,"tag":155,"props":3895,"children":3896},{"style":162},[3897],{"type":21,"value":565},{"type":15,"tag":155,"props":3899,"children":3900},{"style":196},[3901],{"type":21,"value":3669},{"type":15,"tag":155,"props":3903,"children":3905},{"class":157,"line":3904},32,[3906,3911,3916,3921,3925,3929,3934,3938,3942,3946,3950,3954,3958,3962,3966,3970,3974,3978,3982,3986],{"type":15,"tag":155,"props":3907,"children":3908},{"style":256},[3909],{"type":21,"value":3910}," setState",{"type":15,"tag":155,"props":3912,"children":3913},{"style":196},[3914],{"type":21,"value":3915},"((",{"type":15,"tag":155,"props":3917,"children":3918},{"style":267},[3919],{"type":21,"value":3920},"currentState",{"type":15,"tag":155,"props":3922,"children":3923},{"style":196},[3924],{"type":21,"value":560},{"type":15,"tag":155,"props":3926,"children":3927},{"style":162},[3928],{"type":21,"value":565},{"type":15,"tag":155,"props":3930,"children":3931},{"style":196},[3932],{"type":21,"value":3933}," ({ ...",{"type":15,"tag":155,"props":3935,"children":3936},{"style":179},[3937],{"type":21,"value":3920},{"type":15,"tag":155,"props":3939,"children":3940},{"style":196},[3941],{"type":21,"value":308},{"type":15,"tag":155,"props":3943,"children":3944},{"style":179},[3945],{"type":21,"value":1835},{"type":15,"tag":155,"props":3947,"children":3948},{"style":196},[3949],{"type":21,"value":275},{"type":15,"tag":155,"props":3951,"children":3952},{"style":278},[3953],{"type":21,"value":3889},{"type":15,"tag":155,"props":3955,"children":3956},{"style":196},[3957],{"type":21,"value":513},{"type":15,"tag":155,"props":3959,"children":3960},{"style":179},[3961],{"type":21,"value":1835},{"type":15,"tag":155,"props":3963,"children":3964},{"style":196},[3965],{"type":21,"value":308},{"type":15,"tag":155,"props":3967,"children":3968},{"style":179},[3969],{"type":21,"value":1548},{"type":15,"tag":155,"props":3971,"children":3972},{"style":196},[3973],{"type":21,"value":275},{"type":15,"tag":155,"props":3975,"children":3976},{"style":278},[3977],{"type":21,"value":3889},{"type":15,"tag":155,"props":3979,"children":3980},{"style":196},[3981],{"type":21,"value":513},{"type":15,"tag":155,"props":3983,"children":3984},{"style":179},[3985],{"type":21,"value":1548},{"type":15,"tag":155,"props":3987,"children":3988},{"style":196},[3989],{"type":21,"value":3990}," }));\n",{"type":15,"tag":155,"props":3992,"children":3994},{"class":157,"line":3993},33,[3995,4000,4005,4009],{"type":15,"tag":155,"props":3996,"children":3997},{"style":256},[3998],{"type":21,"value":3999}," onScroll",{"type":15,"tag":155,"props":4001,"children":4002},{"style":196},[4003],{"type":21,"value":4004},"?.(",{"type":15,"tag":155,"props":4006,"children":4007},{"style":179},[4008],{"type":21,"value":3889},{"type":15,"tag":155,"props":4010,"children":4011},{"style":196},[4012],{"type":21,"value":3498},{"type":15,"tag":155,"props":4014,"children":4016},{"class":157,"line":4015},34,[4017],{"type":15,"tag":155,"props":4018,"children":4019},{"style":196},[4020],{"type":21,"value":4021}," },\n",{"type":15,"tag":155,"props":4023,"children":4025},{"class":157,"line":4024},35,[4026,4031,4035,4039,4043,4047],{"type":15,"tag":155,"props":4027,"children":4028},{"style":256},[4029],{"type":21,"value":4030}," onDragStart",{"type":15,"tag":155,"props":4032,"children":4033},{"style":196},[4034],{"type":21,"value":3884},{"type":15,"tag":155,"props":4036,"children":4037},{"style":267},[4038],{"type":21,"value":3889},{"type":15,"tag":155,"props":4040,"children":4041},{"style":196},[4042],{"type":21,"value":560},{"type":15,"tag":155,"props":4044,"children":4045},{"style":162},[4046],{"type":21,"value":565},{"type":15,"tag":155,"props":4048,"children":4049},{"style":196},[4050],{"type":21,"value":3669},{"type":15,"tag":155,"props":4052,"children":4054},{"class":157,"line":4053},36,[4055,4059,4063,4067,4071,4075,4079,4083,4087,4091,4095,4099,4103,4107],{"type":15,"tag":155,"props":4056,"children":4057},{"style":256},[4058],{"type":21,"value":3910},{"type":15,"tag":155,"props":4060,"children":4061},{"style":196},[4062],{"type":21,"value":3915},{"type":15,"tag":155,"props":4064,"children":4065},{"style":267},[4066],{"type":21,"value":3920},{"type":15,"tag":155,"props":4068,"children":4069},{"style":196},[4070],{"type":21,"value":560},{"type":15,"tag":155,"props":4072,"children":4073},{"style":162},[4074],{"type":21,"value":565},{"type":15,"tag":155,"props":4076,"children":4077},{"style":196},[4078],{"type":21,"value":3933},{"type":15,"tag":155,"props":4080,"children":4081},{"style":179},[4082],{"type":21,"value":3920},{"type":15,"tag":155,"props":4084,"children":4085},{"style":196},[4086],{"type":21,"value":308},{"type":15,"tag":155,"props":4088,"children":4089},{"style":179},[4090],{"type":21,"value":3627},{"type":15,"tag":155,"props":4092,"children":4093},{"style":196},[4094],{"type":21,"value":275},{"type":15,"tag":155,"props":4096,"children":4097},{"style":278},[4098],{"type":21,"value":3889},{"type":15,"tag":155,"props":4100,"children":4101},{"style":196},[4102],{"type":21,"value":513},{"type":15,"tag":155,"props":4104,"children":4105},{"style":179},[4106],{"type":21,"value":3627},{"type":15,"tag":155,"props":4108,"children":4109},{"style":196},[4110],{"type":21,"value":3990},{"type":15,"tag":155,"props":4112,"children":4114},{"class":157,"line":4113},37,[4115,4120,4124,4128],{"type":15,"tag":155,"props":4116,"children":4117},{"style":256},[4118],{"type":21,"value":4119}," onDragStart",{"type":15,"tag":155,"props":4121,"children":4122},{"style":196},[4123],{"type":21,"value":4004},{"type":15,"tag":155,"props":4125,"children":4126},{"style":179},[4127],{"type":21,"value":3889},{"type":15,"tag":155,"props":4129,"children":4130},{"style":196},[4131],{"type":21,"value":3498},{"type":15,"tag":155,"props":4133,"children":4135},{"class":157,"line":4134},38,[4136],{"type":15,"tag":155,"props":4137,"children":4138},{"style":196},[4139],{"type":21,"value":4021},{"type":15,"tag":155,"props":4141,"children":4143},{"class":157,"line":4142},39,[4144,4149],{"type":15,"tag":155,"props":4145,"children":4146},{"style":179},[4147],{"type":21,"value":4148}," onDragEnd",{"type":15,"tag":155,"props":4150,"children":4151},{"style":196},[4152],{"type":21,"value":3309},{"type":15,"tag":155,"props":4154,"children":4156},{"class":157,"line":4155},40,[4157],{"type":15,"tag":155,"props":4158,"children":4159},{"style":196},[4160],{"type":21,"value":4161}," });\n",{"type":15,"tag":155,"props":4163,"children":4165},{"class":157,"line":4164},41,[4166,4170,4175,4179,4183,4187,4191,4195,4200],{"type":15,"tag":155,"props":4167,"children":4168},{"style":162},[4169],{"type":21,"value":3677},{"type":15,"tag":155,"props":4171,"children":4172},{"style":278},[4173],{"type":21,"value":4174}," unregister",{"type":15,"tag":155,"props":4176,"children":4177},{"style":336},[4178],{"type":21,"value":3470},{"type":15,"tag":155,"props":4180,"children":4181},{"style":278},[4182],{"type":21,"value":3510},{"type":15,"tag":155,"props":4184,"children":4185},{"style":196},[4186],{"type":21,"value":513},{"type":15,"tag":155,"props":4188,"children":4189},{"style":278},[4190],{"type":21,"value":3699},{"type":15,"tag":155,"props":4192,"children":4193},{"style":196},[4194],{"type":21,"value":513},{"type":15,"tag":155,"props":4196,"children":4197},{"style":256},[4198],{"type":21,"value":4199},"register",{"type":15,"tag":155,"props":4201,"children":4202},{"style":196},[4203],{"type":21,"value":349},{"type":15,"tag":155,"props":4205,"children":4207},{"class":157,"line":4206},42,[4208],{"type":15,"tag":155,"props":4209,"children":4210},{"emptyLinePlaceholder":8},[4211],{"type":21,"value":244},{"type":15,"tag":155,"props":4213,"children":4215},{"class":157,"line":4214},43,[4216,4220,4224,4229,4234,4239,4244,4249,4253,4258,4263,4267,4272],{"type":15,"tag":155,"props":4217,"children":4218},{"style":162},[4219],{"type":21,"value":3711},{"type":15,"tag":155,"props":4221,"children":4222},{"style":196},[4223],{"type":21,"value":3716},{"type":15,"tag":155,"props":4225,"children":4226},{"style":162},[4227],{"type":21,"value":4228},"typeof",{"type":15,"tag":155,"props":4230,"children":4231},{"style":179},[4232],{"type":21,"value":4233}," activeIndex",{"type":15,"tag":155,"props":4235,"children":4236},{"style":336},[4237],{"type":21,"value":4238}," ===",{"type":15,"tag":155,"props":4240,"children":4241},{"style":190},[4242],{"type":21,"value":4243}," 'number'",{"type":15,"tag":155,"props":4245,"children":4246},{"style":336},[4247],{"type":21,"value":4248}," &&",{"type":15,"tag":155,"props":4250,"children":4251},{"style":179},[4252],{"type":21,"value":4233},{"type":15,"tag":155,"props":4254,"children":4255},{"style":336},[4256],{"type":21,"value":4257}," >=",{"type":15,"tag":155,"props":4259,"children":4260},{"style":168},[4261],{"type":21,"value":4262}," 0",{"type":15,"tag":155,"props":4264,"children":4265},{"style":336},[4266],{"type":21,"value":4248},{"type":15,"tag":155,"props":4268,"children":4269},{"style":179},[4270],{"type":21,"value":4271}," isActiveIndexCentered",{"type":15,"tag":155,"props":4273,"children":4274},{"style":196},[4275],{"type":21,"value":286},{"type":15,"tag":155,"props":4277,"children":4279},{"class":157,"line":4278},44,[4280,4285,4289,4293,4297,4302,4306,4310],{"type":15,"tag":155,"props":4281,"children":4282},{"style":278},[4283],{"type":21,"value":4284}," scrollable",{"type":15,"tag":155,"props":4286,"children":4287},{"style":196},[4288],{"type":21,"value":513},{"type":15,"tag":155,"props":4290,"children":4291},{"style":278},[4292],{"type":21,"value":3699},{"type":15,"tag":155,"props":4294,"children":4295},{"style":196},[4296],{"type":21,"value":513},{"type":15,"tag":155,"props":4298,"children":4299},{"style":256},[4300],{"type":21,"value":4301},"scrollToIndex",{"type":15,"tag":155,"props":4303,"children":4304},{"style":196},[4305],{"type":21,"value":264},{"type":15,"tag":155,"props":4307,"children":4308},{"style":179},[4309],{"type":21,"value":2463},{"type":15,"tag":155,"props":4311,"children":4312},{"style":196},[4313],{"type":21,"value":3498},{"type":15,"tag":155,"props":4315,"children":4317},{"class":157,"line":4316},45,[4318],{"type":15,"tag":155,"props":4319,"children":4320},{"style":196},[4321],{"type":21,"value":3761},{"type":15,"tag":155,"props":4323,"children":4325},{"class":157,"line":4324},46,[4326],{"type":15,"tag":155,"props":4327,"children":4328},{"emptyLinePlaceholder":8},[4329],{"type":21,"value":244},{"type":15,"tag":155,"props":4331,"children":4333},{"class":157,"line":4332},47,[4334,4339,4343],{"type":15,"tag":155,"props":4335,"children":4336},{"style":162},[4337],{"type":21,"value":4338}," return",{"type":15,"tag":155,"props":4340,"children":4341},{"style":179},[4342],{"type":21,"value":4174},{"type":15,"tag":155,"props":4344,"children":4345},{"style":196},[4346],{"type":21,"value":199},{"type":15,"tag":155,"props":4348,"children":4350},{"class":157,"line":4349},48,[4351],{"type":15,"tag":155,"props":4352,"children":4353},{"style":196},[4354],{"type":21,"value":4355}," }, [\n",{"type":15,"tag":155,"props":4357,"children":4359},{"class":157,"line":4358},49,[4360,4365],{"type":15,"tag":155,"props":4361,"children":4362},{"style":179},[4363],{"type":21,"value":4364}," containerRef",{"type":15,"tag":155,"props":4366,"children":4367},{"style":196},[4368],{"type":21,"value":3309},{"type":15,"tag":155,"props":4370,"children":4372},{"class":157,"line":4371},50,[4373,4378],{"type":15,"tag":155,"props":4374,"children":4375},{"style":179},[4376],{"type":21,"value":4377}," activeIndex",{"type":15,"tag":155,"props":4379,"children":4380},{"style":196},[4381],{"type":21,"value":3309},{"type":15,"tag":155,"props":4383,"children":4385},{"class":157,"line":4384},51,[4386,4391],{"type":15,"tag":155,"props":4387,"children":4388},{"style":179},[4389],{"type":21,"value":4390}," direction",{"type":15,"tag":155,"props":4392,"children":4393},{"style":196},[4394],{"type":21,"value":3309},{"type":15,"tag":155,"props":4396,"children":4398},{"class":157,"line":4397},52,[4399,4404],{"type":15,"tag":155,"props":4400,"children":4401},{"style":179},[4402],{"type":21,"value":4403}," drag",{"type":15,"tag":155,"props":4405,"children":4406},{"style":196},[4407],{"type":21,"value":3309},{"type":15,"tag":155,"props":4409,"children":4411},{"class":157,"line":4410},53,[4412,4417],{"type":15,"tag":155,"props":4413,"children":4414},{"style":179},[4415],{"type":21,"value":4416}," reduceMotion",{"type":15,"tag":155,"props":4418,"children":4419},{"style":196},[4420],{"type":21,"value":3309},{"type":15,"tag":155,"props":4422,"children":4424},{"class":157,"line":4423},54,[4425,4430],{"type":15,"tag":155,"props":4426,"children":4427},{"style":179},[4428],{"type":21,"value":4429}," onDragStart",{"type":15,"tag":155,"props":4431,"children":4432},{"style":196},[4433],{"type":21,"value":3309},{"type":15,"tag":155,"props":4435,"children":4437},{"class":157,"line":4436},55,[4438,4443],{"type":15,"tag":155,"props":4439,"children":4440},{"style":179},[4441],{"type":21,"value":4442}," onDragEnd",{"type":15,"tag":155,"props":4444,"children":4445},{"style":196},[4446],{"type":21,"value":3309},{"type":15,"tag":155,"props":4448,"children":4450},{"class":157,"line":4449},56,[4451,4456],{"type":15,"tag":155,"props":4452,"children":4453},{"style":179},[4454],{"type":21,"value":4455}," onScroll",{"type":15,"tag":155,"props":4457,"children":4458},{"style":196},[4459],{"type":21,"value":3309},{"type":15,"tag":155,"props":4461,"children":4463},{"class":157,"line":4462},57,[4464,4469],{"type":15,"tag":155,"props":4465,"children":4466},{"style":179},[4467],{"type":21,"value":4468}," onPrev",{"type":15,"tag":155,"props":4470,"children":4471},{"style":196},[4472],{"type":21,"value":3309},{"type":15,"tag":155,"props":4474,"children":4476},{"class":157,"line":4475},58,[4477,4482],{"type":15,"tag":155,"props":4478,"children":4479},{"style":179},[4480],{"type":21,"value":4481}," onNext",{"type":15,"tag":155,"props":4483,"children":4484},{"style":196},[4485],{"type":21,"value":3309},{"type":15,"tag":155,"props":4487,"children":4489},{"class":157,"line":4488},59,[4490,4495],{"type":15,"tag":155,"props":4491,"children":4492},{"style":179},[4493],{"type":21,"value":4494}," isActiveIndexCentered",{"type":15,"tag":155,"props":4496,"children":4497},{"style":196},[4498],{"type":21,"value":3309},{"type":15,"tag":155,"props":4500,"children":4502},{"class":157,"line":4501},60,[4503],{"type":15,"tag":155,"props":4504,"children":4505},{"style":196},[4506],{"type":21,"value":4507}," ]);\n",{"type":15,"tag":155,"props":4509,"children":4511},{"class":157,"line":4510},61,[4512],{"type":15,"tag":155,"props":4513,"children":4514},{"emptyLinePlaceholder":8},[4515],{"type":21,"value":244},{"type":15,"tag":155,"props":4517,"children":4519},{"class":157,"line":4518},62,[4520,4524,4529,4533,4538,4542,4546],{"type":15,"tag":155,"props":4521,"children":4522},{"style":162},[4523],{"type":21,"value":295},{"type":15,"tag":155,"props":4525,"children":4526},{"style":278},[4527],{"type":21,"value":4528}," showPrev",{"type":15,"tag":155,"props":4530,"children":4531},{"style":336},[4532],{"type":21,"value":3470},{"type":15,"tag":155,"props":4534,"children":4535},{"style":256},[4536],{"type":21,"value":4537}," useCallback",{"type":15,"tag":155,"props":4539,"children":4540},{"style":196},[4541],{"type":21,"value":3660},{"type":15,"tag":155,"props":4543,"children":4544},{"style":162},[4545],{"type":21,"value":565},{"type":15,"tag":155,"props":4547,"children":4548},{"style":196},[4549],{"type":21,"value":3669},{"type":15,"tag":155,"props":4551,"children":4553},{"class":157,"line":4552},63,[4554,4558,4562,4566,4571,4576],{"type":15,"tag":155,"props":4555,"children":4556},{"style":278},[4557],{"type":21,"value":3770},{"type":15,"tag":155,"props":4559,"children":4560},{"style":196},[4561],{"type":21,"value":513},{"type":15,"tag":155,"props":4563,"children":4564},{"style":278},[4565],{"type":21,"value":3699},{"type":15,"tag":155,"props":4567,"children":4568},{"style":196},[4569],{"type":21,"value":4570},"?.",{"type":15,"tag":155,"props":4572,"children":4573},{"style":256},[4574],{"type":21,"value":4575},"prev",{"type":15,"tag":155,"props":4577,"children":4578},{"style":196},[4579],{"type":21,"value":349},{"type":15,"tag":155,"props":4581,"children":4583},{"class":157,"line":4582},64,[4584],{"type":15,"tag":155,"props":4585,"children":4586},{"style":196},[4587],{"type":21,"value":4588}," }, []);\n",{"type":15,"tag":155,"props":4590,"children":4592},{"class":157,"line":4591},65,[4593],{"type":15,"tag":155,"props":4594,"children":4595},{"emptyLinePlaceholder":8},[4596],{"type":21,"value":244},{"type":15,"tag":155,"props":4598,"children":4600},{"class":157,"line":4599},66,[4601,4605,4610,4614,4618,4622,4626],{"type":15,"tag":155,"props":4602,"children":4603},{"style":162},[4604],{"type":21,"value":295},{"type":15,"tag":155,"props":4606,"children":4607},{"style":278},[4608],{"type":21,"value":4609}," showNext",{"type":15,"tag":155,"props":4611,"children":4612},{"style":336},[4613],{"type":21,"value":3470},{"type":15,"tag":155,"props":4615,"children":4616},{"style":256},[4617],{"type":21,"value":4537},{"type":15,"tag":155,"props":4619,"children":4620},{"style":196},[4621],{"type":21,"value":3660},{"type":15,"tag":155,"props":4623,"children":4624},{"style":162},[4625],{"type":21,"value":565},{"type":15,"tag":155,"props":4627,"children":4628},{"style":196},[4629],{"type":21,"value":3669},{"type":15,"tag":155,"props":4631,"children":4633},{"class":157,"line":4632},67,[4634,4638,4642,4646,4650,4654],{"type":15,"tag":155,"props":4635,"children":4636},{"style":278},[4637],{"type":21,"value":3770},{"type":15,"tag":155,"props":4639,"children":4640},{"style":196},[4641],{"type":21,"value":513},{"type":15,"tag":155,"props":4643,"children":4644},{"style":278},[4645],{"type":21,"value":3699},{"type":15,"tag":155,"props":4647,"children":4648},{"style":196},[4649],{"type":21,"value":4570},{"type":15,"tag":155,"props":4651,"children":4652},{"style":256},[4653],{"type":21,"value":87},{"type":15,"tag":155,"props":4655,"children":4656},{"style":196},[4657],{"type":21,"value":349},{"type":15,"tag":155,"props":4659,"children":4661},{"class":157,"line":4660},68,[4662],{"type":15,"tag":155,"props":4663,"children":4664},{"style":196},[4665],{"type":21,"value":4588},{"type":15,"tag":155,"props":4667,"children":4669},{"class":157,"line":4668},69,[4670],{"type":15,"tag":155,"props":4671,"children":4672},{"emptyLinePlaceholder":8},[4673],{"type":21,"value":244},{"type":15,"tag":155,"props":4675,"children":4677},{"class":157,"line":4676},70,[4678,4682,4687,4691,4696,4700,4705,4709,4713],{"type":15,"tag":155,"props":4679,"children":4680},{"style":162},[4681],{"type":21,"value":295},{"type":15,"tag":155,"props":4683,"children":4684},{"style":278},[4685],{"type":21,"value":4686}," getPrevButtonProps",{"type":15,"tag":155,"props":4688,"children":4689},{"style":336},[4690],{"type":21,"value":3470},{"type":15,"tag":155,"props":4692,"children":4693},{"style":256},[4694],{"type":21,"value":4695}," createPropsGetter",{"type":15,"tag":155,"props":4697,"children":4698},{"style":196},[4699],{"type":21,"value":3915},{"type":15,"tag":155,"props":4701,"children":4702},{"style":267},[4703],{"type":21,"value":4704},"userProps",{"type":15,"tag":155,"props":4706,"children":4707},{"style":196},[4708],{"type":21,"value":560},{"type":15,"tag":155,"props":4710,"children":4711},{"style":162},[4712],{"type":21,"value":565},{"type":15,"tag":155,"props":4714,"children":4715},{"style":196},[4716],{"type":21,"value":4717}," ({\n",{"type":15,"tag":155,"props":4719,"children":4721},{"class":157,"line":4720},71,[4722,4727,4731,4735,4739,4743,4747,4751,4755,4760],{"type":15,"tag":155,"props":4723,"children":4724},{"style":179},[4725],{"type":21,"value":4726}," onClick",{"type":15,"tag":155,"props":4728,"children":4729},{"style":196},[4730],{"type":21,"value":275},{"type":15,"tag":155,"props":4732,"children":4733},{"style":256},[4734],{"type":21,"value":3223},{"type":15,"tag":155,"props":4736,"children":4737},{"style":196},[4738],{"type":21,"value":264},{"type":15,"tag":155,"props":4740,"children":4741},{"style":179},[4742],{"type":21,"value":1266},{"type":15,"tag":155,"props":4744,"children":4745},{"style":196},[4746],{"type":21,"value":308},{"type":15,"tag":155,"props":4748,"children":4749},{"style":278},[4750],{"type":21,"value":4704},{"type":15,"tag":155,"props":4752,"children":4753},{"style":196},[4754],{"type":21,"value":4570},{"type":15,"tag":155,"props":4756,"children":4757},{"style":179},[4758],{"type":21,"value":4759},"onClick",{"type":15,"tag":155,"props":4761,"children":4762},{"style":196},[4763],{"type":21,"value":4764},"),\n",{"type":15,"tag":155,"props":4766,"children":4768},{"class":157,"line":4767},72,[4769,4774,4778,4782,4787,4791,4796,4801,4806,4811,4815,4819,4823,4828,4833,4837,4841,4845],{"type":15,"tag":155,"props":4770,"children":4771},{"style":179},[4772],{"type":21,"value":4773}," disabled",{"type":15,"tag":155,"props":4775,"children":4776},{"style":196},[4777],{"type":21,"value":275},{"type":15,"tag":155,"props":4779,"children":4780},{"style":162},[4781],{"type":21,"value":4228},{"type":15,"tag":155,"props":4783,"children":4784},{"style":278},[4785],{"type":21,"value":4786}," userProps",{"type":15,"tag":155,"props":4788,"children":4789},{"style":196},[4790],{"type":21,"value":513},{"type":15,"tag":155,"props":4792,"children":4793},{"style":179},[4794],{"type":21,"value":4795},"disabled",{"type":15,"tag":155,"props":4797,"children":4798},{"style":336},[4799],{"type":21,"value":4800}," !==",{"type":15,"tag":155,"props":4802,"children":4803},{"style":190},[4804],{"type":21,"value":4805}," 'undefined'",{"type":15,"tag":155,"props":4807,"children":4808},{"style":162},[4809],{"type":21,"value":4810}," ?",{"type":15,"tag":155,"props":4812,"children":4813},{"style":278},[4814],{"type":21,"value":4786},{"type":15,"tag":155,"props":4816,"children":4817},{"style":196},[4818],{"type":21,"value":513},{"type":15,"tag":155,"props":4820,"children":4821},{"style":179},[4822],{"type":21,"value":4795},{"type":15,"tag":155,"props":4824,"children":4825},{"style":162},[4826],{"type":21,"value":4827}," :",{"type":15,"tag":155,"props":4829,"children":4830},{"style":336},[4831],{"type":21,"value":4832}," !",{"type":15,"tag":155,"props":4834,"children":4835},{"style":278},[4836],{"type":21,"value":313},{"type":15,"tag":155,"props":4838,"children":4839},{"style":196},[4840],{"type":21,"value":513},{"type":15,"tag":155,"props":4842,"children":4843},{"style":179},[4844],{"type":21,"value":1548},{"type":15,"tag":155,"props":4846,"children":4847},{"style":196},[4848],{"type":21,"value":3309},{"type":15,"tag":155,"props":4850,"children":4852},{"class":157,"line":4851},73,[4853],{"type":15,"tag":155,"props":4854,"children":4855},{"style":196},[4856],{"type":21,"value":4857}," }));\n",{"type":15,"tag":155,"props":4859,"children":4861},{"class":157,"line":4860},74,[4862],{"type":15,"tag":155,"props":4863,"children":4864},{"emptyLinePlaceholder":8},[4865],{"type":21,"value":244},{"type":15,"tag":155,"props":4867,"children":4869},{"class":157,"line":4868},75,[4870,4874,4879,4883,4887,4891,4895,4899,4903],{"type":15,"tag":155,"props":4871,"children":4872},{"style":162},[4873],{"type":21,"value":295},{"type":15,"tag":155,"props":4875,"children":4876},{"style":278},[4877],{"type":21,"value":4878}," getNextButtonProps",{"type":15,"tag":155,"props":4880,"children":4881},{"style":336},[4882],{"type":21,"value":3470},{"type":15,"tag":155,"props":4884,"children":4885},{"style":256},[4886],{"type":21,"value":4695},{"type":15,"tag":155,"props":4888,"children":4889},{"style":196},[4890],{"type":21,"value":3915},{"type":15,"tag":155,"props":4892,"children":4893},{"style":267},[4894],{"type":21,"value":4704},{"type":15,"tag":155,"props":4896,"children":4897},{"style":196},[4898],{"type":21,"value":560},{"type":15,"tag":155,"props":4900,"children":4901},{"style":162},[4902],{"type":21,"value":565},{"type":15,"tag":155,"props":4904,"children":4905},{"style":196},[4906],{"type":21,"value":4717},{"type":15,"tag":155,"props":4908,"children":4910},{"class":157,"line":4909},76,[4911,4915,4919,4923,4927,4931,4935,4939,4943,4947],{"type":15,"tag":155,"props":4912,"children":4913},{"style":179},[4914],{"type":21,"value":4726},{"type":15,"tag":155,"props":4916,"children":4917},{"style":196},[4918],{"type":21,"value":275},{"type":15,"tag":155,"props":4920,"children":4921},{"style":256},[4922],{"type":21,"value":3223},{"type":15,"tag":155,"props":4924,"children":4925},{"style":196},[4926],{"type":21,"value":264},{"type":15,"tag":155,"props":4928,"children":4929},{"style":179},[4930],{"type":21,"value":1258},{"type":15,"tag":155,"props":4932,"children":4933},{"style":196},[4934],{"type":21,"value":308},{"type":15,"tag":155,"props":4936,"children":4937},{"style":278},[4938],{"type":21,"value":4704},{"type":15,"tag":155,"props":4940,"children":4941},{"style":196},[4942],{"type":21,"value":4570},{"type":15,"tag":155,"props":4944,"children":4945},{"style":179},[4946],{"type":21,"value":4759},{"type":15,"tag":155,"props":4948,"children":4949},{"style":196},[4950],{"type":21,"value":4764},{"type":15,"tag":155,"props":4952,"children":4954},{"class":157,"line":4953},77,[4955,4959,4963,4967,4971,4975,4979,4983,4987,4991,4995,4999,5003,5007,5011,5015,5019,5023],{"type":15,"tag":155,"props":4956,"children":4957},{"style":179},[4958],{"type":21,"value":4773},{"type":15,"tag":155,"props":4960,"children":4961},{"style":196},[4962],{"type":21,"value":275},{"type":15,"tag":155,"props":4964,"children":4965},{"style":162},[4966],{"type":21,"value":4228},{"type":15,"tag":155,"props":4968,"children":4969},{"style":278},[4970],{"type":21,"value":4786},{"type":15,"tag":155,"props":4972,"children":4973},{"style":196},[4974],{"type":21,"value":513},{"type":15,"tag":155,"props":4976,"children":4977},{"style":179},[4978],{"type":21,"value":4795},{"type":15,"tag":155,"props":4980,"children":4981},{"style":336},[4982],{"type":21,"value":4800},{"type":15,"tag":155,"props":4984,"children":4985},{"style":190},[4986],{"type":21,"value":4805},{"type":15,"tag":155,"props":4988,"children":4989},{"style":162},[4990],{"type":21,"value":4810},{"type":15,"tag":155,"props":4992,"children":4993},{"style":278},[4994],{"type":21,"value":4786},{"type":15,"tag":155,"props":4996,"children":4997},{"style":196},[4998],{"type":21,"value":513},{"type":15,"tag":155,"props":5000,"children":5001},{"style":179},[5002],{"type":21,"value":4795},{"type":15,"tag":155,"props":5004,"children":5005},{"style":162},[5006],{"type":21,"value":4827},{"type":15,"tag":155,"props":5008,"children":5009},{"style":336},[5010],{"type":21,"value":4832},{"type":15,"tag":155,"props":5012,"children":5013},{"style":278},[5014],{"type":21,"value":313},{"type":15,"tag":155,"props":5016,"children":5017},{"style":196},[5018],{"type":21,"value":513},{"type":15,"tag":155,"props":5020,"children":5021},{"style":179},[5022],{"type":21,"value":1835},{"type":15,"tag":155,"props":5024,"children":5025},{"style":196},[5026],{"type":21,"value":3309},{"type":15,"tag":155,"props":5028,"children":5030},{"class":157,"line":5029},78,[5031],{"type":15,"tag":155,"props":5032,"children":5033},{"style":196},[5034],{"type":21,"value":4857},{"type":15,"tag":155,"props":5036,"children":5038},{"class":157,"line":5037},79,[5039],{"type":15,"tag":155,"props":5040,"children":5041},{"emptyLinePlaceholder":8},[5042],{"type":21,"value":244},{"type":15,"tag":155,"props":5044,"children":5046},{"class":157,"line":5045},80,[5047,5051],{"type":15,"tag":155,"props":5048,"children":5049},{"style":162},[5050],{"type":21,"value":366},{"type":15,"tag":155,"props":5052,"children":5053},{"style":196},[5054],{"type":21,"value":3669},{"type":15,"tag":155,"props":5056,"children":5058},{"class":157,"line":5057},81,[5059,5063],{"type":15,"tag":155,"props":5060,"children":5061},{"style":179},[5062],{"type":21,"value":4364},{"type":15,"tag":155,"props":5064,"children":5065},{"style":196},[5066],{"type":21,"value":3309},{"type":15,"tag":155,"props":5068,"children":5070},{"class":157,"line":5069},82,[5071,5076],{"type":15,"tag":155,"props":5072,"children":5073},{"style":179},[5074],{"type":21,"value":5075}," getPrevButtonProps",{"type":15,"tag":155,"props":5077,"children":5078},{"style":196},[5079],{"type":21,"value":3309},{"type":15,"tag":155,"props":5081,"children":5083},{"class":157,"line":5082},83,[5084,5089],{"type":15,"tag":155,"props":5085,"children":5086},{"style":179},[5087],{"type":21,"value":5088}," getNextButtonProps",{"type":15,"tag":155,"props":5090,"children":5091},{"style":196},[5092],{"type":21,"value":3309},{"type":15,"tag":155,"props":5094,"children":5096},{"class":157,"line":5095},84,[5097,5102],{"type":15,"tag":155,"props":5098,"children":5099},{"style":179},[5100],{"type":21,"value":5101}," showNext",{"type":15,"tag":155,"props":5103,"children":5104},{"style":196},[5105],{"type":21,"value":3309},{"type":15,"tag":155,"props":5107,"children":5109},{"class":157,"line":5108},85,[5110,5115],{"type":15,"tag":155,"props":5111,"children":5112},{"style":179},[5113],{"type":21,"value":5114}," showPrev",{"type":15,"tag":155,"props":5116,"children":5117},{"style":196},[5118],{"type":21,"value":3309},{"type":15,"tag":155,"props":5120,"children":5122},{"class":157,"line":5121},86,[5123,5128],{"type":15,"tag":155,"props":5124,"children":5125},{"style":179},[5126],{"type":21,"value":5127}," state",{"type":15,"tag":155,"props":5129,"children":5130},{"style":196},[5131],{"type":21,"value":3309},{"type":15,"tag":155,"props":5133,"children":5135},{"class":157,"line":5134},87,[5136],{"type":15,"tag":155,"props":5137,"children":5138},{"style":196},[5139],{"type":21,"value":5140}," };\n",{"type":15,"tag":155,"props":5142,"children":5144},{"class":157,"line":5143},88,[5145],{"type":15,"tag":155,"props":5146,"children":5147},{"style":196},[5148],{"type":21,"value":609},{"type":15,"tag":777,"props":5150,"children":5151},{},[5152],{"type":15,"tag":145,"props":5153,"children":5155},{"className":3119,"code":5154,"language":3121,"meta":9,"style":9},"import { type UseScrollableOptions, Scrollable } from '@storefront-ui\u002Fvue';\nimport { type ComputedRef, ref, watch, computed } from 'vue';\nimport { noop, unrefElement } from '@vueuse\u002Fcore';\n\nexport function useScrollable\u003CTElement extends HTMLElement>(options?: ComputedRef\u003CPartial\u003CUseScrollableOptions>>) {\n const containerRef = ref\u003CTElement>();\n const scrollable = ref\u003CScrollable | null>(null);\n const state = ref({ hasPrev: false, hasNext: false, isDragged: false });\n\n let unregister = noop;\n watch(\n [containerRef, options],\n () => {\n const container = unrefElement(containerRef);\n if (!container) return;\n unregister();\n\n scrollable.value = new Scrollable(container, {\n ...options?.value,\n onScroll: (data) => {\n state.value = { ...state.value, hasNext: data.hasNext, hasPrev: data.hasPrev };\n options?.value?.onScroll?.(data);\n },\n onDragStart: (data) => {\n state.value = { ...state.value, isDragged: data.isDragged };\n options?.value?.onDragStart?.(data);\n },\n });\n\n unregister = scrollable.value?.register();\n const activeIndex = options?.value?.activeIndex;\n if (typeof activeIndex === 'number' && activeIndex >= 0 && options?.value?.isActiveIndexCentered) {\n scrollable.value.scrollToIndex(activeIndex);\n }\n },\n { immediate: true, deep: true },\n );\n\n const showPrev = () => {\n scrollable.value?.prev();\n };\n\n const showNext = () => {\n scrollable.value?.next();\n };\n\n const getPrevButtonProps = computed(() => ({\n onClick: showPrev,\n disabled: !state.value.hasPrev,\n }));\n\n const getNextButtonProps = computed(() => ({\n onClick: showNext,\n disabled: !state.value.hasNext,\n }));\n\n return {\n containerRef,\n getPrevButtonProps,\n getNextButtonProps,\n showNext,\n showPrev,\n state,\n };\n}\n\n",[5156],{"type":15,"tag":55,"props":5157,"children":5158},{"__ignoreMap":9},[5159,5202,5266,5308,5315,5389,5421,5468,5540,5547,5572,5585,5610,5626,5659,5692,5704,5711,5751,5775,5802,5892,5928,5936,5963,6026,6061,6068,6076,6083,6118,6158,6230,6266,6274,6282,6325,6332,6339,6366,6393,6400,6407,6434,6461,6468,6475,6507,6526,6565,6572,6579,6610,6629,6668,6675,6682,6693,6704,6715,6726,6737,6748,6759,6766],{"type":15,"tag":155,"props":5160,"children":5161},{"class":157,"line":158},[5162,5166,5170,5174,5178,5182,5186,5190,5194,5198],{"type":15,"tag":155,"props":5163,"children":5164},{"style":162},[5165],{"type":21,"value":165},{"type":15,"tag":155,"props":5167,"children":5168},{"style":196},[5169],{"type":21,"value":212},{"type":15,"tag":155,"props":5171,"children":5172},{"style":162},[5173],{"type":21,"value":3200},{"type":15,"tag":155,"props":5175,"children":5176},{"style":179},[5177],{"type":21,"value":3205},{"type":15,"tag":155,"props":5179,"children":5180},{"style":196},[5181],{"type":21,"value":308},{"type":15,"tag":155,"props":5183,"children":5184},{"style":179},[5185],{"type":21,"value":3214},{"type":15,"tag":155,"props":5187,"children":5188},{"style":196},[5189],{"type":21,"value":221},{"type":15,"tag":155,"props":5191,"children":5192},{"style":162},[5193],{"type":21,"value":226},{"type":15,"tag":155,"props":5195,"children":5196},{"style":190},[5197],{"type":21,"value":880},{"type":15,"tag":155,"props":5199,"children":5200},{"style":196},[5201],{"type":21,"value":199},{"type":15,"tag":155,"props":5203,"children":5204},{"class":157,"line":202},[5205,5209,5213,5217,5222,5226,5231,5235,5240,5244,5249,5253,5257,5262],{"type":15,"tag":155,"props":5206,"children":5207},{"style":162},[5208],{"type":21,"value":165},{"type":15,"tag":155,"props":5210,"children":5211},{"style":196},[5212],{"type":21,"value":212},{"type":15,"tag":155,"props":5214,"children":5215},{"style":162},[5216],{"type":21,"value":3200},{"type":15,"tag":155,"props":5218,"children":5219},{"style":179},[5220],{"type":21,"value":5221}," ComputedRef",{"type":15,"tag":155,"props":5223,"children":5224},{"style":196},[5225],{"type":21,"value":308},{"type":15,"tag":155,"props":5227,"children":5228},{"style":179},[5229],{"type":21,"value":5230},"ref",{"type":15,"tag":155,"props":5232,"children":5233},{"style":196},[5234],{"type":21,"value":308},{"type":15,"tag":155,"props":5236,"children":5237},{"style":179},[5238],{"type":21,"value":5239},"watch",{"type":15,"tag":155,"props":5241,"children":5242},{"style":196},[5243],{"type":21,"value":308},{"type":15,"tag":155,"props":5245,"children":5246},{"style":179},[5247],{"type":21,"value":5248},"computed",{"type":15,"tag":155,"props":5250,"children":5251},{"style":196},[5252],{"type":21,"value":221},{"type":15,"tag":155,"props":5254,"children":5255},{"style":162},[5256],{"type":21,"value":226},{"type":15,"tag":155,"props":5258,"children":5259},{"style":190},[5260],{"type":21,"value":5261}," 'vue'",{"type":15,"tag":155,"props":5263,"children":5264},{"style":196},[5265],{"type":21,"value":199},{"type":15,"tag":155,"props":5267,"children":5268},{"class":157,"line":238},[5269,5273,5277,5282,5286,5291,5295,5299,5304],{"type":15,"tag":155,"props":5270,"children":5271},{"style":162},[5272],{"type":21,"value":165},{"type":15,"tag":155,"props":5274,"children":5275},{"style":196},[5276],{"type":21,"value":212},{"type":15,"tag":155,"props":5278,"children":5279},{"style":179},[5280],{"type":21,"value":5281},"noop",{"type":15,"tag":155,"props":5283,"children":5284},{"style":196},[5285],{"type":21,"value":308},{"type":15,"tag":155,"props":5287,"children":5288},{"style":179},[5289],{"type":21,"value":5290},"unrefElement",{"type":15,"tag":155,"props":5292,"children":5293},{"style":196},[5294],{"type":21,"value":221},{"type":15,"tag":155,"props":5296,"children":5297},{"style":162},[5298],{"type":21,"value":226},{"type":15,"tag":155,"props":5300,"children":5301},{"style":190},[5302],{"type":21,"value":5303}," '@vueuse\u002Fcore'",{"type":15,"tag":155,"props":5305,"children":5306},{"style":196},[5307],{"type":21,"value":199},{"type":15,"tag":155,"props":5309,"children":5310},{"class":157,"line":247},[5311],{"type":15,"tag":155,"props":5312,"children":5313},{"emptyLinePlaceholder":8},[5314],{"type":21,"value":244},{"type":15,"tag":155,"props":5316,"children":5317},{"class":157,"line":289},[5318,5322,5326,5330,5334,5338,5342,5346,5350,5354,5359,5363,5368,5372,5376,5380,5384],{"type":15,"tag":155,"props":5319,"children":5320},{"style":162},[5321],{"type":21,"value":3263},{"type":15,"tag":155,"props":5323,"children":5324},{"style":162},[5325],{"type":21,"value":3268},{"type":15,"tag":155,"props":5327,"children":5328},{"style":256},[5329],{"type":21,"value":344},{"type":15,"tag":155,"props":5331,"children":5332},{"style":196},[5333],{"type":21,"value":824},{"type":15,"tag":155,"props":5335,"children":5336},{"style":278},[5337],{"type":21,"value":3281},{"type":15,"tag":155,"props":5339,"children":5340},{"style":162},[5341],{"type":21,"value":3286},{"type":15,"tag":155,"props":5343,"children":5344},{"style":278},[5345],{"type":21,"value":3291},{"type":15,"tag":155,"props":5347,"children":5348},{"style":196},[5349],{"type":21,"value":3488},{"type":15,"tag":155,"props":5351,"children":5352},{"style":267},[5353],{"type":21,"value":2398},{"type":15,"tag":155,"props":5355,"children":5356},{"style":162},[5357],{"type":21,"value":5358},"?",{"type":15,"tag":155,"props":5360,"children":5361},{"style":196},[5362],{"type":21,"value":275},{"type":15,"tag":155,"props":5364,"children":5365},{"style":278},[5366],{"type":21,"value":5367},"ComputedRef",{"type":15,"tag":155,"props":5369,"children":5370},{"style":196},[5371],{"type":21,"value":824},{"type":15,"tag":155,"props":5373,"children":5374},{"style":278},[5375],{"type":21,"value":3430},{"type":15,"tag":155,"props":5377,"children":5378},{"style":196},[5379],{"type":21,"value":824},{"type":15,"tag":155,"props":5381,"children":5382},{"style":278},[5383],{"type":21,"value":3439},{"type":15,"tag":155,"props":5385,"children":5386},{"style":196},[5387],{"type":21,"value":5388},">>) {\n",{"type":15,"tag":155,"props":5390,"children":5391},{"class":157,"line":352},[5392,5396,5400,5404,5408,5412,5416],{"type":15,"tag":155,"props":5393,"children":5394},{"style":162},[5395],{"type":21,"value":295},{"type":15,"tag":155,"props":5397,"children":5398},{"style":278},[5399],{"type":21,"value":3465},{"type":15,"tag":155,"props":5401,"children":5402},{"style":336},[5403],{"type":21,"value":3470},{"type":15,"tag":155,"props":5405,"children":5406},{"style":256},[5407],{"type":21,"value":473},{"type":15,"tag":155,"props":5409,"children":5410},{"style":196},[5411],{"type":21,"value":824},{"type":15,"tag":155,"props":5413,"children":5414},{"style":278},[5415],{"type":21,"value":3281},{"type":15,"tag":155,"props":5417,"children":5418},{"style":196},[5419],{"type":21,"value":5420},">();\n",{"type":15,"tag":155,"props":5422,"children":5423},{"class":157,"line":360},[5424,5428,5432,5436,5440,5444,5448,5452,5456,5460,5464],{"type":15,"tag":155,"props":5425,"children":5426},{"style":162},[5427],{"type":21,"value":295},{"type":15,"tag":155,"props":5429,"children":5430},{"style":278},[5431],{"type":21,"value":3510},{"type":15,"tag":155,"props":5433,"children":5434},{"style":336},[5435],{"type":21,"value":3470},{"type":15,"tag":155,"props":5437,"children":5438},{"style":256},[5439],{"type":21,"value":473},{"type":15,"tag":155,"props":5441,"children":5442},{"style":196},[5443],{"type":21,"value":824},{"type":15,"tag":155,"props":5445,"children":5446},{"style":278},[5447],{"type":21,"value":3214},{"type":15,"tag":155,"props":5449,"children":5450},{"style":196},[5451],{"type":21,"value":3531},{"type":15,"tag":155,"props":5453,"children":5454},{"style":278},[5455],{"type":21,"value":3493},{"type":15,"tag":155,"props":5457,"children":5458},{"style":196},[5459],{"type":21,"value":3488},{"type":15,"tag":155,"props":5461,"children":5462},{"style":168},[5463],{"type":21,"value":3493},{"type":15,"tag":155,"props":5465,"children":5466},{"style":196},[5467],{"type":21,"value":3498},{"type":15,"tag":155,"props":5469,"children":5470},{"class":157,"line":374},[5471,5475,5480,5484,5488,5492,5496,5500,5504,5508,5512,5516,5520,5524,5528,5532,5536],{"type":15,"tag":155,"props":5472,"children":5473},{"style":162},[5474],{"type":21,"value":295},{"type":15,"tag":155,"props":5476,"children":5477},{"style":278},[5478],{"type":21,"value":5479}," state",{"type":15,"tag":155,"props":5481,"children":5482},{"style":336},[5483],{"type":21,"value":3470},{"type":15,"tag":155,"props":5485,"children":5486},{"style":256},[5487],{"type":21,"value":473},{"type":15,"tag":155,"props":5489,"children":5490},{"style":196},[5491],{"type":21,"value":522},{"type":15,"tag":155,"props":5493,"children":5494},{"style":179},[5495],{"type":21,"value":1548},{"type":15,"tag":155,"props":5497,"children":5498},{"style":196},[5499],{"type":21,"value":275},{"type":15,"tag":155,"props":5501,"children":5502},{"style":168},[5503],{"type":21,"value":2542},{"type":15,"tag":155,"props":5505,"children":5506},{"style":196},[5507],{"type":21,"value":308},{"type":15,"tag":155,"props":5509,"children":5510},{"style":179},[5511],{"type":21,"value":1835},{"type":15,"tag":155,"props":5513,"children":5514},{"style":196},[5515],{"type":21,"value":275},{"type":15,"tag":155,"props":5517,"children":5518},{"style":168},[5519],{"type":21,"value":2542},{"type":15,"tag":155,"props":5521,"children":5522},{"style":196},[5523],{"type":21,"value":308},{"type":15,"tag":155,"props":5525,"children":5526},{"style":179},[5527],{"type":21,"value":3627},{"type":15,"tag":155,"props":5529,"children":5530},{"style":196},[5531],{"type":21,"value":275},{"type":15,"tag":155,"props":5533,"children":5534},{"style":168},[5535],{"type":21,"value":2542},{"type":15,"tag":155,"props":5537,"children":5538},{"style":196},[5539],{"type":21,"value":3640},{"type":15,"tag":155,"props":5541,"children":5542},{"class":157,"line":408},[5543],{"type":15,"tag":155,"props":5544,"children":5545},{"emptyLinePlaceholder":8},[5546],{"type":21,"value":244},{"type":15,"tag":155,"props":5548,"children":5549},{"class":157,"line":459},[5550,5555,5559,5563,5568],{"type":15,"tag":155,"props":5551,"children":5552},{"style":162},[5553],{"type":21,"value":5554}," let",{"type":15,"tag":155,"props":5556,"children":5557},{"style":179},[5558],{"type":21,"value":4174},{"type":15,"tag":155,"props":5560,"children":5561},{"style":336},[5562],{"type":21,"value":3470},{"type":15,"tag":155,"props":5564,"children":5565},{"style":179},[5566],{"type":21,"value":5567}," noop",{"type":15,"tag":155,"props":5569,"children":5570},{"style":196},[5571],{"type":21,"value":199},{"type":15,"tag":155,"props":5573,"children":5574},{"class":157,"line":497},[5575,5580],{"type":15,"tag":155,"props":5576,"children":5577},{"style":256},[5578],{"type":21,"value":5579}," watch",{"type":15,"tag":155,"props":5581,"children":5582},{"style":196},[5583],{"type":21,"value":5584},"(\n",{"type":15,"tag":155,"props":5586,"children":5587},{"class":157,"line":572},[5588,5593,5597,5601,5605],{"type":15,"tag":155,"props":5589,"children":5590},{"style":196},[5591],{"type":21,"value":5592}," [",{"type":15,"tag":155,"props":5594,"children":5595},{"style":179},[5596],{"type":21,"value":125},{"type":15,"tag":155,"props":5598,"children":5599},{"style":196},[5600],{"type":21,"value":308},{"type":15,"tag":155,"props":5602,"children":5603},{"style":179},[5604],{"type":21,"value":2398},{"type":15,"tag":155,"props":5606,"children":5607},{"style":196},[5608],{"type":21,"value":5609},"],\n",{"type":15,"tag":155,"props":5611,"children":5612},{"class":157,"line":586},[5613,5618,5622],{"type":15,"tag":155,"props":5614,"children":5615},{"style":196},[5616],{"type":21,"value":5617}," () ",{"type":15,"tag":155,"props":5619,"children":5620},{"style":162},[5621],{"type":21,"value":565},{"type":15,"tag":155,"props":5623,"children":5624},{"style":196},[5625],{"type":21,"value":3669},{"type":15,"tag":155,"props":5627,"children":5628},{"class":157,"line":612},[5629,5634,5638,5642,5647,5651,5655],{"type":15,"tag":155,"props":5630,"children":5631},{"style":162},[5632],{"type":21,"value":5633}," const",{"type":15,"tag":155,"props":5635,"children":5636},{"style":278},[5637],{"type":21,"value":3682},{"type":15,"tag":155,"props":5639,"children":5640},{"style":336},[5641],{"type":21,"value":3470},{"type":15,"tag":155,"props":5643,"children":5644},{"style":256},[5645],{"type":21,"value":5646}," unrefElement",{"type":15,"tag":155,"props":5648,"children":5649},{"style":196},[5650],{"type":21,"value":264},{"type":15,"tag":155,"props":5652,"children":5653},{"style":179},[5654],{"type":21,"value":125},{"type":15,"tag":155,"props":5656,"children":5657},{"style":196},[5658],{"type":21,"value":3498},{"type":15,"tag":155,"props":5660,"children":5661},{"class":157,"line":621},[5662,5667,5671,5675,5679,5683,5688],{"type":15,"tag":155,"props":5663,"children":5664},{"style":162},[5665],{"type":21,"value":5666}," if",{"type":15,"tag":155,"props":5668,"children":5669},{"style":196},[5670],{"type":21,"value":3716},{"type":15,"tag":155,"props":5672,"children":5673},{"style":336},[5674],{"type":21,"value":1535},{"type":15,"tag":155,"props":5676,"children":5677},{"style":179},[5678],{"type":21,"value":3725},{"type":15,"tag":155,"props":5680,"children":5681},{"style":196},[5682],{"type":21,"value":560},{"type":15,"tag":155,"props":5684,"children":5685},{"style":162},[5686],{"type":21,"value":5687},"return",{"type":15,"tag":155,"props":5689,"children":5690},{"style":196},[5691],{"type":21,"value":199},{"type":15,"tag":155,"props":5693,"children":5694},{"class":157,"line":652},[5695,5700],{"type":15,"tag":155,"props":5696,"children":5697},{"style":256},[5698],{"type":21,"value":5699}," unregister",{"type":15,"tag":155,"props":5701,"children":5702},{"style":196},[5703],{"type":21,"value":349},{"type":15,"tag":155,"props":5705,"children":5706},{"class":157,"line":669},[5707],{"type":15,"tag":155,"props":5708,"children":5709},{"emptyLinePlaceholder":8},[5710],{"type":21,"value":244},{"type":15,"tag":155,"props":5712,"children":5713},{"class":157,"line":682},[5714,5718,5722,5727,5731,5735,5739,5743,5747],{"type":15,"tag":155,"props":5715,"children":5716},{"style":278},[5717],{"type":21,"value":4284},{"type":15,"tag":155,"props":5719,"children":5720},{"style":196},[5721],{"type":21,"value":513},{"type":15,"tag":155,"props":5723,"children":5724},{"style":179},[5725],{"type":21,"value":5726},"value",{"type":15,"tag":155,"props":5728,"children":5729},{"style":336},[5730],{"type":21,"value":3470},{"type":15,"tag":155,"props":5732,"children":5733},{"style":162},[5734],{"type":21,"value":3787},{"type":15,"tag":155,"props":5736,"children":5737},{"style":256},[5738],{"type":21,"value":3792},{"type":15,"tag":155,"props":5740,"children":5741},{"style":196},[5742],{"type":21,"value":264},{"type":15,"tag":155,"props":5744,"children":5745},{"style":179},[5746],{"type":21,"value":3725},{"type":15,"tag":155,"props":5748,"children":5749},{"style":196},[5750],{"type":21,"value":3805},{"type":15,"tag":155,"props":5752,"children":5753},{"class":157,"line":699},[5754,5759,5763,5767,5771],{"type":15,"tag":155,"props":5755,"children":5756},{"style":196},[5757],{"type":21,"value":5758}," ...",{"type":15,"tag":155,"props":5760,"children":5761},{"style":278},[5762],{"type":21,"value":2398},{"type":15,"tag":155,"props":5764,"children":5765},{"style":196},[5766],{"type":21,"value":4570},{"type":15,"tag":155,"props":5768,"children":5769},{"style":179},[5770],{"type":21,"value":5726},{"type":15,"tag":155,"props":5772,"children":5773},{"style":196},[5774],{"type":21,"value":3309},{"type":15,"tag":155,"props":5776,"children":5777},{"class":157,"line":744},[5778,5782,5786,5790,5794,5798],{"type":15,"tag":155,"props":5779,"children":5780},{"style":256},[5781],{"type":21,"value":3999},{"type":15,"tag":155,"props":5783,"children":5784},{"style":196},[5785],{"type":21,"value":3884},{"type":15,"tag":155,"props":5787,"children":5788},{"style":267},[5789],{"type":21,"value":3889},{"type":15,"tag":155,"props":5791,"children":5792},{"style":196},[5793],{"type":21,"value":560},{"type":15,"tag":155,"props":5795,"children":5796},{"style":162},[5797],{"type":21,"value":565},{"type":15,"tag":155,"props":5799,"children":5800},{"style":196},[5801],{"type":21,"value":3669},{"type":15,"tag":155,"props":5803,"children":5804},{"class":157,"line":761},[5805,5810,5814,5818,5822,5827,5831,5835,5839,5843,5847,5851,5855,5859,5863,5867,5871,5875,5879,5883,5887],{"type":15,"tag":155,"props":5806,"children":5807},{"style":278},[5808],{"type":21,"value":5809}," state",{"type":15,"tag":155,"props":5811,"children":5812},{"style":196},[5813],{"type":21,"value":513},{"type":15,"tag":155,"props":5815,"children":5816},{"style":179},[5817],{"type":21,"value":5726},{"type":15,"tag":155,"props":5819,"children":5820},{"style":336},[5821],{"type":21,"value":3470},{"type":15,"tag":155,"props":5823,"children":5824},{"style":196},[5825],{"type":21,"value":5826}," { ...",{"type":15,"tag":155,"props":5828,"children":5829},{"style":278},[5830],{"type":21,"value":313},{"type":15,"tag":155,"props":5832,"children":5833},{"style":196},[5834],{"type":21,"value":513},{"type":15,"tag":155,"props":5836,"children":5837},{"style":179},[5838],{"type":21,"value":5726},{"type":15,"tag":155,"props":5840,"children":5841},{"style":196},[5842],{"type":21,"value":308},{"type":15,"tag":155,"props":5844,"children":5845},{"style":179},[5846],{"type":21,"value":1835},{"type":15,"tag":155,"props":5848,"children":5849},{"style":196},[5850],{"type":21,"value":275},{"type":15,"tag":155,"props":5852,"children":5853},{"style":278},[5854],{"type":21,"value":3889},{"type":15,"tag":155,"props":5856,"children":5857},{"style":196},[5858],{"type":21,"value":513},{"type":15,"tag":155,"props":5860,"children":5861},{"style":179},[5862],{"type":21,"value":1835},{"type":15,"tag":155,"props":5864,"children":5865},{"style":196},[5866],{"type":21,"value":308},{"type":15,"tag":155,"props":5868,"children":5869},{"style":179},[5870],{"type":21,"value":1548},{"type":15,"tag":155,"props":5872,"children":5873},{"style":196},[5874],{"type":21,"value":275},{"type":15,"tag":155,"props":5876,"children":5877},{"style":278},[5878],{"type":21,"value":3889},{"type":15,"tag":155,"props":5880,"children":5881},{"style":196},[5882],{"type":21,"value":513},{"type":15,"tag":155,"props":5884,"children":5885},{"style":179},[5886],{"type":21,"value":1548},{"type":15,"tag":155,"props":5888,"children":5889},{"style":196},[5890],{"type":21,"value":5891}," };\n",{"type":15,"tag":155,"props":5893,"children":5894},{"class":157,"line":770},[5895,5900,5904,5908,5912,5916,5920,5924],{"type":15,"tag":155,"props":5896,"children":5897},{"style":278},[5898],{"type":21,"value":5899}," options",{"type":15,"tag":155,"props":5901,"children":5902},{"style":196},[5903],{"type":21,"value":4570},{"type":15,"tag":155,"props":5905,"children":5906},{"style":278},[5907],{"type":21,"value":5726},{"type":15,"tag":155,"props":5909,"children":5910},{"style":196},[5911],{"type":21,"value":4570},{"type":15,"tag":155,"props":5913,"children":5914},{"style":256},[5915],{"type":21,"value":2673},{"type":15,"tag":155,"props":5917,"children":5918},{"style":196},[5919],{"type":21,"value":4004},{"type":15,"tag":155,"props":5921,"children":5922},{"style":179},[5923],{"type":21,"value":3889},{"type":15,"tag":155,"props":5925,"children":5926},{"style":196},[5927],{"type":21,"value":3498},{"type":15,"tag":155,"props":5929,"children":5930},{"class":157,"line":3732},[5931],{"type":15,"tag":155,"props":5932,"children":5933},{"style":196},[5934],{"type":21,"value":5935}," },\n",{"type":15,"tag":155,"props":5937,"children":5938},{"class":157,"line":3755},[5939,5943,5947,5951,5955,5959],{"type":15,"tag":155,"props":5940,"children":5941},{"style":256},[5942],{"type":21,"value":4119},{"type":15,"tag":155,"props":5944,"children":5945},{"style":196},[5946],{"type":21,"value":3884},{"type":15,"tag":155,"props":5948,"children":5949},{"style":267},[5950],{"type":21,"value":3889},{"type":15,"tag":155,"props":5952,"children":5953},{"style":196},[5954],{"type":21,"value":560},{"type":15,"tag":155,"props":5956,"children":5957},{"style":162},[5958],{"type":21,"value":565},{"type":15,"tag":155,"props":5960,"children":5961},{"style":196},[5962],{"type":21,"value":3669},{"type":15,"tag":155,"props":5964,"children":5965},{"class":157,"line":3764},[5966,5970,5974,5978,5982,5986,5990,5994,5998,6002,6006,6010,6014,6018,6022],{"type":15,"tag":155,"props":5967,"children":5968},{"style":278},[5969],{"type":21,"value":5809},{"type":15,"tag":155,"props":5971,"children":5972},{"style":196},[5973],{"type":21,"value":513},{"type":15,"tag":155,"props":5975,"children":5976},{"style":179},[5977],{"type":21,"value":5726},{"type":15,"tag":155,"props":5979,"children":5980},{"style":336},[5981],{"type":21,"value":3470},{"type":15,"tag":155,"props":5983,"children":5984},{"style":196},[5985],{"type":21,"value":5826},{"type":15,"tag":155,"props":5987,"children":5988},{"style":278},[5989],{"type":21,"value":313},{"type":15,"tag":155,"props":5991,"children":5992},{"style":196},[5993],{"type":21,"value":513},{"type":15,"tag":155,"props":5995,"children":5996},{"style":179},[5997],{"type":21,"value":5726},{"type":15,"tag":155,"props":5999,"children":6000},{"style":196},[6001],{"type":21,"value":308},{"type":15,"tag":155,"props":6003,"children":6004},{"style":179},[6005],{"type":21,"value":3627},{"type":15,"tag":155,"props":6007,"children":6008},{"style":196},[6009],{"type":21,"value":275},{"type":15,"tag":155,"props":6011,"children":6012},{"style":278},[6013],{"type":21,"value":3889},{"type":15,"tag":155,"props":6015,"children":6016},{"style":196},[6017],{"type":21,"value":513},{"type":15,"tag":155,"props":6019,"children":6020},{"style":179},[6021],{"type":21,"value":3627},{"type":15,"tag":155,"props":6023,"children":6024},{"style":196},[6025],{"type":21,"value":5891},{"type":15,"tag":155,"props":6027,"children":6028},{"class":157,"line":3808},[6029,6033,6037,6041,6045,6049,6053,6057],{"type":15,"tag":155,"props":6030,"children":6031},{"style":278},[6032],{"type":21,"value":5899},{"type":15,"tag":155,"props":6034,"children":6035},{"style":196},[6036],{"type":21,"value":4570},{"type":15,"tag":155,"props":6038,"children":6039},{"style":278},[6040],{"type":21,"value":5726},{"type":15,"tag":155,"props":6042,"children":6043},{"style":196},[6044],{"type":21,"value":4570},{"type":15,"tag":155,"props":6046,"children":6047},{"style":256},[6048],{"type":21,"value":2624},{"type":15,"tag":155,"props":6050,"children":6051},{"style":196},[6052],{"type":21,"value":4004},{"type":15,"tag":155,"props":6054,"children":6055},{"style":179},[6056],{"type":21,"value":3889},{"type":15,"tag":155,"props":6058,"children":6059},{"style":196},[6060],{"type":21,"value":3498},{"type":15,"tag":155,"props":6062,"children":6063},{"class":157,"line":3821},[6064],{"type":15,"tag":155,"props":6065,"children":6066},{"style":196},[6067],{"type":21,"value":5935},{"type":15,"tag":155,"props":6069,"children":6070},{"class":157,"line":3834},[6071],{"type":15,"tag":155,"props":6072,"children":6073},{"style":196},[6074],{"type":21,"value":6075}," });\n",{"type":15,"tag":155,"props":6077,"children":6078},{"class":157,"line":3847},[6079],{"type":15,"tag":155,"props":6080,"children":6081},{"emptyLinePlaceholder":8},[6082],{"type":21,"value":244},{"type":15,"tag":155,"props":6084,"children":6085},{"class":157,"line":3860},[6086,6090,6094,6098,6102,6106,6110,6114],{"type":15,"tag":155,"props":6087,"children":6088},{"style":179},[6089],{"type":21,"value":5699},{"type":15,"tag":155,"props":6091,"children":6092},{"style":336},[6093],{"type":21,"value":3470},{"type":15,"tag":155,"props":6095,"children":6096},{"style":278},[6097],{"type":21,"value":3510},{"type":15,"tag":155,"props":6099,"children":6100},{"style":196},[6101],{"type":21,"value":513},{"type":15,"tag":155,"props":6103,"children":6104},{"style":278},[6105],{"type":21,"value":5726},{"type":15,"tag":155,"props":6107,"children":6108},{"style":196},[6109],{"type":21,"value":4570},{"type":15,"tag":155,"props":6111,"children":6112},{"style":256},[6113],{"type":21,"value":4199},{"type":15,"tag":155,"props":6115,"children":6116},{"style":196},[6117],{"type":21,"value":349},{"type":15,"tag":155,"props":6119,"children":6120},{"class":157,"line":3873},[6121,6125,6129,6133,6138,6142,6146,6150,6154],{"type":15,"tag":155,"props":6122,"children":6123},{"style":162},[6124],{"type":21,"value":5633},{"type":15,"tag":155,"props":6126,"children":6127},{"style":278},[6128],{"type":21,"value":4233},{"type":15,"tag":155,"props":6130,"children":6131},{"style":336},[6132],{"type":21,"value":3470},{"type":15,"tag":155,"props":6134,"children":6135},{"style":278},[6136],{"type":21,"value":6137}," options",{"type":15,"tag":155,"props":6139,"children":6140},{"style":196},[6141],{"type":21,"value":4570},{"type":15,"tag":155,"props":6143,"children":6144},{"style":278},[6145],{"type":21,"value":5726},{"type":15,"tag":155,"props":6147,"children":6148},{"style":196},[6149],{"type":21,"value":4570},{"type":15,"tag":155,"props":6151,"children":6152},{"style":179},[6153],{"type":21,"value":2463},{"type":15,"tag":155,"props":6155,"children":6156},{"style":196},[6157],{"type":21,"value":199},{"type":15,"tag":155,"props":6159,"children":6160},{"class":157,"line":3904},[6161,6165,6169,6173,6177,6181,6185,6189,6193,6197,6201,6205,6209,6213,6217,6221,6226],{"type":15,"tag":155,"props":6162,"children":6163},{"style":162},[6164],{"type":21,"value":5666},{"type":15,"tag":155,"props":6166,"children":6167},{"style":196},[6168],{"type":21,"value":3716},{"type":15,"tag":155,"props":6170,"children":6171},{"style":162},[6172],{"type":21,"value":4228},{"type":15,"tag":155,"props":6174,"children":6175},{"style":179},[6176],{"type":21,"value":4233},{"type":15,"tag":155,"props":6178,"children":6179},{"style":336},[6180],{"type":21,"value":4238},{"type":15,"tag":155,"props":6182,"children":6183},{"style":190},[6184],{"type":21,"value":4243},{"type":15,"tag":155,"props":6186,"children":6187},{"style":336},[6188],{"type":21,"value":4248},{"type":15,"tag":155,"props":6190,"children":6191},{"style":179},[6192],{"type":21,"value":4233},{"type":15,"tag":155,"props":6194,"children":6195},{"style":336},[6196],{"type":21,"value":4257},{"type":15,"tag":155,"props":6198,"children":6199},{"style":168},[6200],{"type":21,"value":4262},{"type":15,"tag":155,"props":6202,"children":6203},{"style":336},[6204],{"type":21,"value":4248},{"type":15,"tag":155,"props":6206,"children":6207},{"style":278},[6208],{"type":21,"value":6137},{"type":15,"tag":155,"props":6210,"children":6211},{"style":196},[6212],{"type":21,"value":4570},{"type":15,"tag":155,"props":6214,"children":6215},{"style":278},[6216],{"type":21,"value":5726},{"type":15,"tag":155,"props":6218,"children":6219},{"style":196},[6220],{"type":21,"value":4570},{"type":15,"tag":155,"props":6222,"children":6223},{"style":179},[6224],{"type":21,"value":6225},"isActiveIndexCentered",{"type":15,"tag":155,"props":6227,"children":6228},{"style":196},[6229],{"type":21,"value":286},{"type":15,"tag":155,"props":6231,"children":6232},{"class":157,"line":3993},[6233,6238,6242,6246,6250,6254,6258,6262],{"type":15,"tag":155,"props":6234,"children":6235},{"style":278},[6236],{"type":21,"value":6237}," scrollable",{"type":15,"tag":155,"props":6239,"children":6240},{"style":196},[6241],{"type":21,"value":513},{"type":15,"tag":155,"props":6243,"children":6244},{"style":278},[6245],{"type":21,"value":5726},{"type":15,"tag":155,"props":6247,"children":6248},{"style":196},[6249],{"type":21,"value":513},{"type":15,"tag":155,"props":6251,"children":6252},{"style":256},[6253],{"type":21,"value":4301},{"type":15,"tag":155,"props":6255,"children":6256},{"style":196},[6257],{"type":21,"value":264},{"type":15,"tag":155,"props":6259,"children":6260},{"style":179},[6261],{"type":21,"value":2463},{"type":15,"tag":155,"props":6263,"children":6264},{"style":196},[6265],{"type":21,"value":3498},{"type":15,"tag":155,"props":6267,"children":6268},{"class":157,"line":4015},[6269],{"type":15,"tag":155,"props":6270,"children":6271},{"style":196},[6272],{"type":21,"value":6273}," }\n",{"type":15,"tag":155,"props":6275,"children":6276},{"class":157,"line":4024},[6277],{"type":15,"tag":155,"props":6278,"children":6279},{"style":196},[6280],{"type":21,"value":6281}," },\n",{"type":15,"tag":155,"props":6283,"children":6284},{"class":157,"line":4053},[6285,6290,6295,6299,6303,6307,6312,6316,6320],{"type":15,"tag":155,"props":6286,"children":6287},{"style":196},[6288],{"type":21,"value":6289}," { ",{"type":15,"tag":155,"props":6291,"children":6292},{"style":179},[6293],{"type":21,"value":6294},"immediate",{"type":15,"tag":155,"props":6296,"children":6297},{"style":196},[6298],{"type":21,"value":275},{"type":15,"tag":155,"props":6300,"children":6301},{"style":168},[6302],{"type":21,"value":2526},{"type":15,"tag":155,"props":6304,"children":6305},{"style":196},[6306],{"type":21,"value":308},{"type":15,"tag":155,"props":6308,"children":6309},{"style":179},[6310],{"type":21,"value":6311},"deep",{"type":15,"tag":155,"props":6313,"children":6314},{"style":196},[6315],{"type":21,"value":275},{"type":15,"tag":155,"props":6317,"children":6318},{"style":168},[6319],{"type":21,"value":2526},{"type":15,"tag":155,"props":6321,"children":6322},{"style":196},[6323],{"type":21,"value":6324}," },\n",{"type":15,"tag":155,"props":6326,"children":6327},{"class":157,"line":4113},[6328],{"type":15,"tag":155,"props":6329,"children":6330},{"style":196},[6331],{"type":21,"value":767},{"type":15,"tag":155,"props":6333,"children":6334},{"class":157,"line":4134},[6335],{"type":15,"tag":155,"props":6336,"children":6337},{"emptyLinePlaceholder":8},[6338],{"type":21,"value":244},{"type":15,"tag":155,"props":6340,"children":6341},{"class":157,"line":4142},[6342,6346,6350,6354,6358,6362],{"type":15,"tag":155,"props":6343,"children":6344},{"style":162},[6345],{"type":21,"value":295},{"type":15,"tag":155,"props":6347,"children":6348},{"style":256},[6349],{"type":21,"value":4528},{"type":15,"tag":155,"props":6351,"children":6352},{"style":336},[6353],{"type":21,"value":3470},{"type":15,"tag":155,"props":6355,"children":6356},{"style":196},[6357],{"type":21,"value":3743},{"type":15,"tag":155,"props":6359,"children":6360},{"style":162},[6361],{"type":21,"value":565},{"type":15,"tag":155,"props":6363,"children":6364},{"style":196},[6365],{"type":21,"value":3669},{"type":15,"tag":155,"props":6367,"children":6368},{"class":157,"line":4155},[6369,6373,6377,6381,6385,6389],{"type":15,"tag":155,"props":6370,"children":6371},{"style":278},[6372],{"type":21,"value":3770},{"type":15,"tag":155,"props":6374,"children":6375},{"style":196},[6376],{"type":21,"value":513},{"type":15,"tag":155,"props":6378,"children":6379},{"style":278},[6380],{"type":21,"value":5726},{"type":15,"tag":155,"props":6382,"children":6383},{"style":196},[6384],{"type":21,"value":4570},{"type":15,"tag":155,"props":6386,"children":6387},{"style":256},[6388],{"type":21,"value":4575},{"type":15,"tag":155,"props":6390,"children":6391},{"style":196},[6392],{"type":21,"value":349},{"type":15,"tag":155,"props":6394,"children":6395},{"class":157,"line":4164},[6396],{"type":15,"tag":155,"props":6397,"children":6398},{"style":196},[6399],{"type":21,"value":5140},{"type":15,"tag":155,"props":6401,"children":6402},{"class":157,"line":4206},[6403],{"type":15,"tag":155,"props":6404,"children":6405},{"emptyLinePlaceholder":8},[6406],{"type":21,"value":244},{"type":15,"tag":155,"props":6408,"children":6409},{"class":157,"line":4214},[6410,6414,6418,6422,6426,6430],{"type":15,"tag":155,"props":6411,"children":6412},{"style":162},[6413],{"type":21,"value":295},{"type":15,"tag":155,"props":6415,"children":6416},{"style":256},[6417],{"type":21,"value":4609},{"type":15,"tag":155,"props":6419,"children":6420},{"style":336},[6421],{"type":21,"value":3470},{"type":15,"tag":155,"props":6423,"children":6424},{"style":196},[6425],{"type":21,"value":3743},{"type":15,"tag":155,"props":6427,"children":6428},{"style":162},[6429],{"type":21,"value":565},{"type":15,"tag":155,"props":6431,"children":6432},{"style":196},[6433],{"type":21,"value":3669},{"type":15,"tag":155,"props":6435,"children":6436},{"class":157,"line":4278},[6437,6441,6445,6449,6453,6457],{"type":15,"tag":155,"props":6438,"children":6439},{"style":278},[6440],{"type":21,"value":3770},{"type":15,"tag":155,"props":6442,"children":6443},{"style":196},[6444],{"type":21,"value":513},{"type":15,"tag":155,"props":6446,"children":6447},{"style":278},[6448],{"type":21,"value":5726},{"type":15,"tag":155,"props":6450,"children":6451},{"style":196},[6452],{"type":21,"value":4570},{"type":15,"tag":155,"props":6454,"children":6455},{"style":256},[6456],{"type":21,"value":87},{"type":15,"tag":155,"props":6458,"children":6459},{"style":196},[6460],{"type":21,"value":349},{"type":15,"tag":155,"props":6462,"children":6463},{"class":157,"line":4316},[6464],{"type":15,"tag":155,"props":6465,"children":6466},{"style":196},[6467],{"type":21,"value":5140},{"type":15,"tag":155,"props":6469,"children":6470},{"class":157,"line":4324},[6471],{"type":15,"tag":155,"props":6472,"children":6473},{"emptyLinePlaceholder":8},[6474],{"type":21,"value":244},{"type":15,"tag":155,"props":6476,"children":6477},{"class":157,"line":4332},[6478,6482,6486,6490,6495,6499,6503],{"type":15,"tag":155,"props":6479,"children":6480},{"style":162},[6481],{"type":21,"value":295},{"type":15,"tag":155,"props":6483,"children":6484},{"style":278},[6485],{"type":21,"value":4686},{"type":15,"tag":155,"props":6487,"children":6488},{"style":336},[6489],{"type":21,"value":3470},{"type":15,"tag":155,"props":6491,"children":6492},{"style":256},[6493],{"type":21,"value":6494}," computed",{"type":15,"tag":155,"props":6496,"children":6497},{"style":196},[6498],{"type":21,"value":3660},{"type":15,"tag":155,"props":6500,"children":6501},{"style":162},[6502],{"type":21,"value":565},{"type":15,"tag":155,"props":6504,"children":6505},{"style":196},[6506],{"type":21,"value":4717},{"type":15,"tag":155,"props":6508,"children":6509},{"class":157,"line":4349},[6510,6514,6518,6522],{"type":15,"tag":155,"props":6511,"children":6512},{"style":179},[6513],{"type":21,"value":4726},{"type":15,"tag":155,"props":6515,"children":6516},{"style":196},[6517],{"type":21,"value":275},{"type":15,"tag":155,"props":6519,"children":6520},{"style":179},[6521],{"type":21,"value":1266},{"type":15,"tag":155,"props":6523,"children":6524},{"style":196},[6525],{"type":21,"value":3309},{"type":15,"tag":155,"props":6527,"children":6528},{"class":157,"line":4358},[6529,6533,6537,6541,6545,6549,6553,6557,6561],{"type":15,"tag":155,"props":6530,"children":6531},{"style":179},[6532],{"type":21,"value":4773},{"type":15,"tag":155,"props":6534,"children":6535},{"style":196},[6536],{"type":21,"value":275},{"type":15,"tag":155,"props":6538,"children":6539},{"style":336},[6540],{"type":21,"value":1535},{"type":15,"tag":155,"props":6542,"children":6543},{"style":278},[6544],{"type":21,"value":313},{"type":15,"tag":155,"props":6546,"children":6547},{"style":196},[6548],{"type":21,"value":513},{"type":15,"tag":155,"props":6550,"children":6551},{"style":278},[6552],{"type":21,"value":5726},{"type":15,"tag":155,"props":6554,"children":6555},{"style":196},[6556],{"type":21,"value":513},{"type":15,"tag":155,"props":6558,"children":6559},{"style":179},[6560],{"type":21,"value":1548},{"type":15,"tag":155,"props":6562,"children":6563},{"style":196},[6564],{"type":21,"value":3309},{"type":15,"tag":155,"props":6566,"children":6567},{"class":157,"line":4371},[6568],{"type":15,"tag":155,"props":6569,"children":6570},{"style":196},[6571],{"type":21,"value":4857},{"type":15,"tag":155,"props":6573,"children":6574},{"class":157,"line":4384},[6575],{"type":15,"tag":155,"props":6576,"children":6577},{"emptyLinePlaceholder":8},[6578],{"type":21,"value":244},{"type":15,"tag":155,"props":6580,"children":6581},{"class":157,"line":4397},[6582,6586,6590,6594,6598,6602,6606],{"type":15,"tag":155,"props":6583,"children":6584},{"style":162},[6585],{"type":21,"value":295},{"type":15,"tag":155,"props":6587,"children":6588},{"style":278},[6589],{"type":21,"value":4878},{"type":15,"tag":155,"props":6591,"children":6592},{"style":336},[6593],{"type":21,"value":3470},{"type":15,"tag":155,"props":6595,"children":6596},{"style":256},[6597],{"type":21,"value":6494},{"type":15,"tag":155,"props":6599,"children":6600},{"style":196},[6601],{"type":21,"value":3660},{"type":15,"tag":155,"props":6603,"children":6604},{"style":162},[6605],{"type":21,"value":565},{"type":15,"tag":155,"props":6607,"children":6608},{"style":196},[6609],{"type":21,"value":4717},{"type":15,"tag":155,"props":6611,"children":6612},{"class":157,"line":4410},[6613,6617,6621,6625],{"type":15,"tag":155,"props":6614,"children":6615},{"style":179},[6616],{"type":21,"value":4726},{"type":15,"tag":155,"props":6618,"children":6619},{"style":196},[6620],{"type":21,"value":275},{"type":15,"tag":155,"props":6622,"children":6623},{"style":179},[6624],{"type":21,"value":1258},{"type":15,"tag":155,"props":6626,"children":6627},{"style":196},[6628],{"type":21,"value":3309},{"type":15,"tag":155,"props":6630,"children":6631},{"class":157,"line":4423},[6632,6636,6640,6644,6648,6652,6656,6660,6664],{"type":15,"tag":155,"props":6633,"children":6634},{"style":179},[6635],{"type":21,"value":4773},{"type":15,"tag":155,"props":6637,"children":6638},{"style":196},[6639],{"type":21,"value":275},{"type":15,"tag":155,"props":6641,"children":6642},{"style":336},[6643],{"type":21,"value":1535},{"type":15,"tag":155,"props":6645,"children":6646},{"style":278},[6647],{"type":21,"value":313},{"type":15,"tag":155,"props":6649,"children":6650},{"style":196},[6651],{"type":21,"value":513},{"type":15,"tag":155,"props":6653,"children":6654},{"style":278},[6655],{"type":21,"value":5726},{"type":15,"tag":155,"props":6657,"children":6658},{"style":196},[6659],{"type":21,"value":513},{"type":15,"tag":155,"props":6661,"children":6662},{"style":179},[6663],{"type":21,"value":1835},{"type":15,"tag":155,"props":6665,"children":6666},{"style":196},[6667],{"type":21,"value":3309},{"type":15,"tag":155,"props":6669,"children":6670},{"class":157,"line":4436},[6671],{"type":15,"tag":155,"props":6672,"children":6673},{"style":196},[6674],{"type":21,"value":4857},{"type":15,"tag":155,"props":6676,"children":6677},{"class":157,"line":4449},[6678],{"type":15,"tag":155,"props":6679,"children":6680},{"emptyLinePlaceholder":8},[6681],{"type":21,"value":244},{"type":15,"tag":155,"props":6683,"children":6684},{"class":157,"line":4462},[6685,6689],{"type":15,"tag":155,"props":6686,"children":6687},{"style":162},[6688],{"type":21,"value":366},{"type":15,"tag":155,"props":6690,"children":6691},{"style":196},[6692],{"type":21,"value":3669},{"type":15,"tag":155,"props":6694,"children":6695},{"class":157,"line":4475},[6696,6700],{"type":15,"tag":155,"props":6697,"children":6698},{"style":179},[6699],{"type":21,"value":4364},{"type":15,"tag":155,"props":6701,"children":6702},{"style":196},[6703],{"type":21,"value":3309},{"type":15,"tag":155,"props":6705,"children":6706},{"class":157,"line":4488},[6707,6711],{"type":15,"tag":155,"props":6708,"children":6709},{"style":179},[6710],{"type":21,"value":5075},{"type":15,"tag":155,"props":6712,"children":6713},{"style":196},[6714],{"type":21,"value":3309},{"type":15,"tag":155,"props":6716,"children":6717},{"class":157,"line":4501},[6718,6722],{"type":15,"tag":155,"props":6719,"children":6720},{"style":179},[6721],{"type":21,"value":5088},{"type":15,"tag":155,"props":6723,"children":6724},{"style":196},[6725],{"type":21,"value":3309},{"type":15,"tag":155,"props":6727,"children":6728},{"class":157,"line":4510},[6729,6733],{"type":15,"tag":155,"props":6730,"children":6731},{"style":179},[6732],{"type":21,"value":5101},{"type":15,"tag":155,"props":6734,"children":6735},{"style":196},[6736],{"type":21,"value":3309},{"type":15,"tag":155,"props":6738,"children":6739},{"class":157,"line":4518},[6740,6744],{"type":15,"tag":155,"props":6741,"children":6742},{"style":179},[6743],{"type":21,"value":5114},{"type":15,"tag":155,"props":6745,"children":6746},{"style":196},[6747],{"type":21,"value":3309},{"type":15,"tag":155,"props":6749,"children":6750},{"class":157,"line":4552},[6751,6755],{"type":15,"tag":155,"props":6752,"children":6753},{"style":179},[6754],{"type":21,"value":5127},{"type":15,"tag":155,"props":6756,"children":6757},{"style":196},[6758],{"type":21,"value":3309},{"type":15,"tag":155,"props":6760,"children":6761},{"class":157,"line":4582},[6762],{"type":15,"tag":155,"props":6763,"children":6764},{"style":196},[6765],{"type":21,"value":5140},{"type":15,"tag":155,"props":6767,"children":6768},{"class":157,"line":4591},[6769],{"type":15,"tag":155,"props":6770,"children":6771},{"style":196},[6772],{"type":21,"value":609},{"type":15,"tag":6774,"props":6775,"children":6776},"style",{},[6777],{"type":21,"value":6778},"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":289,"depth":202,"links":6780},[6781,6785,6786,6787],{"id":93,"depth":202,"text":96,"children":6782},[6783,6784],{"id":100,"depth":238,"text":103},{"id":1241,"depth":238,"text":1244},{"id":2349,"depth":202,"text":2352},{"id":2424,"depth":202,"text":2427},{"id":2743,"depth":202,"text":2746},"markdown","content:_hooks:useScrollable.md","content","_hooks\u002FuseScrollable.md","_hooks\u002FuseScrollable","md","default",[6796],{"_path":6797,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":6798,"sidebarRoot":8,"_id":6801,"_type":6802,"title":6803,"_source":6790,"_file":6804,"_stem":6805,"_extension":6806},"\u002F_dir",{"title":6799,"icon":6800},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":6808,"sidebarRoot":6810},[6809,6812,6824],{"title":6799,"_path":6810,"_id":6801,"layout":6811,"sidebarRoot":8,"icon":6800},"\u002F","fullscreen",{"title":6813,"_path":6814,"children":6815,"_id":6823,"layout":6794},"Getting Started","\u002Fgetting-started",[6816,6819],{"title":6817,"_path":6814,"_id":6818,"layout":6794},"Installation","content:2.getting-started:1.index.md",{"title":6820,"_path":6821,"_id":6822,"layout":6794},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":6825,"_path":6826,"children":6827},"Customization","\u002Fcustomization",[6828,6832,6836,6840],{"title":6829,"_path":6830,"_id":6831,"layout":6794},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":6833,"_path":6834,"_id":6835,"layout":6794},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":6837,"_path":6838,"_id":6839,"layout":6794},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":6841,"_path":6842,"_id":6843,"layout":6794},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574910993]