carbon-components-svelte/assets/Toggle.3e0de855.js

let a=document.createElement("style");a.innerHTML="",document.head.appendChild(a);import{S as n,i as s,s as t,w as e,g as o,j as l,h as p,k as c,l as i,p as r,n as u,o as g,N as f,y as k,x as d,q as m,r as $,I as b,M as h,A as x,Y as v,J as T,B as E,C as w,G as _,c as y,a as A,m as P,t as S,b as j,d as L}from"./index.e7d8faec.js";import"./Button.2d988908.js";import"./index.afebacfb.js";import{C as D,P as N}from"./Preview.56cdfa1f.js";import"./ChevronDown16.a487f433.js";import"./Loading.f65f7ed1.js";import"./Column.a6aa8264.js";import"./Content.9363af19.js";import"./store.7f148588.js";function B(a){let n,s,t,E,w,_,y,A,P,S,j,L,D,N,B,I=[a[7]],C={};for(let a=0;a<I.length;a+=1)C=e(C,I[a]);return{c(){n=o("div"),s=o("input"),t=l(),E=o("label"),w=p(a[4]),_=l(),y=o("span"),A=o("span"),P=p(a[2]),S=l(),j=o("span"),L=p(a[3]),this.h()},l(e){n=c(e,"DIV",{});var o=i(n);s=c(o,"INPUT",{type:!0,checked:!0,disabled:!0,id:!0,name:!0}),t=r(o),E=c(o,"LABEL",{"aria-label":!0,for:!0});var l=i(E);w=u(l,a[4]),_=r(l),y=c(l,"SPAN",{});var p=i(y);A=c(p,"SPAN",{"aria-hidden":!0});var f=i(A);P=u(f,a[2]),f.forEach(g),S=r(p),j=c(p,"SPAN",{"aria-hidden":!0});var k=i(j);L=u(k,a[3]),k.forEach(g),p.forEach(g),l.forEach(g),o.forEach(g),this.h()},h(){f(s,"type","checkbox"),s.checked=a[0],s.disabled=a[1],f(s,"id",a[5]),f(s,"name",a[6]),k(s,"bx--toggle-input",!0),f(A,"aria-hidden","true"),k(A,"bx--toggle__text--off",!0),f(j,"aria-hidden","true"),k(j,"bx--toggle__text--on",!0),k(y,"bx--toggle__switch",!0),f(E,"aria-label",D=a[4]?void 0:a[8]["aria-label"]||"Toggle"),f(E,"for",a[5]),k(E,"bx--toggle-input__label",!0),d(n,C),k(n,"bx--form-item",!0)},m(e,o){m(e,n,o),$(n,s),$(n,t),$(n,E),$(E,w),$(E,_),$(E,y),$(y,A),$(A,P),$(y,S),$(y,j),$(j,L),N||(B=[b(s,"change",a[13]),b(s,"change",a[17]),b(s,"keyup",a[14]),b(s,"keyup",a[18]),b(s,"focus",a[15]),b(s,"blur",a[16]),b(n,"click",a[9]),b(n,"mouseover",a[10]),b(n,"mouseenter",a[11]),b(n,"mouseleave",a[12])],N=!0)},p(a,[t]){1&t&&(s.checked=a[0]),2&t&&(s.disabled=a[1]),32&t&&f(s,"id",a[5]),64&t&&f(s,"name",a[6]),16&t&&h(w,a[4]),4&t&&h(P,a[2]),8&t&&h(L,a[3]),272&t&&D!==(D=a[4]?void 0:a[8]["aria-label"]||"Toggle")&&f(E,"aria-label",D),32&t&&f(E,"for",a[5]),d(n,C=x(I,[128&t&&a[7]])),k(n,"bx--form-item",!0)},i:v,o:v,d(a){a&&g(n),N=!1,T(B)}}}function I(a,n,s){const t=["toggled","disabled","labelA","labelB","labelText","id","name"];let o=E(n,t),{toggled:l=!1}=n,{disabled:p=!1}=n,{labelA:c="Off"}=n,{labelB:i="On"}=n,{labelText:r=""}=n,{id:u="ccs-"+Math.random().toString(36)}=n,{name:g}=n;return a.$$set=a=>{s(8,n=e(e({},n),w(a))),s(7,o=E(n,t)),"toggled"in a&&s(0,l=a.toggled),"disabled"in a&&s(1,p=a.disabled),"labelA"in a&&s(2,c=a.labelA),"labelB"in a&&s(3,i=a.labelB),"labelText"in a&&s(4,r=a.labelText),"id"in a&&s(5,u=a.id),"name"in a&&s(6,g=a.name)},n=w(n),[l,p,c,i,r,u,g,o,n,function(n){_(a,n)},function(n){_(a,n)},function(n){_(a,n)},function(n){_(a,n)},function(n){_(a,n)},function(n){_(a,n)},function(n){_(a,n)},function(n){_(a,n)},()=>{s(0,l=!l)},a=>{" "!==a.key&&"Enter"!==a.key||(a.preventDefault(),s(0,l=!l))}]}class C extends n{constructor(a){super(),s(this,a,I,B,t,{toggled:0,disabled:1,labelA:2,labelB:3,labelText:4,id:5,name:6})}}function H(a){let n,s;return{c(){n=o("span"),s=p(a[0]),this.h()},l(t){n=c(t,"SPAN",{});var e=i(n);s=u(e,a[0]),e.forEach(g),this.h()},h(){k(n,"bx--toggle__label-text",!0)},m(a,t){m(a,n,t),$(n,s)},p(a,n){1&n&&h(s,a[0])},d(a){a&&g(n)}}}function U(a){let n,s,t,p,u,h,E,w,_,y,A,P,S,j=a[0]&&H(a),L=[a[2]],D={};for(let a=0;a<L.length;a+=1)D=e(D,L[a]);return{c(){n=o("div"),s=o("input"),t=l(),p=o("label"),j&&j.c(),u=l(),h=o("span"),E=l(),w=o("span"),_=l(),y=o("span"),this.h()},l(a){n=c(a,"DIV",{});var e=i(n);s=c(e,"INPUT",{type:!0,id:!0}),t=r(e),p=c(e,"LABEL",{"aria-label":!0,for:!0});var o=i(p);j&&j.l(o),u=r(o),h=c(o,"SPAN",{}),i(h).forEach(g),E=r(o),w=c(o,"SPAN",{}),i(w).forEach(g),_=r(o),y=c(o,"SPAN",{}),i(y).forEach(g),o.forEach(g),e.forEach(g),this.h()},h(){f(s,"type","checkbox"),f(s,"id",a[1]),k(s,"bx--toggle",!0),k(s,"bx--skeleton",!0),k(h,"bx--toggle__text--left",!0),k(w,"bx--toggle__appearance",!0),k(y,"bx--toggle__text--right",!0),f(p,"aria-label",A=a[0]?void 0:a[3]["aria-label"]||"Toggle is loading"),f(p,"for",a[1]),k(p,"bx--toggle__label",!0),k(p,"bx--skeleton",!0),d(n,D),k(n,"bx--form-item",!0)},m(e,o){m(e,n,o),$(n,s),$(n,t),$(n,p),j&&j.m(p,null),$(p,u),$(p,h),$(p,E),$(p,w),$(p,_),$(p,y),P||(S=[b(n,"click",a[4]),b(n,"mouseover",a[5]),b(n,"mouseenter",a[6]),b(n,"mouseleave",a[7])],P=!0)},p(a,[t]){2&t&&f(s,"id",a[1]),a[0]?j?j.p(a,t):(j=H(a),j.c(),j.m(p,u)):j&&(j.d(1),j=null),9&t&&A!==(A=a[0]?void 0:a[3]["aria-label"]||"Toggle is loading")&&f(p,"aria-label",A),2&t&&f(p,"for",a[1]),d(n,D=x(L,[4&t&&a[2]])),k(n,"bx--form-item",!0)},i:v,o:v,d(a){a&&g(n),j&&j.d(),P=!1,T(S)}}}function R(a,n,s){const t=["labelText","id"];let o=E(n,t),{labelText:l=""}=n,{id:p="ccs-"+Math.random().toString(36)}=n;return a.$$set=a=>{s(3,n=e(e({},n),w(a))),s(2,o=E(n,t)),"labelText"in a&&s(0,l=a.labelText),"id"in a&&s(1,p=a.id)},n=w(n),[l,p,o,n,function(n){_(a,n)},function(n){_(a,n)},function(n){_(a,n)},function(n){_(a,n)}]}class M extends n{constructor(a){super(),s(this,a,R,U,t,{labelText:0,id:1})}}function Y(a){let n,s;return n=new C({props:{labelText:"Push notifications"}}),{c(){y(n.$$.fragment)},l(a){A(n.$$.fragment,a)},m(a,t){P(n,a,t),s=!0},p:v,i(a){s||(S(n.$$.fragment,a),s=!0)},o(a){j(n.$$.fragment,a),s=!1},d(a){L(n,a)}}}function V(a){let n,s;return n=new C({props:{labelText:"Push notifications",toggled:!0}}),{c(){y(n.$$.fragment)},l(a){A(n.$$.fragment,a)},m(a,t){P(n,a,t),s=!0},p:v,i(a){s||(S(n.$$.fragment,a),s=!0)},o(a){j(n.$$.fragment,a),s=!1},d(a){L(n,a)}}}function O(a){let n,s;return n=new C({props:{labelText:"Push notifications",labelA:"No",labelB:"Yes"}}),{c(){y(n.$$.fragment)},l(a){A(n.$$.fragment,a)},m(a,t){P(n,a,t),s=!0},p:v,i(a){s||(S(n.$$.fragment,a),s=!0)},o(a){j(n.$$.fragment,a),s=!1},d(a){L(n,a)}}}function q(a){let n,s;return n=new C({props:{labelText:"Push notifications",disabled:!0}}),{c(){y(n.$$.fragment)},l(a){A(n.$$.fragment,a)},m(a,t){P(n,a,t),s=!0},p:v,i(a){s||(S(n.$$.fragment,a),s=!0)},o(a){j(n.$$.fragment,a),s=!1},d(a){L(n,a)}}}function G(a){let n,s;return n=new M({}),{c(){y(n.$$.fragment)},l(a){A(n.$$.fragment,a)},m(a,t){P(n,a,t),s=!0},i(a){s||(S(n.$$.fragment,a),s=!0)},o(a){j(n.$$.fragment,a),s=!1},d(a){L(n,a)}}}function J(a){let n,s,t,e,k,d,b,h,x,v,T,E,w,_,y,A,P,S,j,L,D,N,B,I,C,H;return{c(){n=o("div"),s=o("ul"),t=o("li"),e=o("a"),k=p("Usage"),d=l(),b=o("ul"),h=o("li"),x=o("a"),v=p("Default (untoggled)"),T=l(),E=o("li"),w=o("a"),_=p("Toggled"),y=l(),A=o("li"),P=o("a"),S=p("Custom labels"),j=l(),L=o("li"),D=o("a"),N=p("Disabled"),B=l(),I=o("li"),C=o("a"),H=p("Skeleton"),this.h()},l(a){n=c(a,"DIV",{slot:!0});var o=i(n);s=c(o,"UL",{class:!0});var l=i(s);t=c(l,"LI",{class:!0});var p=i(t);e=c(p,"A",{class:!0,href:!0});var f=i(e);k=u(f,"Usage"),f.forEach(g),d=r(p),b=c(p,"UL",{class:!0});var m=i(b);h=c(m,"LI",{class:!0});var $=i(h);x=c($,"A",{class:!0,href:!0});var U=i(x);v=u(U,"Default (untoggled)"),U.forEach(g),$.forEach(g),T=r(m),E=c(m,"LI",{class:!0});var R=i(E);w=c(R,"A",{class:!0,href:!0});var M=i(w);_=u(M,"Toggled"),M.forEach(g),R.forEach(g),y=r(m),A=c(m,"LI",{class:!0});var Y=i(A);P=c(Y,"A",{class:!0,href:!0});var V=i(P);S=u(V,"Custom labels"),V.forEach(g),Y.forEach(g),j=r(m),L=c(m,"LI",{class:!0});var O=i(L);D=c(O,"A",{class:!0,href:!0});var q=i(D);N=u(q,"Disabled"),q.forEach(g),O.forEach(g),B=r(m),I=c(m,"LI",{class:!0});var G=i(I);C=c(G,"A",{class:!0,href:!0});var J=i(C);H=u(J,"Skeleton"),J.forEach(g),G.forEach(g),m.forEach(g),p.forEach(g),l.forEach(g),o.forEach(g),this.h()},h(){f(e,"class","bx--link"),f(e,"href","#usage"),f(x,"class","bx--link"),f(x,"href","#default-untoggled"),f(h,"class","bx--list__item"),f(w,"class","bx--link"),f(w,"href","#toggled"),f(E,"class","bx--list__item"),f(P,"class","bx--link"),f(P,"href","#custom-labels"),f(A,"class","bx--list__item"),f(D,"class","bx--link"),f(D,"href","#disabled"),f(L,"class","bx--list__item"),f(C,"class","bx--link"),f(C,"href","#skeleton"),f(I,"class","bx--list__item"),f(b,"class","bx--list--unordered bx--list--nested"),f(t,"class","bx--list__item"),f(s,"class","bx--list--unordered"),f(n,"slot","aside")},m(a,o){m(a,n,o),$(n,s),$(s,t),$(t,e),$(e,k),$(t,d),$(t,b),$(b,h),$(h,x),$(x,v),$(b,T),$(b,E),$(E,w),$(w,_),$(b,y),$(b,A),$(A,P),$(P,S),$(b,j),$(b,L),$(L,D),$(D,N),$(b,B),$(b,I),$(I,C),$(C,H)},d(a){a&&g(n)}}}function z(a){let n,s,t,e,k,d,b,h,x,v,T,E,w,_,D,B,I,C,H,U,R,M,J,z,F,K;return e=new N({props:{codeRaw:'<script>\n  import { Toggle } from "carbon-components-svelte";\n<\/script>\n\n<Toggle labelText="Push notifications" />\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> Toggle <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>Toggle</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Push notifications<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[Y]},$$scope:{ctx:a}}}),x=new N({props:{codeRaw:'<script>\n  import { Toggle } from "carbon-components-svelte";\n<\/script>\n\n<Toggle labelText="Push notifications" toggled />\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> Toggle <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>Toggle</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Push notifications<span class="token punctuation">"</span></span> <span class="token attr-name">toggled</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[V]},$$scope:{ctx:a}}}),_=new N({props:{codeRaw:'<script>\n  import { Toggle } from "carbon-components-svelte";\n<\/script>\n\n<Toggle labelText="Push notifications" labelA="No" labelB="Yes" />\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> Toggle <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>Toggle</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Push notifications<span class="token punctuation">"</span></span> <span class="token attr-name">labelA</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>No<span class="token punctuation">"</span></span> <span class="token attr-name">labelB</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Yes<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[O]},$$scope:{ctx:a}}}),H=new N({props:{codeRaw:'<script>\n  import { Toggle } from "carbon-components-svelte";\n<\/script>\n\n<Toggle labelText="Push notifications" disabled />\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> Toggle <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>Toggle</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Push notifications<span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[q]},$$scope:{ctx:a}}}),z=new N({props:{codeRaw:'<script>\n  import { ToggleSkeleton } from "carbon-components-svelte";\n<\/script>\n\n<ToggleSkeleton />\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> ToggleSkeleton <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>ToggleSkeleton</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[G]},$$scope:{ctx:a}}}),{c(){n=o("h3"),s=p("Default (untoggled)"),t=l(),y(e.$$.fragment),k=l(),d=o("h3"),b=p("Toggled"),h=l(),y(x.$$.fragment),v=l(),T=o("h3"),E=p("Custom labels"),w=l(),y(_.$$.fragment),D=l(),B=o("h3"),I=p("Disabled"),C=l(),y(H.$$.fragment),U=l(),R=o("h3"),M=p("Skeleton"),J=l(),y(z.$$.fragment),F=l(),this.h()},l(a){n=c(a,"H3",{id:!0});var o=i(n);s=u(o,"Default (untoggled)"),o.forEach(g),t=r(a),A(e.$$.fragment,a),k=r(a),d=c(a,"H3",{id:!0});var l=i(d);b=u(l,"Toggled"),l.forEach(g),h=r(a),A(x.$$.fragment,a),v=r(a),T=c(a,"H3",{id:!0});var p=i(T);E=u(p,"Custom labels"),p.forEach(g),w=r(a),A(_.$$.fragment,a),D=r(a),B=c(a,"H3",{id:!0});var f=i(B);I=u(f,"Disabled"),f.forEach(g),C=r(a),A(H.$$.fragment,a),U=r(a),R=c(a,"H3",{id:!0});var m=i(R);M=u(m,"Skeleton"),m.forEach(g),J=r(a),A(z.$$.fragment,a),F=r(a),this.h()},h(){f(n,"id","default-untoggled"),f(d,"id","toggled"),f(T,"id","custom-labels"),f(B,"id","disabled"),f(R,"id","skeleton")},m(a,o){m(a,n,o),$(n,s),m(a,t,o),P(e,a,o),m(a,k,o),m(a,d,o),$(d,b),m(a,h,o),P(x,a,o),m(a,v,o),m(a,T,o),$(T,E),m(a,w,o),P(_,a,o),m(a,D,o),m(a,B,o),$(B,I),m(a,C,o),P(H,a,o),m(a,U,o),m(a,R,o),$(R,M),m(a,J,o),P(z,a,o),m(a,F,o),K=!0},p(a,n){const s={};1&n&&(s.$$scope={dirty:n,ctx:a}),e.$set(s);const t={};1&n&&(t.$$scope={dirty:n,ctx:a}),x.$set(t);const o={};1&n&&(o.$$scope={dirty:n,ctx:a}),_.$set(o);const l={};1&n&&(l.$$scope={dirty:n,ctx:a}),H.$set(l);const p={};1&n&&(p.$$scope={dirty:n,ctx:a}),z.$set(p)},i(a){K||(S(e.$$.fragment,a),S(x.$$.fragment,a),S(_.$$.fragment,a),S(H.$$.fragment,a),S(z.$$.fragment,a),K=!0)},o(a){j(e.$$.fragment,a),j(x.$$.fragment,a),j(_.$$.fragment,a),j(H.$$.fragment,a),j(z.$$.fragment,a),K=!1},d(a){a&&g(n),a&&g(t),L(e,a),a&&g(k),a&&g(d),a&&g(h),L(x,a),a&&g(v),a&&g(T),a&&g(w),L(_,a),a&&g(D),a&&g(B),a&&g(C),L(H,a),a&&g(U),a&&g(R),a&&g(J),L(z,a),a&&g(F)}}}function F(a){let n,s;return n=new D({props:{$$slots:{default:[z],aside:[J]},$$scope:{ctx:a}}}),{c(){y(n.$$.fragment)},l(a){A(n.$$.fragment,a)},m(a,t){P(n,a,t),s=!0},p(a,[s]){const t={};1&s&&(t.$$scope={dirty:s,ctx:a}),n.$set(t)},i(a){s||(S(n.$$.fragment,a),s=!0)},o(a){j(n.$$.fragment,a),s=!1},d(a){L(n,a)}}}export default class extends n{constructor(a){super(),s(this,a,null,F,t,{})}}