https://svelte-materialify.vercel.app/client/chips.23034b2f.js

1import{S as e,i as a,s as t,ae as i,al as r,c as o,b as s,m as n,am as h,t as c,l,n as d,x as f,aQ as p,aR as m,ap as H,U as L,V as v,W as g,a as $,e as u,o as E,d as x,f as b,g as w,p as C,h as y,k as j,q as M,D as B,E as O,I,X as A,j as S,w as P}from"./client.acc5e814.js";import{L as T}from"./Layout.f727955b.js";import{P as z}from"./Playground.d0b4f080.js";import{C as N}from"./Chip.d29dfc3f.js";import{A as D}from"./Avatar.1a444ac9.js";import{E as k}from"./Example.8aed3dea.js";import"./Meta.3a757d08.js";import"./TextField.7f1ba5e5.js";import"./Input.7b0619bf.js";import"./close.4ac95799.js";import"./Slider.b04ecc12.js";import"./Select.c9a91a30.js";import"./Menu.6ad27279.js";import"./index.07a27f3d.js";import"./ListItemGroup.6b4652d9.js";import"./ItemGroup.4a395d58.js";import"./Checkbox.6bf97e0b.js";import"./down.17482904.js";import"./Switch.0bc56cb5.js";import"./SlideGroup.8596cb53.js";import"./SlideItem.1da5f6d5.js";import"./Markup.01cee62a.js";function Z(e){let a,t;return a=new D({props:{class:"primary-color",$$slots:{default:[U]},$$scope:{ctx:e}}}),{c(){o(a.$$.fragment)},l(e){s(a.$$.fragment,e)},m(e,i){n(a,e,i),t=!0},p(e,t){const i={};129&t&&(i.$$scope={dirty:t,ctx:e}),a.$set(i)},i(e){t||(c(a.$$.fragment,e),t=!0)},o(e){l(a.$$.fragment,e),t=!1},d(e){d(a,e)}}}function U(e){let a,t;return a=new I({props:{path:e[0].icon}}),{c(){o(a.$$.fragment)},l(e){s(a.$$.fragment,e)},m(e,i){n(a,e,i),t=!0},p(e,t){const i={};1&t&&(i.path=e[0].icon),a.$set(i)},i(e){t||(c(a.$$.fragment,e),t=!0)},o(e){l(a.$$.fragment,e),t=!1},d(e){d(a,e)}}}function G(e){let a,t,i,r,o=e[0].avatar&&Z(e);return{c(){o&&o.c(),a=$(),t=u("span"),i=E("Chip Component")},l(e){o&&o.l(e),a=x(e),t=b(e,"SPAN",{});var r=w(t);i=C(r,"Chip Component"),r.forEach(y)},m(e,s){o&&o.m(e,s),j(e,a,s),j(e,t,s),M(t,i),r=!0},p(e,t){e[0].avatar?o?(o.p(e,t),1&t&&c(o,1)):(o=Z(e),o.c(),c(o,1),o.m(a.parentNode,a)):o&&(B(),l(o,1,1,(()=>{o=null})),O())},i(e){r||(c(o),r=!0)},o(e){l(o),r=!1},d(e){o&&o.d(e),e&&y(a),e&&y(t)}}}function V(e){let a,t,f;const p=[{size:e[0].size},{close:e[0].close},e[3](e[0].variants)];function m(a){e[4].call(null,a)}let H={$$slots:{default:[G]},$$scope:{ctx:e}};for(let e=0;e<p.length;e+=1)H=L(H,p[e]);return void 0!==e[0].active&&(H.active=e[0].active),a=new N({props:H}),i.push((()=>r(a,"active",m))),{c(){o(a.$$.fragment)},l(e){s(a.$$.fragment,e)},m(e,t){n(a,e,t),f=!0},p(e,i){const r=9&i?v(p,[1&i&&{size:e[0].size},1&i&&{close:e[0].close},g(e[3](e[0].variants))]):{};129&i&&(r.$$scope={dirty:i,ctx:e}),!t&&1&i&&(t=!0,r.active=e[0].active,h((()=>t=!1))),a.$set(r)},i(e){f||(c(a.$$.fragment,e),f=!0)},o(e){l(a.$$.fragment,e),f=!1},d(e){d(a,e)}}}function Y(e){let a,t,f;function p(a){e[5].call(null,a)}let m={controls:e[2],variants:e[1],$$slots:{default:[V]},$$scope:{ctx:e}};return void 0!==e[0]&&(m.values=e[0]),a=new z({props:m}),i.push((()=>r(a,"values",p))),{c(){o(a.$$.fragment)},l(e){s(a.$$.fragment,e)},m(e,t){n(a,e,t),f=!0},p(e,[i]){const r={};129&i&&(r.$$scope={dirty:i,ctx:e}),!t&&1&i&&(t=!0,r.values=e[0],h((()=>t=!1))),a.$set(r)},i(e){f||(c(a.$$.fragment,e),f=!0)},o(e){l(a.$$.fragment,e),f=!1},d(e){d(a,e)}}}function q(e,a,t){const i=[{mdiPlus:f},{mdiMagnet:p},{mdiAccount:m},{mdiViewDashboard:H}].map((e=>({name:Object.keys(e)[0],value:Object.values(e)[0]}))),r={close:{type:"switch"},active:{type:"switch"},avatar:{type:"switch"},icon:{type:"select",items:i,format:e=>i.find((a=>a.value==e))?i.find((a=>a.value==e)).name:""},size:{type:"select",items:["x-small","small","default","large","x-large"],mandatory:!0}};let o={variants:[],close:!1,active:!0,avatar:!1,icon:i[0].value,size:"default"};return[o,["label","link","outlined","pill"],r,e=>Object.fromEntries(e.map((e=>[e,!0]))),function(e){o.active=e,t(0,o)},function(e){o=e,t(0,o)}]}class F extends e{constructor(e){super(),a(this,e,q,Y,t,{})}}function Q(e){let a,t,i,r,h,f,p,m,H,L,v,g,B,O,I,T,z,N,D,Z,U,G,V,Y,q,Q,R,W,X,J,K,_,ee,ae,te,ie,re,oe,se,ne,he,ce,le,de,fe,pe,me,He,Le,ve,ge,$e,ue,Ee,xe,be,we,Ce,ye,je,Me,Be,Oe,Ie,Ae,Se,Pe,Te,ze,Ne,De,ke,Ze,Ue,Ge,Ve,Ye,qe,Fe,Qe,Re,We,Xe,Je,Ke,_e,ea,aa,ta,ia,ra,oa,sa,na,ha,ca,la,da,fa,pa,ma,Ha,La,va,ga,$a;return V=new F({}),ge=new k({props:{file:"Chip/colored"}}),je=new k({props:{file:"Chip/icon"}}),ze=new k({props:{file:"Chip/outlined"}}),qe=new k({props:{file:"Chip/label"}}),sa=new k({props:{file:"Chip/sizes"}}),ga=new k({props:{file:"Chip/closable"}}),{c(){a=u("section"),t=u("h1"),i=u("a"),r=A("svg"),h=A("path"),f=E("Chips"),p=u("p"),m=E("The "),H=u("code"),L=E("Chip"),v=E(" component is used to convey small pieces of information. Using the close property, the chip becomes interactive, allowing user interaction."),g=u("section"),B=u("h2"),O=u("a"),I=A("svg"),T=A("path"),z=E("Playground"),N=u("p"),D=E("Chips come in the following variations: Default, label, closeable, outlined, pill. The default slot of "),Z=u("code"),U=E("Chip"),G=E(" will also accept avatars and icons alongside text."),o(V.$$.fragment),Y=u("section"),q=u("h2"),Q=u("a"),R=A("svg"),W=A("path"),X=E("API"),J=u("ul"),K=u("li"),_=u("a"),ee=E("Chip"),ae=$(),te=u("section"),ie=u("h2"),re=u("a"),oe=A("svg"),se=A("path"),ne=E("Examples"),he=u("p"),ce=E("Below is a collection of simple to complex examples."),le=u("section"),de=u("h3"),fe=u("a"),pe=A("svg"),me=A("path"),He=E("Colored"),Le=u("p"),ve=E("Any color from the Material Design palette can be used to change a chips color."),o(ge.$$.fragment),$e=u("section"),ue=u("h3"),Ee=u("a"),xe=A("svg"),be=A("path"),we=E("Icon"),Ce=u("p"),ye=E("Chips can use text or any icon available in any font library."),o(je.$$.fragment),Me=u("section"),Be=u("h3"),Oe=u("a"),Ie=A("svg"),Ae=A("path"),Se=E("Outlined"),Pe=u("p"),Te=E("Outlined chips inherit their border color from the current text color."),o(ze.$$.fragment),Ne=u("section"),De=u("h3"),ke=u("a"),Ze=A("svg"),Ue=A("path"),Ge=E("Label"),Ve=u("p"),Ye=E("Label chips have reduced border-radius."),o(qe.$$.fragment),Fe=u("section"),Qe=u("h3"),Re=u("a"),We=A("svg"),Xe=A("path"),Je=E("Sizes"),Ke=u("p"),_e=E("Chip component can have various sizes from "),ea=u("code"),aa=E("x-small"),ta=E(" to "),ia=u("code"),ra=E("x-large"),oa=E("."),o(sa.$$.fragment),na=u("section"),ha=u("h3"),ca=u("a"),la=A("svg"),da=A("path"),fa=E("Closable"),pa=u("p"),ma=E("Closable chips can be controlled by the active prop. You can also listen to the "),Ha=u("co

1de"),La=E("on:close"),va=E(" event if you want to know when a chip has been closed."),o(ga.$$.fragment),this.h()},l(e){a=b(e,"SECTION",{});var o=w(a);t=b(o,"H1",{class:!0,id:!0});var n=w(t);i=b(n,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var c=w(i);r=b(c,"svg",{width:!0,height:!0,viewBox:!0},1);var l=w(r);h=b(l,"path",{d:!0},1),w(h).forEach(y),l.forEach(y),c.forEach(y),f=C(n,"Chips"),n.forEach(y),p=b(o,"P",{});var d=w(p);m=C(d,"The "),H=b(d,"CODE",{});var $=w(H);L=C($,"Chip"),$.forEach(y),v=C(d," component is used to convey small pieces of information. Using the close property, the chip becomes interactive, allowing user interaction."),d.forEach(y),g=b(o,"SECTION",{});var u=w(g);B=b(u,"H2",{class:!0,id:!0});var E=w(B);O=b(E,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var j=w(O);I=b(j,"svg",{width:!0,height:!0,viewBox:!0},1);var M=w(I);T=b(M,"path",{d:!0},1),w(T).forEach(y),M.forEach(y),j.forEach(y),z=C(E,"Playground"),E.forEach(y),N=b(u,"P",{});var A=w(N);D=C(A,"Chips come in the following variations: Default, label, closeable, outlined, pill. The default slot of "),Z=b(A,"CODE",{});var S=w(Z);U=C(S,"Chip"),S.forEach(y),G=C(A," will also accept avatars and icons alongside text."),A.forEach(y),s(V.$$.fragment,u),u.forEach(y),Y=b(o,"SECTION",{});var P=w(Y);q=b(P,"H2",{class:!0,id:!0});var k=w(q);Q=b(k,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var F=w(Q);R=b(F,"svg",{width:!0,height:!0,viewBox:!0},1);var $a=w(R);W=b($a,"path",{d:!0},1),w(W).forEach(y),$a.forEach(y),F.forEach(y),X=C(k,"API"),k.forEach(y),J=b(P,"UL",{});var ua=w(J);K=b(ua,"LI",{});var Ea=w(K);_=b(Ea,"A",{href:!0,class:!0});var xa=w(_);ee=C(xa,"Chip"),xa.forEach(y),Ea.forEach(y),ae=x(ua),ua.forEach(y),P.forEach(y),te=b(o,"SECTION",{});var ba=w(te);ie=b(ba,"H2",{class:!0,id:!0});var wa=w(ie);re=b(wa,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var Ca=w(re);oe=b(Ca,"svg",{width:!0,height:!0,viewBox:!0},1);var ya=w(oe);se=b(ya,"path",{d:!0},1),w(se).forEach(y),ya.forEach(y),Ca.forEach(y),ne=C(wa,"Examples"),wa.forEach(y),he=b(ba,"P",{});var ja=w(he);ce=C(ja,"Below is a collection of simple to complex examples."),ja.forEach(y),le=b(ba,"SECTION",{});var Ma=w(le);de=b(Ma,"H3",{class:!0,id:!0});var Ba=w(de);fe=b(Ba,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var Oa=w(fe);pe=b(Oa,"svg",{width:!0,height:!0,viewBox:!0},1);var Ia=w(pe);me=b(Ia,"path",{d:!0},1),w(me).forEach(y),Ia.forEach(y),Oa.forEach(y),He=C(Ba,"Colored"),Ba.forEach(y),Le=b(Ma,"P",{});var Aa=w(Le);ve=C(Aa,"Any color from the Material Design palette can be used to change a chips color."),Aa.forEach(y),s(ge.$$.fragment,Ma),Ma.forEach(y),$e=b(ba,"SECTION",{});var Sa=w($e);ue=b(Sa,"H3",{class:!0,id:!0});var Pa=w(ue);Ee=b(Pa,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var Ta=w(Ee);xe=b(Ta,"svg",{width:!0,height:!0,viewBox:!0},1);var za=w(xe);be=b(za,"path",{d:!0},1),w(be).forEach(y),za.forEach(y),Ta.forEach(y),we=C(Pa,"Icon"),Pa.forEach(y),Ce=b(Sa,"P",{});var Na=w(Ce);ye=C(Na,"Chips can use text or any icon available in any font library."),Na.forEach(y),s(je.$$.fragment,Sa),Sa.forEach(y),Me=b(ba,"SECTION",{});var Da=w(Me);Be=b(Da,"H3",{class:!0,id:!0});var ka=w(Be);Oe=b(ka,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var Za=w(Oe);Ie=b(Za,"svg",{width:!0,height:!0,viewBox:!0},1);var Ua=w(Ie);Ae=b(Ua,"path",{d:!0},1),w(Ae).forEach(y),Ua.forEach(y),Za.forEach(y),Se=C(ka,"Outlined"),ka.forEach(y),Pe=b(Da,"P",{});var Ga=w(Pe);Te=C(Ga,"Outlined chips inherit their border color from the current text color."),Ga.forEach(y),s(ze.$$.fragment,Da),Da.forEach(y),Ne=b(ba,"SECTION",{});var Va=w(Ne);De=b(Va,"H3",{class:!0,id:!0});var Ya=w(De);ke=b(Ya,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var qa=w(ke);Ze=b(qa,"svg",{width:!0,height:!0,viewBox:!0},1);var Fa=w(Ze);Ue=b(Fa,"path",{d:!0}

1,1),w(Ue).forEach(y),Fa.forEach(y),qa.forEach(y),Ge=C(Ya,"Label"),Ya.forEach(y),Ve=b(Va,"P",{});var Qa=w(Ve);Ye=C(Qa,"Label chips have reduced border-radius."),Qa.forEach(y),s(qe.$$.fragment,Va),Va.forEach(y),Fe=b(ba,"SECTION",{});var Ra=w(Fe);Qe=b(Ra,"H3",{class:!0,id:!0});var Wa=w(Qe);Re=b(Wa,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var Xa=w(Re);We=b(Xa,"svg",{width:!0,height:!0,viewBox:!0},1);var Ja=w(We);Xe=b(Ja,"path",{d:!0},1),w(Xe).forEach(y),Ja.forEach(y),Xa.forEach(y),Je=C(Wa,"Sizes"),Wa.forEach(y),Ke=b(Ra,"P",{});var Ka=w(Ke);_e=C(Ka,"Chip component can have various sizes from "),ea=b(Ka,"CODE",{});var _a=w(ea);aa=C(_a,"x-small"),_a.forEach(y),ta=C(Ka," to "),ia=b(Ka,"CODE",{});var et=w(ia);ra=C(et,"x-large"),et.forEach(y),oa=C(Ka,"."),Ka.forEach(y),s(sa.$$.fragment,Ra),Ra.forEach(y),na=b(ba,"SECTION",{});var at=w(na);ha=b(at,"H3",{class:!0,id:!0});var tt=w(ha);ca=b(tt,"A",{href:!0,"aria-hidden":!0,tabindex:!0});var it=w(ca);la=b(it,"svg",{width:!0,height:!0,viewBox:!0},1);var rt=w(la);da=b(rt,"path",{d:!0},1),w(da).forEach(y),rt.forEach(y),it.forEach(y),fa=C(tt,"Closable"),tt.forEach(y),pa=b(at,"P",{});var ot=w(pa);ma=C(ot,"Closable chips can be controlled by the active prop. You can also listen to the "),Ha=b(ot,"CODE",{});var st=w(Ha);La=C(st,"on:close"),st.forEach(y),va=C(ot," event if you want to know when a chip has been closed."),ot.forEach(y),s(ga.$$.fragment,at),at.forEach(y),ba.forEach(y),o.forEach(y),this.h()},h(){S(h,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(r,"width","0.7em"),S(r,"height","0.7em"),S(r,"viewBox","0 0 24 24"),S(i,"href","#chips"),S(i,"aria-hidden","true"),S(i,"tabindex","-1"),S(t,"class","heading text-h3 mb-4"),S(t,"id","chips"),S(T,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(I,"width","0.7em"),S(I,"height","0.7em"),S(I,"viewBox","0 0 24 24"),S(O,"href","#playground"),S(O,"aria-hidden","true"),S(O,"tabindex","-1"),S(B,"class","heading text-h4 mb-3"),S(B,"id","playground"),S(W,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(R,"width","0.7em"),S(R,"height","0.7em"),S(R,"viewBox","0 0 24 24"),S(Q,"href","#api"),S(Q,"aria-hidden","true"),S(Q,"tabindex","-1"),S(q,"class","heading text-h4 mb-3"),S(q,"id","api"),S(_,"href","/api/Chip/"),S(_,"class","app-link"),S(se,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(oe,"width","0.7em"),S(oe,"height","0.7em"),S(oe,"viewBox","0 0 24 24"),S(re,"href","#examples"),S(re,"aria-hidden","true"),S(re,"tabindex","-1"),S(ie,"class","heading text-h4 mb-3"),S(ie,"id","examples"),S(me,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(pe,"width","0.7em"),S(pe,"height","0.7em"),S(pe,"viewBox","0 0 24 24"),S(fe,"href","#colored"),S(fe,"aria-hidden","true"),S(fe,"tabindex","-1"),S(de,"class","heading text-h5 mb-2"),S(de,"id","colored"),S(be,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(xe,"width","0.7em"),S(xe,"height","0.7em"),S(xe,"viewBox","0 0 24 24"),S(Ee,"href","#icon"),S(Ee,"aria-hidden","true"),S(Ee,"tabindex","-1"),S(ue,"class","heading text-h5 mb-2"),S(ue,"id","icon"),S(Ae,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(Ie,"width","0.7em"),S(Ie,"height","0.7em"),S(Ie,"viewBox","0 0 24 24"),S(Oe,"href","#outlined"),S(Oe,"aria-hidden","true"),S(Oe,"tabindex","-1"),S(Be,"class","heading text-h5 mb-2"),S(Be,"id","outlined"),S(Ue,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(Ze,"width","0.7em"),S(Ze,"height","0.7em"),S(Ze,"viewBox","0 0 24 24"),S(ke,"href","#label"),S(ke,"aria-hidden","true"),S(ke,"tabindex","-1"),S(De,"class","heading text-h5 mb-2"),S(De,"id","label"),S(Xe,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(We,"width","0.7em"),S(We,"height","0.7em"),S(We,"viewBox","0 0 24 24"),S(Re,"href","#sizes"),S(Re,"aria-hidden","true"),S(Re,"tabindex","-1"),S(Qe,"class","heading text-h5 mb-2"),S(Qe,"id","sizes"),S(da,"d","M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"),S(la,"width","0.7em"),S(la,"height","0.7em"),S(la,"viewBox","0 0 24 24"),S(ca,"href","#closable"),S(ca,"aria-hidden","true"),S(ca,"tabindex","-1"),S(ha,"class","heading text-h5 mb-2"),S(ha,"id","closable")},m(e,o){j(e,a,o),M(a,t),M(t,i),M(i,r),M(r,h),M(t,f),M(a,p),M(p,m),M(p,H),M(H,L),M(p,v),M(a,g),M(g,B),M(B,O),M(O,I),M(I,T),M(B,z),M(g,N),M(N,D),M(N,Z),M(Z,U),M(N,G),n(V,g,null),M(a,Y),M(Y,q),M(q,Q),M(Q,R),M(R,W),M(q,X),M(Y,J),M(J,K),M(K,_),M(_,ee),M(J,ae),M(a,te),M(te,ie),M(ie,re),M(re,oe),M(oe,se),M(ie,ne),M(te,he),M(he,ce),M(te,le),M(le,de),M(de,fe),M(fe,pe),M(pe,me),M(de,He),M(le,Le),M(Le,ve),n(ge,le,null),M(te,$e),M($e,ue),M(ue,Ee),M(Ee,xe),M(xe,be),M(ue,we),M($e,Ce),M(Ce,ye),n(je,$e,null),M(te,Me),M(Me,Be),M(Be,Oe),M(Oe,Ie),M(Ie,Ae),M(Be,Se),M(Me,Pe),M(Pe,Te),n(ze,Me,null),M(te,Ne),M(Ne,De),M(De,ke),M(ke,Ze),M(Ze,Ue),M(De,Ge),M(Ne,Ve),M(Ve,Ye),n(qe,Ne,null),M(te,Fe),M(Fe,Qe),M(Qe,Re),M(Re,We),M(We,Xe),M(

1Qe,Je),M(Fe,Ke),M(Ke,_e),M(Ke,ea),M(ea,aa),M(Ke,ta),M(Ke,ia),M(ia,ra),M(Ke,oa),n(sa,Fe,null),M(te,na),M(na,ha),M(ha,ca),M(ca,la),M(la,da),M(ha,fa),M(na,pa),M(pa,ma),M(pa,Ha),M(Ha,La),M(pa,va),n(ga,na,null),$a=!0},p:P,i(e){$a||(c(V.$$.fragment,e),c(ge.$$.fragment,e),c(je.$$.fragment,e),c(ze.$$.fragment,e),c(qe.$$.fragment,e),c(sa.$$.fragment,e),c(ga.$$.fragment,e),$a=!0)},o(e){l(V.$$.fragment,e),l(ge.$$.fragment,e),l(je.$$.fragment,e),l(ze.$$.fragment,e),l(qe.$$.fragment,e),l(sa.$$.fragment,e),l(ga.$$.fragment,e),$a=!1},d(e){e&&y(a),d(V),d(ge),d(je),d(ze),d(qe),d(sa),d(ga)}}}function R(e){let a,t;const i=[W];let r={$$slots:{default:[Q]},$$scope:{ctx:e}};for(let e=0;e<i.length;e+=1)r=L(r,i[e]);return a=new T({props:r}),{c(){o(a.$$.fragment)},l(e){s(a.$$.fragment,e)},m(e,i){n(a,e,i),t=!0},p(e,[t]){const r=0&t?v(i,[g(W)]):{};1&t&&(r.$$scope={dirty:t,ctx:e}),a.$set(r)},i(e){t||(c(a.$$.fragment,e),t=!0)},o(e){l(a.$$.fragment,e),t=!1},d(e){d(a,e)}}}const W={title:"Chip Component",description:"The chip component allows a user to enter information, make selections, filter content or trigger actions.",keywords:"chips, svelte materialify chip, svelte chip component",related:["components/avatars","components/icons","components/selects"]};export default class extends e{constructor(e){super(),a(this,e,null,R,t,{})}}export{W as metadata};