carbon-components-svelte/assets/SkeletonText.49a37967.js
2020-10-02 19:51:57 -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 f,o as m,p as d,N as h,q as x,r as v,Y as w}from"./index.e7d8faec.js";import{S as b}from"./SkeletonText.82cdd942.js";import"./Button.2d988908.js";import"./index.afebacfb.js";import{C as S,P as T}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 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=f(h,"Usage"),h.forEach(m),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=f(q,"Default"),q.forEach(m),v.forEach(m),b=d(x),S=g(x,"LI",{class:!0});var B=$(S);T=g(B,"A",{class:!0,href:!0});var M=$(T);E=f(M,"Heading variant"),M.forEach(m),B.forEach(m),y=d(x),j=g(x,"LI",{class:!0});var N=$(j);H=g(N,"A",{class:!0,href:!0});var V=$(H);_=f(V,"Heading variant"),V.forEach(m),N.forEach(m),L=d(x),P=g(x,"LI",{class:!0});var Y=$(P);I=g(Y,"A",{class:!0,href:!0});var z=$(I);A=f(z,"Paragraph variant"),z.forEach(m),Y.forEach(m),D=d(x),C=g(x,"LI",{class:!0});var F=$(C);R=g(F,"A",{class:!0,href:!0});var G=$(R);U=f(G,"Paragraph with max width"),G.forEach(m),F.forEach(m),x.forEach(m),u.forEach(m),k.forEach(m),i.forEach(m),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&&m(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=f(e,"Default"),e.forEach(m),t=d(a),p(w.$$.fragment,a),b=d(a),S=g(a,"H3",{id:!0});var o=$(S);L=f(o,"Heading variant"),o.forEach(m),P=d(a),p(I.$$.fragment,a),A=d(a),D=g(a,"H3",{id:!0});var c=$(D);C=f(c,"Heading variant"),c.forEach(m),R=d(a),p(U.$$.fragment,a),q=d(a),B=g(a,"H3",{id:!0});var r=$(B);M=f(r,"Paragraph variant"),r.forEach(m),N=d(a),p(V.$$.fragment,a),Y=d(a),z=g(a,"H3",{id:!0});var l=$(z);F=f(l,"Paragraph with max width"),l.forEach(m),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&&m(n),a&&m(t),l(w,a),a&&m(b),a&&m(S),a&&m(P),l(I,a),a&&m(A),a&&m(D),a&&m(R),l(U,a),a&&m(q),a&&m(B),a&&m(N),l(V,a),a&&m(Y),a&&m(z),a&&m(G),l(J,a),a&&m(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,{})}}