carbon-components-svelte/assets/Search.13155ca9.js
2020-10-02 19:51:57 -07:00

1 line
22 KiB
JavaScript

let a=document.createElement("style");a.innerHTML="",document.head.appendChild(a);import{S as s,i as n,s as t,v as e,D as o,q as c,L as l,h as p,k as r,l as i,n as u,o as f,r as $,M as m,w as k,N as h,O as g,I as d,z as v,A as b,t as x,b as w,J as S,C as y,G as E,g as L,j as z,p as j,y as C,x as D,Y as T,B as _,E as A,F as I,H as B,c as M,a as R,m as H,d as N,K as U}from"./index.e7d8faec.js";import"./Button.2d988908.js";import"./index.afebacfb.js";import{C as P,P as V}from"./Preview.56cdfa1f.js";import"./ChevronDown16.a487f433.js";import{C as Y}from"./Close16.c137bb59.js";import{C as O}from"./Close20.3ed6365a.js";import"./Loading.f65f7ed1.js";import"./Column.a6aa8264.js";import"./Content.9363af19.js";import"./store.7f148588.js";function q(a){let s,n;return{c(){s=l("title"),n=p(a[2])},l(t){s=r(t,"title",{},1);var e=i(s);n=u(e,a[2]),e.forEach(f)},m(a,t){c(a,s,t),$(s,n)},p(a,s){4&s&&m(n,a[2])},d(a){a&&f(s)}}}function F(a){let s,n,t,p,u;const m=a[8].default,y=e(m,a,a[7],null),E=y||function(a){let s,n=a[2]&&q(a);return{c(){n&&n.c(),s=o()},l(a){n&&n.l(a),s=o()},m(a,t){n&&n.m(a,t),c(a,s,t)},p(a,t){a[2]?n?n.p(a,t):(n=q(a),n.c(),n.m(s.parentNode,s)):n&&(n.d(1),n=null)},d(a){n&&n.d(a),a&&f(s)}}}(a);let L=[{"data-carbon-icon":"Search16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 16 16"},{fill:"currentColor"},{width:"16"},{height:"16"},{class:a[0]},{preserveAspectRatio:"xMidYMid meet"},{style:a[3]},{id:a[1]},a[4]],z={};for(let a=0;a<L.length;a+=1)z=k(z,L[a]);return{c(){s=l("svg"),n=l("path"),E&&E.c(),this.h()},l(a){s=r(a,"svg",{"data-carbon-icon":!0,xmlns:!0,viewBox:!0,fill:!0,width:!0,height:!0,class:!0,preserveAspectRatio:!0,style:!0,id:!0},1);var t=i(s);n=r(t,"path",{d:!0},1),i(n).forEach(f),E&&E.l(t),t.forEach(f),this.h()},h(){h(n,"d","M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5\tC2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"),g(s,z)},m(e,o){c(e,s,o),$(s,n),E&&E.m(s,null),t=!0,p||(u=[d(s,"click",a[9]),d(s,"mouseover",a[10]),d(s,"mouseenter",a[11]),d(s,"mouseleave",a[12]),d(s,"keyup",a[13]),d(s,"keydown",a[14])],p=!0)},p(a,[n]){y?y.p&&128&n&&v(y,m,a,a[7],n,null,null):E&&E.p&&4&n&&E.p(a,n),g(s,z=b(L,[{"data-carbon-icon":"Search16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 16 16"},{fill:"currentColor"},{width:"16"},{height:"16"},(!t||1&n)&&{class:a[0]},{preserveAspectRatio:"xMidYMid meet"},(!t||8&n)&&{style:a[3]},(!t||2&n)&&{id:a[1]},16&n&&a[4]]))},i(a){t||(x(E,a),t=!0)},o(a){w(E,a),t=!1},d(a){a&&f(s),E&&E.d(a),p=!1,S(u)}}}function G(a,s,n){let t,e,o,c,{$$slots:l={},$$scope:p}=s,{class:r}=s,{id:i}=s,{tabindex:u}=s,{focusable:f=!1}=s,{title:$}=s,{style:m}=s;return a.$$set=a=>{n(18,s=k(k({},s),y(a))),"class"in a&&n(0,r=a.class),"id"in a&&n(1,i=a.id),"tabindex"in a&&n(5,u=a.tabindex),"focusable"in a&&n(6,f=a.focusable),"title"in a&&n(2,$=a.title),"style"in a&&n(3,m=a.style),"$$scope"in a&&n(7,p=a.$$scope)},a.$$.update=()=>{n(15,t=s["aria-label"]),n(16,e=s["aria-labelledby"]),98308&a.$$.dirty&&n(17,o=t||e||$),229472&a.$$.dirty&&n(4,c={"aria-label":t,"aria-labelledby":e,"aria-hidden":!o||void 0,role:o?"img":void 0,focusable:"0"===u||f,tabindex:u})},s=y(s),[r,i,$,m,c,u,f,p,l,function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)}]}class J extends s{constructor(a){super(),n(this,a,G,F,t,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}function K(a){let s,n,t,e,o,l,p=[a[1]],u={};for(let a=0;a<p.length;a+=1)u=k(u,p[a]);return{c(){s=L("div"),n=L("span"),t=z(),e=L("div"),this.h()},l(a){s=r(a,"DIV",{});var o=i(s);n=r(o,"SPAN",{}),i(n).forEach(f),t=j(o),e=r(o,"DIV",{}),i(e).forEach(f),o.forEach(f),this.h()},h(){C(n,"bx--label",!0),C(e,"bx--search-input",!0),D(s,u),C(s,"bx--skeleton",!0),C(s,"bx--search--xl",!a[0]),C(s,"bx--search--sm",a[0])},m(p,r){c(p,s,r),$(s,n),$(s,t),$(s,e),o||(l=[d(s,"click",a[2]),d(s,"mouseover",a[3]),d(s,"mouseenter",a[4]),d(s,"mouseleave",a[5])],o=!0)},p(a,[n]){D(s,u=b(p,[2&n&&a[1]])),C(s,"bx--skeleton",!0),C(s,"bx--search--xl",!a[0]),C(s,"bx--search--sm",a[0])},i:T,o:T,d(a){a&&f(s),o=!1,S(l)}}}function Q(a,s,n){const t=["small"];let e=_(s,t),{small:o=!1}=s;return a.$$set=a=>{s=k(k({},s),y(a)),n(1,e=_(s,t)),"small"in a&&n(0,o=a.small)},[o,e,function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)}]}class W extends s{constructor(a){super(),n(this,a,Q,K,t,{small:0})}}function X(a){let s,n,t,e,o,l,g,v,y,E,T,_,B,U;n=new J({props:{class:"bx--search-magnifier"}});var P="xl"===a[3]?O:Y;P&&(E=new P({}));let V=[a[13],{class:T="bx--search--"+a[3]+" "+a[13].class}],q={};for(let a=0;a<V.length;a+=1)q=k(q,V[a]);return{c(){s=L("div"),M(n.$$.fragment),t=z(),e=L("label"),o=p(a[11]),l=z(),g=L("input"),v=z(),y=L("button"),E&&M(E.$$.fragment),this.h()},l(c){s=r(c,"DIV",{class:!0});var p=i(s);R(n.$$.fragment,p),t=j(p),e=r(p,"LABEL",{for:!0});var $=i(e);o=u($,a[11]),$.forEach(f),l=j(p),g=r(p,"INPUT",{role:!0,autofocus:!0,autocomplete:!0,id:!0,placeholder:!0,type:!0,value:!0}),v=j(p),y=r(p,"BUTTON",{type:!0,"aria-label":!0});var m=i(y);E&&R(E.$$.fragment,m),m.forEach(f),p.forEach(f),this.h()},h(){h(e,"for",a[12]),C(e,"bx--label",!0),h(g,"role","searchbox"),g.autofocus=a[9],h(g,"autocomplete",a[8]),h(g,"id",a[12]),h(g,"placeholder",a[7]),h(g,"type",a[6]),g.value=a[0],C(g,"bx--search-input",!0),h(y,"type","button"),h(y,"aria-label",a[10]),C(y,"bx--search-close",!0),C(y,"bx--search-close--hidden",""===a[0]),D(s,q),C(s,"bx--search",!0),C(s,"bx--search--light",a[5])},m(p,r){c(p,s,r),H(n,s,null),$(s,t),$(s,e),$(e,o),$(s,l),$(s,g),a[21](g),$(s,v),$(s,y),E&&H(E,y,null),_=!0,B||(U=[d(g,"change",a[15]),d(g,"input",a[16]),d(g,"input",a[22]),d(y,"click",a[14]),d(y,"click",a[23])],B=!0)},p(a,n){if((!_||2048&n)&&m(o,a[11]),(!_||4096&n)&&h(e,"for",a[12]),(!_||512&n)&&(g.autofocus=a[9]),(!_||256&n)&&h(g,"autocomplete",a[8]),(!_||4096&n)&&h(g,"id",a[12]),(!_||128&n)&&h(g,"placeholder",a[7]),(!_||64&n)&&h(g,"type",a[6]),(!_||1&n&&g.value!==a[0])&&(g.value=a[0]),P!==(P="xl"===a[3]?O:Y)){if(E){A();const a=E;w(a.$$.fragment,1,0,()=>{N(a,1)}),I()}P?(E=new P({}),M(E.$$.fragment),x(E.$$.fragment,1),H(E,y,null)):E=null}(!_||1024&n)&&h(y,"aria-label",a[10]),1&n&&C(y,"bx--search-close--hidden",""===a[0]),D(s,q=b(V,[8192&n&&a[13],(!_||8200&n&&T!==(T="bx--search--"+a[3]+" "+a[13].class))&&{class:T}])),C(s,"bx--search",!0),C(s,"bx--search--light",a[5])},i(a){_||(x(n.$$.fragment,a),E&&x(E.$$.fragment,a),_=!0)},o(a){w(n.$$.fragment,a),E&&w(E.$$.fragment,a),_=!1},d(t){t&&f(s),N(n),a[21](null),E&&N(E),B=!1,S(U)}}}function Z(a){let s,n;const t=[{small:a[2]},a[13]];let e={};for(let a=0;a<t.length;a+=1)e=k(e,t[a]);return s=new W({props:e}),s.$on("click",a[17]),s.$on("mouseover",a[18]),s.$on("mouseenter",a[19]),s.$on("mouseleave",a[20]),{c(){M(s.$$.fragment)},l(a){R(s.$$.fragment,a)},m(a,t){H(s,a,t),n=!0},p(a,n){const e=8196&n?b(t,[4&n&&{small:a[2]},8192&n&&U(a[13])]):{};s.$set(e)},i(a){n||(x(s.$$.fragment,a),n=!0)},o(a){w(s.$$.fragment,a),n=!1},d(a){N(s,a)}}}function aa(a){let s,n,t,e;const l=[Z,X],p=[];function r(a,s){return a[4]?0:1}return s=r(a),n=p[s]=l[s](a),{c(){n.c(),t=o()},l(a){n.l(a),t=o()},m(a,n){p[s].m(a,n),c(a,t,n),e=!0},p(a,[e]){let o=s;s=r(a),s===o?p[s].p(a,e):(A(),w(p[o],1,1,()=>{p[o]=null}),I(),n=p[s],n||(n=p[s]=l[s](a),n.c()),x(n,1),n.m(t.parentNode,t))},i(a){e||(x(n),e=!0)},o(a){w(n),e=!1},d(a){p[s].d(a),a&&f(t)}}}function sa(a,s,n){const t=["small","size","skeleton","light","value","type","placeholder","autocomplete","autofocus","closeButtonLabelText","labelText","id","ref"];let e=_(s,t),{small:o=!1}=s,{size:c=(o?"sm":"xl")}=s,{skeleton:l=!1}=s,{light:p=!1}=s,{value:r=""}=s,{type:i="text"}=s,{placeholder:u="Search..."}=s,{autocomplete:f="off"}=s,{autofocus:$=!1}=s,{closeButtonLabelText:m="Clear search input"}=s,{labelText:h=""}=s,{id:g="ccs-"+Math.random().toString(36)}=s,{ref:d=null}=s;return a.$$set=a=>{s=k(k({},s),y(a)),n(13,e=_(s,t)),"small"in a&&n(2,o=a.small),"size"in a&&n(3,c=a.size),"skeleton"in a&&n(4,l=a.skeleton),"light"in a&&n(5,p=a.light),"value"in a&&n(0,r=a.value),"type"in a&&n(6,i=a.type),"placeholder"in a&&n(7,u=a.placeholder),"autocomplete"in a&&n(8,f=a.autocomplete),"autofocus"in a&&n(9,$=a.autofocus),"closeButtonLabelText"in a&&n(10,m=a.closeButtonLabelText),"labelText"in a&&n(11,h=a.labelText),"id"in a&&n(12,g=a.id),"ref"in a&&n(1,d=a.ref)},[r,d,o,c,l,p,i,u,f,$,m,h,g,e,function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(s){E(a,s)},function(a){B[a?"unshift":"push"](()=>{d=a,n(1,d)})},({target:a})=>{n(0,r=a.value)},()=>{n(0,r=""),d.focus()}]}class na extends s{constructor(a){super(),n(this,a,sa,aa,t,{small:2,size:3,skeleton:4,light:5,value:0,type:6,placeholder:7,autocomplete:8,autofocus:9,closeButtonLabelText:10,labelText:11,id:12,ref:1})}}function ta(a){let s,n;return s=new na({}),{c(){M(s.$$.fragment)},l(a){R(s.$$.fragment,a)},m(a,t){H(s,a,t),n=!0},i(a){n||(x(s.$$.fragment,a),n=!0)},o(a){w(s.$$.fragment,a),n=!1},d(a){N(s,a)}}}function ea(a){let s,n;return s=new na({props:{placeholder:"Search catalog...",value:"Cloud functions"}}),{c(){M(s.$$.fragment)},l(a){R(s.$$.fragment,a)},m(a,t){H(s,a,t),n=!0},p:T,i(a){n||(x(s.$$.fragment,a),n=!0)},o(a){w(s.$$.fragment,a),n=!1},d(a){N(s,a)}}}function oa(a){let s,n;return s=new na({props:{light:!0}}),{c(){M(s.$$.fragment)},l(a){R(s.$$.fragment,a)},m(a,t){H(s,a,t),n=!0},p:T,i(a){n||(x(s.$$.fragment,a),n=!0)},o(a){w(s.$$.fragment,a),n=!1},d(a){N(s,a)}}}function ca(a){let s,n;return s=new na({props:{size:"lg"}}),{c(){M(s.$$.fragment)},l(a){R(s.$$.fragment,a)},m(a,t){H(s,a,t),n=!0},p:T,i(a){n||(x(s.$$.fragment,a),n=!0)},o(a){w(s.$$.fragment,a),n=!1},d(a){N(s,a)}}}function la(a){let s,n;return s=new na({props:{size:"sm"}}),{c(){M(s.$$.fragment)},l(a){R(s.$$.fragment,a)},m(a,t){H(s,a,t),n=!0},p:T,i(a){n||(x(s.$$.fragment,a),n=!0)},o(a){w(s.$$.fragment,a),n=!1},d(a){N(s,a)}}}function pa(a){let s,n;return s=new na({props:{skeleton:!0}}),{c(){M(s.$$.fragment)},l(a){R(s.$$.fragment,a)},m(a,t){H(s,a,t),n=!0},p:T,i(a){n||(x(s.$$.fragment,a),n=!0)},o(a){w(s.$$.fragment,a),n=!1},d(a){N(s,a)}}}function ra(a){let s,n,t,e,o,l,m,k,g,d,v,b,x,w,S,y,E,C,D,T,_,A,I,B,M,R,H,N,U,P;return{c(){s=L("div"),n=L("ul"),t=L("li"),e=L("a"),o=p("Usage"),l=z(),m=L("ul"),k=L("li"),g=L("a"),d=p("Default"),v=z(),b=L("li"),x=L("a"),w=p("Default value"),S=z(),y=L("li"),E=L("a"),C=p("Light variant"),D=z(),T=L("li"),_=L("a"),A=p("Large size"),I=z(),B=L("li"),M=L("a"),R=p("Small size"),H=z(),N=L("li"),U=L("a"),P=p("Skeleton"),this.h()},l(a){s=r(a,"DIV",{slot:!0});var c=i(s);n=r(c,"UL",{class:!0});var p=i(n);t=r(p,"LI",{class:!0});var $=i(t);e=r($,"A",{class:!0,href:!0});var h=i(e);o=u(h,"Usage"),h.forEach(f),l=j($),m=r($,"UL",{class:!0});var L=i(m);k=r(L,"LI",{class:!0});var z=i(k);g=r(z,"A",{class:!0,href:!0});var V=i(g);d=u(V,"Default"),V.forEach(f),z.forEach(f),v=j(L),b=r(L,"LI",{class:!0});var Y=i(b);x=r(Y,"A",{class:!0,href:!0});var O=i(x);w=u(O,"Default value"),O.forEach(f),Y.forEach(f),S=j(L),y=r(L,"LI",{class:!0});var q=i(y);E=r(q,"A",{class:!0,href:!0});var F=i(E);C=u(F,"Light variant"),F.forEach(f),q.forEach(f),D=j(L),T=r(L,"LI",{class:!0});var G=i(T);_=r(G,"A",{class:!0,href:!0});var J=i(_);A=u(J,"Large size"),J.forEach(f),G.forEach(f),I=j(L),B=r(L,"LI",{class:!0});var K=i(B);M=r(K,"A",{class:!0,href:!0});var Q=i(M);R=u(Q,"Small size"),Q.forEach(f),K.forEach(f),H=j(L),N=r(L,"LI",{class:!0});var W=i(N);U=r(W,"A",{class:!0,href:!0});var X=i(U);P=u(X,"Skeleton"),X.forEach(f),W.forEach(f),L.forEach(f),$.forEach(f),p.forEach(f),c.forEach(f),this.h()},h(){h(e,"class","bx--link"),h(e,"href","#usage"),h(g,"class","bx--link"),h(g,"href","#default"),h(k,"class","bx--list__item"),h(x,"class","bx--link"),h(x,"href","#default-value"),h(b,"class","bx--list__item"),h(E,"class","bx--link"),h(E,"href","#light-variant"),h(y,"class","bx--list__item"),h(_,"class","bx--link"),h(_,"href","#large-size"),h(T,"class","bx--list__item"),h(M,"class","bx--link"),h(M,"href","#small-size"),h(B,"class","bx--list__item"),h(U,"class","bx--link"),h(U,"href","#skeleton"),h(N,"class","bx--list__item"),h(m,"class","bx--list--unordered bx--list--nested"),h(t,"class","bx--list__item"),h(n,"class","bx--list--unordered"),h(s,"slot","aside")},m(a,p){c(a,s,p),$(s,n),$(n,t),$(t,e),$(e,o),$(t,l),$(t,m),$(m,k),$(k,g),$(g,d),$(m,v),$(m,b),$(b,x),$(x,w),$(m,S),$(m,y),$(y,E),$(E,C),$(m,D),$(m,T),$(T,_),$(_,A),$(m,I),$(m,B),$(B,M),$(M,R),$(m,H),$(m,N),$(N,U),$(U,P)},d(a){a&&f(s)}}}function ia(a){let s,n,t,e,o,l,m,k,g,d,v,b,S,y,E,C,D,T,_,A,I,B,U,P,Y,O,q,F,G,J,K;return e=new V({props:{codeRaw:'<script>\n import { Search } from "carbon-components-svelte";\n<\/script>\n\n<Search />\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> Search <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>Search</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[ta]},$$scope:{ctx:a}}}),g=new V({props:{codeRaw:'<script>\n import { Search } from "carbon-components-svelte";\n<\/script>\n\n<Search placeholder="Search catalog..." value="Cloud functions" />\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> Search <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>Search</span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Search catalog...<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Cloud functions<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[ea]},$$scope:{ctx:a}}}),y=new V({props:{codeRaw:'<script>\n import { Search } from "carbon-components-svelte";\n<\/script>\n\n<Search light />\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> Search <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>Search</span> <span class="token attr-name">light</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[oa]},$$scope:{ctx:a}}}),_=new V({props:{codeRaw:'<script>\n import { Search } from "carbon-components-svelte";\n<\/script>\n\n<Search size="lg" />\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> Search <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>Search</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>lg<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[ca]},$$scope:{ctx:a}}}),P=new V({props:{codeRaw:'<script>\n import { Search } from "carbon-components-svelte";\n<\/script>\n\n<Search size="sm" />\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> Search <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>Search</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sm<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[la]},$$scope:{ctx:a}}}),G=new V({props:{codeRaw:'<script>\n import { Search } from "carbon-components-svelte";\n<\/script>\n\n<Search 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> Search <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>Search</span> <span class="token attr-name">skeleton</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[pa]},$$scope:{ctx:a}}}),{c(){s=L("h3"),n=p("Default"),t=z(),M(e.$$.fragment),o=z(),l=L("h3"),m=p("Default value"),k=z(),M(g.$$.fragment),d=z(),v=L("h3"),b=p("Light variant"),S=z(),M(y.$$.fragment),E=z(),C=L("h3"),D=p("Large size"),T=z(),M(_.$$.fragment),A=z(),I=L("h3"),B=p("Small size"),U=z(),M(P.$$.fragment),Y=z(),O=L("h3"),q=p("Skeleton"),F=z(),M(G.$$.fragment),J=z(),this.h()},l(a){s=r(a,"H3",{id:!0});var c=i(s);n=u(c,"Default"),c.forEach(f),t=j(a),R(e.$$.fragment,a),o=j(a),l=r(a,"H3",{id:!0});var p=i(l);m=u(p,"Default value"),p.forEach(f),k=j(a),R(g.$$.fragment,a),d=j(a),v=r(a,"H3",{id:!0});var $=i(v);b=u($,"Light variant"),$.forEach(f),S=j(a),R(y.$$.fragment,a),E=j(a),C=r(a,"H3",{id:!0});var h=i(C);D=u(h,"Large size"),h.forEach(f),T=j(a),R(_.$$.fragment,a),A=j(a),I=r(a,"H3",{id:!0});var x=i(I);B=u(x,"Small size"),x.forEach(f),U=j(a),R(P.$$.fragment,a),Y=j(a),O=r(a,"H3",{id:!0});var w=i(O);q=u(w,"Skeleton"),w.forEach(f),F=j(a),R(G.$$.fragment,a),J=j(a),this.h()},h(){h(s,"id","default"),h(l,"id","default-value"),h(v,"id","light-variant"),h(C,"id","large-size"),h(I,"id","small-size"),h(O,"id","skeleton")},m(a,p){c(a,s,p),$(s,n),c(a,t,p),H(e,a,p),c(a,o,p),c(a,l,p),$(l,m),c(a,k,p),H(g,a,p),c(a,d,p),c(a,v,p),$(v,b),c(a,S,p),H(y,a,p),c(a,E,p),c(a,C,p),$(C,D),c(a,T,p),H(_,a,p),c(a,A,p),c(a,I,p),$(I,B),c(a,U,p),H(P,a,p),c(a,Y,p),c(a,O,p),$(O,q),c(a,F,p),H(G,a,p),c(a,J,p),K=!0},p(a,s){const n={};1&s&&(n.$$scope={dirty:s,ctx:a}),e.$set(n);const t={};1&s&&(t.$$scope={dirty:s,ctx:a}),g.$set(t);const o={};1&s&&(o.$$scope={dirty:s,ctx:a}),y.$set(o);const c={};1&s&&(c.$$scope={dirty:s,ctx:a}),_.$set(c);const l={};1&s&&(l.$$scope={dirty:s,ctx:a}),P.$set(l);const p={};1&s&&(p.$$scope={dirty:s,ctx:a}),G.$set(p)},i(a){K||(x(e.$$.fragment,a),x(g.$$.fragment,a),x(y.$$.fragment,a),x(_.$$.fragment,a),x(P.$$.fragment,a),x(G.$$.fragment,a),K=!0)},o(a){w(e.$$.fragment,a),w(g.$$.fragment,a),w(y.$$.fragment,a),w(_.$$.fragment,a),w(P.$$.fragment,a),w(G.$$.fragment,a),K=!1},d(a){a&&f(s),a&&f(t),N(e,a),a&&f(o),a&&f(l),a&&f(k),N(g,a),a&&f(d),a&&f(v),a&&f(S),N(y,a),a&&f(E),a&&f(C),a&&f(T),N(_,a),a&&f(A),a&&f(I),a&&f(U),N(P,a),a&&f(Y),a&&f(O),a&&f(F),N(G,a),a&&f(J)}}}function ua(a){let s,n;return s=new P({props:{$$slots:{default:[ia],aside:[ra]},$$scope:{ctx:a}}}),{c(){M(s.$$.fragment)},l(a){R(s.$$.fragment,a)},m(a,t){H(s,a,t),n=!0},p(a,[n]){const t={};1&n&&(t.$$scope={dirty:n,ctx:a}),s.$set(t)},i(a){n||(x(s.$$.fragment,a),n=!0)},o(a){w(s.$$.fragment,a),n=!1},d(a){N(s,a)}}}export default class extends s{constructor(a){super(),n(this,a,null,ua,t,{})}}