mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
1 line
7.4 KiB
JavaScript
1 line
7.4 KiB
JavaScript
let a=document.createElement("style");a.innerHTML="",document.head.appendChild(a);import{S as s,i as n,s as t,c as e,a as o,m as p,t as c,b as l,d as r,g as i,h as u,j as f,k,l as m,n as g,o as $,p as d,N as h,q as v,r as w,Y as y}from"./index.3ce6747c.js";import"./Button.d7a75b79.js";import"./index.6957f369.js";import{C as L,P as b}from"./Preview.f61f216f.js";import"./ChevronDown16.6514157c.js";import{L as x}from"./Loading.f1e97527.js";import"./Column.1fb4637e.js";import"./Content.9ffe34a9.js";import"./store.e3a4d2a9.js";function j(a){let s,n;return s=new x({props:{withOverlay:!1}}),{c(){e(s.$$.fragment)},l(a){o(s.$$.fragment,a)},m(a,t){p(s,a,t),n=!0},p:y,i(a){n||(c(s.$$.fragment,a),n=!0)},o(a){l(s.$$.fragment,a),n=!1},d(a){r(s,a)}}}function E(a){let s,n;return s=new x({props:{withOverlay:!1,small:!0}}),{c(){e(s.$$.fragment)},l(a){o(s.$$.fragment,a)},m(a,t){p(s,a,t),n=!0},p:y,i(a){n||(c(s.$$.fragment,a),n=!0)},o(a){l(s.$$.fragment,a),n=!1},d(a){r(s,a)}}}function _(a){let s,n,t,e,o,p,c,l,r,y,L,b,x,j,E,_,z,D;return{c(){s=i("div"),n=i("ul"),t=i("li"),e=i("a"),o=u("Usage"),p=f(),c=i("ul"),l=i("li"),r=i("a"),y=u("Default (with overlay)"),L=f(),b=i("li"),x=i("a"),j=u("No overlay"),E=f(),_=i("li"),z=i("a"),D=u("Small size"),this.h()},l(a){s=k(a,"DIV",{slot:!0});var i=m(s);n=k(i,"UL",{class:!0});var u=m(n);t=k(u,"LI",{class:!0});var f=m(t);e=k(f,"A",{class:!0,href:!0});var h=m(e);o=g(h,"Usage"),h.forEach($),p=d(f),c=k(f,"UL",{class:!0});var v=m(c);l=k(v,"LI",{class:!0});var w=m(l);r=k(w,"A",{class:!0,href:!0});var O=m(r);y=g(O,"Default (with overlay)"),O.forEach($),w.forEach($),L=d(v),b=k(v,"LI",{class:!0});var C=m(b);x=k(C,"A",{class:!0,href:!0});var I=m(x);j=g(I,"No overlay"),I.forEach($),C.forEach($),E=d(v),_=k(v,"LI",{class:!0});var N=m(_);z=k(N,"A",{class:!0,href:!0});var S=m(z);D=g(S,"Small size"),S.forEach($),N.forEach($),v.forEach($),f.forEach($),u.forEach($),i.forEach($),this.h()},h(){h(e,"class","bx--link"),h(e,"href","#usage"),h(r,"class","bx--link"),h(r,"href","#default-with-overlay"),h(l,"class","bx--list__item"),h(x,"class","bx--link"),h(x,"href","#no-overlay"),h(b,"class","bx--list__item"),h(z,"class","bx--link"),h(z,"href","#small-size"),h(_,"class","bx--list__item"),h(c,"class","bx--list--unordered bx--list--nested"),h(t,"class","bx--list__item"),h(n,"class","bx--list--unordered"),h(s,"slot","aside")},m(a,i){v(a,s,i),w(s,n),w(n,t),w(t,e),w(e,o),w(t,p),w(t,c),w(c,l),w(l,r),w(r,y),w(c,L),w(c,b),w(b,x),w(x,j),w(c,E),w(c,_),w(_,z),w(z,D)},d(a){a&&$(s)}}}function z(a){let s,n,t,y,L,x,_,z,D,O,C,I,N,S,A,H;return y=new b({props:{framed:!0,src:"/framed/Loading/Loading",codeRaw:'<script>\n import { Loading } from "carbon-components-svelte";\n<\/script>\n\n<Loading />\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> Loading <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>Loading</span> <span class="token punctuation">/></span></span>\n'}}),D=new b({props:{codeRaw:'<script>\n import { Loading } from "carbon-components-svelte";\n<\/script>\n\n<Loading withOverlay={false} />\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> Loading <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>Loading</span> <span class="token attr-name">withOverlay=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[j]},$$scope:{ctx:a}}}),S=new b({props:{codeRaw:'<script>\n import { Loading } from "carbon-components-svelte";\n<\/script>\n\n<Loading withOverlay={false} small />\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> Loading <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>Loading</span> <span class="token attr-name">withOverlay=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span> <span class="token attr-name">small</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[E]},$$scope:{ctx:a}}}),{c(){s=i("h3"),n=u("Default (with overlay)"),t=f(),e(y.$$.fragment),L=f(),x=i("h3"),_=u("No overlay"),z=f(),e(D.$$.fragment),O=f(),C=i("h3"),I=u("Small size"),N=f(),e(S.$$.fragment),A=f(),this.h()},l(a){s=k(a,"H3",{id:!0});var e=m(s);n=g(e,"Default (with overlay)"),e.forEach($),t=d(a),o(y.$$.fragment,a),L=d(a),x=k(a,"H3",{id:!0});var p=m(x);_=g(p,"No overlay"),p.forEach($),z=d(a),o(D.$$.fragment,a),O=d(a),C=k(a,"H3",{id:!0});var c=m(C);I=g(c,"Small size"),c.forEach($),N=d(a),o(S.$$.fragment,a),A=d(a),this.h()},h(){h(s,"id","default-with-overlay"),h(x,"id","no-overlay"),h(C,"id","small-size")},m(a,e){v(a,s,e),w(s,n),v(a,t,e),p(y,a,e),v(a,L,e),v(a,x,e),w(x,_),v(a,z,e),p(D,a,e),v(a,O,e),v(a,C,e),w(C,I),v(a,N,e),p(S,a,e),v(a,A,e),H=!0},p(a,s){const n={};1&s&&(n.$$scope={dirty:s,ctx:a}),D.$set(n);const t={};1&s&&(t.$$scope={dirty:s,ctx:a}),S.$set(t)},i(a){H||(c(y.$$.fragment,a),c(D.$$.fragment,a),c(S.$$.fragment,a),H=!0)},o(a){l(y.$$.fragment,a),l(D.$$.fragment,a),l(S.$$.fragment,a),H=!1},d(a){a&&$(s),a&&$(t),r(y,a),a&&$(L),a&&$(x),a&&$(z),r(D,a),a&&$(O),a&&$(C),a&&$(N),r(S,a),a&&$(A)}}}function D(a){let s,n;return s=new L({props:{$$slots:{default:[z],aside:[_]},$$scope:{ctx:a}}}),{c(){e(s.$$.fragment)},l(a){o(s.$$.fragment,a)},m(a,t){p(s,a,t),n=!0},p(a,[n]){const t={};1&n&&(t.$$scope={dirty:n,ctx:a}),s.$set(t)},i(a){n||(c(s.$$.fragment,a),n=!0)},o(a){l(s.$$.fragment,a),n=!1},d(a){r(s,a)}}}export default class extends s{constructor(a){super(),n(this,a,null,D,t,{})}}
|