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