[{"data":1,"prerenderedAt":206},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fslider":3,"component-meta:UiSlider":116},{"id":4,"title":5,"body":6,"component":102,"dependsOn":103,"description":104,"emitDescriptions":105,"extension":107,"meta":108,"navigation":109,"order":110,"path":111,"seo":112,"status":113,"stem":114,"__hash__":115},"docs\u002Fdocs\u002Fcomponents\u002Fslider.md","Slider",{"type":7,"value":8,"toc":92},"minimark",[9,18,23,28,32,35,39,46,50,57,60,64,77,81],[10,11,12,13,17],"p",{},"Обгортка над нативним ",[14,15,16],"code",{},"\u003Cinput type=\"range\">",": власний drag-механізм тут\nне потрібен — нативний уже вміє клавіатуру (стрілки, Home\u002FEnd,\nPageUp\u002FDown) і дотик. Компонент додає стилі обох тем, заливку треку і\nпідписи.",[19,20,22],"h2",{"id":21},"приклад","Приклад",[24,25],"component-preview",{"name":26,"stage":27},"forms-extended","min-h-72",[19,29,31],{"id":30},"api","API",[33,34],"component-api",{},[19,36,38],{"id":37},"коли-використовувати","Коли використовувати",[10,40,41,42,45],{},"Наближені числові значення: гучність, прозорість, температура моделі.\nТочний ввід — поруч поле з числом, пов'язане тим самим ",[14,43,44],{},"v-model",".",[19,47,49],{"id":48},"коли-не-використовувати","Коли НЕ використовувати",[10,51,52,53,56],{},"Для точного введення — поле ",[14,54,55],{},"Input type=\"number\"",": влучити пальцем у\nконкретне значення смугою важко.",[10,58,59],{},"Для діапазону «від — до» цей компонент не годиться: один повзунок\nнесе одне значення.",[19,61,63],{"id":62},"доступність","Доступність",[10,65,66,69,70,73,74,45],{},[14,67,68],{},"aria-valuetext"," робить читання людським: «47 %», а не «47». Зона\nнатискання на дотику — 44px висоти (смуга візуально тонка, сам input\nвисокий). Лейбл зв'язаний з полем через ",[14,71,72],{},"for","\u002F",[14,75,76],{},"id",[19,78,80],{"id":79},"деталі-реалізації","Деталі реалізації",[10,82,83,84,87,88,91],{},"Заливка зліва — WebKit через градієнт від CSS-змінної\n",[14,85,86],{},"--fill-percent",", Firefox через нативний ",[14,89,90],{},"::-moz-range-progress",".\nТільки токени — жодних сирих кольорів.",{"title":93,"searchDepth":94,"depth":94,"links":95},"",2,[96,97,98,99,100,101],{"id":21,"depth":94,"text":22},{"id":30,"depth":94,"text":31},{"id":37,"depth":94,"text":38},{"id":48,"depth":94,"text":49},{"id":62,"depth":94,"text":63},{"id":79,"depth":94,"text":80},"UiSlider",[],"Повзунок на нативному input range — заливка треку, aria-valuetext, зона 44px.",{"update:modelValue":106},"Нове значення. Використовуйте через `v-model`.","md",{},true,35,"\u002Fdocs\u002Fcomponents\u002Fslider",{"title":5,"description":104},"stable","docs\u002Fcomponents\u002Fslider","iH81LEp4_vA9tQN2wVrab_tM96OpbQ0Mlq5fXiPNoEU",{"mode":117,"prefetch":118,"preload":118,"filePath":119,"declarationPath":120,"pascalName":102,"kebabName":121,"chunkName":122,"priority":123,"_scanned":109,"meta":124},"all",false,"app\u002Fcomponents\u002Fui\u002FUiSlider.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiSlider.vue","ui-slider","components\u002Fui-slider",1,{"type":123,"props":125,"slots":196,"events":197,"exposed":204,"hash":205},[126,132,135,141,145,150,155,160,164,168,172,175,185,191],{"name":127,"global":118,"default":128,"description":129,"tags":130,"required":118,"type":131,"schema":131},"label","undefined","Видимий лейбл. Обов'язковий, якщо немає `ariaLabel`.",[],"string",{"name":133,"global":118,"default":128,"description":93,"tags":134,"required":118,"type":131,"schema":131},"name",[],{"name":136,"global":118,"default":137,"description":138,"tags":139,"required":118,"type":140,"schema":140},"modelValue","null","Значення. Використовуйте через `v-model`.",[],"number",{"name":142,"global":118,"default":128,"description":143,"tags":144,"required":118,"type":131,"schema":131},"ariaLabel","Доступна назва — коли лейбла немає.",[],{"name":146,"global":118,"default":147,"description":148,"tags":149,"required":118,"type":140,"schema":140},"min","0","Мінімум шкали.",[],{"name":151,"global":118,"default":152,"description":153,"tags":154,"required":118,"type":140,"schema":140},"max","100","Максимум шкали.",[],{"name":156,"global":118,"default":157,"description":158,"tags":159,"required":118,"type":140,"schema":140},"step","1","Крок стрілками.",[],{"name":161,"global":118,"default":128,"description":162,"tags":163,"required":118,"type":131,"schema":131},"unit","Суфікс значення: %, px, ℃…",[],{"name":165,"global":118,"default":128,"description":166,"tags":167,"required":118,"type":131,"schema":131},"error","Текст помилки. Сама його наявність вмикає стан помилки.",[],{"name":169,"global":118,"default":128,"description":170,"tags":171,"required":118,"type":131,"schema":131},"hint","Підказка під полем. Ховається, коли показано помилку.",[],{"name":76,"global":118,"description":173,"tags":174,"required":118,"type":131,"schema":131},"Стабільний DOM id. `name` використовується лише для форми.",[],{"name":176,"global":118,"default":177,"description":178,"tags":179,"required":118,"type":180,"schema":181},"showBounds","false","Показувати підписи min\u002Fmax під смугою.",[],"boolean",{"kind":182,"type":180,"schema":183},"enum",{"0":177,"1":184},"true",{"name":186,"global":118,"default":177,"description":187,"tags":188,"required":118,"type":180,"schema":189},"showValue","Показувати числове значення праворуч від лейбла.",[],{"kind":182,"type":180,"schema":190},{"0":177,"1":184},{"name":192,"global":118,"default":177,"description":93,"tags":193,"required":118,"type":180,"schema":194},"disabled",[],{"kind":182,"type":180,"schema":195},{"0":177,"1":184},[],[198],{"name":199,"description":93,"tags":200,"type":201,"signature":202,"schema":203},"update:modelValue",[],"[value: number]","(event: \"update:modelValue\", value: number): void",[140],[],"uqGc-WsbumCkLO0meLtd2dJfjqXfZc-IOeWnkivI92A",1788072640919]