carbon-components-svelte/assets/CopyButton.5a8719ab.js
2020-10-02 20:26:53 -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,c as o,a as e,m as c,t as p,b as l,d as r,g as i,h as u,j as f,k as m,l as d,n as k,o as $,p as g,N as h,q as b,r as C,G as v,Y as x}from"./index.c2c9d961.js";import"./Button.37430222.js";import{a as y}from"./index.af83b04a.js";import{C as w,P as j}from"./Preview.4c9c0c28.js";import"./ChevronDown16.d70ae9ed.js";import"./Close20.452e634c.js";import"./Loading.8dea5962.js";import"./Column.2e03e551.js";import"./NotificationTextDetails.c4d7579c.js";import{I as E}from"./InlineNotification.129ddec6.js";import"./Content.94950662.js";import"./store.a9279dc1.js";function B(s){let a,n;return a=new y({}),a.$on("click",s[0]),{c(){o(a.$$.fragment)},l(s){e(a.$$.fragment,s)},m(s,t){c(a,s,t),n=!0},i(s){n||(p(a.$$.fragment,s),n=!0)},o(s){l(a.$$.fragment,s),n=!1},d(s){r(a,s)}}}function D(s){let a,n;return a=new y({props:{feedback:"Copied to clipboard"}}),a.$on("click",s[1]),{c(){o(a.$$.fragment)},l(s){e(a.$$.fragment,s)},m(s,t){c(a,s,t),n=!0},p:x,i(s){n||(p(a.$$.fragment,s),n=!0)},o(s){l(a.$$.fragment,s),n=!1},d(s){r(a,s)}}}function L(s){let a,n,t,o,e,c,p,l,r,v,x,y,w,j;return{c(){a=i("div"),n=i("ul"),t=i("li"),o=i("a"),e=u("Usage"),c=f(),p=i("ul"),l=i("li"),r=i("a"),v=u("Default"),x=f(),y=i("li"),w=i("a"),j=u("Custom feedback"),this.h()},l(s){a=m(s,"DIV",{slot:!0});var i=d(a);n=m(i,"UL",{class:!0});var u=d(n);t=m(u,"LI",{class:!0});var f=d(t);o=m(f,"A",{class:!0,href:!0});var h=d(o);e=k(h,"Usage"),h.forEach($),c=g(f),p=m(f,"UL",{class:!0});var b=d(p);l=m(b,"LI",{class:!0});var C=d(l);r=m(C,"A",{class:!0,href:!0});var E=d(r);v=k(E,"Default"),E.forEach($),C.forEach($),x=g(b),y=m(b,"LI",{class:!0});var B=d(y);w=m(B,"A",{class:!0,href:!0});var D=d(w);j=k(D,"Custom feedback"),D.forEach($),B.forEach($),b.forEach($),f.forEach($),u.forEach($),i.forEach($),this.h()},h(){h(o,"class","bx--link"),h(o,"href","#usage"),h(r,"class","bx--link"),h(r,"href","#default"),h(l,"class","bx--list__item"),h(w,"class","bx--link"),h(w,"href","#custom-feedback"),h(y,"class","bx--list__item"),h(p,"class","bx--list--unordered bx--list--nested"),h(t,"class","bx--list__item"),h(n,"class","bx--list--unordered"),h(a,"slot","aside")},m(s,i){b(s,a,i),C(a,n),C(n,t),C(t,o),C(o,e),C(t,c),C(t,p),C(p,l),C(l,r),C(r,v),C(p,x),C(p,y),C(y,w),C(w,j)},d(s){s&&$(a)}}}function I(s){let a,n,t,v,x,y,w,L,I,_,N,U,A;return a=new E({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}}),y=new j({props:{codeRaw:'<script>\n import { CopyButton } from "carbon-components-svelte";\n<\/script>\n\n<CopyButton on:click />\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> CopyButton <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>CopyButton</span> <span class="token attr-name"><span class="token namespace">on:</span>click</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[B]},$$scope:{ctx:s}}}),N=new j({props:{codeRaw:'<script>\n import { CopyButton } from "carbon-components-svelte";\n<\/script>\n\n<CopyButton on:click feedback="Copied to clipboard" />\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> CopyButton <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>CopyButton</span> <span class="token attr-name"><span class="token namespace">on:</span>click</span> <span class="token attr-name">feedback</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Copied to clipboard<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[D]},$$scope:{ctx:s}}}),{c(){o(a.$$.fragment),n=f(),t=i("h3"),v=u("Default"),x=f(),o(y.$$.fragment),w=f(),L=i("h3"),I=u("Custom feedback"),_=f(),o(N.$$.fragment),U=f(),this.h()},l(s){e(a.$$.fragment,s),n=g(s),t=m(s,"H3",{id:!0});var o=d(t);v=k(o,"Default"),o.forEach($),x=g(s),e(y.$$.fragment,s),w=g(s),L=m(s,"H3",{id:!0});var c=d(L);I=k(c,"Custom feedback"),c.forEach($),_=g(s),e(N.$$.fragment,s),U=g(s),this.h()},h(){h(t,"id","default"),h(L,"id","custom-feedback")},m(s,o){c(a,s,o),b(s,n,o),b(s,t,o),C(t,v),b(s,x,o),c(y,s,o),b(s,w,o),b(s,L,o),C(L,I),b(s,_,o),c(N,s,o),b(s,U,o),A=!0},p(s,a){const n={};4&a&&(n.$$scope={dirty:a,ctx:s}),y.$set(n);const t={};4&a&&(t.$$scope={dirty:a,ctx:s}),N.$set(t)},i(s){A||(p(a.$$.fragment,s),p(y.$$.fragment,s),p(N.$$.fragment,s),A=!0)},o(s){l(a.$$.fragment,s),l(y.$$.fragment,s),l(N.$$.fragment,s),A=!1},d(s){r(a,s),s&&$(n),s&&$(t),s&&$(x),r(y,s),s&&$(w),s&&$(L),s&&$(_),r(N,s),s&&$(U)}}}function _(s){let a,n;return a=new w({props:{$$slots:{default:[I],aside:[L]},$$scope:{ctx:s}}}),{c(){o(a.$$.fragment)},l(s){e(a.$$.fragment,s)},m(s,t){c(a,s,t),n=!0},p(s,[n]){const t={};4&n&&(t.$$scope={dirty:n,ctx:s}),a.$set(t)},i(s){n||(p(a.$$.fragment,s),n=!0)},o(s){l(a.$$.fragment,s),n=!1},d(s){r(a,s)}}}function N(s){return[function(a){v(s,a)},function(a){v(s,a)}]}export default class extends a{constructor(s){super(),n(this,s,N,_,t,{})}}