carbon-components-svelte/assets/SkeletonText.51b76682.js
2020-10-02 20:26:53 -07:00

1 line
11 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 o,t as c,b as r,d as l,g as i,h as k,j as u,k as g,l as $,n as m,o as f,p as d,N as h,q as x,r as v,Y as w}from"./index.c2c9d961.js";import{S as b}from"./SkeletonText.3cde24a8.js";import"./Button.37430222.js";import"./index.af83b04a.js";import{C as S,P as T}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 b({}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){o(n,a,t),s=!0},i(a){s||(c(n.$$.fragment,a),s=!0)},o(a){r(n.$$.fragment,a),s=!1},d(a){l(n,a)}}}function y(a){let n,s;return n=new b({props:{heading:!0}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){o(n,a,t),s=!0},p:w,i(a){s||(c(n.$$.fragment,a),s=!0)},o(a){r(n.$$.fragment,a),s=!1},d(a){l(n,a)}}}function j(a){let n,s;return n=new b({props:{heading:!0}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){o(n,a,t),s=!0},p:w,i(a){s||(c(n.$$.fragment,a),s=!0)},o(a){r(n.$$.fragment,a),s=!1},d(a){l(n,a)}}}function H(a){let n,s;return n=new b({props:{paragraph:!0}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){o(n,a,t),s=!0},p:w,i(a){s||(c(n.$$.fragment,a),s=!0)},o(a){r(n.$$.fragment,a),s=!1},d(a){l(n,a)}}}function _(a){let n,s;return n=new b({props:{paragraph:!0,width:"50%"}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){o(n,a,t),s=!0},p:w,i(a){s||(c(n.$$.fragment,a),s=!0)},o(a){r(n.$$.fragment,a),s=!1},d(a){l(n,a)}}}function L(a){let n,s,t,e,p,o,c,r,l,w,b,S,T,E,y,j,H,_,L,P,I,A,D,C,R,U;return{c(){n=i("div"),s=i("ul"),t=i("li"),e=i("a"),p=k("Usage"),o=u(),c=i("ul"),r=i("li"),l=i("a"),w=k("Default"),b=u(),S=i("li"),T=i("a"),E=k("Heading variant"),y=u(),j=i("li"),H=i("a"),_=k("Heading variant"),L=u(),P=i("li"),I=i("a"),A=k("Paragraph variant"),D=u(),C=i("li"),R=i("a"),U=k("Paragraph with max width"),this.h()},l(a){n=g(a,"DIV",{slot:!0});var i=$(n);s=g(i,"UL",{class:!0});var k=$(s);t=g(k,"LI",{class:!0});var u=$(t);e=g(u,"A",{class:!0,href:!0});var h=$(e);p=m(h,"Usage"),h.forEach(f),o=d(u),c=g(u,"UL",{class:!0});var x=$(c);r=g(x,"LI",{class:!0});var v=$(r);l=g(v,"A",{class:!0,href:!0});var q=$(l);w=m(q,"Default"),q.forEach(f),v.forEach(f),b=d(x),S=g(x,"LI",{class:!0});var B=$(S);T=g(B,"A",{class:!0,href:!0});var M=$(T);E=m(M,"Heading variant"),M.forEach(f),B.forEach(f),y=d(x),j=g(x,"LI",{class:!0});var N=$(j);H=g(N,"A",{class:!0,href:!0});var V=$(H);_=m(V,"Heading variant"),V.forEach(f),N.forEach(f),L=d(x),P=g(x,"LI",{class:!0});var Y=$(P);I=g(Y,"A",{class:!0,href:!0});var z=$(I);A=m(z,"Paragraph variant"),z.forEach(f),Y.forEach(f),D=d(x),C=g(x,"LI",{class:!0});var F=$(C);R=g(F,"A",{class:!0,href:!0});var G=$(R);U=m(G,"Paragraph with max width"),G.forEach(f),F.forEach(f),x.forEach(f),u.forEach(f),k.forEach(f),i.forEach(f),this.h()},h(){h(e,"class","bx--link"),h(e,"href","#usage"),h(l,"class","bx--link"),h(l,"href","#default"),h(r,"class","bx--list__item"),h(T,"class","bx--link"),h(T,"href","#heading-variant"),h(S,"class","bx--list__item"),h(H,"class","bx--link"),h(H,"href","#heading-variant-1"),h(j,"class","bx--list__item"),h(I,"class","bx--link"),h(I,"href","#paragraph-variant"),h(P,"class","bx--list__item"),h(R,"class","bx--link"),h(R,"href","#paragraph-with-max-width"),h(C,"class","bx--list__item"),h(c,"class","bx--list--unordered bx--list--nested"),h(t,"class","bx--list__item"),h(s,"class","bx--list--unordered"),h(n,"slot","aside")},m(a,i){x(a,n,i),v(n,s),v(s,t),v(t,e),v(e,p),v(t,o),v(t,c),v(c,r),v(r,l),v(l,w),v(c,b),v(c,S),v(S,T),v(T,E),v(c,y),v(c,j),v(j,H),v(H,_),v(c,L),v(c,P),v(P,I),v(I,A),v(c,D),v(c,C),v(C,R),v(R,U)},d(a){a&&f(n)}}}function P(a){let n,s,t,w,b,S,L,P,I,A,D,C,R,U,q,B,M,N,V,Y,z,F,G,J,K,O;return w=new T({props:{codeRaw:'<script>\n import { SkeletonText } from "carbon-components-svelte";\n<\/script>\n\n<SkeletonText />\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> SkeletonText <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>SkeletonText</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[E]},$$scope:{ctx:a}}}),I=new T({props:{codeRaw:'<script>\n import { SkeletonText } from "carbon-components-svelte";\n<\/script>\n\n<SkeletonText heading />\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> SkeletonText <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>SkeletonText</span> <span class="token attr-name">heading</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[y]},$$scope:{ctx:a}}}),U=new T({props:{codeRaw:'<script>\n import { SkeletonText } from "carbon-components-svelte";\n<\/script>\n\n<SkeletonText heading />\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> SkeletonText <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>SkeletonText</span> <span class="token attr-name">heading</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[j]},$$scope:{ctx:a}}}),V=new T({props:{codeRaw:'<script>\n import { SkeletonText } from "carbon-components-svelte";\n<\/script>\n\n<SkeletonText paragraph />\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> SkeletonText <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>SkeletonText</span> <span class="token attr-name">paragraph</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[H]},$$scope:{ctx:a}}}),J=new T({props:{codeRaw:'<script>\n import { SkeletonText } from "carbon-components-svelte";\n<\/script>\n\n<SkeletonText paragraph width="50%" />\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> SkeletonText <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>SkeletonText</span> <span class="token attr-name">paragraph</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>50%<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[_]},$$scope:{ctx:a}}}),{c(){n=i("h3"),s=k("Default"),t=u(),e(w.$$.fragment),b=u(),S=i("h3"),L=k("Heading variant"),P=u(),e(I.$$.fragment),A=u(),D=i("h3"),C=k("Heading variant"),R=u(),e(U.$$.fragment),q=u(),B=i("h3"),M=k("Paragraph variant"),N=u(),e(V.$$.fragment),Y=u(),z=i("h3"),F=k("Paragraph with max width"),G=u(),e(J.$$.fragment),K=u(),this.h()},l(a){n=g(a,"H3",{id:!0});var e=$(n);s=m(e,"Default"),e.forEach(f),t=d(a),p(w.$$.fragment,a),b=d(a),S=g(a,"H3",{id:!0});var o=$(S);L=m(o,"Heading variant"),o.forEach(f),P=d(a),p(I.$$.fragment,a),A=d(a),D=g(a,"H3",{id:!0});var c=$(D);C=m(c,"Heading variant"),c.forEach(f),R=d(a),p(U.$$.fragment,a),q=d(a),B=g(a,"H3",{id:!0});var r=$(B);M=m(r,"Paragraph variant"),r.forEach(f),N=d(a),p(V.$$.fragment,a),Y=d(a),z=g(a,"H3",{id:!0});var l=$(z);F=m(l,"Paragraph with max width"),l.forEach(f),G=d(a),p(J.$$.fragment,a),K=d(a),this.h()},h(){h(n,"id","default"),h(S,"id","heading-variant"),h(D,"id","heading-variant-1"),h(B,"id","paragraph-variant"),h(z,"id","paragraph-with-max-width")},m(a,e){x(a,n,e),v(n,s),x(a,t,e),o(w,a,e),x(a,b,e),x(a,S,e),v(S,L),x(a,P,e),o(I,a,e),x(a,A,e),x(a,D,e),v(D,C),x(a,R,e),o(U,a,e),x(a,q,e),x(a,B,e),v(B,M),x(a,N,e),o(V,a,e),x(a,Y,e),x(a,z,e),v(z,F),x(a,G,e),o(J,a,e),x(a,K,e),O=!0},p(a,n){const s={};1&n&&(s.$$scope={dirty:n,ctx:a}),w.$set(s);const t={};1&n&&(t.$$scope={dirty:n,ctx:a}),I.$set(t);const e={};1&n&&(e.$$scope={dirty:n,ctx:a}),U.$set(e);const p={};1&n&&(p.$$scope={dirty:n,ctx:a}),V.$set(p);const o={};1&n&&(o.$$scope={dirty:n,ctx:a}),J.$set(o)},i(a){O||(c(w.$$.fragment,a),c(I.$$.fragment,a),c(U.$$.fragment,a),c(V.$$.fragment,a),c(J.$$.fragment,a),O=!0)},o(a){r(w.$$.fragment,a),r(I.$$.fragment,a),r(U.$$.fragment,a),r(V.$$.fragment,a),r(J.$$.fragment,a),O=!1},d(a){a&&f(n),a&&f(t),l(w,a),a&&f(b),a&&f(S),a&&f(P),l(I,a),a&&f(A),a&&f(D),a&&f(R),l(U,a),a&&f(q),a&&f(B),a&&f(N),l(V,a),a&&f(Y),a&&f(z),a&&f(G),l(J,a),a&&f(K)}}}function I(a){let n,s;return n=new S({props:{$$slots:{default:[P],aside:[L]},$$scope:{ctx:a}}}),{c(){e(n.$$.fragment)},l(a){p(n.$$.fragment,a)},m(a,t){o(n,a,t),s=!0},p(a,[s]){const t={};1&s&&(t.$$scope={dirty:s,ctx:a}),n.$set(t)},i(a){s||(c(n.$$.fragment,a),s=!0)},o(a){r(n.$$.fragment,a),s=!1},d(a){l(n,a)}}}export default class extends n{constructor(a){super(),s(this,a,null,I,t,{})}}