carbon-components-svelte/assets/Slider.8c4530d2.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as a,i as s,s as t,g as e,k as p,N as l,y as o,q as c,I as i,o as r,w as u,j as m,h as k,p as d,l as f,n as $,a3 as b,x as g,r as h,M as v,A as x,Y as y,J as S,B as w,a1 as L,C as E,G as _,H as I,c as j,a as M,m as T,t as B,b as D,d as A}from"./index.3ce6747c.js";import"./Button.d7a75b79.js";import"./index.6957f369.js";import{C as R,P as C}from"./Preview.f61f216f.js";import"./ChevronDown16.6514157c.js";import"./Loading.f1e97527.js";import"./Column.1fb4637e.js";import"./Content.9ffe34a9.js";import"./store.e3a4d2a9.js";function V(n){let a,s,t,u,m;return{c(){a=e("input"),this.h()},l(n){a=p(n,"INPUT",{type:!0,id:!0,"aria-label":!0,disabled:!0,value:!0}),this.h()},h(){l(a,"type",n[9]),l(a,"id",s="input-"+n[13]),l(a,"aria-label",t=n[25]["aria-label"]||"Slider number input"),a.disabled=n[10],a.value=n[0],o(a,"bx--text-input",!0),o(a,"bx--slider-text-input",!0),o(a,"bx--text-input--light",n[11]),o(a,"bx--text-input--invalid",n[14])},m(s,t){c(s,a,t),u||(m=i(a,"change",n[33]),u=!0)},p(n,e){512&e[0]&&l(a,"type",n[9]),8192&e[0]&&s!==(s="input-"+n[13])&&l(a,"id",s),33554432&e[0]&&t!==(t=n[25]["aria-label"]||"Slider number input")&&l(a,"aria-label",t),1024&e[0]&&(a.disabled=n[10]),1&e[0]&&a.value!==n[0]&&(a.value=n[0]),2048&e[0]&&o(a,"bx--text-input--light",n[11]),16384&e[0]&&o(a,"bx--text-input--invalid",n[14])},d(n){n&&r(a),u=!1,m()}}}function q(n){let a,s,t,w,L,E,_,I,j,M,T,B,D,A,R,C,q,N,P,H,U,X,G,J=(n[5]||n[4])+"",K=(n[3]||n[2])+"",Y=!n[12]&&V(n),z=[n[24]],F={};for(let n=0;n<z.length;n+=1)F=u(F,z[n]);return{c(){a=m(),s=e("div"),t=e("label"),w=k(n[15]),L=m(),E=e("div"),_=e("span"),I=k(J),j=m(),M=e("div"),T=e("div"),B=m(),D=e("div"),A=m(),R=e("div"),C=m(),q=e("input"),N=m(),P=e("span"),H=k(K),U=m(),Y&&Y.c(),this.h()},l(e){a=d(e),s=p(e,"DIV",{});var l=f(s);t=p(l,"LABEL",{for:!0});var o=f(t);w=$(o,n[15]),o.forEach(r),L=d(l),E=p(l,"DIV",{});var c=f(E);_=p(c,"SPAN",{});var i=f(_);I=$(i,J),i.forEach(r),j=d(c),M=p(c,"DIV",{role:!0,tabindex:!0});var u=f(M);T=p(u,"DIV",{role:!0,tabindex:!0,style:!0,"aria-valuemax":!0,"aria-valuemin":!0,"aria-valuenow":!0,id:!0}),f(T).forEach(r),B=d(u),D=p(u,"DIV",{}),f(D).forEach(r),A=d(u),R=p(u,"DIV",{style:!0}),f(R).forEach(r),C=d(u),q=p(u,"INPUT",{type:!0,name:!0,value:!0,required:!0,min:!0,max:!0,step:!0}),u.forEach(r),N=d(c),P=p(c,"SPAN",{});var m=f(P);H=$(m,K),m.forEach(r),U=d(c),Y&&Y.l(c),c.forEach(r),l.forEach(r),this.h()},h(){l(t,"for",n[13]),o(t,"bx--label",!0),o(t,"bx--label--disabled",n[10]),o(_,"bx--slider__range-label",!0),l(T,"role","slider"),l(T,"tabindex","0"),b(T,"left",n[19]+"%"),l(T,"aria-valuemax",n[2]),l(T,"aria-valuemin",n[4]),l(T,"aria-valuenow",n[0]),l(T,"id",n[13]),o(T,"bx--slider__thumb",!0),o(D,"bx--slider__track",!0),b(R,"transform","translate(0, -50%) scaleX("+n[19]/100+")"),o(R,"bx--slider__filled-track",!0),l(q,"type","hidden"),l(q,"name",n[16]),q.value=n[0],q.required=n[8],l(q,"min",n[4]),l(q,"max",n[2]),l(q,"step",n[6]),o(q,"bx--slider__input",!0),l(M,"role","presentation"),l(M,"tabindex","-1"),o(M,"bx--slider",!0),o(M,"bx--slider--disabled",n[10]),o(P,"bx--slider__range-label",!0),o(E,"bx--slider-container",!0),g(s,F),o(s,"bx--form-item",!0)},m(e,p){c(e,a,p),c(e,s,p),h(s,t),h(t,w),h(s,L),h(s,E),h(E,_),h(_,I),h(E,j),h(E,M),h(M,T),h(M,B),h(M,D),n[30](D),h(M,A),h(M,R),h(M,C),h(M,q),n[31](M),h(E,N),h(E,P),h(P,H),h(E,U),Y&&Y.m(E,null),X||(G=[i(document.body,"mousemove",n[23]),i(document.body,"touchmove",n[23]),i(document.body,"mouseup",n[22]),i(document.body,"touchend",n[22]),i(document.body,"touchcancel",n[22]),i(M,"mousedown",n[20]),i(M,"mousedown",n[21]),i(M,"touchstart",n[21],{passive:!0}),i(M,"keydown",n[32]),i(s,"click",n[26]),i(s,"mouseover",n[27]),i(s,"mouseenter",n[28]),i(s,"mouseleave",n[29])],X=!0)},p(n,a){32768&a[0]&&v(w,n[15]),8192&a[0]&&l(t,"for",n[13]),1024&a[0]&&o(t,"bx--label--disabled",n[10]),48&a[0]&&J!==(J=(n[5]||n[4])+"")&&v(I,J),524288&a[0]&&b(T,"left",n[19]+"%"),4&a[0]&&l(T,"aria-valuemax",n[2]),16&a[0]&&l(T,"aria-valuemin",n[4]),1&a[0]&&l(T,"aria-valuenow",n[0]),8192&a[0]&&l(T,"id",n[13]),524288&a[0]&&b(R,"transform","translate(0, -50%) scaleX("+n[19]/100+")"),65536&a[0]&&l(q,"name",n[16]),1&a[0]&&(q.value=n[0]),256&a[0]&&(q.required=n[8]),16&a[0]&&l(q,"min",n[4]),4&a[0]&&l(q,"max",n[2]),64&a[0]&&l(q,"step",n[6]),1024&a[0]&&o(M,"bx--slider--disabled",n[10]),12&a[0]&&K!==(K=(n[3]||n[2])+"")&&v(H,K),n[12]?Y&&(Y.d(1),Y=null):Y?Y.p(n,a):(Y=V(n),Y.c(),Y.m(E,null)),g(s,F=x(z,[16777216&a[0]&&n[24]])),o(s,"bx--form-item",!0)},i:y,o:y,d(t){t&&r(a),t&&r(s),n[30](null),n[31](null),Y&&Y.d(),X=!1,S(G)}}}function N(n,a,s){const t=["value","max","maxLabel","min","minLabel","step","stepMultiplier","required","inputType","disabled","light","hideTextInput","id","invalid","labelText","name","ref"];let e=w(a,t),{value:p=0}=a,{max:l=100}=a,{maxLabel:o=""}=a,{min:c=0}=a,{minLabel:i=""}=a,{step:r=1}=a,{stepMultiplier:m=4}=a,{required:k=!1}=a,{inputType:d="number"}=a,{disabled:f=!1}=a,{light:$=!1}=a,{hideTextInput:b=!1}=a,{id:g="ccs-"+Math.random().toString(36)}=a,{invalid:h=!1}=a,{labelText:v=""}=a,{name:x=""}=a,{ref:y=null}=a;const S=L();let j=null,M=!1,T=!1;function B(){s(34,M=!0)}let D,A;return n.$$set=n=>{s(25,a=u(u({},a),E(n))),s(24,e=w(a,t)),"value"in n&&s(0,p=n.value),"max"in n&&s(2,l=n.max),"maxLabel"in n&&s(3,o=n.maxLabel),"min"in n&&s(4,c=n.min),"minLabel"in n&&s(5,i=n.minLabel),"step"in n&&s(6,r=n.step),"stepMultiplier"in n&&s(7,m=n.stepMultiplier),"required"in n&&s(8,k=n.required),"inputType"in n&&s(9,d=n.inputType),"disabled"in n&&s(10,f=n.disabled),"light"in n&&s(11,$=n.light),"hideTextInput"in n&&s(12,b=n.hideTextInput),"id"in n&&s(13,g=n.id),"invalid"in n&&s(14,h=n.invalid),"labelText"in n&&s(15,v=n.labelText),"name"in n&&s(16,x=n.name),"ref"in n&&s(1,y=n.ref)},n.$$.update=()=>{20&n.$$.dirty[0]&&s(18,D=l-c),1045&n.$$.dirty[0]|24&n.$$.dirty[1]&&(p<=c?s(0,p=c):p>=l&&s(0,p=l),M&&(!function(n){if(f)return;const a=n.touches?n.touches[0].clientX:n.clientX,{left:t,width:e}=j.getBoundingClientRect();let o=c+Math.round((a-t)/e*(l-c)/r)*r;o<=c?o=c:o>=l&&(o=l),s(0,p=o)}(event),s(34,M=!1)),T||f||S("change",p)),262161&n.$$.dirty[0]&&s(19,A=(p-c)/D*100)},a=E(a),[p,y,l,o,c,i,r,m,k,d,f,$,b,g,h,v,x,j,D,A,B,function(){s(35,T=!0)},function(){s(35,T=!1),s(34,M=!1)},function(){T&&B()},e,a,function(a){_(n,a)},function(a){_(n,a)},function(a){_(n,a)},function(a){_(n,a)},function(n){I[n?"unshift":"push"](()=>{j=n,s(17,j)})},function(n){I[n?"unshift":"push"](()=>{y=n,s(1,y)})},({shiftKey:n,key:a})=>{const t={ArrowDown:-1,ArrowLeft:-1,ArrowRight:1,ArrowUp:1};t[a]&&s(0,p+=r*(n?D/r/m:1)*t[a])},({target:n})=>{s(0,p=Number(n.value))}]}class P extends a{constructor(n){super(),s(this,n,N,q,t,{value:0,max:2,maxLabel:3,min:4,minLabel:5,step:6,stepMultiplier:7,required:8,inputType:9,disabled:10,light:11,hideTextInput:12,id:13,invalid:14,labelText:15,name:16,ref:1},[-1,-1])}}function H(n){let a;return{c(){a=e("span"),this.h()},l(n){a=p(n,"SPAN",{}),f(a).forEach(r),this.h()},h(){o(a,"bx--label",!0),o(a,"bx--skeleton",!0)},m(n,s){c(n,a,s)},d(n){n&&r(a)}}}function U(n){let a,s,t,l,k,$,b,v,w,L,E,_,I,j,M,T=!n[0]&&H(),B=[n[1]],D={};for(let n=0;n<B.length;n+=1)D=u(D,B[n]);return{c(){a=e("div"),T&&T.c(),s=m(),t=e("div"),l=e("span"),k=m(),$=e("div"),b=e("div"),v=m(),w=e("div"),L=m(),E=e("div"),_=m(),I=e("span"),this.h()},l(n){a=p(n,"DIV",{});var e=f(a);T&&T.l(e),s=d(e),t=p(e,"DIV",{});var o=f(t);l=p(o,"SPAN",{}),f(l).forEach(r),k=d(o),$=p(o,"DIV",{});var c=f($);b=p(c,"DIV",{}),f(b).forEach(r),v=d(c),w=p(c,"DIV",{}),f(w).forEach(r),L=d(c),E=p(c,"DIV",{}),f(E).forEach(r),c.forEach(r),_=d(o),I=p(o,"SPAN",{}),f(I).forEach(r),o.forEach(r),e.forEach(r),this.h()},h(){o(l,"bx--slider__range-label",!0),o(b,"bx--slider__track",!0),o(w,"bx--slider__filled-track",!0),o(E,"bx--slider__thumb",!0),o($,"bx--slider",!0),o(I,"bx--slider__range-label",!0),o(t,"bx--slider-container",!0),o(t,"bx--skeleton",!0),g(a,D),o(a,"bx--form-item",!0)},m(e,p){c(e,a,p),T&&T.m(a,null),h(a,s),h(a,t),h(t,l),h(t,k),h(t,$),h($,b),h($,v),h($,w),h($,L),h($,E),h(t,_),h(t,I),j||(M=[i(a,"click",n[2]),i(a,"mouseover",n[3]),i(a,"mouseenter",n[4]),i(a,"mouseleave",n[5])],j=!0)},p(n,[t]){n[0]?T&&(T.d(1),T=null):T||(T=H(),T.c(),T.m(a,s)),g(a,D=x(B,[2&t&&n[1]])),o(a,"bx--form-item",!0)},i:y,o:y,d(n){n&&r(a),T&&T.d(),j=!1,S(M)}}}function X(n,a,s){const t=["hideLabel"];let e=w(a,t),{hideLabel:p=!1}=a;return n.$$set=n=>{a=u(u({},a),E(n)),s(1,e=w(a,t)),"hideLabel"in n&&s(0,p=n.hideLabel)},[p,e,function(a){_(n,a)},function(a){_(n,a)},function(a){_(n,a)},function(a){_(n,a)}]}class G extends a{constructor(n){super(),s(this,n,X,U,t,{hideLabel:0})}}function J(n){let a,s;return a=new P({}),{c(){j(a.$$.fragment)},l(n){M(a.$$.fragment,n)},m(n,t){T(a,n,t),s=!0},i(n){s||(B(a.$$.fragment,n),s=!0)},o(n){D(a.$$.fragment,n),s=!1},d(n){A(a,n)}}}function K(n){let a,s;return a=new P({props:{labelText:"Runtime memory (MB)",min:10,max:990,maxLabel:"990 MB",value:100}}),{c(){j(a.$$.fragment)},l(n){M(a.$$.fragment,n)},m(n,t){T(a,n,t),s=!0},p:y,i(n){s||(B(a.$$.fragment,n),s=!0)},o(n){D(a.$$.fragment,n),s=!1},d(n){A(a,n)}}}function Y(n){let a,s;return a=new P({props:{labelText:"Runtime memory (MB)",min:10,max:990,maxLabel:"990 MB",value:100,step:10}}),{c(){j(a.$$.fragment)},l(n){M(a.$$.fragment,n)},m(n,t){T(a,n,t),s=!0},p:y,i(n){s||(B(a.$$.fragment,n),s=!0)},o(n){D(a.$$.fragment,n),s=!1},d(n){A(a,n)}}}function z(n){let a,s;return a=new P({props:{light:!0,labelText:"Runtime memory (MB)",min:10,max:990,maxLabel:"990 MB",value:100,step:10}}),{c(){j(a.$$.fragment)},l(n){M(a.$$.fragment,n)},m(n,t){T(a,n,t),s=!0},p:y,i(n){s||(B(a.$$.fragment,n),s=!0)},o(n){D(a.$$.fragment,n),s=!1},d(n){A(a,n)}}}function F(n){let a,s;return a=new G({}),{c(){j(a.$$.fragment)},l(n){M(a.$$.fragment,n)},m(n,t){T(a,n,t),s=!0},i(n){s||(B(a.$$.fragment,n),s=!0)},o(n){D(a.$$.fragment,n),s=!1},d(n){A(a,n)}}}function O(n){let a,s;return a=new G({props:{hideLabel:!0}}),{c(){j(a.$$.fragment)},l(n){M(a.$$.fragment,n)},m(n,t){T(a,n,t),s=!0},p:y,i(n){s||(B(a.$$.fragment,n),s=!0)},o(n){D(a.$$.fragment,n),s=!1},d(n){A(a,n)}}}function Q(n){let a,s,t,o,i,u,b,g,v,x,y,S,w,L,E,_,I,j,M,T,B,D,A,R,C,V,q,N,P,H;return{c(){a=e("div"),s=e("ul"),t=e("li"),o=e("a"),i=k("Usage"),u=m(),b=e("ul"),g=e("li"),v=e("a"),x=k("Default"),y=m(),S=e("li"),w=e("a"),L=k("Custom minimum, maximum values"),E=m(),_=e("li"),I=e("a"),j=k("Custom step value"),M=m(),T=e("li"),B=e("a"),D=k("Light variant"),A=m(),R=e("li"),C=e("a"),V=k("Skeleton"),q=m(),N=e("li"),P=e("a"),H=k("Skeleton (hidden label)"),this.h()},l(n){a=p(n,"DIV",{slot:!0});var e=f(a);s=p(e,"UL",{class:!0});var l=f(s);t=p(l,"LI",{class:!0});var c=f(t);o=p(c,"A",{class:!0,href:!0});var m=f(o);i=$(m,"Usage"),m.forEach(r),u=d(c),b=p(c,"UL",{class:!0});var k=f(b);g=p(k,"LI",{class:!0});var h=f(g);v=p(h,"A",{class:!0,href:!0});var U=f(v);x=$(U,"Default"),U.forEach(r),h.forEach(r),y=d(k),S=p(k,"LI",{class:!0});var X=f(S);w=p(X,"A",{class:!0,href:!0});var G=f(w);L=$(G,"Custom minimum, maximum values"),G.forEach(r),X.forEach(r),E=d(k),_=p(k,"LI",{class:!0});var J=f(_);I=p(J,"A",{class:!0,href:!0});var K=f(I);j=$(K,"Custom step value"),K.forEach(r),J.forEach(r),M=d(k),T=p(k,"LI",{class:!0});var Y=f(T);B=p(Y,"A",{class:!0,href:!0});var z=f(B);D=$(z,"Light variant"),z.forEach(r),Y.forEach(r),A=d(k),R=p(k,"LI",{class:!0});var F=f(R);C=p(F,"A",{class:!0,href:!0});var O=f(C);V=$(O,"Skeleton"),O.forEach(r),F.forEach(r),q=d(k),N=p(k,"LI",{class:!0});var Q=f(N);P=p(Q,"A",{class:!0,href:!0});var W=f(P);H=$(W,"Skeleton (hidden label)"),W.forEach(r),Q.forEach(r),k.forEach(r),c.forEach(r),l.forEach(r),e.forEach(r),this.h()},h(){l(o,"class","bx--link"),l(o,"href","#usage"),l(v,"class","bx--link"),l(v,"href","#default"),l(g,"class","bx--list__item"),l(w,"class","bx--link"),l(w,"href","#custom-minimum-maximum-values"),l(S,"class","bx--list__item"),l(I,"class","bx--link"),l(I,"href","#custom-step-value"),l(_,"class","bx--list__item"),l(B,"class","bx--link"),l(B,"href","#light-variant"),l(T,"class","bx--list__item"),l(C,"class","bx--link"),l(C,"href","#skeleton"),l(R,"class","bx--list__item"),l(P,"class","bx--link"),l(P,"href","#skeleton-hidden-label"),l(N,"class","bx--list__item"),l(b,"class","bx--list--unordered bx--list--nested"),l(t,"class","bx--list__item"),l(s,"class","bx--list--unordered"),l(a,"slot","aside")},m(n,e){c(n,a,e),h(a,s),h(s,t),h(t,o),h(o,i),h(t,u),h(t,b),h(b,g),h(g,v),h(v,x),h(b,y),h(b,S),h(S,w),h(w,L),h(b,E),h(b,_),h(_,I),h(I,j),h(b,M),h(b,T),h(T,B),h(B,D),h(b,A),h(b,R),h(R,C),h(C,V),h(b,q),h(b,N),h(N,P),h(P,H)},d(n){n&&r(a)}}}function W(n){let a,s,t,o,i,u,b,g,v,x,y,S,w,L,E,_,I,R,V,q,N,P,H,U,X,G,Q,W,Z,nn,an;return o=new C({props:{codeRaw:'<script>\n  import { Slider } from "carbon-components-svelte";\n<\/script>\n\n<Slider />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> Slider <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[J]},$$scope:{ctx:n}}}),v=new C({props:{codeRaw:'<script>\n  import { Slider } from "carbon-components-svelte";\n<\/script>\n\n<Slider\n  labelText="Runtime memory (MB)"\n  min={10}\n  max={990}\n  maxLabel="990 MB"\n  value={100}\n/>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> Slider <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Runtime memory (MB)<span class="token punctuation">"</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">990</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">maxLabel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>990 MB<span class="token punctuation">"</span></span>\n  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">100</span><span class="token punctuation">}</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[K]},$$scope:{ctx:n}}}),L=new C({props:{codeRaw:'<script>\n  import { Slider } from "carbon-components-svelte";\n<\/script>\n\n<Slider\n  labelText="Runtime memory (MB)"\n  min={10}\n  max={990}\n  maxLabel="990 MB"\n  value={100}\n  step={10}\n/>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> Slider <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Runtime memory (MB)<span class="token punctuation">"</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">990</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">maxLabel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>990 MB<span class="token punctuation">"</span></span>\n  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">100</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[Y]},$$scope:{ctx:n}}}),V=new C({props:{codeRaw:'<script>\n  import { Slider } from "carbon-components-svelte";\n<\/script>\n\n<Slider\n  light\n  labelText="Runtime memory (MB)"\n  min={10}\n  max={990}\n  maxLabel="990 MB"\n  value={100}\n  step={10}\n/>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> Slider <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name">light</span>\n  <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Runtime memory (MB)<span class="token punctuation">"</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">990</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">maxLabel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>990 MB<span class="token punctuation">"</span></span>\n  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">100</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[z]},$$scope:{ctx:n}}}),U=new C({props:{codeRaw:'<script>\n  import { SliderSkeleton } from "carbon-components-svelte";\n<\/script>\n\n<SliderSkeleton />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> SliderSkeleton <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SliderSkeleton</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[F]},$$scope:{ctx:n}}}),Z=new C({props:{codeRaw:'<script>\n  import { SliderSkeleton } from "carbon-components-svelte";\n<\/script>\n\n<SliderSkeleton hideLabel />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> SliderSkeleton <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SliderSkeleton</span> <span class="token attr-name">hideLabel</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[O]},$$scope:{ctx:n}}}),{c(){a=e("h3"),s=k("Default"),t=m(),j(o.$$.fragment),i=m(),u=e("h3"),b=k("Custom minimum, maximum values"),g=m(),j(v.$$.fragment),x=m(),y=e("h3"),S=k("Custom step value"),w=m(),j(L.$$.fragment),E=m(),_=e("h3"),I=k("Light variant"),R=m(),j(V.$$.fragment),q=m(),N=e("h3"),P=k("Skeleton"),H=m(),j(U.$$.fragment),X=m(),G=e("h3"),Q=k("Skeleton (hidden label)"),W=m(),j(Z.$$.fragment),nn=m(),this.h()},l(n){a=p(n,"H3",{id:!0});var e=f(a);s=$(e,"Default"),e.forEach(r),t=d(n),M(o.$$.fragment,n),i=d(n),u=p(n,"H3",{id:!0});var l=f(u);b=$(l,"Custom minimum, maximum values"),l.forEach(r),g=d(n),M(v.$$.fragment,n),x=d(n),y=p(n,"H3",{id:!0});var c=f(y);S=$(c,"Custom step value"),c.forEach(r),w=d(n),M(L.$$.fragment,n),E=d(n),_=p(n,"H3",{id:!0});var m=f(_);I=$(m,"Light variant"),m.forEach(r),R=d(n),M(V.$$.fragment,n),q=d(n),N=p(n,"H3",{id:!0});var k=f(N);P=$(k,"Skeleton"),k.forEach(r),H=d(n),M(U.$$.fragment,n),X=d(n),G=p(n,"H3",{id:!0});var h=f(G);Q=$(h,"Skeleton (hidden label)"),h.forEach(r),W=d(n),M(Z.$$.fragment,n),nn=d(n),this.h()},h(){l(a,"id","default"),l(u,"id","custom-minimum-maximum-values"),l(y,"id","custom-step-value"),l(_,"id","light-variant"),l(N,"id","skeleton"),l(G,"id","skeleton-hidden-label")},m(n,e){c(n,a,e),h(a,s),c(n,t,e),T(o,n,e),c(n,i,e),c(n,u,e),h(u,b),c(n,g,e),T(v,n,e),c(n,x,e),c(n,y,e),h(y,S),c(n,w,e),T(L,n,e),c(n,E,e),c(n,_,e),h(_,I),c(n,R,e),T(V,n,e),c(n,q,e),c(n,N,e),h(N,P),c(n,H,e),T(U,n,e),c(n,X,e),c(n,G,e),h(G,Q),c(n,W,e),T(Z,n,e),c(n,nn,e),an=!0},p(n,a){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),o.$set(s);const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),v.$set(t);const e={};1&a&&(e.$$scope={dirty:a,ctx:n}),L.$set(e);const p={};1&a&&(p.$$scope={dirty:a,ctx:n}),V.$set(p);const l={};1&a&&(l.$$scope={dirty:a,ctx:n}),U.$set(l);const c={};1&a&&(c.$$scope={dirty:a,ctx:n}),Z.$set(c)},i(n){an||(B(o.$$.fragment,n),B(v.$$.fragment,n),B(L.$$.fragment,n),B(V.$$.fragment,n),B(U.$$.fragment,n),B(Z.$$.fragment,n),an=!0)},o(n){D(o.$$.fragment,n),D(v.$$.fragment,n),D(L.$$.fragment,n),D(V.$$.fragment,n),D(U.$$.fragment,n),D(Z.$$.fragment,n),an=!1},d(n){n&&r(a),n&&r(t),A(o,n),n&&r(i),n&&r(u),n&&r(g),A(v,n),n&&r(x),n&&r(y),n&&r(w),A(L,n),n&&r(E),n&&r(_),n&&r(R),A(V,n),n&&r(q),n&&r(N),n&&r(H),A(U,n),n&&r(X),n&&r(G),n&&r(W),A(Z,n),n&&r(nn)}}}function Z(n){let a,s;return a=new R({props:{$$slots:{default:[W],aside:[Q]},$$scope:{ctx:n}}}),{c(){j(a.$$.fragment)},l(n){M(a.$$.fragment,n)},m(n,t){T(a,n,t),s=!0},p(n,[s]){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(B(a.$$.fragment,n),s=!0)},o(n){D(a.$$.fragment,n),s=!1},d(n){A(a,n)}}}export default class extends a{constructor(n){super(),s(this,n,null,Z,t,{})}}