mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
1 line
47 KiB
JavaScript
1 line
47 KiB
JavaScript
let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as a,i as s,s as t,v as e,D as l,q as p,L as o,h as c,k as i,l as r,n as u,o as m,r as d,M as k,w as b,N as $,O as f,I as g,z as h,A as v,t as x,b as w,J as y,C as I,G as E,g as N,y as C,j as _,p as L,x as T,E as D,F as z,B as A,a1 as j,Q as S,H as M,c as H,a as R,m as B,d as U,Y as V}from"./index.c2c9d961.js";import"./Button.37430222.js";import"./index.af83b04a.js";import{W,C as O,P as G}from"./Preview.4c9c0c28.js";import"./ChevronDown16.d70ae9ed.js";import"./Loading.8dea5962.js";import"./Column.2e03e551.js";import"./Content.94950662.js";import"./store.a9279dc1.js";function P(n){let a,s;return{c(){a=o("title"),s=c(n[2])},l(t){a=i(t,"title",{},1);var e=r(a);s=u(e,n[2]),e.forEach(m)},m(n,t){p(n,a,t),d(a,s)},p(n,a){4&a&&k(s,n[2])},d(n){n&&m(a)}}}function Y(n){let a,s,t,c,u;const k=n[8].default,I=e(k,n,n[7],null),E=I||function(n){let a,s=n[2]&&P(n);return{c(){s&&s.c(),a=l()},l(n){s&&s.l(n),a=l()},m(n,t){s&&s.m(n,t),p(n,a,t)},p(n,t){n[2]?s?s.p(n,t):(s=P(n),s.c(),s.m(a.parentNode,a)):s&&(s.d(1),s=null)},d(n){s&&s.d(n),n&&m(a)}}}(n);let N=[{"data-carbon-icon":"CaretDownGlyph"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 8 4"},{fill:"currentColor"},{width:"8"},{height:"4"},{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},{style:n[3]},{id:n[1]},n[4]],C={};for(let n=0;n<N.length;n+=1)C=b(C,N[n]);return{c(){a=o("svg"),s=o("path"),E&&E.c(),this.h()},l(n){a=i(n,"svg",{"data-carbon-icon":!0,xmlns:!0,viewBox:!0,fill:!0,width:!0,height:!0,class:!0,preserveAspectRatio:!0,style:!0,id:!0},1);var t=r(a);s=i(t,"path",{d:!0},1),r(s).forEach(m),E&&E.l(t),t.forEach(m),this.h()},h(){$(s,"d","M8 0L4 4 0 0z"),f(a,C)},m(e,l){p(e,a,l),d(a,s),E&&E.m(a,null),t=!0,c||(u=[g(a,"click",n[9]),g(a,"mouseover",n[10]),g(a,"mouseenter",n[11]),g(a,"mouseleave",n[12]),g(a,"keyup",n[13]),g(a,"keydown",n[14])],c=!0)},p(n,[s]){I?I.p&&128&s&&h(I,k,n,n[7],s,null,null):E&&E.p&&4&s&&E.p(n,s),f(a,C=v(N,[{"data-carbon-icon":"CaretDownGlyph"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 8 4"},{fill:"currentColor"},{width:"8"},{height:"4"},(!t||1&s)&&{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},(!t||8&s)&&{style:n[3]},(!t||2&s)&&{id:n[1]},16&s&&n[4]]))},i(n){t||(x(E,n),t=!0)},o(n){w(E,n),t=!1},d(n){n&&m(a),E&&E.d(n),c=!1,y(u)}}}function q(n,a,s){let t,e,l,p,{$$slots:o={},$$scope:c}=a,{class:i}=a,{id:r}=a,{tabindex:u}=a,{focusable:m=!1}=a,{title:d}=a,{style:k}=a;return n.$$set=n=>{s(18,a=b(b({},a),I(n))),"class"in n&&s(0,i=n.class),"id"in n&&s(1,r=n.id),"tabindex"in n&&s(5,u=n.tabindex),"focusable"in n&&s(6,m=n.focusable),"title"in n&&s(2,d=n.title),"style"in n&&s(3,k=n.style),"$$scope"in n&&s(7,c=n.$$scope)},n.$$.update=()=>{s(15,t=a["aria-label"]),s(16,e=a["aria-labelledby"]),98308&n.$$.dirty&&s(17,l=t||e||d),229472&n.$$.dirty&&s(4,p={"aria-label":t,"aria-labelledby":e,"aria-hidden":!l||void 0,role:l?"img":void 0,focusable:"0"===u||m,tabindex:u})},a=I(a),[i,r,d,k,p,u,m,c,o,function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)}]}class F extends a{constructor(n){super(),s(this,n,q,Y,t,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}function J(n){let a,s;return{c(){a=o("title"),s=c(n[2])},l(t){a=i(t,"title",{},1);var e=r(a);s=u(e,n[2]),e.forEach(m)},m(n,t){p(n,a,t),d(a,s)},p(n,a){4&a&&k(s,n[2])},d(n){n&&m(a)}}}function Q(n){let a,s,t,c,u;const k=n[8].default,I=e(k,n,n[7],null),E=I||function(n){let a,s=n[2]&&J(n);return{c(){s&&s.c(),a=l()},l(n){s&&s.l(n),a=l()},m(n,t){s&&s.m(n,t),p(n,a,t)},p(n,t){n[2]?s?s.p(n,t):(s=J(n),s.c(),s.m(a.parentNode,a)):s&&(s.d(1),s=null)},d(n){s&&s.d(n),n&&m(a)}}}(n);let N=[{"data-carbon-icon":"CaretUpGlyph"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 8 4"},{fill:"currentColor"},{width:"8"},{height:"4"},{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},{style:n[3]},{id:n[1]},n[4]],C={};for(let n=0;n<N.length;n+=1)C=b(C,N[n]);return{c(){a=o("svg"),s=o("path"),E&&E.c(),this.h()},l(n){a=i(n,"svg",{"data-carbon-icon":!0,xmlns:!0,viewBox:!0,fill:!0,width:!0,height:!0,class:!0,preserveAspectRatio:!0,style:!0,id:!0},1);var t=r(a);s=i(t,"path",{d:!0},1),r(s).forEach(m),E&&E.l(t),t.forEach(m),this.h()},h(){$(s,"d","M0 4L4 0 8 4z"),f(a,C)},m(e,l){p(e,a,l),d(a,s),E&&E.m(a,null),t=!0,c||(u=[g(a,"click",n[9]),g(a,"mouseover",n[10]),g(a,"mouseenter",n[11]),g(a,"mouseleave",n[12]),g(a,"keyup",n[13]),g(a,"keydown",n[14])],c=!0)},p(n,[s]){I?I.p&&128&s&&h(I,k,n,n[7],s,null,null):E&&E.p&&4&s&&E.p(n,s),f(a,C=v(N,[{"data-carbon-icon":"CaretUpGlyph"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 8 4"},{fill:"currentColor"},{width:"8"},{height:"4"},(!t||1&s)&&{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},(!t||8&s)&&{style:n[3]},(!t||2&s)&&{id:n[1]},16&s&&n[4]]))},i(n){t||(x(E,n),t=!0)},o(n){w(E,n),t=!1},d(n){n&&m(a),E&&E.d(n),c=!1,y(u)}}}function K(n,a,s){let t,e,l,p,{$$slots:o={},$$scope:c}=a,{class:i}=a,{id:r}=a,{tabindex:u}=a,{focusable:m=!1}=a,{title:d}=a,{style:k}=a;return n.$$set=n=>{s(18,a=b(b({},a),I(n))),"class"in n&&s(0,i=n.class),"id"in n&&s(1,r=n.id),"tabindex"in n&&s(5,u=n.tabindex),"focusable"in n&&s(6,m=n.focusable),"title"in n&&s(2,d=n.title),"style"in n&&s(3,k=n.style),"$$scope"in n&&s(7,c=n.$$scope)},n.$$.update=()=>{s(15,t=a["aria-label"]),s(16,e=a["aria-labelledby"]),98308&n.$$.dirty&&s(17,l=t||e||d),229472&n.$$.dirty&&s(4,p={"aria-label":t,"aria-labelledby":e,"aria-hidden":!l||void 0,role:l?"img":void 0,focusable:"0"===u||m,tabindex:u})},a=I(a),[i,r,d,k,p,u,m,c,o,function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)}]}class X extends a{constructor(n){super(),s(this,n,K,Q,t,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}const Z=n=>({}),nn=n=>({}),an=n=>({}),sn=n=>({});function tn(n){let a,s,t,e,l,o,c,u,k,b,f,h,v,I,E,T,A,j,S,M,V,W=n[14]&&ln(n),O=n[11]&&pn();return f=new X({props:{class:"up-icon"}}),T=new F({props:{class:"down-icon"}}),{c(){W&&W.c(),a=_(),s=N("div"),t=N("input"),c=_(),O&&O.c(),u=_(),k=N("div"),b=N("button"),H(f.$$.fragment),I=_(),E=N("button"),H(T.$$.fragment),this.h()},l(n){W&&W.l(n),a=L(n),s=i(n,"DIV",{});var e=r(s);t=i(e,"INPUT",{type:!0,pattern:!0,"aria-describedby":!0,"data-invalid":!0,"aria-invalid":!0,"aria-label":!0,disabled:!0,id:!0,max:!0,min:!0,step:!0,value:!0,readonly:!0}),c=L(e),O&&O.l(e),u=L(e),k=i(e,"DIV",{});var l=r(k);b=i(l,"BUTTON",{type:!0,"aria-live":!0,"aria-atomic":!0,title:!0,"aria-label":!0,disabled:!0});var p=r(b);R(f.$$.fragment,p),p.forEach(m),I=L(l),E=i(l,"BUTTON",{type:!0,"aria-live":!0,"aria-atomic":!0,title:!0,"aria-label":!0,disabled:!0});var o=r(E);R(T.$$.fragment,o),o.forEach(m),l.forEach(m),e.forEach(m),this.h()},h(){$(t,"type","number"),$(t,"pattern","[0-9]*"),$(t,"aria-describedby",n[21]),$(t,"data-invalid",e=n[11]||void 0),$(t,"aria-invalid",l=n[11]||void 0),$(t,"aria-label",o=n[14]?void 0:n[22]),t.disabled=n[9],$(t,"id",n[16]),$(t,"max",n[4]),$(t,"min",n[5]),$(t,"step",n[3]),t.value=n[0],t.readOnly=n[7],$(b,"type","button"),$(b,"aria-live","polite"),$(b,"aria-atomic","true"),$(b,"title",h=n[18]||n[10]),$(b,"aria-label",v=n[18]||n[10]),b.disabled=n[9],C(b,"bx--number__control-btn",!0),C(b,"up-icon",!0),$(E,"type","button"),$(E,"aria-live","polite"),$(E,"aria-atomic","true"),$(E,"title",A=n[19]||n[10]),$(E,"aria-label",j=n[19]||n[10]),E.disabled=n[9],C(E,"bx--number__control-btn",!0),C(E,"down-icon",!0),C(k,"bx--number__controls",!0),C(s,"bx--number__input-wrapper",!0)},m(e,l){W&&W.m(e,l),p(e,a,l),p(e,s,l),d(s,t),n[40](t),d(s,c),O&&O.m(s,null),d(s,u),d(s,k),d(k,b),B(f,b,null),d(k,I),d(k,E),B(T,E,null),S=!0,M||(V=[g(t,"input",n[35]),g(t,"input",n[41]),g(b,"click",n[42]),g(E,"click",n[43])],M=!0)},p(n,p){n[14]?W?(W.p(n,p),16384&p[0]&&x(W,1)):(W=ln(n),W.c(),x(W,1),W.m(a.parentNode,a)):W&&(D(),w(W,1,1,()=>{W=null}),z()),(!S||2097152&p[0])&&$(t,"aria-describedby",n[21]),(!S||2048&p[0]&&e!==(e=n[11]||void 0))&&$(t,"data-invalid",e),(!S||2048&p[0]&&l!==(l=n[11]||void 0))&&$(t,"aria-invalid",l),(!S||4210688&p[0]&&o!==(o=n[14]?void 0:n[22]))&&$(t,"aria-label",o),(!S||512&p[0])&&(t.disabled=n[9]),(!S||65536&p[0])&&$(t,"id",n[16]),(!S||16&p[0])&&$(t,"max",n[4]),(!S||32&p[0])&&$(t,"min",n[5]),(!S||8&p[0])&&$(t,"step",n[3]),(!S||1&p[0])&&(t.value=n[0]),(!S||128&p[0])&&(t.readOnly=n[7]),n[11]?O?2048&p[0]&&x(O,1):(O=pn(),O.c(),x(O,1),O.m(s,u)):O&&(D(),w(O,1,1,()=>{O=null}),z()),(!S||263168&p[0]&&h!==(h=n[18]||n[10]))&&$(b,"title",h),(!S||263168&p[0]&&v!==(v=n[18]||n[10]))&&$(b,"aria-label",v),(!S||512&p[0])&&(b.disabled=n[9]),(!S||525312&p[0]&&A!==(A=n[19]||n[10]))&&$(E,"title",A),(!S||525312&p[0]&&j!==(j=n[19]||n[10]))&&$(E,"aria-label",j),(!S||512&p[0])&&(E.disabled=n[9])},i(n){S||(x(W),x(O),x(f.$$.fragment,n),x(T.$$.fragment,n),S=!0)},o(n){w(W),w(O),w(f.$$.fragment,n),w(T.$$.fragment,n),S=!1},d(t){W&&W.d(t),t&&m(a),t&&m(s),n[40](null),O&&O.d(),U(f),U(T),M=!1,y(V)}}}function en(n){let a,s,t,e,l,o,c,u,k,b,f,h,v,I,E,T=n[14]&&on(n);return e=new F({props:{class:"down-icon"}}),f=new X({props:{class:"up-icon"}}),{c(){T&&T.c(),a=_(),s=N("div"),t=N("button"),H(e.$$.fragment),o=_(),c=N("input"),k=_(),b=N("button"),H(f.$$.fragment),this.h()},l(n){T&&T.l(n),a=L(n),s=i(n,"DIV",{});var l=r(s);t=i(l,"BUTTON",{type:!0,"aria-live":!0,"aria-atomic":!0,title:!0,"aria-label":!0,disabled:!0});var p=r(t);R(e.$$.fragment,p),p.forEach(m),o=L(l),c=i(l,"INPUT",{type:!0,pattern:!0,"aria-label":!0,disabled:!0,id:!0,name:!0,max:!0,min:!0,step:!0,value:!0,readonly:!0}),k=L(l),b=i(l,"BUTTON",{type:!0,"aria-live":!0,"aria-atomic":!0,title:!0,"aria-label":!0,disabled:!0});var u=r(b);R(f.$$.fragment,u),u.forEach(m),l.forEach(m),this.h()},h(){$(t,"type","button"),$(t,"aria-live","polite"),$(t,"aria-atomic","true"),$(t,"title",n[19]),$(t,"aria-label",l=n[19]||n[10]),t.disabled=n[9],C(t,"bx--number__control-btn",!0),C(t,"down-icon",!0),$(c,"type","number"),$(c,"pattern","[0-9]*"),$(c,"aria-label",u=n[14]?void 0:n[22]),c.disabled=n[9],$(c,"id",n[16]),$(c,"name",n[17]),$(c,"max",n[4]),$(c,"min",n[5]),$(c,"step",n[3]),c.value=n[0],c.readOnly=n[7],$(b,"type","button"),$(b,"aria-live","polite"),$(b,"aria-atomic","true"),$(b,"title",n[18]),$(b,"aria-label",h=n[18]||n[10]),b.disabled=n[9],C(b,"bx--number__control-btn",!0),C(b,"up-icon",!0),C(s,"bx--number__input-wrapper",!0)},m(l,i){T&&T.m(l,i),p(l,a,i),p(l,s,i),d(s,t),B(e,t,null),d(s,o),d(s,c),n[37](c),d(s,k),d(s,b),B(f,b,null),v=!0,I||(E=[g(t,"click",n[36]),g(c,"input",n[34]),g(c,"input",n[38]),g(b,"click",n[39])],I=!0)},p(n,s){n[14]?T?(T.p(n,s),16384&s[0]&&x(T,1)):(T=on(n),T.c(),x(T,1),T.m(a.parentNode,a)):T&&(D(),w(T,1,1,()=>{T=null}),z()),(!v||524288&s[0])&&$(t,"title",n[19]),(!v||525312&s[0]&&l!==(l=n[19]||n[10]))&&$(t,"aria-label",l),(!v||512&s[0])&&(t.disabled=n[9]),(!v||4210688&s[0]&&u!==(u=n[14]?void 0:n[22]))&&$(c,"aria-label",u),(!v||512&s[0])&&(c.disabled=n[9]),(!v||65536&s[0])&&$(c,"id",n[16]),(!v||131072&s[0])&&$(c,"name",n[17]),(!v||16&s[0])&&$(c,"max",n[4]),(!v||32&s[0])&&$(c,"min",n[5]),(!v||8&s[0])&&$(c,"step",n[3]),(!v||1&s[0])&&(c.value=n[0]),(!v||128&s[0])&&(c.readOnly=n[7]),(!v||262144&s[0])&&$(b,"title",n[18]),(!v||263168&s[0]&&h!==(h=n[18]||n[10]))&&$(b,"aria-label",h),(!v||512&s[0])&&(b.disabled=n[9])},i(n){v||(x(T),x(e.$$.fragment,n),x(f.$$.fragment,n),v=!0)},o(n){w(T),w(e.$$.fragment,n),w(f.$$.fragment,n),v=!1},d(t){T&&T.d(t),t&&m(a),t&&m(s),U(e),n[37](null),U(f),I=!1,y(E)}}}function ln(n){let a,s;const t=n[29].label,l=e(t,n,n[28],nn),o=l||function(n){let a;return{c(){a=c(n[14])},l(s){a=u(s,n[14])},m(n,s){p(n,a,s)},p(n,s){16384&s[0]&&k(a,n[14])},d(n){n&&m(a)}}}(n);return{c(){a=N("label"),o&&o.c(),this.h()},l(n){a=i(n,"LABEL",{for:!0});var s=r(a);o&&o.l(s),s.forEach(m),this.h()},h(){$(a,"for",n[16]),C(a,"bx--label",!0),C(a,"bx--label--disabled",n[9]),C(a,"bx--visually-hidden",n[15])},m(n,t){p(n,a,t),o&&o.m(a,null),s=!0},p(n,e){l?l.p&&268435456&e[0]&&h(l,t,n,n[28],e,Z,nn):o&&o.p&&16384&e[0]&&o.p(n,e),(!s||65536&e[0])&&$(a,"for",n[16]),512&e[0]&&C(a,"bx--label--disabled",n[9]),32768&e[0]&&C(a,"bx--visually-hidden",n[15])},i(n){s||(x(o,n),s=!0)},o(n){w(o,n),s=!1},d(n){n&&m(a),o&&o.d(n)}}}function pn(n){let a,s;return a=new W({props:{class:"bx--number__invalid"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function on(n){let a,s;const t=n[29].label,l=e(t,n,n[28],sn),o=l||function(n){let a;return{c(){a=c(n[14])},l(s){a=u(s,n[14])},m(n,s){p(n,a,s)},p(n,s){16384&s[0]&&k(a,n[14])},d(n){n&&m(a)}}}(n);return{c(){a=N("label"),o&&o.c(),this.h()},l(n){a=i(n,"LABEL",{for:!0});var s=r(a);o&&o.l(s),s.forEach(m),this.h()},h(){$(a,"for",n[16]),C(a,"bx--label",!0),C(a,"bx--label--disabled",n[9]),C(a,"bx--visually-hidden",n[15])},m(n,t){p(n,a,t),o&&o.m(a,null),s=!0},p(n,e){l?l.p&&268435456&e[0]&&h(l,t,n,n[28],e,an,sn):o&&o.p&&16384&e[0]&&o.p(n,e),(!s||65536&e[0])&&$(a,"for",n[16]),512&e[0]&&C(a,"bx--label--disabled",n[9]),32768&e[0]&&C(a,"bx--visually-hidden",n[15])},i(n){s||(x(o,n),s=!0)},o(n){w(o,n),s=!1},d(n){n&&m(a),o&&o.d(n)}}}function cn(n){let a,s;return{c(){a=N("div"),s=c(n[13]),this.h()},l(t){a=i(t,"DIV",{});var e=r(a);s=u(e,n[13]),e.forEach(m),this.h()},h(){C(a,"bx--form__helper-text",!0),C(a,"bx--form__helper-text--disabled",n[9])},m(n,t){p(n,a,t),d(a,s)},p(n,t){8192&t[0]&&k(s,n[13]),512&t[0]&&C(a,"bx--form__helper-text--disabled",n[9])},d(n){n&&m(a)}}}function rn(n){let a,s;return{c(){a=N("div"),s=c(n[12]),this.h()},l(t){a=i(t,"DIV",{id:!0});var e=r(a);s=u(e,n[12]),e.forEach(m),this.h()},h(){$(a,"id",n[21]),C(a,"bx--form-requirement",!0)},m(n,t){p(n,a,t),d(a,s)},p(n,t){4096&t[0]&&k(s,n[12]),2097152&t[0]&&$(a,"id",n[21])},d(n){n&&m(a)}}}function un(n){let a,s,t,e,l,o,c,u,k,f,h;const I=[en,tn],E=[];function A(n,a){return n[8]?0:1}t=A(n),e=E[t]=I[t](n);let j=!n[20]&&n[13]&&cn(n),S=n[20]&&rn(n),M=[n[24]],H={};for(let n=0;n<M.length;n+=1)H=b(H,M[n]);return{c(){a=N("div"),s=N("div"),e.c(),l=_(),j&&j.c(),o=_(),S&&S.c(),this.h()},l(n){a=i(n,"DIV",{});var t=r(a);s=i(t,"DIV",{"data-invalid":!0,class:!0});var p=r(s);e.l(p),l=L(p),j&&j.l(p),o=L(p),S&&S.l(p),p.forEach(m),t.forEach(m),this.h()},h(){$(s,"data-invalid",c=n[20]||void 0),$(s,"class",u=n[2]&&"bx--number--"+n[2]),C(s,"bx--number",!0),C(s,"bx--number--helpertext",!0),C(s,"bx--number--readonly",n[7]),C(s,"bx--number--light",n[6]),C(s,"bx--number--nolabel",n[15]),C(s,"bx--number--mobile",n[8]),T(a,H),C(a,"bx--form-item",!0)},m(e,c){p(e,a,c),d(a,s),E[t].m(s,null),d(s,l),j&&j.m(s,null),d(s,o),S&&S.m(s,null),k=!0,f||(h=[g(a,"click",n[30]),g(a,"mouseover",n[31]),g(a,"mouseenter",n[32]),g(a,"mouseleave",n[33])],f=!0)},p(n,p){let i=t;t=A(n),t===i?E[t].p(n,p):(D(),w(E[i],1,1,()=>{E[i]=null}),z(),e=E[t],e||(e=E[t]=I[t](n),e.c()),x(e,1),e.m(s,l)),!n[20]&&n[13]?j?j.p(n,p):(j=cn(n),j.c(),j.m(s,o)):j&&(j.d(1),j=null),n[20]?S?S.p(n,p):(S=rn(n),S.c(),S.m(s,null)):S&&(S.d(1),S=null),(!k||1048576&p[0]&&c!==(c=n[20]||void 0))&&$(s,"data-invalid",c),(!k||4&p[0]&&u!==(u=n[2]&&"bx--number--"+n[2]))&&$(s,"class",u),4&p[0]&&C(s,"bx--number",!0),4&p[0]&&C(s,"bx--number--helpertext",!0),132&p[0]&&C(s,"bx--number--readonly",n[7]),68&p[0]&&C(s,"bx--number--light",n[6]),32772&p[0]&&C(s,"bx--number--nolabel",n[15]),260&p[0]&&C(s,"bx--number--mobile",n[8]),T(a,H=v(M,[16777216&p[0]&&n[24]])),C(a,"bx--form-item",!0)},i(n){k||(x(e),k=!0)},o(n){w(e),k=!1},d(n){n&&m(a),E[t].d(),j&&j.d(),S&&S.d(),f=!1,y(h)}}}function mn(n,a,s){const t=["size","value","step","max","min","light","readonly","mobile","allowEmpty","disabled","iconDescription","invalid","invalidText","helperText","label","hideLabel","translateWithId","translationIds","id","name","ref"];let e=A(a,t),{$$slots:l={},$$scope:p}=a,{size:o}=a,{value:c=""}=a,{step:i=1}=a,{max:r}=a,{min:u}=a,{light:m=!1}=a,{readonly:d=!1}=a,{mobile:k=!1}=a,{allowEmpty:$=!1}=a,{disabled:f=!1}=a,{iconDescription:g=""}=a,{invalid:h=!1}=a,{invalidText:v=""}=a,{helperText:x=""}=a,{label:w=""}=a,{hideLabel:y=!1}=a,{translateWithId:N=(n=>D[n])}=a;const C={increment:"increment",decrement:"decrement"};let{id:_="ccs-"+Math.random().toString(36)}=a,{name:L}=a,{ref:T=null}=a;const D={[C.increment]:"Increment number",[C.decrement]:"Decrement number"},z=j();function H(n){const a=s(0,c+=n*i);s(0,c=a<u?u:a>r?r:a)}S(()=>{z("change",c)});let R,B,U,V,W;return n.$$set=n=>{s(46,a=b(b({},a),I(n))),s(24,e=A(a,t)),"size"in n&&s(2,o=n.size),"value"in n&&s(0,c=n.value),"step"in n&&s(3,i=n.step),"max"in n&&s(4,r=n.max),"min"in n&&s(5,u=n.min),"light"in n&&s(6,m=n.light),"readonly"in n&&s(7,d=n.readonly),"mobile"in n&&s(8,k=n.mobile),"allowEmpty"in n&&s(25,$=n.allowEmpty),"disabled"in n&&s(9,f=n.disabled),"iconDescription"in n&&s(10,g=n.iconDescription),"invalid"in n&&s(11,h=n.invalid),"invalidText"in n&&s(12,v=n.invalidText),"helperText"in n&&s(13,x=n.helperText),"label"in n&&s(14,w=n.label),"hideLabel"in n&&s(15,y=n.hideLabel),"translateWithId"in n&&s(26,N=n.translateWithId),"id"in n&&s(16,_=n.id),"name"in n&&s(17,L=n.name),"ref"in n&&s(1,T=n.ref),"$$scope"in n&&s(28,p=n.$$scope)},n.$$.update=()=>{67108864&n.$$.dirty[0]&&s(18,R=N("increment")),67108864&n.$$.dirty[0]&&s(19,B=N("decrement")),1&n.$$.dirty[0]&&s(0,c=Number(c)),33556529&n.$$.dirty[0]&&s(20,U=h||!$&&""===c||c>r||c<u),65536&n.$$.dirty[0]&&s(21,V="error-"+_),s(22,W=a["aria-label"]||"Numeric input field with increment and decrement buttons")},a=I(a),[c,T,o,i,r,u,m,d,k,f,g,h,v,x,w,y,_,L,R,B,U,V,W,H,e,$,N,C,p,l,function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},()=>{H(-1)},function(n){M[n?"unshift":"push"](()=>{T=n,s(1,T)})},({target:n})=>{s(0,c=n.value)},()=>{H(1)},function(n){M[n?"unshift":"push"](()=>{T=n,s(1,T)})},({target:n})=>{s(0,c=n.value)},()=>{H(1)},()=>{H(-1)}]}class dn extends a{constructor(n){super(),s(this,n,mn,un,t,{size:2,value:0,step:3,max:4,min:5,light:6,readonly:7,mobile:8,allowEmpty:25,disabled:9,iconDescription:10,invalid:11,invalidText:12,helperText:13,label:14,hideLabel:15,translateWithId:26,translationIds:27,id:16,name:17,ref:1},[-1,-1])}get translationIds(){return this.$$.ctx[27]}}function kn(n){let a;return{c(){a=N("span"),this.h()},l(n){a=i(n,"SPAN",{}),r(a).forEach(m),this.h()},h(){C(a,"bx--label",!0),C(a,"bx--skeleton",!0)},m(n,s){p(n,a,s)},d(n){n&&m(a)}}}function bn(n){let a,s,t,e,l,o=!n[0]&&kn(),c=[n[1]],u={};for(let n=0;n<c.length;n+=1)u=b(u,c[n]);return{c(){a=N("div"),o&&o.c(),s=_(),t=N("div"),this.h()},l(n){a=i(n,"DIV",{});var e=r(a);o&&o.l(e),s=L(e),t=i(e,"DIV",{}),r(t).forEach(m),e.forEach(m),this.h()},h(){C(t,"bx--number",!0),C(t,"bx--skeleton",!0),T(a,u),C(a,"bx--form-item",!0)},m(c,i){p(c,a,i),o&&o.m(a,null),d(a,s),d(a,t),e||(l=[g(a,"click",n[2]),g(a,"mouseover",n[3]),g(a,"mouseenter",n[4]),g(a,"mouseleave",n[5])],e=!0)},p(n,[t]){n[0]?o&&(o.d(1),o=null):o||(o=kn(),o.c(),o.m(a,s)),T(a,u=v(c,[2&t&&n[1]])),C(a,"bx--form-item",!0)},i:V,o:V,d(n){n&&m(a),o&&o.d(),e=!1,y(l)}}}function $n(n,a,s){const t=["hideLabel"];let e=A(a,t),{hideLabel:l=!1}=a;return n.$$set=n=>{a=b(b({},a),I(n)),s(1,e=A(a,t)),"hideLabel"in n&&s(0,l=n.hideLabel)},[l,e,function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)},function(a){E(n,a)}]}class fn extends a{constructor(n){super(),s(this,n,$n,bn,t,{hideLabel:0})}}function gn(n){let a,s;return a=new dn({props:{label:"Clusters"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function hn(n){let a,s;return a=new dn({props:{label:"Clusters",helperText:"Clusters provisioned in your region"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function vn(n){let a,s;return a=new dn({props:{min:4,max:20,value:4,invalidText:"Number must be between 4 and 20.",helperText:"Clusters provisioned in your region",label:"Clusters (4 min, 20 max)"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function xn(n){let a,s;return a=new dn({props:{hideLabel:!0,label:"Clusters"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function wn(n){let a,s;return a=new dn({props:{light:!0,label:"Clusters"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function yn(n){let a,s;return a=new dn({props:{mobile:!0,label:"Clusters"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function In(n){let a,s;return a=new dn({props:{size:"xl",label:"Clusters"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function En(n){let a,s;return a=new dn({props:{size:"sm",label:"Clusters"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function Nn(n){let a,s;return a=new dn({props:{invalid:!0,invalidText:"An error occurred",label:"Clusters"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function Cn(n){let a,s;return a=new dn({props:{disabled:!0,label:"Clusters"}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function _n(n){let a,s;return a=new fn({}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function Ln(n){let a,s;return a=new fn({props:{hideLabel:!0}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p:V,i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}function Tn(n){let a,s,t,e,l,o,k,b,f,g,h,v,x,w,y,I,E,C,T,D,z,A,j,S,M,H,R,B,U,V,W,O,G,P,Y,q,F,J,Q,K,X,Z,nn,an,sn,tn,en,ln,pn,on,cn,rn,un,mn;return{c(){a=N("div"),s=N("ul"),t=N("li"),e=N("a"),l=c("Usage"),o=_(),k=N("ul"),b=N("li"),f=N("a"),g=c("Default"),h=_(),v=N("li"),x=N("a"),w=c("With helper text"),y=_(),I=N("li"),E=N("a"),C=c("Minimum and maximum values"),T=_(),D=N("li"),z=N("a"),A=c("Hidden label"),j=_(),S=N("li"),M=N("a"),H=c("Light variant"),R=_(),B=N("li"),U=N("a"),V=c("Mobile variant"),W=_(),O=N("li"),G=N("a"),P=c("Extra-large size"),Y=_(),q=N("li"),F=N("a"),J=c("Small size"),Q=_(),K=N("li"),X=N("a"),Z=c("Invalid state"),nn=_(),an=N("li"),sn=N("a"),tn=c("Disabled state"),en=_(),ln=N("li"),pn=N("a"),on=c("Skeleton"),cn=_(),rn=N("li"),un=N("a"),mn=c("Skeleton without label"),this.h()},l(n){a=i(n,"DIV",{slot:!0});var p=r(a);s=i(p,"UL",{class:!0});var c=r(s);t=i(c,"LI",{class:!0});var d=r(t);e=i(d,"A",{class:!0,href:!0});var $=r(e);l=u($,"Usage"),$.forEach(m),o=L(d),k=i(d,"UL",{class:!0});var N=r(k);b=i(N,"LI",{class:!0});var _=r(b);f=i(_,"A",{class:!0,href:!0});var dn=r(f);g=u(dn,"Default"),dn.forEach(m),_.forEach(m),h=L(N),v=i(N,"LI",{class:!0});var kn=r(v);x=i(kn,"A",{class:!0,href:!0});var bn=r(x);w=u(bn,"With helper text"),bn.forEach(m),kn.forEach(m),y=L(N),I=i(N,"LI",{class:!0});var $n=r(I);E=i($n,"A",{class:!0,href:!0});var fn=r(E);C=u(fn,"Minimum and maximum values"),fn.forEach(m),$n.forEach(m),T=L(N),D=i(N,"LI",{class:!0});var gn=r(D);z=i(gn,"A",{class:!0,href:!0});var hn=r(z);A=u(hn,"Hidden label"),hn.forEach(m),gn.forEach(m),j=L(N),S=i(N,"LI",{class:!0});var vn=r(S);M=i(vn,"A",{class:!0,href:!0});var xn=r(M);H=u(xn,"Light variant"),xn.forEach(m),vn.forEach(m),R=L(N),B=i(N,"LI",{class:!0});var wn=r(B);U=i(wn,"A",{class:!0,href:!0});var yn=r(U);V=u(yn,"Mobile variant"),yn.forEach(m),wn.forEach(m),W=L(N),O=i(N,"LI",{class:!0});var In=r(O);G=i(In,"A",{class:!0,href:!0});var En=r(G);P=u(En,"Extra-large size"),En.forEach(m),In.forEach(m),Y=L(N),q=i(N,"LI",{class:!0});var Nn=r(q);F=i(Nn,"A",{class:!0,href:!0});var Cn=r(F);J=u(Cn,"Small size"),Cn.forEach(m),Nn.forEach(m),Q=L(N),K=i(N,"LI",{class:!0});var _n=r(K);X=i(_n,"A",{class:!0,href:!0});var Ln=r(X);Z=u(Ln,"Invalid state"),Ln.forEach(m),_n.forEach(m),nn=L(N),an=i(N,"LI",{class:!0});var Tn=r(an);sn=i(Tn,"A",{class:!0,href:!0});var Dn=r(sn);tn=u(Dn,"Disabled state"),Dn.forEach(m),Tn.forEach(m),en=L(N),ln=i(N,"LI",{class:!0});var zn=r(ln);pn=i(zn,"A",{class:!0,href:!0});var An=r(pn);on=u(An,"Skeleton"),An.forEach(m),zn.forEach(m),cn=L(N),rn=i(N,"LI",{class:!0});var jn=r(rn);un=i(jn,"A",{class:!0,href:!0});var Sn=r(un);mn=u(Sn,"Skeleton without label"),Sn.forEach(m),jn.forEach(m),N.forEach(m),d.forEach(m),c.forEach(m),p.forEach(m),this.h()},h(){$(e,"class","bx--link"),$(e,"href","#usage"),$(f,"class","bx--link"),$(f,"href","#default"),$(b,"class","bx--list__item"),$(x,"class","bx--link"),$(x,"href","#with-helper-text"),$(v,"class","bx--list__item"),$(E,"class","bx--link"),$(E,"href","#minimum-and-maximum-values"),$(I,"class","bx--list__item"),$(z,"class","bx--link"),$(z,"href","#hidden-label"),$(D,"class","bx--list__item"),$(M,"class","bx--link"),$(M,"href","#light-variant"),$(S,"class","bx--list__item"),$(U,"class","bx--link"),$(U,"href","#mobile-variant"),$(B,"class","bx--list__item"),$(G,"class","bx--link"),$(G,"href","#extra-large-size"),$(O,"class","bx--list__item"),$(F,"class","bx--link"),$(F,"href","#small-size"),$(q,"class","bx--list__item"),$(X,"class","bx--link"),$(X,"href","#invalid-state"),$(K,"class","bx--list__item"),$(sn,"class","bx--link"),$(sn,"href","#disabled-state"),$(an,"class","bx--list__item"),$(pn,"class","bx--link"),$(pn,"href","#skeleton"),$(ln,"class","bx--list__item"),$(un,"class","bx--link"),$(un,"href","#skeleton-without-label"),$(rn,"class","bx--list__item"),$(k,"class","bx--list--unordered bx--list--nested"),$(t,"class","bx--list__item"),$(s,"class","bx--list--unordered"),$(a,"slot","aside")},m(n,c){p(n,a,c),d(a,s),d(s,t),d(t,e),d(e,l),d(t,o),d(t,k),d(k,b),d(b,f),d(f,g),d(k,h),d(k,v),d(v,x),d(x,w),d(k,y),d(k,I),d(I,E),d(E,C),d(k,T),d(k,D),d(D,z),d(z,A),d(k,j),d(k,S),d(S,M),d(M,H),d(k,R),d(k,B),d(B,U),d(U,V),d(k,W),d(k,O),d(O,G),d(G,P),d(k,Y),d(k,q),d(q,F),d(F,J),d(k,Q),d(k,K),d(K,X),d(X,Z),d(k,nn),d(k,an),d(an,sn),d(sn,tn),d(k,en),d(k,ln),d(ln,pn),d(pn,on),d(k,cn),d(k,rn),d(rn,un),d(un,mn)},d(n){n&&m(a)}}}function Dn(n){let a,s,t,e,l,o,k,b,f,g,h,v,y,I,E,C,T,D,z,A,j,S,M,V,W,O,P,Y,q,F,J,Q,K,X,Z,nn,an,sn,tn,en,ln,pn,on,cn,rn,un,mn,dn,kn,bn,$n,fn,Tn,Dn,zn,An,jn,Sn,Mn,Hn,Rn;return e=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput label="Clusters" />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[gn]},$$scope:{ctx:n}}}),f=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput\n label="Clusters"\n helperText="Clusters provisioned in your region"\n/>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span>\n <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span>\n <span class="token attr-name">helperText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters provisioned in your region<span class="token punctuation">"</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[hn]},$$scope:{ctx:n}}}),I=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput\n min={4}\n max={20}\n value={4}\n invalidText="Number must be between 4 and 20."\n helperText="Clusters provisioned in your region"\n label="Clusters (4 min, 20 max)"\n/>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span>\n <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">4</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">20</span><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">4</span><span class="token punctuation">}</span></span>\n <span class="token attr-name">invalidText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Number must be between 4 and 20.<span class="token punctuation">"</span></span>\n <span class="token attr-name">helperText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters provisioned in your region<span class="token punctuation">"</span></span>\n <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters (4 min, 20 max)<span class="token punctuation">"</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[vn]},$$scope:{ctx:n}}}),z=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput hideLabel label="Clusters" />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span> <span class="token attr-name">hideLabel</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[xn]},$$scope:{ctx:n}}}),V=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput light label="Clusters" />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span> <span class="token attr-name">light</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[wn]},$$scope:{ctx:n}}}),q=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput mobile label="Clusters" />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span> <span class="token attr-name">mobile</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[yn]},$$scope:{ctx:n}}}),X=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput size="xl" label="Clusters" />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>xl<span class="token punctuation">"</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[In]},$$scope:{ctx:n}}}),tn=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput size="sm" label="Clusters" />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sm<span class="token punctuation">"</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[En]},$$scope:{ctx:n}}}),cn=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput invalid invalidText="An error occurred" label="Clusters" />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span> <span class="token attr-name">invalid</span> <span class="token attr-name">invalidText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>An error occurred<span class="token punctuation">"</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[Nn]},$$scope:{ctx:n}}}),kn=new G({props:{codeRaw:'<script>\n import { NumberInput } from "carbon-components-svelte";\n<\/script>\n\n<NumberInput disabled label="Clusters" />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInput <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInput</span> <span class="token attr-name">disabled</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Clusters<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[Cn]},$$scope:{ctx:n}}}),Dn=new G({props:{codeRaw:'<script>\n import { NumberInputSkeleton } from "carbon-components-svelte";\n<\/script>\n\n<NumberInputSkeleton />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInputSkeleton <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInputSkeleton</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[_n]},$$scope:{ctx:n}}}),Mn=new G({props:{codeRaw:'<script>\n import { NumberInputSkeleton } from "carbon-components-svelte";\n<\/script>\n\n<NumberInputSkeleton hideLabel />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> NumberInputSkeleton <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>NumberInputSkeleton</span> <span class="token attr-name">hideLabel</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[Ln]},$$scope:{ctx:n}}}),{c(){a=N("h3"),s=c("Default"),t=_(),H(e.$$.fragment),l=_(),o=N("h3"),k=c("With helper text"),b=_(),H(f.$$.fragment),g=_(),h=N("h3"),v=c("Minimum and maximum values"),y=_(),H(I.$$.fragment),E=_(),C=N("h3"),T=c("Hidden label"),D=_(),H(z.$$.fragment),A=_(),j=N("h3"),S=c("Light variant"),M=_(),H(V.$$.fragment),W=_(),O=N("h3"),P=c("Mobile variant"),Y=_(),H(q.$$.fragment),F=_(),J=N("h3"),Q=c("Extra-large size"),K=_(),H(X.$$.fragment),Z=_(),nn=N("h3"),an=c("Small size"),sn=_(),H(tn.$$.fragment),en=_(),ln=N("h3"),pn=c("Invalid state"),on=_(),H(cn.$$.fragment),rn=_(),un=N("h3"),mn=c("Disabled state"),dn=_(),H(kn.$$.fragment),bn=_(),$n=N("h3"),fn=c("Skeleton"),Tn=_(),H(Dn.$$.fragment),zn=_(),An=N("h3"),jn=c("Skeleton without label"),Sn=_(),H(Mn.$$.fragment),Hn=_(),this.h()},l(n){a=i(n,"H3",{id:!0});var p=r(a);s=u(p,"Default"),p.forEach(m),t=L(n),R(e.$$.fragment,n),l=L(n),o=i(n,"H3",{id:!0});var c=r(o);k=u(c,"With helper text"),c.forEach(m),b=L(n),R(f.$$.fragment,n),g=L(n),h=i(n,"H3",{id:!0});var d=r(h);v=u(d,"Minimum and maximum values"),d.forEach(m),y=L(n),R(I.$$.fragment,n),E=L(n),C=i(n,"H3",{id:!0});var $=r(C);T=u($,"Hidden label"),$.forEach(m),D=L(n),R(z.$$.fragment,n),A=L(n),j=i(n,"H3",{id:!0});var x=r(j);S=u(x,"Light variant"),x.forEach(m),M=L(n),R(V.$$.fragment,n),W=L(n),O=i(n,"H3",{id:!0});var w=r(O);P=u(w,"Mobile variant"),w.forEach(m),Y=L(n),R(q.$$.fragment,n),F=L(n),J=i(n,"H3",{id:!0});var N=r(J);Q=u(N,"Extra-large size"),N.forEach(m),K=L(n),R(X.$$.fragment,n),Z=L(n),nn=i(n,"H3",{id:!0});var _=r(nn);an=u(_,"Small size"),_.forEach(m),sn=L(n),R(tn.$$.fragment,n),en=L(n),ln=i(n,"H3",{id:!0});var H=r(ln);pn=u(H,"Invalid state"),H.forEach(m),on=L(n),R(cn.$$.fragment,n),rn=L(n),un=i(n,"H3",{id:!0});var B=r(un);mn=u(B,"Disabled state"),B.forEach(m),dn=L(n),R(kn.$$.fragment,n),bn=L(n),$n=i(n,"H3",{id:!0});var U=r($n);fn=u(U,"Skeleton"),U.forEach(m),Tn=L(n),R(Dn.$$.fragment,n),zn=L(n),An=i(n,"H3",{id:!0});var G=r(An);jn=u(G,"Skeleton without label"),G.forEach(m),Sn=L(n),R(Mn.$$.fragment,n),Hn=L(n),this.h()},h(){$(a,"id","default"),$(o,"id","with-helper-text"),$(h,"id","minimum-and-maximum-values"),$(C,"id","hidden-label"),$(j,"id","light-variant"),$(O,"id","mobile-variant"),$(J,"id","extra-large-size"),$(nn,"id","small-size"),$(ln,"id","invalid-state"),$(un,"id","disabled-state"),$($n,"id","skeleton"),$(An,"id","skeleton-without-label")},m(n,c){p(n,a,c),d(a,s),p(n,t,c),B(e,n,c),p(n,l,c),p(n,o,c),d(o,k),p(n,b,c),B(f,n,c),p(n,g,c),p(n,h,c),d(h,v),p(n,y,c),B(I,n,c),p(n,E,c),p(n,C,c),d(C,T),p(n,D,c),B(z,n,c),p(n,A,c),p(n,j,c),d(j,S),p(n,M,c),B(V,n,c),p(n,W,c),p(n,O,c),d(O,P),p(n,Y,c),B(q,n,c),p(n,F,c),p(n,J,c),d(J,Q),p(n,K,c),B(X,n,c),p(n,Z,c),p(n,nn,c),d(nn,an),p(n,sn,c),B(tn,n,c),p(n,en,c),p(n,ln,c),d(ln,pn),p(n,on,c),B(cn,n,c),p(n,rn,c),p(n,un,c),d(un,mn),p(n,dn,c),B(kn,n,c),p(n,bn,c),p(n,$n,c),d($n,fn),p(n,Tn,c),B(Dn,n,c),p(n,zn,c),p(n,An,c),d(An,jn),p(n,Sn,c),B(Mn,n,c),p(n,Hn,c),Rn=!0},p(n,a){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),e.$set(s);const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),f.$set(t);const l={};1&a&&(l.$$scope={dirty:a,ctx:n}),I.$set(l);const p={};1&a&&(p.$$scope={dirty:a,ctx:n}),z.$set(p);const o={};1&a&&(o.$$scope={dirty:a,ctx:n}),V.$set(o);const c={};1&a&&(c.$$scope={dirty:a,ctx:n}),q.$set(c);const i={};1&a&&(i.$$scope={dirty:a,ctx:n}),X.$set(i);const r={};1&a&&(r.$$scope={dirty:a,ctx:n}),tn.$set(r);const u={};1&a&&(u.$$scope={dirty:a,ctx:n}),cn.$set(u);const m={};1&a&&(m.$$scope={dirty:a,ctx:n}),kn.$set(m);const d={};1&a&&(d.$$scope={dirty:a,ctx:n}),Dn.$set(d);const k={};1&a&&(k.$$scope={dirty:a,ctx:n}),Mn.$set(k)},i(n){Rn||(x(e.$$.fragment,n),x(f.$$.fragment,n),x(I.$$.fragment,n),x(z.$$.fragment,n),x(V.$$.fragment,n),x(q.$$.fragment,n),x(X.$$.fragment,n),x(tn.$$.fragment,n),x(cn.$$.fragment,n),x(kn.$$.fragment,n),x(Dn.$$.fragment,n),x(Mn.$$.fragment,n),Rn=!0)},o(n){w(e.$$.fragment,n),w(f.$$.fragment,n),w(I.$$.fragment,n),w(z.$$.fragment,n),w(V.$$.fragment,n),w(q.$$.fragment,n),w(X.$$.fragment,n),w(tn.$$.fragment,n),w(cn.$$.fragment,n),w(kn.$$.fragment,n),w(Dn.$$.fragment,n),w(Mn.$$.fragment,n),Rn=!1},d(n){n&&m(a),n&&m(t),U(e,n),n&&m(l),n&&m(o),n&&m(b),U(f,n),n&&m(g),n&&m(h),n&&m(y),U(I,n),n&&m(E),n&&m(C),n&&m(D),U(z,n),n&&m(A),n&&m(j),n&&m(M),U(V,n),n&&m(W),n&&m(O),n&&m(Y),U(q,n),n&&m(F),n&&m(J),n&&m(K),U(X,n),n&&m(Z),n&&m(nn),n&&m(sn),U(tn,n),n&&m(en),n&&m(ln),n&&m(on),U(cn,n),n&&m(rn),n&&m(un),n&&m(dn),U(kn,n),n&&m(bn),n&&m($n),n&&m(Tn),U(Dn,n),n&&m(zn),n&&m(An),n&&m(Sn),U(Mn,n),n&&m(Hn)}}}function zn(n){let a,s;return a=new O({props:{$$slots:{default:[Dn],aside:[Tn]},$$scope:{ctx:n}}}),{c(){H(a.$$.fragment)},l(n){R(a.$$.fragment,n)},m(n,t){B(a,n,t),s=!0},p(n,[s]){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(x(a.$$.fragment,n),s=!0)},o(n){w(a.$$.fragment,n),s=!1},d(n){U(a,n)}}}export default class extends a{constructor(n){super(),s(this,n,null,zn,t,{})}}
|