[{"data":1,"prerenderedAt":1328},["ShallowReactive",2],{"section-redirect:navigation":3,"navigation_docs":337,"-components-slider":430,"-components-slider-surround":637,"component-example-sliderBasicExample":642,"component-example-sliderRangeExample":645,"component-meta-MtSlider":648,"component-example-ast-sliderBasicExample":658,"component-example-ast-sliderRangeExample":978},[4,110,290],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286],{"title":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":123,"path":124,"stem":125},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":127,"path":128,"stem":129},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":131,"path":132,"stem":133},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":135,"path":136,"stem":137},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":139,"path":140,"stem":141},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":143,"path":144,"stem":145},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":147,"path":148,"stem":149},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":151,"path":152,"stem":153},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":155,"path":156,"stem":157},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":159,"path":160,"stem":161},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":163,"path":164,"stem":165},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":167,"path":168,"stem":169},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":171,"path":172,"stem":173},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":175,"path":176,"stem":177},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":179,"path":180,"stem":181},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":183,"path":184,"stem":185},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":187,"path":188,"stem":189},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":191,"path":192,"stem":193},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":195,"path":196,"stem":197},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":199,"path":200,"stem":201},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":203,"path":204,"stem":205},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":207,"path":208,"stem":209},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":211,"path":212,"stem":213},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":215,"path":216,"stem":217},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":219,"path":220,"stem":221},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":223,"path":224,"stem":225},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":227,"path":228,"stem":229},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":231,"path":232,"stem":233},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":235,"path":236,"stem":237},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":239,"path":240,"stem":241},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":243,"path":244,"stem":245},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":247,"path":248,"stem":249},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":251,"path":252,"stem":253},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":255,"path":256,"stem":257},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":259,"path":260,"stem":261},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":263,"path":264,"stem":265},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":267,"path":268,"stem":269},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":271,"path":272,"stem":273},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":275,"path":276,"stem":277},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":279,"path":280,"stem":281},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":283,"path":284,"stem":285},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":287,"path":288,"stem":289},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":291,"path":292,"stem":293,"children":294,"page":34},"Utilities","\u002Futilities","3.utilities",[295,307,320,328],{"title":53,"path":296,"stem":297,"children":298,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[299,303],{"title":300,"path":301,"stem":302},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":304,"path":305,"stem":306},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":308,"path":309,"stem":310,"children":311,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[312,316],{"title":313,"path":314,"stem":315},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":317,"path":318,"stem":319},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":321,"path":322,"stem":323,"children":324,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[325],{"title":279,"path":326,"stem":327},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":329,"path":330,"stem":331,"children":332,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[333],{"title":334,"path":335,"stem":336},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",[338,368,414],{"title":5,"path":6,"stem":7,"children":339,"page":34},[340,347,353,362],{"title":10,"path":11,"stem":12,"children":341,"page":34},[342,343,344,345,346],{"title":15,"path":16,"stem":17},{"title":19,"path":20,"stem":21},{"title":23,"path":24,"stem":25},{"title":27,"path":28,"stem":29},{"title":31,"path":32,"stem":33},{"title":36,"path":37,"stem":38,"children":348,"page":34},[349,350,351,352],{"title":41,"path":42,"stem":43},{"title":45,"path":46,"stem":47},{"title":49,"path":50,"stem":51},{"title":53,"path":54,"stem":55},{"title":57,"path":58,"stem":59,"children":354,"page":34},[355,356,357,358,359,360,361],{"title":62,"path":63,"stem":64},{"title":66,"path":67,"stem":68},{"title":70,"path":71,"stem":72},{"title":74,"path":75,"stem":76},{"title":78,"path":79,"stem":80},{"title":82,"path":83,"stem":84},{"title":86,"path":87,"stem":88},{"title":90,"path":91,"stem":92,"children":363,"page":34},[364,365,366,367],{"title":95,"path":96,"stem":97},{"title":99,"path":100,"stem":101},{"title":103,"path":104,"stem":105},{"title":107,"path":108,"stem":109},{"title":53,"path":111,"stem":112,"children":369,"page":34},[370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413],{"title":115,"path":116,"stem":117},{"title":119,"path":120,"stem":121},{"title":123,"path":124,"stem":125},{"title":127,"path":128,"stem":129},{"title":131,"path":132,"stem":133},{"title":135,"path":136,"stem":137},{"title":139,"path":140,"stem":141},{"title":143,"path":144,"stem":145},{"title":147,"path":148,"stem":149},{"title":151,"path":152,"stem":153},{"title":155,"path":156,"stem":157},{"title":159,"path":160,"stem":161},{"title":163,"path":164,"stem":165},{"title":167,"path":168,"stem":169},{"title":171,"path":172,"stem":173},{"title":175,"path":176,"stem":177},{"title":179,"path":180,"stem":181},{"title":183,"path":184,"stem":185},{"title":187,"path":188,"stem":189},{"title":191,"path":192,"stem":193},{"title":195,"path":196,"stem":197},{"title":199,"path":200,"stem":201},{"title":203,"path":204,"stem":205},{"title":207,"path":208,"stem":209},{"title":211,"path":212,"stem":213},{"title":215,"path":216,"stem":217},{"title":219,"path":220,"stem":221},{"title":223,"path":224,"stem":225},{"title":227,"path":228,"stem":229},{"title":231,"path":232,"stem":233},{"title":235,"path":236,"stem":237},{"title":239,"path":240,"stem":241},{"title":243,"path":244,"stem":245},{"title":247,"path":248,"stem":249},{"title":251,"path":252,"stem":253},{"title":255,"path":256,"stem":257},{"title":259,"path":260,"stem":261},{"title":263,"path":264,"stem":265},{"title":267,"path":268,"stem":269},{"title":271,"path":272,"stem":273},{"title":275,"path":276,"stem":277},{"title":279,"path":280,"stem":281},{"title":283,"path":284,"stem":285},{"title":287,"path":288,"stem":289},{"title":291,"path":292,"stem":293,"children":415,"page":34},[416,420,424,427],{"title":53,"path":296,"stem":297,"children":417,"page":34},[418,419],{"title":300,"path":301,"stem":302},{"title":304,"path":305,"stem":306},{"title":308,"path":309,"stem":310,"children":421,"page":34},[422,423],{"title":313,"path":314,"stem":315},{"title":317,"path":318,"stem":319},{"title":321,"path":322,"stem":323,"children":425,"page":34},[426],{"title":279,"path":326,"stem":327},{"title":329,"path":330,"stem":331,"children":428,"page":34},[429],{"title":334,"path":335,"stem":336},{"id":431,"title":243,"body":432,"description":630,"extension":631,"links":632,"meta":633,"navigation":634,"path":244,"seo":635,"stem":245,"__hash__":636},"docs\u002F2.components\u002Fslider.md",{"type":433,"value":434,"toc":617},"minimark",[435,440,445,452,485,489,494,497,501,504,508,553,557,582,585,599,603,613],[436,437],"component-example",{":full-width":438,"name":439},"true","slider-basic-example",[441,442,444],"h2",{"id":443},"usage","Usage",[446,447,448,451],"p",{},[449,450,243],"strong",{}," lets users adjust a numeric value within a known range by dragging along a scale. Use it for settings such as limits, thresholds, percentages, or price ranges, where seeing the relative position of a value is more helpful than typing alone.",[453,454,459],"pre",{"className":455,"code":456,"language":457,"meta":458,"style":458},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtSlider } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[460,461,462],"code",{"__ignoreMap":458},[463,464,467,471,475,478,482],"span",{"class":465,"line":466},"line",1,[463,468,470],{"class":469},"sLfaJ","import",[463,472,474],{"class":473},"sSgjj"," { MtSlider } ",[463,476,477],{"class":469},"from",[463,479,481],{"class":480},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[463,483,484],{"class":473},";\n",[441,486,488],{"id":487},"examples","Examples",[490,491,493],"h3",{"id":492},"range","Range",[436,495],{":full-width":438,"name":496},"slider-range-example",[441,498,500],{"id":499},"api-reference","API reference",[502,503],"component-api",{},[441,505,507],{"id":506},"best-practices","Best practices",[509,510,511,539],"do-dont",{":vertical":438},[512,513,514],"template",{"v-slot:do":458},[515,516,517,521,536],"ul",{},[518,519,520],"li",{},"Use a clear label that explains what the scale controls.",[518,522,523,524,527,528,531,532,535],{},"Set sensible ",[460,525,526],{},"min",", ",[460,529,530],{},"max",", and ",[460,533,534],{},"step"," values for the use case.",[518,537,538],{},"Use a range slider when users need to set both a lower and upper bound together.",[512,540,541,547,550],{"v-slot:dont":458},[518,542,543,544,546],{},"Do not use ",[449,545,243],{}," when precise text or number entry is the primary need.",[518,548,549],{},"Do not use a very large range with tiny steps if dragging would become frustrating.",[518,551,552],{},"Do not rely only on the visual bar to explain the meaning of the selected value.",[441,554,556],{"id":555},"behavior","Behavior",[515,558,559,568,571],{},[518,560,561,563,564,567],{},[449,562,243],{}," can represent either a single numeric value or a two-value range through ",[460,565,566],{},"isRange",".",[518,569,570],{},"The component includes linked number inputs, so users can adjust values by dragging or by typing.",[518,572,573,527,576,531,578,581],{},[460,574,575],{},"markCount",[460,577,534],{},[460,579,580],{},"minDistance"," help shape how the scale behaves and how dense the value guidance feels.",[441,583,45],{"id":584},"accessibility",[515,586,587,590,593],{},[518,588,589],{},"Use a visible label that makes the meaning of the scale clear.",[518,591,592],{},"Make sure the chosen range and step size still allow keyboard users to reach useful values efficiently.",[518,594,595,596,598],{},"Avoid using ",[449,597,243],{}," for critical settings if users need extremely precise control without an alternate input path.",[441,600,602],{"id":601},"related-components","Related components",[515,604,605],{},[518,606,607,612],{},[608,609,610],"a",{"href":204},[449,611,203],{},": when precise numeric entry matters more than direct manipulation.",[614,615,616],"style",{},"html pre.shiki code .sLfaJ, html code.shiki .sLfaJ{--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72}html pre.shiki code .sSgjj, html code.shiki .sSgjj{--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3}html pre.shiki code .sL1yV, html code.shiki .sL1yV{--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF}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);}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);}",{"title":458,"searchDepth":618,"depth":618,"links":619},2,[620,621,625,626,627,628,629],{"id":443,"depth":618,"text":444},{"id":487,"depth":618,"text":488,"children":622},[623],{"id":492,"depth":624,"text":493},3,{"id":499,"depth":618,"text":500},{"id":506,"depth":618,"text":507},{"id":555,"depth":618,"text":556},{"id":584,"depth":618,"text":45},{"id":601,"depth":618,"text":602},"A draggable control for choosing a numeric value or range along a scale.","md",null,{},true,{"title":243,"description":630},"x0DaujVGoHQeCJTAHH9MXxlv3eymNv-MZbNQvi362AY",[638,640],{"title":239,"path":240,"stem":241,"description":639,"children":-1},"A shimmering placeholder block that holds layout while content loads.",{"title":247,"path":248,"stem":249,"description":641,"children":-1},"Temporary overlay feedback shown near the bottom-right corner of the interface for non-critical, short-lived messages.",{"code":643,"pascalName":644},"\u003Cscript setup lang=\"ts\">\n  \u002F\u002F @ts-nocheck -- demo SFC; the library component's dist types are incomplete for these props\nimport { ref } from \"vue\";\nimport MtSlider from \"@shopware-ag\u002Fmeteor-component-library\u002FMtSlider\";\n\nconst value = ref(50);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-slider v-model=\"value\" label=\"Slider\" :min=\"0\" :max=\"100\" :step=\"1\" \u002F>\n\u003C\u002Ftemplate>\n","SliderBasicExample",{"code":646,"pascalName":647},"\u003Cscript setup lang=\"ts\">\n  \u002F\u002F @ts-nocheck -- demo SFC; the library component's dist types are incomplete for these props\nimport { ref } from \"vue\";\nimport MtSlider from \"@shopware-ag\u002Fmeteor-component-library\u002FMtSlider\";\n\nconst range = ref([20, 80]);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-slider\n    v-model=\"range\"\n    label=\"Price range\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"5\"\n    :is-range=\"true\"\n    :min-distance=\"10\"\n  \u002F>\n\u003C\u002Ftemplate>\n","SliderRangeExample",{"pascalName":649,"kebabName":650,"filePath":651,"meta":652},"MtSlider","mt-slider","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-slider\u002Fmt-slider.vue",{"type":466,"props":653,"slots":654,"events":655,"exposed":656,"hash":657},[],[],[],[],"-7Zbdb4U_vsQRcp0w_UAcgSL6cBS2HUKBmf2jOwK5wI",{"data":659,"body":660,"toc":976},{"title":458,"description":458},{"type":661,"children":662},"root",[663,971],{"type":664,"tag":453,"props":665,"children":668},"element",{"className":666,"code":643,"language":667,"meta":458,"style":458},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[669],{"type":664,"tag":460,"props":670,"children":671},{"__ignoreMap":458},[672,715,724,750,776,785,826,843,851,867,955],{"type":664,"tag":463,"props":673,"children":674},{"class":465,"line":466},[675,682,688,694,699,704,710],{"type":664,"tag":463,"props":676,"children":678},{"style":677},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[679],{"type":680,"value":681},"text","\u003C",{"type":664,"tag":463,"props":683,"children":685},{"style":684},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[686],{"type":680,"value":687},"script",{"type":664,"tag":463,"props":689,"children":691},{"style":690},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[692],{"type":680,"value":693}," setup",{"type":664,"tag":463,"props":695,"children":696},{"style":690},[697],{"type":680,"value":698}," lang",{"type":664,"tag":463,"props":700,"children":701},{"style":677},[702],{"type":680,"value":703},"=",{"type":664,"tag":463,"props":705,"children":707},{"style":706},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[708],{"type":680,"value":709},"\"ts\"",{"type":664,"tag":463,"props":711,"children":712},{"style":677},[713],{"type":680,"value":714},">\n",{"type":664,"tag":463,"props":716,"children":717},{"class":465,"line":618},[718],{"type":664,"tag":463,"props":719,"children":721},{"style":720},"--shiki-light:#6A737D;--shiki-default:#8B949E;--shiki-dark:#8B949E",[722],{"type":680,"value":723},"  \u002F\u002F @ts-nocheck -- demo SFC; the library component's dist types are incomplete for these props\n",{"type":664,"tag":463,"props":725,"children":726},{"class":465,"line":624},[727,732,737,741,746],{"type":664,"tag":463,"props":728,"children":730},{"style":729},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[731],{"type":680,"value":470},{"type":664,"tag":463,"props":733,"children":734},{"style":677},[735],{"type":680,"value":736}," { ref } ",{"type":664,"tag":463,"props":738,"children":739},{"style":729},[740],{"type":680,"value":477},{"type":664,"tag":463,"props":742,"children":743},{"style":706},[744],{"type":680,"value":745}," \"vue\"",{"type":664,"tag":463,"props":747,"children":748},{"style":677},[749],{"type":680,"value":484},{"type":664,"tag":463,"props":751,"children":753},{"class":465,"line":752},4,[754,758,763,767,772],{"type":664,"tag":463,"props":755,"children":756},{"style":729},[757],{"type":680,"value":470},{"type":664,"tag":463,"props":759,"children":760},{"style":677},[761],{"type":680,"value":762}," MtSlider ",{"type":664,"tag":463,"props":764,"children":765},{"style":729},[766],{"type":680,"value":477},{"type":664,"tag":463,"props":768,"children":769},{"style":706},[770],{"type":680,"value":771}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtSlider\"",{"type":664,"tag":463,"props":773,"children":774},{"style":677},[775],{"type":680,"value":484},{"type":664,"tag":463,"props":777,"children":779},{"class":465,"line":778},5,[780],{"type":664,"tag":463,"props":781,"children":782},{"emptyLinePlaceholder":634},[783],{"type":680,"value":784},"\n",{"type":664,"tag":463,"props":786,"children":788},{"class":465,"line":787},6,[789,794,800,805,811,816,821],{"type":664,"tag":463,"props":790,"children":791},{"style":729},[792],{"type":680,"value":793},"const",{"type":664,"tag":463,"props":795,"children":797},{"style":796},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[798],{"type":680,"value":799}," value",{"type":664,"tag":463,"props":801,"children":802},{"style":729},[803],{"type":680,"value":804}," =",{"type":664,"tag":463,"props":806,"children":808},{"style":807},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[809],{"type":680,"value":810}," ref",{"type":664,"tag":463,"props":812,"children":813},{"style":677},[814],{"type":680,"value":815},"(",{"type":664,"tag":463,"props":817,"children":818},{"style":796},[819],{"type":680,"value":820},"50",{"type":664,"tag":463,"props":822,"children":823},{"style":677},[824],{"type":680,"value":825},");\n",{"type":664,"tag":463,"props":827,"children":829},{"class":465,"line":828},7,[830,835,839],{"type":664,"tag":463,"props":831,"children":832},{"style":677},[833],{"type":680,"value":834},"\u003C\u002F",{"type":664,"tag":463,"props":836,"children":837},{"style":684},[838],{"type":680,"value":687},{"type":664,"tag":463,"props":840,"children":841},{"style":677},[842],{"type":680,"value":714},{"type":664,"tag":463,"props":844,"children":846},{"class":465,"line":845},8,[847],{"type":664,"tag":463,"props":848,"children":849},{"emptyLinePlaceholder":634},[850],{"type":680,"value":784},{"type":664,"tag":463,"props":852,"children":854},{"class":465,"line":853},9,[855,859,863],{"type":664,"tag":463,"props":856,"children":857},{"style":677},[858],{"type":680,"value":681},{"type":664,"tag":463,"props":860,"children":861},{"style":684},[862],{"type":680,"value":512},{"type":664,"tag":463,"props":864,"children":865},{"style":677},[866],{"type":680,"value":714},{"type":664,"tag":463,"props":868,"children":870},{"class":465,"line":869},10,[871,876,880,885,889,894,899,903,908,913,917,922,927,931,936,941,945,950],{"type":664,"tag":463,"props":872,"children":873},{"style":677},[874],{"type":680,"value":875},"  \u003C",{"type":664,"tag":463,"props":877,"children":878},{"style":684},[879],{"type":680,"value":650},{"type":664,"tag":463,"props":881,"children":882},{"style":690},[883],{"type":680,"value":884}," v-model",{"type":664,"tag":463,"props":886,"children":887},{"style":677},[888],{"type":680,"value":703},{"type":664,"tag":463,"props":890,"children":891},{"style":706},[892],{"type":680,"value":893},"\"value\"",{"type":664,"tag":463,"props":895,"children":896},{"style":690},[897],{"type":680,"value":898}," label",{"type":664,"tag":463,"props":900,"children":901},{"style":677},[902],{"type":680,"value":703},{"type":664,"tag":463,"props":904,"children":905},{"style":706},[906],{"type":680,"value":907},"\"Slider\"",{"type":664,"tag":463,"props":909,"children":910},{"style":690},[911],{"type":680,"value":912}," :min",{"type":664,"tag":463,"props":914,"children":915},{"style":677},[916],{"type":680,"value":703},{"type":664,"tag":463,"props":918,"children":919},{"style":706},[920],{"type":680,"value":921},"\"0\"",{"type":664,"tag":463,"props":923,"children":924},{"style":690},[925],{"type":680,"value":926}," :max",{"type":664,"tag":463,"props":928,"children":929},{"style":677},[930],{"type":680,"value":703},{"type":664,"tag":463,"props":932,"children":933},{"style":706},[934],{"type":680,"value":935},"\"100\"",{"type":664,"tag":463,"props":937,"children":938},{"style":690},[939],{"type":680,"value":940}," :step",{"type":664,"tag":463,"props":942,"children":943},{"style":677},[944],{"type":680,"value":703},{"type":664,"tag":463,"props":946,"children":947},{"style":706},[948],{"type":680,"value":949},"\"1\"",{"type":664,"tag":463,"props":951,"children":952},{"style":677},[953],{"type":680,"value":954}," \u002F>\n",{"type":664,"tag":463,"props":956,"children":958},{"class":465,"line":957},11,[959,963,967],{"type":664,"tag":463,"props":960,"children":961},{"style":677},[962],{"type":680,"value":834},{"type":664,"tag":463,"props":964,"children":965},{"style":684},[966],{"type":680,"value":512},{"type":664,"tag":463,"props":968,"children":969},{"style":677},[970],{"type":680,"value":714},{"type":664,"tag":614,"props":972,"children":973},{},[974],{"type":680,"value":975},"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);}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);}",{"title":458,"searchDepth":618,"depth":618,"links":977},[],{"data":979,"body":980,"toc":1326},{"title":458,"description":458},{"type":661,"children":981},[982,1322],{"type":664,"tag":453,"props":983,"children":984},{"className":666,"code":646,"language":667,"meta":458,"style":458},[985],{"type":664,"tag":460,"props":986,"children":987},{"__ignoreMap":458},[988,1019,1026,1049,1072,1079,1123,1138,1145,1160,1172,1189,1207,1225,1243,1261,1279,1297,1306],{"type":664,"tag":463,"props":989,"children":990},{"class":465,"line":466},[991,995,999,1003,1007,1011,1015],{"type":664,"tag":463,"props":992,"children":993},{"style":677},[994],{"type":680,"value":681},{"type":664,"tag":463,"props":996,"children":997},{"style":684},[998],{"type":680,"value":687},{"type":664,"tag":463,"props":1000,"children":1001},{"style":690},[1002],{"type":680,"value":693},{"type":664,"tag":463,"props":1004,"children":1005},{"style":690},[1006],{"type":680,"value":698},{"type":664,"tag":463,"props":1008,"children":1009},{"style":677},[1010],{"type":680,"value":703},{"type":664,"tag":463,"props":1012,"children":1013},{"style":706},[1014],{"type":680,"value":709},{"type":664,"tag":463,"props":1016,"children":1017},{"style":677},[1018],{"type":680,"value":714},{"type":664,"tag":463,"props":1020,"children":1021},{"class":465,"line":618},[1022],{"type":664,"tag":463,"props":1023,"children":1024},{"style":720},[1025],{"type":680,"value":723},{"type":664,"tag":463,"props":1027,"children":1028},{"class":465,"line":624},[1029,1033,1037,1041,1045],{"type":664,"tag":463,"props":1030,"children":1031},{"style":729},[1032],{"type":680,"value":470},{"type":664,"tag":463,"props":1034,"children":1035},{"style":677},[1036],{"type":680,"value":736},{"type":664,"tag":463,"props":1038,"children":1039},{"style":729},[1040],{"type":680,"value":477},{"type":664,"tag":463,"props":1042,"children":1043},{"style":706},[1044],{"type":680,"value":745},{"type":664,"tag":463,"props":1046,"children":1047},{"style":677},[1048],{"type":680,"value":484},{"type":664,"tag":463,"props":1050,"children":1051},{"class":465,"line":752},[1052,1056,1060,1064,1068],{"type":664,"tag":463,"props":1053,"children":1054},{"style":729},[1055],{"type":680,"value":470},{"type":664,"tag":463,"props":1057,"children":1058},{"style":677},[1059],{"type":680,"value":762},{"type":664,"tag":463,"props":1061,"children":1062},{"style":729},[1063],{"type":680,"value":477},{"type":664,"tag":463,"props":1065,"children":1066},{"style":706},[1067],{"type":680,"value":771},{"type":664,"tag":463,"props":1069,"children":1070},{"style":677},[1071],{"type":680,"value":484},{"type":664,"tag":463,"props":1073,"children":1074},{"class":465,"line":778},[1075],{"type":664,"tag":463,"props":1076,"children":1077},{"emptyLinePlaceholder":634},[1078],{"type":680,"value":784},{"type":664,"tag":463,"props":1080,"children":1081},{"class":465,"line":787},[1082,1086,1091,1095,1099,1104,1109,1113,1118],{"type":664,"tag":463,"props":1083,"children":1084},{"style":729},[1085],{"type":680,"value":793},{"type":664,"tag":463,"props":1087,"children":1088},{"style":796},[1089],{"type":680,"value":1090}," range",{"type":664,"tag":463,"props":1092,"children":1093},{"style":729},[1094],{"type":680,"value":804},{"type":664,"tag":463,"props":1096,"children":1097},{"style":807},[1098],{"type":680,"value":810},{"type":664,"tag":463,"props":1100,"children":1101},{"style":677},[1102],{"type":680,"value":1103},"([",{"type":664,"tag":463,"props":1105,"children":1106},{"style":796},[1107],{"type":680,"value":1108},"20",{"type":664,"tag":463,"props":1110,"children":1111},{"style":677},[1112],{"type":680,"value":527},{"type":664,"tag":463,"props":1114,"children":1115},{"style":796},[1116],{"type":680,"value":1117},"80",{"type":664,"tag":463,"props":1119,"children":1120},{"style":677},[1121],{"type":680,"value":1122},"]);\n",{"type":664,"tag":463,"props":1124,"children":1125},{"class":465,"line":828},[1126,1130,1134],{"type":664,"tag":463,"props":1127,"children":1128},{"style":677},[1129],{"type":680,"value":834},{"type":664,"tag":463,"props":1131,"children":1132},{"style":684},[1133],{"type":680,"value":687},{"type":664,"tag":463,"props":1135,"children":1136},{"style":677},[1137],{"type":680,"value":714},{"type":664,"tag":463,"props":1139,"children":1140},{"class":465,"line":845},[1141],{"type":664,"tag":463,"props":1142,"children":1143},{"emptyLinePlaceholder":634},[1144],{"type":680,"value":784},{"type":664,"tag":463,"props":1146,"children":1147},{"class":465,"line":853},[1148,1152,1156],{"type":664,"tag":463,"props":1149,"children":1150},{"style":677},[1151],{"type":680,"value":681},{"type":664,"tag":463,"props":1153,"children":1154},{"style":684},[1155],{"type":680,"value":512},{"type":664,"tag":463,"props":1157,"children":1158},{"style":677},[1159],{"type":680,"value":714},{"type":664,"tag":463,"props":1161,"children":1162},{"class":465,"line":869},[1163,1167],{"type":664,"tag":463,"props":1164,"children":1165},{"style":677},[1166],{"type":680,"value":875},{"type":664,"tag":463,"props":1168,"children":1169},{"style":684},[1170],{"type":680,"value":1171},"mt-slider\n",{"type":664,"tag":463,"props":1173,"children":1174},{"class":465,"line":957},[1175,1180,1184],{"type":664,"tag":463,"props":1176,"children":1177},{"style":690},[1178],{"type":680,"value":1179},"    v-model",{"type":664,"tag":463,"props":1181,"children":1182},{"style":677},[1183],{"type":680,"value":703},{"type":664,"tag":463,"props":1185,"children":1186},{"style":706},[1187],{"type":680,"value":1188},"\"range\"\n",{"type":664,"tag":463,"props":1190,"children":1192},{"class":465,"line":1191},12,[1193,1198,1202],{"type":664,"tag":463,"props":1194,"children":1195},{"style":690},[1196],{"type":680,"value":1197},"    label",{"type":664,"tag":463,"props":1199,"children":1200},{"style":677},[1201],{"type":680,"value":703},{"type":664,"tag":463,"props":1203,"children":1204},{"style":706},[1205],{"type":680,"value":1206},"\"Price range\"\n",{"type":664,"tag":463,"props":1208,"children":1210},{"class":465,"line":1209},13,[1211,1216,1220],{"type":664,"tag":463,"props":1212,"children":1213},{"style":690},[1214],{"type":680,"value":1215},"    :min",{"type":664,"tag":463,"props":1217,"children":1218},{"style":677},[1219],{"type":680,"value":703},{"type":664,"tag":463,"props":1221,"children":1222},{"style":706},[1223],{"type":680,"value":1224},"\"0\"\n",{"type":664,"tag":463,"props":1226,"children":1228},{"class":465,"line":1227},14,[1229,1234,1238],{"type":664,"tag":463,"props":1230,"children":1231},{"style":690},[1232],{"type":680,"value":1233},"    :max",{"type":664,"tag":463,"props":1235,"children":1236},{"style":677},[1237],{"type":680,"value":703},{"type":664,"tag":463,"props":1239,"children":1240},{"style":706},[1241],{"type":680,"value":1242},"\"100\"\n",{"type":664,"tag":463,"props":1244,"children":1246},{"class":465,"line":1245},15,[1247,1252,1256],{"type":664,"tag":463,"props":1248,"children":1249},{"style":690},[1250],{"type":680,"value":1251},"    :step",{"type":664,"tag":463,"props":1253,"children":1254},{"style":677},[1255],{"type":680,"value":703},{"type":664,"tag":463,"props":1257,"children":1258},{"style":706},[1259],{"type":680,"value":1260},"\"5\"\n",{"type":664,"tag":463,"props":1262,"children":1264},{"class":465,"line":1263},16,[1265,1270,1274],{"type":664,"tag":463,"props":1266,"children":1267},{"style":690},[1268],{"type":680,"value":1269},"    :is-range",{"type":664,"tag":463,"props":1271,"children":1272},{"style":677},[1273],{"type":680,"value":703},{"type":664,"tag":463,"props":1275,"children":1276},{"style":706},[1277],{"type":680,"value":1278},"\"true\"\n",{"type":664,"tag":463,"props":1280,"children":1282},{"class":465,"line":1281},17,[1283,1288,1292],{"type":664,"tag":463,"props":1284,"children":1285},{"style":690},[1286],{"type":680,"value":1287},"    :min-distance",{"type":664,"tag":463,"props":1289,"children":1290},{"style":677},[1291],{"type":680,"value":703},{"type":664,"tag":463,"props":1293,"children":1294},{"style":706},[1295],{"type":680,"value":1296},"\"10\"\n",{"type":664,"tag":463,"props":1298,"children":1300},{"class":465,"line":1299},18,[1301],{"type":664,"tag":463,"props":1302,"children":1303},{"style":677},[1304],{"type":680,"value":1305},"  \u002F>\n",{"type":664,"tag":463,"props":1307,"children":1309},{"class":465,"line":1308},19,[1310,1314,1318],{"type":664,"tag":463,"props":1311,"children":1312},{"style":677},[1313],{"type":680,"value":834},{"type":664,"tag":463,"props":1315,"children":1316},{"style":684},[1317],{"type":680,"value":512},{"type":664,"tag":463,"props":1319,"children":1320},{"style":677},[1321],{"type":680,"value":714},{"type":664,"tag":614,"props":1323,"children":1324},{},[1325],{"type":680,"value":975},{"title":458,"searchDepth":618,"depth":618,"links":1327},[],1782999153583]