npm - @mozaic-ds/web-components - Versions diffs - 0.9.0 → 0.10.1 - Mend

@mozaic-ds/web-components 0.9.0 → 0.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (324) hide show

package/public/components/autocomplete/Autocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as l,b as a,f as s,s as i,v as n,w as o,c as r,e as c,d,x as m,n as u,g as p,y as h,h as g,z as $,j as x,A as b,B as f,l as w,C as v,D as y,E as _,F as k,m as z,o as q,G as j,H as S,p as C,r as N,q as O,I as T,J as E,K as J,L,M as H,N as M,O as R}from"../../index-c33b3772.js";import{E as Y}from"../../EventHandler-02058705.js";import{c as A}from"../../ClickOutside-63071e7a.js";import U from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import D from"../textinput/Textinput.nested.js";import F from"../listbox/Listbox.nested.js";function G(t,e,l){const a=t.slice();return a[70]=e[l],a}function I(t,e,l){const a=t.slice();return a[70]=e[l],a[74]=l,a}function K(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new U({props:a}),t[49](e),e.$on("tag-removed",t[32]),{c(){m(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[49](null),j(e,l)}}}function W(t){let e,l;return e=new B({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){m(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function P(t){let e,l,s;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(i,n){a(i,e,n),l||(s=w(e,"click",T(t[54])),l=!0)},p:u,d(t){t&&q(e),l=!1,s()}}}function Q(t){let e,l,s=t[26],i=[];for(let e=0;e<s.length;e+=1)i[e]=X(I(t,s,e));let n=t[19].length>t[15]&&Z(t);return{c(){e=c("div");for(let t=0;t<i.length;t+=1)i[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,s){a(t,e,s);for(let t=0;t<i.length;t+=1)i[t]&&i[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(67141632&a[0]|512&a[1]){let n;for(s=t[26],n=0;n<s.length;n+=1){const o=I(t,s,n);i[n]?i[n].p(o,a):(i[n]=X(o),i[n].c(),i[n].m(e,l))}for(;n<i.length;n+=1)i[n].d(1);i.length=s.length}t[19].length>t[15]?n?n.p(t,a):(n=Z(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(i,t),n&&n.d()}}}function V(t){let e,l,s,i,n,o;function r(){return t[56](t[70])}return{c(){e=c("div"),l=c("m-tag"),L(l,"id",s=t[70].id),L(l,"label",i=t[70].label),L(l,"size","s"),L(l,"type","removable"),p(e,"class","tag-selected")},m(t,s){a(t,e,s),x(e,l),n||(o=w(l,"tag-removed",r),n=!0)},p(e,a){t=e,67108864&a[0]&&s!==(s=t[70].id)&&L(l,"id",s),67108864&a[0]&&i!==(i=t[70].label)&&L(l,"label",i)},d(t){t&&q(e),n=!1,o()}}}function X(t){let e,l=t[74]<t[15]&&V(t);return{c(){l&&l.c(),e=J()},m(t,s){l&&l.m(t,s),a(t,e,s)},p(t,a){t[74]<t[15]?l?l.p(t,a):(l=V(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function Z(t){let e,l,s,i,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",s="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(s,o){a(s,e,o),x(e,l),i||(n=w(l,"tag-selected",t[57]),i=!0)},p(t,e){540672&e[0]&&s!==(s="("+t[19].length+") "+t[14]+" ")&&L(l,"label",s)},d(t){t&&q(e),i=!1,n()}}}function tt(t){let e,l,s,i,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=et(G(t,r,e));return{c(){e=c("div"),l=c("m-layer"),s=c("small"),i=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(i,"class","tags-selected"),p(s,"slot","content"),L(l,"title",t[13]),L(l,"layertitletag","h3"),L(l,"isopen",t[27])},m(r,c){a(r,e,c),x(e,l),x(l,s),x(s,i);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(i,null);n||(o=w(l,"layer-closed",t[59]),n=!0)},p(t,e){if(67108864&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=G(t,r,l);d[l]?d[l].p(a,e):(d[l]=et(a),d[l].c(),d[l].m(i,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&L(l,"title",t[13]),134217728&e[0]&&L(l,"isopen",t[27])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function et(t){let e,l,s,i,n,o,r;function m(){return t[58](t[70])}return{c(){e=c("div"),l=c("m-tag"),n=d(),L(l,"id",s=t[70].id),L(l,"label",i=t[70].label),L(l,"size","s"),L(l,"type","removable"),p(e,"class","tag-selected")},m(t,s){a(t,e,s),x(e,l),x(e,n),o||(r=w(l,"tag-removed",m),o=!0)},p(e,a){t=e,67108864&a[0]&&s!==(s=t[70].id)&&L(l,"id",s),67108864&a[0]&&i!==(i=t[70].label)&&L(l,"label",i)},d(t){t&&q(e),o=!1,r()}}}function lt(t){let e,l,s,i,C,N,O,T,E,J,L,M,R,Y,U,B,G,I,V,X,Z,et=t[9]&&t[19].length>0&&!t[16]&&K(t);function lt(e){t[50](e)}let at={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(at.value=t[28]),i=new D({props:at}),n.push((()=>o(i,"value",lt))),i.$on("input",t[37]),i.$on("click",t[51]),i.$on("change",t[52]),i.$on("blur",t[53]);let st=t[7]&&W(),it=null!=t[28]&&""!=t[28]&&P(t);function nt(e){t[55](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),J=new F({props:ot}),n.push((()=>o(J,"value",nt))),J.$on("change",t[34]),J.$on("scrollend",t[38]),J.$on("select-all",t[39]);let rt=t[9]&&t[16]&&Q(t),ct=t[9]&&t[16]&&tt(t),dt=[{class:"mc-autocomplete"},{style:I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],mt={};for(let t=0;t<dt.length;t+=1)mt=r(mt,dt[t]);return{c(){e=c("div"),l=c("div"),et&&et.c(),s=d(),m(i.$$.fragment),N=d(),O=c("div"),st&&st.c(),T=d(),it&&it.c(),E=d(),m(J.$$.fragment),M=d(),rt&&rt.c(),R=d(),Y=c("span"),U=d(),B=c("span"),G=d(),ct&&ct.c(),this.c=u,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,mt),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),x(e,l),et&&et.m(l,null),x(l,s),b(i,l,null),x(l,N),x(l,O),st&&st.m(O,null),x(O,T),it&&it.m(O,null),x(e,E),b(J,e,null),x(e,M),rt&&rt.m(e,null),x(e,R),x(e,Y),x(e,U),x(e,B),x(e,G),ct&&ct.m(e,null),V=!0,X||(Z=[f(A.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?et?(et.p(t,a),590336&a[0]&&v(et,1)):(et=K(t),et.c(),v(et,1),et.m(l,s)):et&&(H(),y(et,1,1,(()=>{et=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),i.$set(n),t[7]?st?128&a[0]&&v(st,1):(st=W(),st.c(),v(st,1),st.m(O,T)):st&&(H(),y(st,1,1,(()=>{st=null})),_()),null!=t[28]&&""!=t[28]?it?it.p(t,a):(it=P(t),it.c(),it.m(O,null)):it&&(it.d(1),it=null);const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),J.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=Q(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=tt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,mt=z(dt,[{class:"mc-autocomplete"},(!V||16777217&a[0]&&I!==(I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:I},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){V||(v(et),v(i.$$.fragment,t),v(st),v(J.$$.fragment,t),V=!0)},o(t){y(et),y(i.$$.fragment,t),y(st),y(J.$$.fragment,t),V=!1},d(t){t&&q(e),et&&et.d(),j(i),st&&st.d(),it&&it.d(),j(J),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function at(t,e,l){let a,s,i,o,c,d,m;const u=["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,u),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{disabled:f=!1}=e,{size:w="m"}=e,{isinvalid:v}=e,{inputvalue:y}=e,{id:_}=e,{loading:k=!1}=e,{required:z=!1}=e,{items:q}=e,{value:j}=e,{open:S=!1}=e,{multiple:T=!1}=e,{emptysearchlabel:E="No results found"}=e,{datatextexpr:J="label"}=e,{datavalueexpr:L="value"}=e,{nosort:H=!1}=e,{layertitle:A="Title layer"}=e,{showmoretagslabel:U="Show more"}=e,{maxnumbertoshowtags:B=12}=e,{alltags:D=!1}=e,{selectall:F=!1}=e,{labelselectall:G="Select all"}=e;const I=N(),K=Math.random();let W,P,Q,V=new Y,X="0px",Z=!1,tt=[],et=null;function lt(){l(19,o=T?[]:""),at(),V.dispatch("clear",!0)}function at(){l(21,d=!1),T&&!H?function(){Q=s;const t=st();Q.sort(((e,l)=>{const a=t.includes(e),s=t.includes(l);return a===s?e[L]-l[L]:a<s?1:-1})),l(29,i=Q)}():l(29,i=s)}function st(t){const e=t||o;return s.filter((t=>T?e.includes(t[L]):e===t[L]))}function it(){l(27,et=!0)}function nt(){l(27,et=null)}function ot(t){l(19,o=o.filter((e=>e!==t))),V.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),O(t)),l(69,p=C(e,u)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(42,b=t.filter),"disabled"in t&&l(3,f=t.disabled),"size"in t&&l(4,w=t.size),"isinvalid"in t&&l(5,v=t.isinvalid),"inputvalue"in t&&l(43,y=t.inputvalue),"id"in t&&l(6,_=t.id),"loading"in t&&l(7,k=t.loading),"required"in t&&l(8,z=t.required),"items"in t&&l(44,q=t.items),"value"in t&&l(45,j=t.value),"open"in t&&l(46,S=t.open),"multiple"in t&&l(9,T=t.multiple),"emptysearchlabel"in t&&l(10,E=t.emptysearchlabel),"datatextexpr"in t&&l(11,J=t.datatextexpr),"datavalueexpr"in t&&l(12,L=t.datavalueexpr),"nosort"in t&&l(47,H=t.nosort),"layertitle"in t&&l(13,A=t.layertitle),"showmoretagslabel"in t&&l(14,U=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,B=t.maxnumbertoshowtags),"alltags"in t&&l(16,D=t.alltags),"selectall"in t&&l(17,F=t.selectall),"labelselectall"in t&&l(18,G=t.labelselectall)},t.$$.update=()=>{if(4096&t.$$.dirty[1]&&l(28,a=y),8192&t.$$.dirty[1]&&l(20,s=q?JSON.parse(q):[]),1048576&t.$$.dirty[0]&&l(29,i=s),512&t.$$.dirty[0]|16384&t.$$.dirty[1]&&l(19,o=!j&&T?[]:j?JSON.parse(j):j),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await M(),l(26,tt=st(t)),T)l(48,P=t);else{const t=tt.map((t=>t[J]));l(28,a=t.join(", "))}}(o),131072&t.$$.dirty[1]&&async function(t){await M(),l(24,X=W&&t&&t.length?`${I.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(P),32768&t.$$.dirty[1]&&l(21,d=S),2097152&t.$$.dirty[0]){const t=d?"open":"close";V.dispatch(t,d)}l(22,m=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete m.class},[h,g,x,f,w,v,_,k,z,T,E,J,L,A,U,B,D,F,G,o,s,d,m,W,X,Z,tt,et,a,i,c,K,lt,at,function(){V.dispatch("onchange",o),T||at()},it,nt,function(t){const e=t.target.value;!function(t){V.dispatch("oninput",t)}(e),function(t){b&&(t.length?l(29,i=s.filter((e=>e[J].toUpperCase().includes(t.toUpperCase())))):l(29,i=s),l(25,Z=!i.length),V.dispatch("onfilter",i))}(e)},function(){V.dispatch("scrollend",!0)},function(t){V.dispatch("select-all",t.detail)},ot,$,b,y,q,j,S,H,P,function(t){n[t?"unshift":"push"]((()=>{W=t,l(23,W)}))},function(t){a=t,l(28,a),l(43,y)},()=>l(21,d=!0),function(e){R.call(this,t,e)},function(e){R.call(this,t,e)},()=>{l(28,a=""),l(29,i=s),l(25,Z=!1),T||lt()},function(t){o=t,l(19,o),l(45,j),l(9,T)},t=>ot(t.id),()=>it(),t=>ot(t.id),()=>nt()]}class st extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},at,lt,i,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,disabled:3,size:4,isinvalid:5,inputvalue:43,id:6,loading:7,required:8,items:44,value:45,open:46,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:47,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),s()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),s()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),s()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),s()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),s()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),s()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),s()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),s()}get inputvalue(){return this.$$.ctx[43]}set inputvalue(t){this.$$set({inputvalue:t}),s()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),s()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),s()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),s()}get items(){return this.$$.ctx[44]}set items(t){this.$$set({items:t}),s()}get value(){return this.$$.ctx[45]}set value(t){this.$$set({value:t}),s()}get open(){return this.$$.ctx[46]}set open(t){this.$$set({open:t}),s()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),s()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),s()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),s()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),s()}get nosort(){return this.$$.ctx[47]}set nosort(t){this.$$set({nosort:t}),s()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),s()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),s()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),s()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),s()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),s()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),s()}}export{st as default};
+import{S as t,i as e,a as l,b as a,f as i,s,v as n,w as o,c as r,e as c,d,x as u,n as m,g as p,y as h,h as g,z as $,j as x,A as b,B as f,l as w,C as v,D as y,E as _,F as k,m as z,o as q,G as j,H as S,p as C,r as N,q as O,I as T,J as E,K as J,L,M as H,N as M,O as R}from"../../index-c33b3772.js";import{E as Y}from"../../EventHandler-02058705.js";import{c as A}from"../../ClickOutside-63071e7a.js";import U from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import D from"../textinput/Textinput.nested.js";import F from"../listbox/Listbox.nested.js";function G(t,e,l){const a=t.slice();return a[70]=e[l],a}function I(t,e,l){const a=t.slice();return a[70]=e[l],a[74]=l,a}function K(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new U({props:a}),t[49](e),e.$on("tag-removed",t[32]),{c(){u(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[49](null),j(e,l)}}}function W(t){let e,l;return e=new B({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function P(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",T(t[54])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function Q(t){let e,l,i=t[26],s=[];for(let e=0;e<i.length;e+=1)s[e]=tt(I(t,i,e));let n=t[19].length>t[15]&&et(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(67141640&a[0]|512&a[1]){let n;for(i=t[26],n=0;n<i.length;n+=1){const o=I(t,i,n);s[n]?s[n].p(o,a):(s[n]=tt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=et(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function V(t){let e;function l(t,e){return t[3]?Z:X}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function X(t){let e,l,i,s,n;function o(){return t[56](t[70])}return{c(){e=c("m-tag"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function Z(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","link"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function tt(t){let e,l=t[74]<t[15]&&V(t);return{c(){l&&l.c(),e=J()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[74]<t[15]?l?l.p(t,a):(l=V(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function et(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",i="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),x(e,l),s||(n=w(l,"tag-selected",t[57]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&L(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function lt(t){let e,l,i,s,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=st(G(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),L(l,"title",t[13]),L(l,"layertitletag","h3"),L(l,"isopen",t[27])},m(r,c){a(r,e,c),x(e,l),x(l,i),x(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[59]),n=!0)},p(t,e){if(67108872&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=G(t,r,l);d[l]?d[l].p(a,e):(d[l]=st(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&L(l,"title",t[13]),134217728&e[0]&&L(l,"isopen",t[27])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function at(t){let e,l,i,s,n;function o(){return t[58](t[70])}return{c(){e=c("m-tag"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","text"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function st(t){let e,l;function i(t,e){return t[3]?it:at}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),x(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function nt(t){let e,l,i,s,C,N,O,T,E,J,L,M,R,Y,U,B,G,I,V,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&K(t);function et(e){t[50](e)}let at={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(at.value=t[28]),s=new D({props:at}),n.push((()=>o(s,"value",et))),s.$on("input",t[37]),s.$on("click",t[51]),s.$on("change",t[52]),s.$on("blur",t[53]);let it=t[7]&&W(),st=null!=t[28]&&""!=t[28]&&!t[3]&&P(t);function nt(e){t[55](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),J=new F({props:ot}),n.push((()=>o(J,"value",nt))),J.$on("change",t[34]),J.$on("scrollend",t[38]),J.$on("select-all",t[39]);let rt=t[9]&&t[16]&&Q(t),ct=t[9]&&t[16]&&lt(t),dt=[{class:"mc-autocomplete"},{style:I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),E=d(),u(J.$$.fragment),M=d(),rt&&rt.c(),R=d(),Y=c("span"),U=d(),B=c("span"),G=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),x(e,l),tt&&tt.m(l,null),x(l,i),b(s,l,null),x(l,N),x(l,O),it&&it.m(O,null),x(O,T),st&&st.m(O,null),x(e,E),b(J,e,null),x(e,M),rt&&rt.m(e,null),x(e,R),x(e,Y),x(e,U),x(e,B),x(e,G),ct&&ct.m(e,null),V=!0,X||(Z=[f(A.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=K(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(H(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=W(),it.c(),v(it,1),it.m(O,T)):it&&(H(),y(it,1,1,(()=>{it=null})),_()),null==t[28]||""==t[28]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=P(t),st.c(),st.m(O,null));const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),J.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=Q(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=lt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!V||16777217&a[0]&&I!==(I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:I},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){V||(v(tt),v(s.$$.fragment,t),v(it),v(J.$$.fragment,t),V=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(J.$$.fragment,t),V=!1},d(t){t&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(J),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function ot(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,m),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{disabled:f=!1}=e,{size:w="m"}=e,{isinvalid:v}=e,{inputvalue:y}=e,{id:_}=e,{loading:k=!1}=e,{required:z=!1}=e,{items:q}=e,{value:j}=e,{open:S=!1}=e,{multiple:T=!1}=e,{emptysearchlabel:E="No results found"}=e,{datatextexpr:J="label"}=e,{datavalueexpr:L="value"}=e,{nosort:H=!1}=e,{layertitle:A="Title layer"}=e,{showmoretagslabel:U="Show more"}=e,{maxnumbertoshowtags:B=12}=e,{alltags:D=!1}=e,{selectall:F=!1}=e,{labelselectall:G="Select all"}=e;const I=N(),K=Math.random();let W,P,Q,V=new Y,X="0px",Z=!1,tt=[],et=null;function lt(){l(19,o=T?[]:""),at(),V.dispatch("clear",!0)}function at(){l(21,d=!1),T&&!H?function(){Q=i;const t=it();Q.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[L]-l[L]:a<i?1:-1})),l(29,s=Q)}():l(29,s=i)}function it(t){const e=t||o;return i.filter((t=>T?e.includes(t[L]):e===t[L]))}function st(){l(27,et=!0)}function nt(){l(27,et=null)}function ot(t){l(19,o=o.filter((e=>e!==t))),V.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),O(t)),l(69,p=C(e,m)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(42,b=t.filter),"disabled"in t&&l(3,f=t.disabled),"size"in t&&l(4,w=t.size),"isinvalid"in t&&l(5,v=t.isinvalid),"inputvalue"in t&&l(43,y=t.inputvalue),"id"in t&&l(6,_=t.id),"loading"in t&&l(7,k=t.loading),"required"in t&&l(8,z=t.required),"items"in t&&l(44,q=t.items),"value"in t&&l(45,j=t.value),"open"in t&&l(46,S=t.open),"multiple"in t&&l(9,T=t.multiple),"emptysearchlabel"in t&&l(10,E=t.emptysearchlabel),"datatextexpr"in t&&l(11,J=t.datatextexpr),"datavalueexpr"in t&&l(12,L=t.datavalueexpr),"nosort"in t&&l(47,H=t.nosort),"layertitle"in t&&l(13,A=t.layertitle),"showmoretagslabel"in t&&l(14,U=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,B=t.maxnumbertoshowtags),"alltags"in t&&l(16,D=t.alltags),"selectall"in t&&l(17,F=t.selectall),"labelselectall"in t&&l(18,G=t.labelselectall)},t.$$.update=()=>{if(4096&t.$$.dirty[1]&&l(28,a=y),8192&t.$$.dirty[1]&&l(20,i=q?JSON.parse(q):[]),1048576&t.$$.dirty[0]&&l(29,s=i),512&t.$$.dirty[0]|16384&t.$$.dirty[1]&&l(19,o=!j&&T?[]:j?JSON.parse(j):j),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await M(),l(26,tt=it(t)),T)l(48,P=t);else{const t=tt.map((t=>t[J]));l(28,a=t.join(", "))}}(o),131072&t.$$.dirty[1]&&async function(t){await M(),l(24,X=W&&t&&t.length?`${I.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(P),32768&t.$$.dirty[1]&&l(21,d=S),2097152&t.$$.dirty[0]){const t=d?"open":"close";V.dispatch(t,d)}l(22,u=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete u.class},[h,g,x,f,w,v,_,k,z,T,E,J,L,A,U,B,D,F,G,o,i,d,u,W,X,Z,tt,et,a,s,c,K,lt,at,function(){V.dispatch("onchange",o),T||at()},st,nt,function(t){const e=t.target.value;!function(t){V.dispatch("oninput",t)}(e),function(t){b&&(t.length?l(29,s=i.filter((e=>e[J].toUpperCase().includes(t.toUpperCase())))):l(29,s=i),l(25,Z=!s.length),V.dispatch("onfilter",s))}(e)},function(){V.dispatch("scrollend",!0)},function(t){V.dispatch("select-all",t.detail)},ot,$,b,y,q,j,S,H,P,function(t){n[t?"unshift":"push"]((()=>{W=t,l(23,W)}))},function(t){a=t,l(28,a),l(43,y)},()=>l(21,d=!0),function(e){R.call(this,t,e)},function(e){R.call(this,t,e)},()=>{l(28,a=""),l(29,s=i),l(25,Z=!1),T||lt()},function(t){o=t,l(19,o),l(45,j),l(9,T)},t=>ot(t.id),()=>st(),t=>ot(t.id),()=>nt()]}class rt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ot,nt,s,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,disabled:3,size:4,isinvalid:5,inputvalue:43,id:6,loading:7,required:8,items:44,value:45,open:46,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:47,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[43]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[44]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[45]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[46]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[47]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{rt as default};
 //# sourceMappingURL=Autocomplete.js.map

package/public/components/autocomplete/Autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import { get_current_component } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder: string;\n export let filter = true;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let loading = false;\n export let required = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const component: any = get_current_component();\n const uuid = Math.random();\n let eventHandler = new EventHandler();\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function clearListbox() {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: string) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (!filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n }\n\n async function setTagWidth(tagValue: any) {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${\n component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-autocomplete__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != ''}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click\|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\n </button>\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n on:tag-selected={() => openLayerFn()}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.autocomplete';\n\n // Autocomplete\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-autocomplete {\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_2","div","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","append","dirty","if_block","create_if_block_3","div1","m_layer","small","div0","if_block0","create_if_block_6","create_if_block_5","if_block2","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
1	+ {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import { get_current_component } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder: string;\n export let filter = true;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let loading = false;\n export let required = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const component: any = get_current_component();\n const uuid = Math.random();\n let eventHandler = new EventHandler();\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function clearListbox() {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: string) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (!filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n }\n\n async function setTagWidth(tagValue: any) {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${\n component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-autocomplete__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click\|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\n </button>\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"link\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n dark={true}\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n on:tag-selected={() => openLayerFn()}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.autocomplete';\n\n // Autocomplete\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-autocomplete {\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/components/autocomplete/Autocomplete.svelte CHANGED Viewed

@@ -260,7 +260,7 @@
       {/if}
       <!-- CLEAR BUTTON -->
-      {#if localInputValue != null && localInputValue != ''}
+      {#if localInputValue != null && localInputValue != '' && !disabled}
         <button
           class="mc-autocomplete__clear"
           type="button"
@@ -303,13 +303,23 @@
       {#each selectedItems as selectedItem, index}
         {#if index < maxnumbertoshowtags}
           <div class="tag-selected">
-            <m-tag
-              id={selectedItem.id}
-              label={selectedItem.label}
-              size="s"
-              type="removable"
-              on:tag-removed={() => removeTagSelected(selectedItem.id)}
-            />
+            {#if disabled}
+              <m-tag
+                type="link"
+                id={selectedItem.id}
+                label={selectedItem.label}
+                size="s"
+                dark={true}
+              />
+            {:else}
+              <m-tag
+                id={selectedItem.id}
+                label={selectedItem.label}
+                size="s"
+                type="removable"
+                on:tag-removed={() => removeTagSelected(selectedItem.id)}
+              />
+            {/if}
           </div>
         {/if}
       {/each}
@@ -343,13 +353,22 @@
           <div class="tags-selected">
             {#each selectedItems as selectedItem}
               <div class="tag-selected">
-                <m-tag
-                  id={selectedItem.id}
-                  label={selectedItem.label}
-                  size="s"
-                  type="removable"
-                  on:tag-removed={() => removeTagSelected(selectedItem.id)}
-                />
+                {#if disabled}
+                  <m-tag
+                    type="text"
+                    id={selectedItem.id}
+                    label={selectedItem.label}
+                    size="s"
+                  />
+                {:else}
+                  <m-tag
+                    id={selectedItem.id}
+                    label={selectedItem.label}
+                    size="s"
+                    type="removable"
+                    on:tag-removed={() => removeTagSelected(selectedItem.id)}
+                  />
+                {/if}
               </div>
             {/each}
           </div>

package/public/components/badge/Badge.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{P as e,i as s,s as r,Q as o,c as a,e as t,t as c,h as l,z as d,b as n,j as i,X as b,m as g,n as f,o as p,p as u,q as m}from"../../index-c33b3772.js";function v(e){o(e,"svelte-g1ids5",'.mc-badge.svelte-g1ids5{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge.svelte-g1ids5::first-letter{text-transform:uppercase}.mc-badge--success.svelte-g1ids5{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning.svelte-g1ids5{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger.svelte-g1ids5{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral.svelte-g1ids5{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}')}function y(e){let s,r,o,u=[{class:o=h(e[1])+" "+e[3]},e[2]],m={};for(let e=0;e<u.length;e+=1)m=a(m,u[e]);return{c(){s=t("div"),r=c(e[0]),l(s,m),d(s,"svelte-g1ids5",!0)},m(e,o){n(e,s,o),i(s,r)},p(e,[a]){1&a&&b(r,e[0],m.contenteditable),l(s,m=g(u,[10&a&&o!==(o=h(e[1])+" "+e[3])&&{class:o},4&a&&e[2]])),d(s,"svelte-g1ids5",!0)},i:f,o:f,d(e){e&&p(s)}}}function h(e){const s=["mc-badge"];return e&&s.push(`mc-badge--${e}`),s.join(" ")}function x(e,s,r){let o,t;const c=["label","type"];let l=u(s,c),{label:d}=s,{type:n}=s;return e.$$set=e=>{r(5,s=a(a({},s),m(e))),r(4,l=u(s,c)),"label"in e&&r(0,d=e.label),"type"in e&&r(1,n=e.type)},e.$$.update=()=>{r(3,o=s.class),r(2,t=Object.assign({},l)),4&e.$$.dirty&&delete t.class},s=m(s),[d,n,t,o]}class $ extends e{constructor(e){super(),s(this,e,x,y,r,{label:0,type:1},v)}}export{$ as default};
+import{P as e,i as r,s as o,Q as a,c as s,e as t,t as c,h as l,z as d,b as n,j as b,X as i,m as f,n as p,o as u,p as g,q as m}from"../../index-c33b3772.js";function y(e){a(e,"svelte-10rfydw",'.mc-badge.svelte-10rfydw{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge.svelte-10rfydw::first-letter{text-transform:uppercase}.mc-badge--success.svelte-10rfydw{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning.svelte-10rfydw{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger.svelte-10rfydw{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral.svelte-10rfydw{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}')}function w(e){let r,o,a,g=[{class:a=v(e[1])+" "+e[3]},e[2]],m={};for(let e=0;e<g.length;e+=1)m=s(m,g[e]);return{c(){r=t("div"),o=c(e[0]),l(r,m),d(r,"svelte-10rfydw",!0)},m(e,a){n(e,r,a),b(r,o)},p(e,[s]){1&s&&i(o,e[0],m.contenteditable),l(r,m=f(g,[10&s&&a!==(a=v(e[1])+" "+e[3])&&{class:a},4&s&&e[2]])),d(r,"svelte-10rfydw",!0)},i:p,o:p,d(e){e&&u(r)}}}function v(e){const r=["mc-badge"];return e&&r.push(`mc-badge--${e}`),r.join(" ")}function h(e,r,o){let a,t;const c=["label","type"];let l=g(r,c),{label:d}=r,{type:n}=r;return e.$$set=e=>{o(5,r=s(s({},r),m(e))),o(4,l=g(r,c)),"label"in e&&o(0,d=e.label),"type"in e&&o(1,n=e.type)},e.$$.update=()=>{o(3,a=r.class),o(2,t=Object.assign({},l)),4&e.$$.dirty&&delete t.class},r=m(r),[d,n,t,a]}class x extends e{constructor(e){super(),r(this,e,h,w,o,{label:0,type:1},y)}}export{x as default};
 //# sourceMappingURL=Badge.nested.js.map

package/public/components/badge/Badge.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.nested.js","sources":["../../../src/components/badge/Badge.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { BadgeType } from './badge.types';\n\n export let label: string;\n export let type: BadgeType;\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function setClasses(type: BadgeType) {\n const classes = ['mc-badge'];\n\n if (type) {\n classes.push(`mc-badge--${type}`);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<div class=\"{setClasses(type)} {userClass}\" {...attributes}>\n {label}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.badge';\n</style>\n"],"names":["setClasses","ctx","insert","target","div","anchor","div_data","class","div_class_value","type","classes","push","join","label","$$props","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"~~y9BAuBaA~~,EAAWC,EAAI,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EACvDA,EAAK,~~2CADRC~~,EAEKC,EAAAC,EAAAC,6BADFJ,EAAK,GAAAK,EAAA,yCADKN,EAAWC,EAAI,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,~~sDAX~~/C,SAAAD,EAAWS,GACZ,MAAAC,GAAW,mBAEbD,GACFC,EAAQC,KAAI,aAAcF,KAGrBC,EAAQE,KAAK,4EAdXC,GAAaC,QACbL,GAAeK,kIAEvBC,EAAA,EAAAC,EAAYF,EAAQP,WACpBU,EAALC,OAAAC,UAAuBC,yBACXH,EAAWV"}
1	+ {"version":3,"file":"Badge.nested.js","sources":["../../../src/components/badge/Badge.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { BadgeType } from './badge.types';\n\n export let label: string;\n export let type: BadgeType;\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function setClasses(type: BadgeType) {\n const classes = ['mc-badge'];\n\n if (type) {\n classes.push(`mc-badge--${type}`);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<div class=\"{setClasses(type)} {userClass}\" {...attributes}>\n {label}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.badge';\n</style>\n"],"names":["setClasses","ctx","insert","target","div","anchor","div_data","class","div_class_value","type","classes","push","join","label","$$props","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"g+BAuBaA,EAAWC,EAAI,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EACvDA,EAAK,4CADRC,EAEKC,EAAAC,EAAAC,6BADFJ,EAAK,GAAAK,EAAA,yCADKN,EAAWC,EAAI,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,uDAX/C,SAAAD,EAAWS,GACZ,MAAAC,GAAW,mBAEbD,GACFC,EAAQC,KAAI,aAAcF,KAGrBC,EAAQE,KAAK,4EAdXC,GAAaC,QACbL,GAAeK,kIAEvBC,EAAA,EAAAC,EAAYF,EAAQP,WACpBU,EAALC,OAAAC,UAAuBC,yBACXH,EAAWV"}

package/public/components/barchart/BarChart.svelte CHANGED Viewed

@@ -272,7 +272,7 @@
 </script>
 <div bind:this={chart} style="background-color: {backgroundcolor};" />
-{#if true}
+{#if tooltipData.show}
   <div
     class="tooltip"
     style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px;`}

package/public/components/breadcrumb/Breadcrumb.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i,a as r,b as c,f as n,s as t,c as m,e as a,n as d,g as s,h as l,z as o,j as b,m as g,o as u,J as h,p,q as x,d as k,t as f,k as v,l as w}from"../../index-c33b3772.js";import{E as M}from"../../EventHandler-02058705.js";function I(e,i,r){const c=e.slice();return c[12]=i[r],c[14]=r,c}function D(e){let i,r,n,t=e[12].text+"";return{c(){i=a("span"),r=f(t),s(i,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,n){c(e,i,n),b(i,r)},p(e,c){32&c&&t!==(t=e[12].text+"")&&v(r,t),1&c&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&s(i,"class",n)},d(e){e&&u(i)}}}function y(e){let i,r,n,t,m,d,l=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=a("a"),r=f(l),s(i,"href",n=e[12].href),s(i,"class",t="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,n){c(e,i,n),b(i,r),m||(d=w(i,"click",o),m=!0)},p(c,m){e=c,32&m&&l!==(l=e[12].text+"")&&v(r,l),32&m&&n!==(n=e[12].href)&&s(i,"href",n),1&m&&t!==(t="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&s(i,"class",t)},d(e){e&&u(i),m=!1,d()}}}function _(e){let i,r,n;function t(e,i){return e[14]!==e[5].length-1?y:D}let m=t(e),d=m(e);return{c(){i=a("li"),d.c(),r=k(),s(i,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,n){c(e,i,n),d.m(i,null),b(i,r)},p(e,c){m===(m=t(e))&&d?d.p(e,c):(d.d(1),d=m(e),d&&(d.c(),d.m(i,r))),32&c&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&s(i,"class",n)},d(e){e&&u(i),d.d()}}}function A(e){let i,r,n,t=e[5],p=[];for(let i=0;i<t.length;i+=1)p[i]=_(I(e,t,i));let x=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<x.length;e+=1)k=m(k,x[e]);return{c(){i=a("nav"),r=a("ul");for(let e=0;e<p.length;e+=1)p[e].c();this.c=d,s(r,"class","mc-breadcrumb__container"),l(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,n){c(e,i,n),b(i,r);for(let e=0;e<p.length;e+=1)p[e]&&p[e].m(r,null)},p(e,[c]){if(97&c){let i;for(t=e[5],i=0;i<t.length;i+=1){const n=I(e,t,i);p[i]?p[i].p(n,c):(p[i]=_(n),p[i].c(),p[i].m(r,null))}for(;i<p.length;i+=1)p[i].d(1);p.length=t.length}l(i,k=g(x,[11&c&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&c&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:d,o:d,d(e){e&&u(i),h(p,e)}}}function j(e,i,r){let c,n,t,a;const d=["items","dark","responsive","nopadding"];let s=p(i,d),{items:l}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:g=!1}=i,u=new M;return e.$$set=e=>{r(11,i=m(m({},i),x(e))),r(10,s=p(i,d)),"items"in e&&r(7,l=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,g=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,c=l?JSON.parse(l):[]),256&e.$$.dirty&&r(4,n=g&&"false"!==g),r(3,t=i.class),r(2,a=Object.assign({},s)),4&e.$$.dirty&&delete a.class},i=x(i),[o,b,a,t,n,c,u,l,g,e=>u.dispatch("link-clicked",e)]}class z extends e{constructor(e){super();const m=document.createElement("style");m.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-breadcrumb{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding{padding-left:0}',this.shadowRoot.appendChild(m),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},j,A,t,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&c(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),n()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),n()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),n()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),n()}}export{z as default};
+import{S as e,i,a as r,b as t,f as n,s as c,c as m,e as a,n as s,g as l,h as d,z as o,j as b,m as h,o as p,J as u,p as g,q as f,d as k,t as x,k as v,l as w}from"../../index-c33b3772.js";import{E as _}from"../../EventHandler-02058705.js";function y(e,i,r){const t=e.slice();return t[12]=i[r],t[14]=r,t}function $(e){let i,r,n,c=e[12].text+"";return{c(){i=a("span"),r=x(c),l(i,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r)},p(e,t){32&t&&c!==(c=e[12].text+"")&&v(r,c),1&t&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&l(i,"class",n)},d(e){e&&p(i)}}}function z(e){let i,r,n,c,m,s,d=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=a("a"),r=x(d),l(i,"href",n=e[12].href),l(i,"class",c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r),m||(s=w(i,"click",o),m=!0)},p(t,m){e=t,32&m&&d!==(d=e[12].text+"")&&v(r,d),32&m&&n!==(n=e[12].href)&&l(i,"href",n),1&m&&c!==(c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&l(i,"class",c)},d(e){e&&p(i),m=!1,s()}}}function C(e){let i,r,n;function c(e,i){return e[14]!==e[5].length-1?z:$}let m=c(e),s=m(e);return{c(){i=a("li"),s.c(),r=k(),l(i,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,n){t(e,i,n),s.m(i,null),b(i,r)},p(e,t){m===(m=c(e))&&s?s.p(e,t):(s.d(1),s=m(e),s&&(s.c(),s.m(i,r))),32&t&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&l(i,"class",n)},d(e){e&&p(i),s.d()}}}function E(e){let i,r,n,c=e[5],g=[];for(let i=0;i<c.length;i+=1)g[i]=C(y(e,c,i));let f=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<f.length;e+=1)k=m(k,f[e]);return{c(){i=a("nav"),r=a("ul");for(let e=0;e<g.length;e+=1)g[e].c();this.c=s,l(r,"class","mc-breadcrumb__container"),d(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,n){t(e,i,n),b(i,r);for(let e=0;e<g.length;e+=1)g[e]&&g[e].m(r,null)},p(e,[t]){if(97&t){let i;for(c=e[5],i=0;i<c.length;i+=1){const n=y(e,c,i);g[i]?g[i].p(n,t):(g[i]=C(n),g[i].c(),g[i].m(r,null))}for(;i<g.length;i+=1)g[i].d(1);g.length=c.length}d(i,k=h(f,[11&t&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&t&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:s,o:s,d(e){e&&p(i),u(g,e)}}}function B(e,i,r){let t,n,c,a;const s=["items","dark","responsive","nopadding"];let l=g(i,s),{items:d}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:h=!1}=i,p=new _;return e.$$set=e=>{r(11,i=m(m({},i),f(e))),r(10,l=g(i,s)),"items"in e&&r(7,d=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,h=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,t=d?JSON.parse(d):[]),256&e.$$.dirty&&r(4,n=h&&"false"!==h),r(3,c=i.class),r(2,a=Object.assign({},l)),4&e.$$.dirty&&delete a.class},i=f(i),[o,b,a,c,n,t,p,d,h,e=>p.dispatch("link-clicked",e)]}class j extends e{constructor(e){super();const m=document.createElement("style");m.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-breadcrumb{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding{padding-left:0}",this.shadowRoot.appendChild(m),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},B,E,c,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),n()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),n()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),n()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),n()}}export{j as default};
 //# sourceMappingURL=Breadcrumb.js.map

package/public/components/breadcrumb/Breadcrumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/breadcrumb/Breadcrumb.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { BreadcrumbItems } from './breadcrumb.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let items: string;\n export let dark = false;\n export let responsive = false;\n export let nopadding: boolean \| string = false;\n let eventHandler = new EventHandler();\n\n $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n $: noPadding = nopadding && nopadding !== 'false';\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n</script>\n\n<nav\n class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n ? ' mc-breadcrumb--dark'\n : ''} {userClass}\"\n class:mc-breadcrumb--no-padding={noPadding}\n aria-label=\"Breadcrumb\"\n {...attributes}\n>\n <ul class=\"mc-breadcrumb__container\">\n {#each parseItems as item, i}\n <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n {#if i !== parseItems.length - 1}\n <a\n href={item.href}\n class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n on:click={() => eventHandler.dispatch('link-clicked', item)}\n >\n {item.text}\n </a>\n {:else}\n <span\n class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n ? ' mc-link--light'\n : ''}\"\n >\n {item.text}\n </span>\n {/if}\n </li>\n {/each}\n </ul>\n</nav>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/_c.links';\n @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"~~gUA4CaA~~,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,aAHNE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,mEANHD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,aAFvDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,sFAHpD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,aAA9Df,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,qEADzDjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,8MAFmBA,EAAS,YAJ5CE,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS,uIAjB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,SAAS,eAAgBD"}
1	+ {"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/breadcrumb/Breadcrumb.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { BreadcrumbItems } from './breadcrumb.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let items: string;\n export let dark = false;\n export let responsive = false;\n export let nopadding: boolean \| string = false;\n let eventHandler = new EventHandler();\n\n $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n $: noPadding = nopadding && nopadding !== 'false';\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n</script>\n\n<nav\n class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n ? ' mc-breadcrumb--dark'\n : ''} {userClass}\"\n class:mc-breadcrumb--no-padding={noPadding}\n aria-label=\"Breadcrumb\"\n {...attributes}\n>\n <ul class=\"mc-breadcrumb__container\">\n {#each parseItems as item, i}\n <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n {#if i !== parseItems.length - 1}\n <a\n href={item.href}\n class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n on:click={() => eventHandler.dispatch('link-clicked', item)}\n >\n {item.text}\n </a>\n {:else}\n <span\n class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n ? ' mc-link--light'\n : ''}\"\n >\n {item.text}\n </span>\n {/if}\n </li>\n {/each}\n </ul>\n</nav>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/_c.links';\n @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"qUA4CaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,aAHNE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,mEANHD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,aAFvDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,sFAHpD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,aAA9Df,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,qEADzDjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,8MAFmBA,EAAS,YAJ5CE,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS,uIAjB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,SAAS,eAAgBD"}

package/public/components/breadcrumb/Breadcrumb.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{P as e,i as t,s as i,Q as l,c as v,e as s,g as r,h as c,z as n,b as m,j as a,m as x,n as d,o as f,J as o,p as b,q as g,d as u,t as h,k,l as p}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";function M(e){l(e,"svelte-1fex53v",'.mc-link.svelte-1fex53v.svelte-1fex53v{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-1fex53v.svelte-1fex53v:focus{outline:none}.mc-link.svelte-1fex53v.svelte-1fex53v:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:visited{color:#333333}.mc-link.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:hover{color:#666666}.mc-link.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:active{color:#333333}.mc-link.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}.mc-link.svelte-1fex53v.svelte-1fex53v::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-1fex53v.svelte-1fex53v{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1fex53v.svelte-1fex53v{color:#ffffff}.mc-link--light.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:hover{color:#999999}.mc-link--light.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1fex53v.svelte-1fex53v{color:#188803}.mc-link--primary.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:visited{color:#006902}.mc-link--primary.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:hover{color:#035010}.mc-link--primary.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:active{color:#006902}.mc-link--primary.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v{color:#494f60}.mc-link--primary-02.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1fex53v.svelte-1fex53v{color:#c61112}.mc-link--danger.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:hover{color:#530000}.mc-link--danger.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1fex53v.svelte-1fex53v{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:only-child,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:active,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:focus,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:hover,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:visited,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:active,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:focus,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:hover,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1fex53v.svelte-1fex53v{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.is-active.svelte-1fex53v,.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding.svelte-1fex53v.svelte-1fex53v{padding-left:0}')}function I(e,t,i){const l=e.slice();return l[12]=t[i],l[14]=i,l}function D(e){let t,i,l,v=e[12].text+"";return{c(){t=s("span"),i=h(v),r(t,"class",l="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1fex53v")},m(e,l){m(e,t,l),a(t,i)},p(e,s){32&s&&v!==(v=e[12].text+"")&&k(i,v),1&s&&l!==(l="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1fex53v")&&r(t,"class",l)},d(e){e&&f(t)}}}function y(e){let t,i,l,v,c,n,x=e[12].text+"";function d(){return e[9](e[12])}return{c(){t=s("a"),i=h(x),r(t,"href",l=e[12].href),r(t,"class",v="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1fex53v")},m(e,l){m(e,t,l),a(t,i),c||(n=p(t,"click",d),c=!0)},p(s,c){e=s,32&c&&x!==(x=e[12].text+"")&&k(i,x),32&c&&l!==(l=e[12].href)&&r(t,"href",l),1&c&&v!==(v="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1fex53v")&&r(t,"class",v)},d(e){e&&f(t),c=!1,n()}}}function _(e){let t,i,l;function v(e,t){return e[14]!==e[5].length-1?y:D}let c=v(e),n=c(e);return{c(){t=s("li"),n.c(),i=u(),r(t,"class",l="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1fex53v")},m(e,l){m(e,t,l),n.m(t,null),a(t,i)},p(e,s){c===(c=v(e))&&n?n.p(e,s):(n.d(1),n=c(e),n&&(n.c(),n.m(t,i))),32&s&&l!==(l="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1fex53v")&&r(t,"class",l)},d(e){e&&f(t),n.d()}}}function A(e){let t,i,l,b=e[5],g=[];for(let t=0;t<b.length;t+=1)g[t]=_(I(e,b,t));let u=[{class:l="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],h={};for(let e=0;e<u.length;e+=1)h=v(h,u[e]);return{c(){t=s("nav"),i=s("ul");for(let e=0;e<g.length;e+=1)g[e].c();r(i,"class","mc-breadcrumb__container svelte-1fex53v"),c(t,h),n(t,"mc-breadcrumb--no-padding",e[4]),n(t,"svelte-1fex53v",!0)},m(e,l){m(e,t,l),a(t,i);for(let e=0;e<g.length;e+=1)g[e]&&g[e].m(i,null)},p(e,[v]){if(97&v){let t;for(b=e[5],t=0;t<b.length;t+=1){const l=I(e,b,t);g[t]?g[t].p(l,v):(g[t]=_(l),g[t].c(),g[t].m(i,null))}for(;t<g.length;t+=1)g[t].d(1);g.length=b.length}c(t,h=x(u,[11&v&&l!==(l="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:l},{"aria-label":"Breadcrumb"},4&v&&e[2]])),n(t,"mc-breadcrumb--no-padding",e[4]),n(t,"svelte-1fex53v",!0)},i:d,o:d,d(e){e&&f(t),o(g,e)}}}function j(e,t,i){let l,s,r,c;const n=["items","dark","responsive","nopadding"];let m=b(t,n),{items:a}=t,{dark:x=!1}=t,{responsive:d=!1}=t,{nopadding:f=!1}=t,o=new w;return e.$$set=e=>{i(11,t=v(v({},t),g(e))),i(10,m=b(t,n)),"items"in e&&i(7,a=e.items),"dark"in e&&i(0,x=e.dark),"responsive"in e&&i(1,d=e.responsive),"nopadding"in e&&i(8,f=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&i(5,l=a?JSON.parse(a):[]),256&e.$$.dirty&&i(4,s=f&&"false"!==f),i(3,r=t.class),i(2,c=Object.assign({},m)),4&e.$$.dirty&&delete c.class},t=g(t),[x,d,c,r,s,l,o,a,f,e=>o.dispatch("link-clicked",e)]}class z extends e{constructor(e){super(),t(this,e,j,A,i,{items:7,dark:0,responsive:1,nopadding:8},M)}}export{z as default};
+import{P as e,i as c,s as a,Q as t,c as l,e as i,g as s,h as d,z as r,b as n,j as m,m as v,n as o,o as q,J as b,p as h,q as f,d as u,t as g,k as p,l as k}from"../../index-c33b3772.js";import{E as x}from"../../EventHandler-02058705.js";function w(e){t(e,"svelte-q3cd0a",".mc-link.svelte-q3cd0a.svelte-q3cd0a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-q3cd0a.svelte-q3cd0a:focus{outline:none}.mc-link.svelte-q3cd0a.svelte-q3cd0a:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:visited{color:#333333}.mc-link.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:hover{color:#666666}.mc-link.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:active{color:#333333}.mc-link.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}.mc-link.svelte-q3cd0a.svelte-q3cd0a::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-q3cd0a.svelte-q3cd0a{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-q3cd0a.svelte-q3cd0a{color:#ffffff}.mc-link--light.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:visited{color:#cccccc}.mc-link--light.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:hover{color:#999999}.mc-link--light.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:active{color:#cccccc}.mc-link--light.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a{color:#188803}.mc-link--primary.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:visited{color:#006902}.mc-link--primary.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:hover{color:#035010}.mc-link--primary.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:active{color:#006902}.mc-link--primary.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a{color:#494f60}.mc-link--primary-02.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a{color:#c61112}.mc-link--danger.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:hover{color:#530000}.mc-link--danger.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-q3cd0a.svelte-q3cd0a{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:only-child,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:active,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:focus,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:hover,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:visited,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:active,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:focus,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:hover,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:visited{color:currentColor}.mc-breadcrumb--dark.svelte-q3cd0a.svelte-q3cd0a{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.is-active.svelte-q3cd0a,.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding.svelte-q3cd0a.svelte-q3cd0a{padding-left:0}")}function _(e,c,a){const t=e.slice();return t[12]=c[a],t[14]=a,t}function y(e){let c,a,t,l=e[12].text+"";return{c(){c=i("span"),a=g(l),s(c,"class",t="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-q3cd0a")},m(e,t){n(e,c,t),m(c,a)},p(e,i){32&i&&l!==(l=e[12].text+"")&&p(a,l),1&i&&t!==(t="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-q3cd0a")&&s(c,"class",t)},d(e){e&&q(c)}}}function z(e){let c,a,t,l,d,r,v=e[12].text+"";function o(){return e[9](e[12])}return{c(){c=i("a"),a=g(v),s(c,"href",t=e[12].href),s(c,"class",l="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-q3cd0a")},m(e,t){n(e,c,t),m(c,a),d||(r=k(c,"click",o),d=!0)},p(i,d){e=i,32&d&&v!==(v=e[12].text+"")&&p(a,v),32&d&&t!==(t=e[12].href)&&s(c,"href",t),1&d&&l!==(l="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-q3cd0a")&&s(c,"class",l)},d(e){e&&q(c),d=!1,r()}}}function C(e){let c,a,t;function l(e,c){return e[14]!==e[5].length-1?z:y}let d=l(e),r=d(e);return{c(){c=i("li"),r.c(),a=u(),s(c,"class",t="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-q3cd0a")},m(e,t){n(e,c,t),r.m(c,null),m(c,a)},p(e,i){d===(d=l(e))&&r?r.p(e,i):(r.d(1),r=d(e),r&&(r.c(),r.m(c,a))),32&i&&t!==(t="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-q3cd0a")&&s(c,"class",t)},d(e){e&&q(c),r.d()}}}function E(e){let c,a,t,h=e[5],f=[];for(let c=0;c<h.length;c+=1)f[c]=C(_(e,h,c));let u=[{class:t="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],g={};for(let e=0;e<u.length;e+=1)g=l(g,u[e]);return{c(){c=i("nav"),a=i("ul");for(let e=0;e<f.length;e+=1)f[e].c();s(a,"class","mc-breadcrumb__container svelte-q3cd0a"),d(c,g),r(c,"mc-breadcrumb--no-padding",e[4]),r(c,"svelte-q3cd0a",!0)},m(e,t){n(e,c,t),m(c,a);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(a,null)},p(e,[l]){if(97&l){let c;for(h=e[5],c=0;c<h.length;c+=1){const t=_(e,h,c);f[c]?f[c].p(t,l):(f[c]=C(t),f[c].c(),f[c].m(a,null))}for(;c<f.length;c+=1)f[c].d(1);f.length=h.length}d(c,g=v(u,[11&l&&t!==(t="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:t},{"aria-label":"Breadcrumb"},4&l&&e[2]])),r(c,"mc-breadcrumb--no-padding",e[4]),r(c,"svelte-q3cd0a",!0)},i:o,o:o,d(e){e&&q(c),b(f,e)}}}function $(e,c,a){let t,i,s,d;const r=["items","dark","responsive","nopadding"];let n=h(c,r),{items:m}=c,{dark:v=!1}=c,{responsive:o=!1}=c,{nopadding:q=!1}=c,b=new x;return e.$$set=e=>{a(11,c=l(l({},c),f(e))),a(10,n=h(c,r)),"items"in e&&a(7,m=e.items),"dark"in e&&a(0,v=e.dark),"responsive"in e&&a(1,o=e.responsive),"nopadding"in e&&a(8,q=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&a(5,t=m?JSON.parse(m):[]),256&e.$$.dirty&&a(4,i=q&&"false"!==q),a(3,s=c.class),a(2,d=Object.assign({},n)),4&e.$$.dirty&&delete d.class},c=f(c),[v,o,d,s,i,t,b,m,q,e=>b.dispatch("link-clicked",e)]}class B extends e{constructor(e){super(),c(this,e,$,E,a,{items:7,dark:0,responsive:1,nopadding:8},w)}}export{B as default};
 //# sourceMappingURL=Breadcrumb.nested.js.map

package/public/components/breadcrumb/Breadcrumb.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumb.nested.js","sources":["../../../src/components/breadcrumb/Breadcrumb.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { BreadcrumbItems } from './breadcrumb.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let items: string;\n export let dark = false;\n export let responsive = false;\n export let nopadding: boolean \| string = false;\n let eventHandler = new EventHandler();\n\n $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n $: noPadding = nopadding && nopadding !== 'false';\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n</script>\n\n<nav\n class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n ? ' mc-breadcrumb--dark'\n : ''} {userClass}\"\n class:mc-breadcrumb--no-padding={noPadding}\n aria-label=\"Breadcrumb\"\n {...attributes}\n>\n <ul class=\"mc-breadcrumb__container\">\n {#each parseItems as item, i}\n <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n {#if i !== parseItems.length - 1}\n <a\n href={item.href}\n class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n on:click={() => eventHandler.dispatch('link-clicked', item)}\n >\n {item.text}\n </a>\n {:else}\n <span\n class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n ? ' mc-link--light'\n : ''}\"\n >\n {item.text}\n </span>\n {/if}\n </li>\n {/each}\n </ul>\n</nav>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/_c.links';\n @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"~~omUA4CaA~~,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,IAAE,~~2BAHRE~~,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,IAAE,~~iFANLD~~,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,IAAE,~~2BAFzDE~~,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,IAAE,~~oGAHtD~~,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,~~2BAAhEf~~,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,~~mFAD3DjB~~,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,~~oNAFmBA~~,EAAS,~~qCAJ5CE~~,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS~~,gKAjB~~/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,SAAS,eAAgBD"}
1	+ {"version":3,"file":"Breadcrumb.nested.js","sources":["../../../src/components/breadcrumb/Breadcrumb.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { BreadcrumbItems } from './breadcrumb.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let items: string;\n export let dark = false;\n export let responsive = false;\n export let nopadding: boolean \| string = false;\n let eventHandler = new EventHandler();\n\n $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n $: noPadding = nopadding && nopadding !== 'false';\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n</script>\n\n<nav\n class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n ? ' mc-breadcrumb--dark'\n : ''} {userClass}\"\n class:mc-breadcrumb--no-padding={noPadding}\n aria-label=\"Breadcrumb\"\n {...attributes}\n>\n <ul class=\"mc-breadcrumb__container\">\n {#each parseItems as item, i}\n <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n {#if i !== parseItems.length - 1}\n <a\n href={item.href}\n class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n on:click={() => eventHandler.dispatch('link-clicked', item)}\n >\n {item.text}\n </a>\n {:else}\n <span\n class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n ? ' mc-link--light'\n : ''}\"\n >\n {item.text}\n </span>\n {/if}\n </li>\n {/each}\n </ul>\n</nav>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/_c.links';\n @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"spTA4CaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,IAAE,0BAHRE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,IAAE,gFANLD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,IAAE,0BAFzDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,IAAE,mGAHtD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,0BAAhEf,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,kFAD3DjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,mNAFmBA,EAAS,oCAJ5CE,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS,+JAjB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,SAAS,eAAgBD"}