carbon-components-svelte/assets/Checkbox.690d13d4.js
2020-10-02 20:26:53 -07:00

1 line
14 KiB
JavaScript

let a=document.createElement("style");a.innerHTML="",document.head.appendChild(a);import{S as n,i as s,s as t,c as e,a as p,m as c,t as o,b as l,d as r,g as i,h as k,j as u,k as $,l as m,n as d,o as f,p as g,N as b,q as h,r as x,Y as v}from"./index.c2c9d961.js";import"./Button.37430222.js";import{C}from"./Checkbox.4e02ac4e.js";import"./index.af83b04a.js";import{C as w,P as L}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 E(a){let n,s;return n=new C({props:{labelText:"Label text"}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){c(n,a,t),s=!0},p:v,i(a){s||(o(n.$$.fragment,a),s=!0)},o(a){l(n.$$.fragment,a),s=!1},d(a){r(n,a)}}}function y(a){let n,s;return n=new C({props:{labelText:"Label text",checked:!0}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){c(n,a,t),s=!0},p:v,i(a){s||(o(n.$$.fragment,a),s=!0)},o(a){l(n.$$.fragment,a),s=!1},d(a){r(n,a)}}}function j(a){let n,s;return n=new C({props:{labelText:"Label text",indeterminate:!0}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){c(n,a,t),s=!0},p:v,i(a){s||(o(n.$$.fragment,a),s=!0)},o(a){l(n.$$.fragment,a),s=!1},d(a){r(n,a)}}}function T(a){let n,s;return n=new C({props:{labelText:"Label text",hideLabel:!0}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){c(n,a,t),s=!0},p:v,i(a){s||(o(n.$$.fragment,a),s=!0)},o(a){l(n.$$.fragment,a),s=!1},d(a){r(n,a)}}}function _(a){let n,s;return n=new C({props:{labelText:"Label text",disabled:!0}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){c(n,a,t),s=!0},p:v,i(a){s||(o(n.$$.fragment,a),s=!0)},o(a){l(n.$$.fragment,a),s=!1},d(a){r(n,a)}}}function I(a){let n,s;return n=new C({props:{skeleton:!0}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){c(n,a,t),s=!0},p:v,i(a){s||(o(n.$$.fragment,a),s=!0)},o(a){l(n.$$.fragment,a),s=!1},d(a){r(n,a)}}}function H(a){let n,s,t,e,p,c,o,l,r,v,C,w,L,E,y,j,T,_,I,H,D,A,R,S,U,P,q,B,M,N;return{c(){n=i("div"),s=i("ul"),t=i("li"),e=i("a"),p=k("Usage"),c=u(),o=i("ul"),l=i("li"),r=i("a"),v=k("Default (unchecked)"),C=u(),w=i("li"),L=i("a"),E=k("Checked"),y=u(),j=i("li"),T=i("a"),_=k("Indeterminate"),I=u(),H=i("li"),D=i("a"),A=k("Hidden label"),R=u(),S=i("li"),U=i("a"),P=k("Disabled"),q=u(),B=i("li"),M=i("a"),N=k("Skeleton"),this.h()},l(a){n=$(a,"DIV",{slot:!0});var i=m(n);s=$(i,"UL",{class:!0});var k=m(s);t=$(k,"LI",{class:!0});var u=m(t);e=$(u,"A",{class:!0,href:!0});var b=m(e);p=d(b,"Usage"),b.forEach(f),c=g(u),o=$(u,"UL",{class:!0});var h=m(o);l=$(h,"LI",{class:!0});var x=m(l);r=$(x,"A",{class:!0,href:!0});var V=m(r);v=d(V,"Default (unchecked)"),V.forEach(f),x.forEach(f),C=g(h),w=$(h,"LI",{class:!0});var Y=m(w);L=$(Y,"A",{class:!0,href:!0});var z=m(L);E=d(z,"Checked"),z.forEach(f),Y.forEach(f),y=g(h),j=$(h,"LI",{class:!0});var F=m(j);T=$(F,"A",{class:!0,href:!0});var G=m(T);_=d(G,"Indeterminate"),G.forEach(f),F.forEach(f),I=g(h),H=$(h,"LI",{class:!0});var J=m(H);D=$(J,"A",{class:!0,href:!0});var K=m(D);A=d(K,"Hidden label"),K.forEach(f),J.forEach(f),R=g(h),S=$(h,"LI",{class:!0});var O=m(S);U=$(O,"A",{class:!0,href:!0});var Q=m(U);P=d(Q,"Disabled"),Q.forEach(f),O.forEach(f),q=g(h),B=$(h,"LI",{class:!0});var W=m(B);M=$(W,"A",{class:!0,href:!0});var X=m(M);N=d(X,"Skeleton"),X.forEach(f),W.forEach(f),h.forEach(f),u.forEach(f),k.forEach(f),i.forEach(f),this.h()},h(){b(e,"class","bx--link"),b(e,"href","#usage"),b(r,"class","bx--link"),b(r,"href","#default-unchecked"),b(l,"class","bx--list__item"),b(L,"class","bx--link"),b(L,"href","#checked"),b(w,"class","bx--list__item"),b(T,"class","bx--link"),b(T,"href","#indeterminate"),b(j,"class","bx--list__item"),b(D,"class","bx--link"),b(D,"href","#hidden-label"),b(H,"class","bx--list__item"),b(U,"class","bx--link"),b(U,"href","#disabled"),b(S,"class","bx--list__item"),b(M,"class","bx--link"),b(M,"href","#skeleton"),b(B,"class","bx--list__item"),b(o,"class","bx--list--unordered bx--list--nested"),b(t,"class","bx--list__item"),b(s,"class","bx--list--unordered"),b(n,"slot","aside")},m(a,i){h(a,n,i),x(n,s),x(s,t),x(t,e),x(e,p),x(t,c),x(t,o),x(o,l),x(l,r),x(r,v),x(o,C),x(o,w),x(w,L),x(L,E),x(o,y),x(o,j),x(j,T),x(T,_),x(o,I),x(o,H),x(H,D),x(D,A),x(o,R),x(o,S),x(S,U),x(U,P),x(o,q),x(o,B),x(B,M),x(M,N)},d(a){a&&f(n)}}}function D(a){let n,s,t,v,C,w,H,D,A,R,S,U,P,q,B,M,N,V,Y,z,F,G,J,K,O,Q,W,X,Z,aa,na;return v=new L({props:{codeRaw:'<script>\n import { Checkbox } from "carbon-components-svelte";\n<\/script>\n\n<Checkbox labelText="Label text" />\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> Checkbox <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>Checkbox</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Label text<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[E]},$$scope:{ctx:a}}}),A=new L({props:{codeRaw:'<script>\n import { Checkbox } from "carbon-components-svelte";\n<\/script>\n\n<Checkbox labelText="Label text" checked />\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> Checkbox <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>Checkbox</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Label text<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[y]},$$scope:{ctx:a}}}),q=new L({props:{codeRaw:'<script>\n import { Checkbox } from "carbon-components-svelte";\n<\/script>\n\n<Checkbox labelText="Label text" indeterminate />\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> Checkbox <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>Checkbox</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Label text<span class="token punctuation">"</span></span> <span class="token attr-name">indeterminate</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[j]},$$scope:{ctx:a}}}),Y=new L({props:{codeRaw:'<script>\n import { Checkbox } from "carbon-components-svelte";\n<\/script>\n\n<Checkbox labelText="Label text" 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> Checkbox <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>Checkbox</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Label text<span class="token punctuation">"</span></span> <span class="token attr-name">hideLabel</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[T]},$$scope:{ctx:a}}}),K=new L({props:{codeRaw:'<script>\n import { Checkbox } from "carbon-components-svelte";\n<\/script>\n\n<Checkbox labelText="Label text" 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> Checkbox <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>Checkbox</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Label text<span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[_]},$$scope:{ctx:a}}}),Z=new L({props:{codeRaw:'<script>\n import { Checkbox } from "carbon-components-svelte";\n<\/script>\n\n<Checkbox skeleton />\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> Checkbox <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>Checkbox</span> <span class="token attr-name">skeleton</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[I]},$$scope:{ctx:a}}}),{c(){n=i("h3"),s=k("Default (unchecked)"),t=u(),e(v.$$.fragment),C=u(),w=i("h3"),H=k("Checked"),D=u(),e(A.$$.fragment),R=u(),S=i("h3"),U=k("Indeterminate"),P=u(),e(q.$$.fragment),B=u(),M=i("h3"),N=k("Hidden label"),V=u(),e(Y.$$.fragment),z=u(),F=i("h3"),G=k("Disabled"),J=u(),e(K.$$.fragment),O=u(),Q=i("h3"),W=k("Skeleton"),X=u(),e(Z.$$.fragment),aa=u(),this.h()},l(a){n=$(a,"H3",{id:!0});var e=m(n);s=d(e,"Default (unchecked)"),e.forEach(f),t=g(a),p(v.$$.fragment,a),C=g(a),w=$(a,"H3",{id:!0});var c=m(w);H=d(c,"Checked"),c.forEach(f),D=g(a),p(A.$$.fragment,a),R=g(a),S=$(a,"H3",{id:!0});var o=m(S);U=d(o,"Indeterminate"),o.forEach(f),P=g(a),p(q.$$.fragment,a),B=g(a),M=$(a,"H3",{id:!0});var l=m(M);N=d(l,"Hidden label"),l.forEach(f),V=g(a),p(Y.$$.fragment,a),z=g(a),F=$(a,"H3",{id:!0});var r=m(F);G=d(r,"Disabled"),r.forEach(f),J=g(a),p(K.$$.fragment,a),O=g(a),Q=$(a,"H3",{id:!0});var i=m(Q);W=d(i,"Skeleton"),i.forEach(f),X=g(a),p(Z.$$.fragment,a),aa=g(a),this.h()},h(){b(n,"id","default-unchecked"),b(w,"id","checked"),b(S,"id","indeterminate"),b(M,"id","hidden-label"),b(F,"id","disabled"),b(Q,"id","skeleton")},m(a,e){h(a,n,e),x(n,s),h(a,t,e),c(v,a,e),h(a,C,e),h(a,w,e),x(w,H),h(a,D,e),c(A,a,e),h(a,R,e),h(a,S,e),x(S,U),h(a,P,e),c(q,a,e),h(a,B,e),h(a,M,e),x(M,N),h(a,V,e),c(Y,a,e),h(a,z,e),h(a,F,e),x(F,G),h(a,J,e),c(K,a,e),h(a,O,e),h(a,Q,e),x(Q,W),h(a,X,e),c(Z,a,e),h(a,aa,e),na=!0},p(a,n){const s={};1&n&&(s.$$scope={dirty:n,ctx:a}),v.$set(s);const t={};1&n&&(t.$$scope={dirty:n,ctx:a}),A.$set(t);const e={};1&n&&(e.$$scope={dirty:n,ctx:a}),q.$set(e);const p={};1&n&&(p.$$scope={dirty:n,ctx:a}),Y.$set(p);const c={};1&n&&(c.$$scope={dirty:n,ctx:a}),K.$set(c);const o={};1&n&&(o.$$scope={dirty:n,ctx:a}),Z.$set(o)},i(a){na||(o(v.$$.fragment,a),o(A.$$.fragment,a),o(q.$$.fragment,a),o(Y.$$.fragment,a),o(K.$$.fragment,a),o(Z.$$.fragment,a),na=!0)},o(a){l(v.$$.fragment,a),l(A.$$.fragment,a),l(q.$$.fragment,a),l(Y.$$.fragment,a),l(K.$$.fragment,a),l(Z.$$.fragment,a),na=!1},d(a){a&&f(n),a&&f(t),r(v,a),a&&f(C),a&&f(w),a&&f(D),r(A,a),a&&f(R),a&&f(S),a&&f(P),r(q,a),a&&f(B),a&&f(M),a&&f(V),r(Y,a),a&&f(z),a&&f(F),a&&f(J),r(K,a),a&&f(O),a&&f(Q),a&&f(X),r(Z,a),a&&f(aa)}}}function A(a){let n,s;return n=new w({props:{$$slots:{default:[D],aside:[H]},$$scope:{ctx:a}}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){c(n,a,t),s=!0},p(a,[s]){const t={};1&s&&(t.$$scope={dirty:s,ctx:a}),n.$set(t)},i(a){s||(o(n.$$.fragment,a),s=!0)},o(a){l(n.$$.fragment,a),s=!1},d(a){r(n,a)}}}export default class extends n{constructor(a){super(),s(this,a,null,A,t,{})}}