[{"data":1,"prerenderedAt":435},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-counter":12,"i-ph:code":433},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":427,"meta":428,"navigation":114,"path":429,"seo":430,"stem":431,"__hash__":432},"docs\u002Fdocs\u002Fcomponents\u002Fcounter.md","Counter",{"type":16,"value":17,"toc":424},"minimark",[18,22,26,268,273,282,420],[19,20,14],"h1",{"id":21},"counter",[23,24,25],"p",{},"A specialized input component for numeric values that includes increment and decrement buttons. It extends the base Input component with counter-specific functionality.",[27,28,30],"counter-example",{"source-path":29},"Input\u002FCounter.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Counter } from '@dolanske\u002Fvui'\nimport { ref } from 'vue'\n\nconst count = ref(0)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CCounter\n    v-model=\"count\"\n    hint=\"Choose a number between 0 and 10\"\n    label=\"Counter\"\n    :increment-enabled=\"count \u003C 10\"\n    :decrement-enabled=\"count > 0\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,89,109,116,142,152,157,167,176,194,209,223,238,253,259],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":47},">\n",[41,61,63,66,69,72,75,78,82,86],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," Counter",[41,73,74],{"class":47}," }",[41,76,77],{"class":51}," from",[41,79,81],{"class":80},"sBR95"," '",[41,83,85],{"class":84},"sfmH-","@dolanske\u002Fvui",[41,87,88],{"class":80},"'\n",[41,90,92,94,96,99,101,103,105,107],{"class":43,"line":91},3,[41,93,65],{"class":51},[41,95,68],{"class":47},[41,97,98],{"class":55}," ref",[41,100,74],{"class":47},[41,102,77],{"class":51},[41,104,81],{"class":80},[41,106,35],{"class":84},[41,108,88],{"class":80},[41,110,112],{"class":43,"line":111},4,[41,113,115],{"emptyLinePlaceholder":114},true,"\n",[41,117,119,123,126,129,132,135,139],{"class":43,"line":118},5,[41,120,122],{"class":121},"sCMWV","const",[41,124,125],{"class":55}," count",[41,127,128],{"class":47}," =",[41,130,98],{"class":131},"sRTv0",[41,133,134],{"class":47},"(",[41,136,138],{"class":137},"socUO","0",[41,140,141],{"class":47},")\n",[41,143,145,148,150],{"class":43,"line":144},6,[41,146,147],{"class":47},"\u003C\u002F",[41,149,52],{"class":51},[41,151,59],{"class":47},[41,153,155],{"class":43,"line":154},7,[41,156,115],{"emptyLinePlaceholder":114},[41,158,160,162,165],{"class":43,"line":159},8,[41,161,48],{"class":47},[41,163,164],{"class":51},"template",[41,166,59],{"class":47},[41,168,170,173],{"class":43,"line":169},9,[41,171,172],{"class":47},"  \u003C",[41,174,175],{"class":51},"Counter\n",[41,177,179,182,185,188,191],{"class":43,"line":178},10,[41,180,181],{"class":55},"    v-model",[41,183,184],{"class":47},"=",[41,186,187],{"class":80},"\"",[41,189,190],{"class":84},"count",[41,192,193],{"class":80},"\"\n",[41,195,197,200,202,204,207],{"class":43,"line":196},11,[41,198,199],{"class":55},"    hint",[41,201,184],{"class":47},[41,203,187],{"class":80},[41,205,206],{"class":84},"Choose a number between 0 and 10",[41,208,193],{"class":80},[41,210,212,215,217,219,221],{"class":43,"line":211},12,[41,213,214],{"class":55},"    label",[41,216,184],{"class":47},[41,218,187],{"class":80},[41,220,14],{"class":84},[41,222,193],{"class":80},[41,224,226,229,231,233,236],{"class":43,"line":225},13,[41,227,228],{"class":55},"    :increment-enabled",[41,230,184],{"class":47},[41,232,187],{"class":80},[41,234,235],{"class":84},"count \u003C 10",[41,237,193],{"class":80},[41,239,241,244,246,248,251],{"class":43,"line":240},14,[41,242,243],{"class":55},"    :decrement-enabled",[41,245,184],{"class":47},[41,247,187],{"class":80},[41,249,250],{"class":84},"count > 0",[41,252,193],{"class":80},[41,254,256],{"class":43,"line":255},15,[41,257,258],{"class":47},"  \u002F>\n",[41,260,262,264,266],{"class":43,"line":261},16,[41,263,147],{"class":47},[41,265,164],{"class":51},[41,267,59],{"class":47},[269,270,272],"h3",{"id":271},"props","Props",[23,274,275,276,281],{},"The Counter component accepts all props from the base ",[277,278,280],"a",{"href":279},"\u002Fdocs\u002Fcomponents\u002Finput","Input"," component, with the following additions:",[283,284,285,301],"table",{},[286,287,288],"thead",{},[289,290,291,295,298],"tr",{},[292,293,294],"th",{},"Name",[292,296,297],{},"Default",[292,299,300],{},"Type",[302,303,304,327,347,366,384,402],"tbody",{},[289,305,306,312,317],{},[307,308,309],"td",{},[38,310,311],{},"increment-by",[307,313,314],{},[38,315,316],{},"1",[307,318,319,322,323,326],{},[38,320,321],{},"number"," ",[324,325],"br",{}," Amount to increment the value by when clicking the increment button",[289,328,329,334,339],{},[307,330,331],{},[38,332,333],{},"increment-enabled",[307,335,336],{},[38,337,338],{},"true",[307,340,341,322,344,346],{},[38,342,343],{},"boolean",[324,345],{}," Whether the increment button is enabled",[289,348,349,354,359],{},[307,350,351],{},[38,352,353],{},"hide-increment",[307,355,356],{},[38,357,358],{},"false",[307,360,361,322,363,365],{},[38,362,343],{},[324,364],{}," Whether to hide the increment button",[289,367,368,373,377],{},[307,369,370],{},[38,371,372],{},"decrement-by",[307,374,375],{},[38,376,316],{},[307,378,379,322,381,383],{},[38,380,321],{},[324,382],{}," Amount to decrement the value by when clicking the decrement button",[289,385,386,391,395],{},[307,387,388],{},[38,389,390],{},"decrement-enabled",[307,392,393],{},[38,394,338],{},[307,396,397,322,399,401],{},[38,398,343],{},[324,400],{}," Whether the decrement button is enabled",[289,403,404,409,413],{},[307,405,406],{},[38,407,408],{},"hide-decrement",[307,410,411],{},[38,412,358],{},[307,414,415,322,417,419],{},[38,416,343],{},[324,418],{}," Whether to hide the decrement button",[421,422,423],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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":36,"searchDepth":62,"depth":62,"links":425},[426],{"id":271,"depth":91,"text":272},"md",{},"\u002Fdocs\u002Fcomponents\u002Fcounter",{"title":14,"description":25},"docs\u002Fcomponents\u002Fcounter","O_9CjmOycxHkMuzoq-TK-VJaNgkkzxtoDiUE5YuH3ds",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":434},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200882646]