carbon-components-svelte/assets/CodeSnippet.840ffc12.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as s,i as a,s as t,c as e,a as p,m as o,t as c,b as l,d as i,g as r,h as u,j as k,k as d,l as $,n as m,o as f,p as g,N as b,q as h,r as v,Y as y}from"./index.c724c7a8.js";import"./Button.050f7fa6.js";import{C as x}from"./index.353a6bed.js";import{C,P as w}from"./Preview.cac03ac9.js";import"./ChevronDown16.65632e2b.js";import"./Close20.20924b57.js";import"./Loading.04ab43b5.js";import"./Column.1268d8a6.js";import"./NotificationTextDetails.ad5e09dc.js";import{I as S}from"./InlineNotification.abeaed9c.js";import"./Content.8eaa1372.js";import"./store.063a32c5.js";function j(n){let s;return{c(){s=u("yarn add -D carbon-components-svelte")},l(n){s=m(n,"yarn add -D carbon-components-svelte")},m(n,a){h(n,s,a)},d(n){n&&f(s)}}}function E(n){let s,a;return s=new x({props:{$$slots:{default:[j]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(c(s.$$.fragment,n),a=!0)},o(n){l(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function _(n){let s;return{c(){s=u("rm -rf node_modules/")},l(n){s=m(n,"rm -rf node_modules/")},m(n,a){h(n,s,a)},d(n){n&&f(s)}}}function I(n){let s,a;return s=new x({props:{type:"inline",$$slots:{default:[_]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,a){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(c(s.$$.fragment,n),a=!0)},o(n){l(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function D(n){let s,a;return s=new x({props:{type:"multi",code:n[0]}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p:y,i(n){a||(c(s.$$.fragment,n),a=!0)},o(n){l(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function H(n){let s,a;return s=new x({props:{type:"multi",code:n[0],hideCopyButton:!0}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p:y,i(n){a||(c(s.$$.fragment,n),a=!0)},o(n){l(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function L(n){let s,a;return s=new x({props:{skeleton:!0}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p:y,i(n){a||(c(s.$$.fragment,n),a=!0)},o(n){l(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function A(n){let s,a,t,e,p,o,c,l,i,y,x,C,w,S,j,E,_,I,D,H,L,A,B,M,R,N;return{c(){s=r("div"),a=r("ul"),t=r("li"),e=r("a"),p=u("Usage"),o=k(),c=r("ul"),l=r("li"),i=r("a"),y=u("Default (single-line)"),x=k(),C=r("li"),w=r("a"),S=u("Inline"),j=k(),E=r("li"),_=r("a"),I=u("Multi-line"),D=k(),H=r("li"),L=r("a"),A=u("Hidden copy button"),B=k(),M=r("li"),R=r("a"),N=u("Skeleton"),this.h()},l(n){s=d(n,"DIV",{slot:!0});var r=$(s);a=d(r,"UL",{class:!0});var u=$(a);t=d(u,"LI",{class:!0});var k=$(t);e=d(k,"A",{class:!0,href:!0});var b=$(e);p=m(b,"Usage"),b.forEach(f),o=g(k),c=d(k,"UL",{class:!0});var h=$(c);l=d(h,"LI",{class:!0});var v=$(l);i=d(v,"A",{class:!0,href:!0});var U=$(i);y=m(U,"Default (single-line)"),U.forEach(f),v.forEach(f),x=g(h),C=d(h,"LI",{class:!0});var P=$(C);w=d(P,"A",{class:!0,href:!0});var T=$(w);S=m(T,"Inline"),T.forEach(f),P.forEach(f),j=g(h),E=d(h,"LI",{class:!0});var Y=$(E);_=d(Y,"A",{class:!0,href:!0});var q=$(_);I=m(q,"Multi-line"),q.forEach(f),Y.forEach(f),D=g(h),H=d(h,"LI",{class:!0});var V=$(H);L=d(V,"A",{class:!0,href:!0});var z=$(L);A=m(z,"Hidden copy button"),z.forEach(f),V.forEach(f),B=g(h),M=d(h,"LI",{class:!0});var F=$(M);R=d(F,"A",{class:!0,href:!0});var G=$(R);N=m(G,"Skeleton"),G.forEach(f),F.forEach(f),h.forEach(f),k.forEach(f),u.forEach(f),r.forEach(f),this.h()},h(){b(e,"class","bx--link"),b(e,"href","#usage"),b(i,"class","bx--link"),b(i,"href","#default-single-line"),b(l,"class","bx--list__item"),b(w,"class","bx--link"),b(w,"href","#inline"),b(C,"class","bx--list__item"),b(_,"class","bx--link"),b(_,"href","#multi-line"),b(E,"class","bx--list__item"),b(L,"class","bx--link"),b(L,"href","#hidden-copy-button"),b(H,"class","bx--list__item"),b(R,"class","bx--link"),b(R,"href","#skeleton"),b(M,"class","bx--list__item"),b(c,"class","bx--list--unordered bx--list--nested"),b(t,"class","bx--list__item"),b(a,"class","bx--list--unordered"),b(s,"slot","aside")},m(n,r){h(n,s,r),v(s,a),v(a,t),v(t,e),v(e,p),v(t,o),v(t,c),v(c,l),v(l,i),v(i,y),v(c,x),v(c,C),v(C,w),v(w,S),v(c,j),v(c,E),v(E,_),v(_,I),v(c,D),v(c,H),v(H,L),v(L,A),v(c,B),v(c,M),v(M,R),v(R,N)},d(n){n&&f(s)}}}function B(n){let s,a,t,y,x,C,j,_,A,B,M,R,N,U,P,T,Y,q,V,z,F,G,J,K,O,Q,W,X;return s=new S({props:{"svx-ignore":!0,lowContrast:!0,title:"Note:",subtitle:"By design, the copy button does not copy text to the clipboard. You will need to write your own logic.",kind:"info",hideCloseButton:!0}}),C=new w({props:{codeRaw:'<script>\n  import { CodeSnippet } from "carbon-components-svelte";\n<\/script>\n\n<CodeSnippet>yarn add -D carbon-components-svelte</CodeSnippet>\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> CodeSnippet <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>CodeSnippet</span><span class="token punctuation">></span></span>yarn add -D carbon-components-svelte<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>CodeSnippet</span><span class="token punctuation">></span></span>\n',$$slots:{default:[E]},$$scope:{ctx:n}}}),M=new w({props:{codeRaw:'<script>\n  import { CodeSnippet } from "carbon-components-svelte";\n<\/script>\n\n<CodeSnippet type="inline">rm -rf node_modules/</CodeSnippet>\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> CodeSnippet <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>CodeSnippet</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>inline<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>rm -rf node_modules/<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>CodeSnippet</span><span class="token punctuation">></span></span>\n',$$slots:{default:[I]},$$scope:{ctx:n}}}),T=new w({props:{codeRaw:'<script>\n  import { CodeSnippet } from "carbon-components-svelte";\n<\/script>\n\n<CodeSnippet type="multi" {code} />\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> CodeSnippet <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>CodeSnippet</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>multi<span class="token punctuation">"</span></span> <span class="token language-javascript"><span class="token punctuation">{</span>code<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[D]},$$scope:{ctx:n}}}),F=new w({props:{codeRaw:'<script>\n  import { CodeSnippet } from "carbon-components-svelte";\n<\/script>\n\n<CodeSnippet type="multi" {code} hideCopyButton />\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> CodeSnippet <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>CodeSnippet</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>multi<span class="token punctuation">"</span></span> <span class="token language-javascript"><span class="token punctuation">{</span>code<span class="token punctuation">}</span></span> <span class="token attr-name">hideCopyButton</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[H]},$$scope:{ctx:n}}}),Q=new w({props:{codeRaw:'<script>\n  import { CodeSnippet } from "carbon-components-svelte";\n<\/script>\n\n<CodeSnippet 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> CodeSnippet <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>CodeSnippet</span> <span class="token attr-name">skeleton</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[L]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment),a=k(),t=r("h3"),y=u("Default (single-line)"),x=k(),e(C.$$.fragment),j=k(),_=r("h3"),A=u("Inline"),B=k(),e(M.$$.fragment),R=k(),N=r("h3"),U=u("Multi-line"),P=k(),e(T.$$.fragment),Y=k(),q=r("h3"),V=u("Hidden copy button"),z=k(),e(F.$$.fragment),G=k(),J=r("h3"),K=u("Skeleton"),O=k(),e(Q.$$.fragment),W=k(),this.h()},l(n){p(s.$$.fragment,n),a=g(n),t=d(n,"H3",{id:!0});var e=$(t);y=m(e,"Default (single-line)"),e.forEach(f),x=g(n),p(C.$$.fragment,n),j=g(n),_=d(n,"H3",{id:!0});var o=$(_);A=m(o,"Inline"),o.forEach(f),B=g(n),p(M.$$.fragment,n),R=g(n),N=d(n,"H3",{id:!0});var c=$(N);U=m(c,"Multi-line"),c.forEach(f),P=g(n),p(T.$$.fragment,n),Y=g(n),q=d(n,"H3",{id:!0});var l=$(q);V=m(l,"Hidden copy button"),l.forEach(f),z=g(n),p(F.$$.fragment,n),G=g(n),J=d(n,"H3",{id:!0});var i=$(J);K=m(i,"Skeleton"),i.forEach(f),O=g(n),p(Q.$$.fragment,n),W=g(n),this.h()},h(){b(t,"id","default-single-line"),b(_,"id","inline"),b(N,"id","multi-line"),b(q,"id","hidden-copy-button"),b(J,"id","skeleton")},m(n,e){o(s,n,e),h(n,a,e),h(n,t,e),v(t,y),h(n,x,e),o(C,n,e),h(n,j,e),h(n,_,e),v(_,A),h(n,B,e),o(M,n,e),h(n,R,e),h(n,N,e),v(N,U),h(n,P,e),o(T,n,e),h(n,Y,e),h(n,q,e),v(q,V),h(n,z,e),o(F,n,e),h(n,G,e),h(n,J,e),v(J,K),h(n,O,e),o(Q,n,e),h(n,W,e),X=!0},p(n,s){const a={};2&s&&(a.$$scope={dirty:s,ctx:n}),C.$set(a);const t={};2&s&&(t.$$scope={dirty:s,ctx:n}),M.$set(t);const e={};2&s&&(e.$$scope={dirty:s,ctx:n}),T.$set(e);const p={};2&s&&(p.$$scope={dirty:s,ctx:n}),F.$set(p);const o={};2&s&&(o.$$scope={dirty:s,ctx:n}),Q.$set(o)},i(n){X||(c(s.$$.fragment,n),c(C.$$.fragment,n),c(M.$$.fragment,n),c(T.$$.fragment,n),c(F.$$.fragment,n),c(Q.$$.fragment,n),X=!0)},o(n){l(s.$$.fragment,n),l(C.$$.fragment,n),l(M.$$.fragment,n),l(T.$$.fragment,n),l(F.$$.fragment,n),l(Q.$$.fragment,n),X=!1},d(n){i(s,n),n&&f(a),n&&f(t),n&&f(x),i(C,n),n&&f(j),n&&f(_),n&&f(B),i(M,n),n&&f(R),n&&f(N),n&&f(P),i(T,n),n&&f(Y),n&&f(q),n&&f(z),i(F,n),n&&f(G),n&&f(J),n&&f(O),i(Q,n),n&&f(W)}}}function M(n){let s,a;return s=new C({props:{$$slots:{default:[B],aside:[A]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,[a]){const t={};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(c(s.$$.fragment,n),a=!0)},o(n){l(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function R(n){return["// helpers.js\n  \nexport function multiply(a: number, b: number) {\n  return a * b;\n}\n\nexport function divide(a: number, b: number) {\n  return a / b;\n}\n\nexport function add(a: number, b: number) {\n  return a + b;\n}\n\nexport function subtract(a: number, b: number) {\n  return a - b;\n}"]}export default class extends s{constructor(n){super(),a(this,n,R,M,t,{})}}