carbon-components-svelte/assets/SkeletonPlaceholder.5f09282e.js
2020-10-02 20:46:37 -07:00

1 line
6.3 KiB
JavaScript

let s=document.createElement("style");s.innerHTML="",document.head.appendChild(s);import{S as a,i as n,s as t,w as e,g as o,k as c,l as p,o as l,x as r,y as i,q as u,I as m,A as f,Y as d,J as k,B as $,C as h,G as g,c as v,a as b,m as x,t as w,b as E,d as j,h as y,j as C,n as P,p as _,N as S,r as D}from"./index.6b674a45.js";import"./Button.f0f995b5.js";import"./index.77bc22b8.js";import{C as L,P as z}from"./Preview.da06bf80.js";import"./ChevronDown16.5983f6dc.js";import"./Loading.1494bed2.js";import"./Column.6ef18044.js";import"./Content.7baad37e.js";import"./store.4e2c42a1.js";function I(s){let a,n,t,$=[s[0]],h={};for(let s=0;s<$.length;s+=1)h=e(h,$[s]);return{c(){a=o("div"),this.h()},l(s){a=c(s,"DIV",{}),p(a).forEach(l),this.h()},h(){r(a,h),i(a,"bx--skeleton__placeholder",!0)},m(e,o){u(e,a,o),n||(t=[m(a,"click",s[1]),m(a,"mouseover",s[2]),m(a,"mouseenter",s[3]),m(a,"mouseleave",s[4])],n=!0)},p(s,[n]){r(a,h=f($,[1&n&&s[0]])),i(a,"bx--skeleton__placeholder",!0)},i:d,o:d,d(s){s&&l(a),n=!1,k(t)}}}function A(s,a,n){const t=[];let o=$(a,t);return s.$$set=s=>{a=e(e({},a),h(s)),n(0,o=$(a,t))},[o,function(a){g(s,a)},function(a){g(s,a)},function(a){g(s,a)},function(a){g(s,a)}]}class U extends a{constructor(s){super(),n(this,s,A,I,t,{})}}function H(s){let a,n;return a=new U({}),{c(){v(a.$$.fragment)},l(s){b(a.$$.fragment,s)},m(s,t){x(a,s,t),n=!0},i(s){n||(w(a.$$.fragment,s),n=!0)},o(s){E(a.$$.fragment,s),n=!1},d(s){j(a,s)}}}function B(s){let a,n;return a=new U({props:{style:"height: 12rem; width: 12rem;"}}),{c(){v(a.$$.fragment)},l(s){b(a.$$.fragment,s)},m(s,t){x(a,s,t),n=!0},p:d,i(s){n||(w(a.$$.fragment,s),n=!0)},o(s){E(a.$$.fragment,s),n=!1},d(s){j(a,s)}}}function R(s){let a,n,t,e,r,i,m,f,d,k,$,h,g,v;return{c(){a=o("div"),n=o("ul"),t=o("li"),e=o("a"),r=y("Usage"),i=C(),m=o("ul"),f=o("li"),d=o("a"),k=y("Default"),$=C(),h=o("li"),g=o("a"),v=y("Custom size"),this.h()},l(s){a=c(s,"DIV",{slot:!0});var o=p(a);n=c(o,"UL",{class:!0});var u=p(n);t=c(u,"LI",{class:!0});var b=p(t);e=c(b,"A",{class:!0,href:!0});var x=p(e);r=P(x,"Usage"),x.forEach(l),i=_(b),m=c(b,"UL",{class:!0});var w=p(m);f=c(w,"LI",{class:!0});var E=p(f);d=c(E,"A",{class:!0,href:!0});var j=p(d);k=P(j,"Default"),j.forEach(l),E.forEach(l),$=_(w),h=c(w,"LI",{class:!0});var y=p(h);g=c(y,"A",{class:!0,href:!0});var C=p(g);v=P(C,"Custom size"),C.forEach(l),y.forEach(l),w.forEach(l),b.forEach(l),u.forEach(l),o.forEach(l),this.h()},h(){S(e,"class","bx--link"),S(e,"href","#usage"),S(d,"class","bx--link"),S(d,"href","#default"),S(f,"class","bx--list__item"),S(g,"class","bx--link"),S(g,"href","#custom-size"),S(h,"class","bx--list__item"),S(m,"class","bx--list--unordered bx--list--nested"),S(t,"class","bx--list__item"),S(n,"class","bx--list--unordered"),S(a,"slot","aside")},m(s,o){u(s,a,o),D(a,n),D(n,t),D(t,e),D(e,r),D(t,i),D(t,m),D(m,f),D(f,d),D(d,k),D(m,$),D(m,h),D(h,g),D(g,v)},d(s){s&&l(a)}}}function V(s){let a,n,t,e,r,i,m,f,d,k,$;return e=new z({props:{codeRaw:'<script>\n import { SkeletonPlaceholder } from "carbon-components-svelte";\n<\/script>\n\n<SkeletonPlaceholder />\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> SkeletonPlaceholder <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>SkeletonPlaceholder</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[H]},$$scope:{ctx:s}}}),d=new z({props:{codeRaw:'<script>\n import { SkeletonPlaceholder } from "carbon-components-svelte";\n<\/script>\n\n<SkeletonPlaceholder style="height: 12rem; width: 12rem;" />\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> SkeletonPlaceholder <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>SkeletonPlaceholder</span> <span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>height: 12rem; width: 12rem;<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[B]},$$scope:{ctx:s}}}),{c(){a=o("h3"),n=y("Default"),t=C(),v(e.$$.fragment),r=C(),i=o("h3"),m=y("Custom size"),f=C(),v(d.$$.fragment),k=C(),this.h()},l(s){a=c(s,"H3",{id:!0});var o=p(a);n=P(o,"Default"),o.forEach(l),t=_(s),b(e.$$.fragment,s),r=_(s),i=c(s,"H3",{id:!0});var u=p(i);m=P(u,"Custom size"),u.forEach(l),f=_(s),b(d.$$.fragment,s),k=_(s),this.h()},h(){S(a,"id","default"),S(i,"id","custom-size")},m(s,o){u(s,a,o),D(a,n),u(s,t,o),x(e,s,o),u(s,r,o),u(s,i,o),D(i,m),u(s,f,o),x(d,s,o),u(s,k,o),$=!0},p(s,a){const n={};1&a&&(n.$$scope={dirty:a,ctx:s}),e.$set(n);const t={};1&a&&(t.$$scope={dirty:a,ctx:s}),d.$set(t)},i(s){$||(w(e.$$.fragment,s),w(d.$$.fragment,s),$=!0)},o(s){E(e.$$.fragment,s),E(d.$$.fragment,s),$=!1},d(s){s&&l(a),s&&l(t),j(e,s),s&&l(r),s&&l(i),s&&l(f),j(d,s),s&&l(k)}}}function q(s){let a,n;return a=new L({props:{$$slots:{default:[V],aside:[R]},$$scope:{ctx:s}}}),{c(){v(a.$$.fragment)},l(s){b(a.$$.fragment,s)},m(s,t){x(a,s,t),n=!0},p(s,[n]){const t={};1&n&&(t.$$scope={dirty:n,ctx:s}),a.$set(t)},i(s){n||(w(a.$$.fragment,s),n=!0)},o(s){E(a.$$.fragment,s),n=!1},d(s){j(a,s)}}}export default class extends a{constructor(s){super(),n(this,s,null,q,t,{})}}