npm - @mozaic-ds/web-components - Versions diffs - 0.22.0 → 0.24.0 - Mend

@mozaic-ds/web-components 0.22.0 → 0.24.0

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 (64) hide show

package/public/adeo/components/dropdown/Dropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,b as l,f as i,s,J as r,K as n,c as o,e as c,d,t as m,D as g,n as p,h,k as x,L as u,j as w,l as b,E as f,m as $,M as v,A as y,y as M,z as k,o as I,N as _,p as A,q as z,F as D,O as E,r as C,v as j,w as S,x as N,P as T,Q as L,R as P,C as B,B as G,T as O}from"../../index-48da6c1f.js";import{E as Q}from"../../EventHandler-f7ee47ca.js";import{c as W}from"../../ClickOutside-63071e7a.js";import R from"../tag/Tag.nested.js";import Y from"../loader/Loader.nested.js";import H from"../listbox/Listbox.nested.js";function Z(e,t,a){const l=e.slice();return l[62]=t[a],l}function J(e,t,a){const l=e.slice();return l[62]=t[a],l[66]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[30]}`,class:"mc-dropdown__tag",label:e[29](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new R({props:l}),e[46](t),t.$on("tag-removed",e[31]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[30]}`),536870912&a[0]&&(l.label=e[29]()),t.$set(l)},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(a){e[46](null),D(t,a)}}}function F(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[47])),a=!0)},p:p,d(e){e&&z(t),a=!1,i()}}}function X(e){let t,a;return t=new Y({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(e){D(t,e)}}}function q(e){let t,a,i=e[26],s=[];for(let t=0;t<i.length;t+=1)s[t]=U(J(e,i,t));let r=e[19].length>e[15]&&ee(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);b(t,a),r&&r.m(t,null)},p(e,l){if(67141632&l[0]|2&l[1]){let r;for(i=e[26],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=U(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[19].length>e[15]?r?r.p(e,l):(r=ee(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&z(t),L(s,e),r&&r.d()}}}function K(e){let t,a,i,s,r,n;function o(){return e[50](e[62])}return{c(){t=c("div"),a=c("m-tag"),B(a,"id",i=e[62].id),B(a,"label",s=e[62].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,67108864&l[0]&&i!==(i=e[62].id)&&B(a,"id",i),67108864&l[0]&&s!==(s=e[62].label)&&B(a,"label",s)},d(e){e&&z(t),r=!1,n()}}}function U(e){let t,a=e[66]<e[15]&&K(e);return{c(){a&&a.c(),t=P()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[66]<e[15]?a?a.p(e,l):(a=K(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&z(t)}}}function ee(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[19].length+") "+e[14]+" "),B(a,"size","s"),B(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),b(t,a),s||(r=$(a,"tag-selected",e[51]),s=!0)},p(e,t){540672&t[0]&&i!==(i="("+e[19].length+") "+e[14]+" ")&&B(a,"label",i)},d(e){e&&z(t),s=!1,r()}}}function te(e){let t,a,i,s,r,n,o=e[26],d=[];for(let t=0;t<o.length;t+=1)d[t]=ae(Z(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),B(a,"title",e[13]),B(a,"layertitletag","h3"),B(a,"isopen",e[27])},m(o,c){l(o,t,c),b(t,a),b(a,i),b(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[53]),r=!0)},p(e,t){if(67108864&t[0]|2&t[1]){let a;for(o=e[26],a=0;a<o.length;a+=1){const l=Z(e,o,a);d[a]?d[a].p(l,t):(d[a]=ae(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}8192&t[0]&&B(a,"title",e[13]),134217728&t[0]&&B(a,"isopen",e[27])},d(e){e&&z(t),L(d,e),r=!1,n()}}}function ae(e){let t,a,i,s,r,n,o;function m(){return e[52](e[62])}return{c(){t=c("div"),a=c("m-tag"),r=d(),B(a,"id",i=e[62].id),B(a,"label",s=e[62].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),b(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,67108864&l[0]&&i!==(i=e[62].id)&&B(a,"id",i),67108864&l[0]&&s!==(s=e[62].label)&&B(a,"label",s)},d(e){e&&z(t),n=!1,o()}}}function le(e){let t,a,i,s,C,j,S,N,T,L,P,B,O,Q,R,Y,Z,J,K,U,ee,ae,le,se=(e[25]?e[25]:e[2])+"",re=e[8]&&e[19].length>0&&!e[16]&&V(e),ne=!e[8]&&e[25]&&e[12]&&F(e),oe=e[7]&&X();function ce(t){e[49](t)}let de={items:JSON.stringify(e[28]),open:e[20],multiple:e[8],isfiltered:ie,emptysearchlabel:e[9],maxwidth:e[0],datatextexpr:e[10],datavalueexpr:e[11],selectall:e[17],labelselectall:e[18]};void 0!==e[19]&&(de.value=e[19]),L=new H({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[36]),L.$on("scrollend",e[37]),L.$on("select-all",e[38]);let me=e[8]&&e[16]&&q(e),ge=e[8]&&e[16]&&te(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[24]+"; --dropdown-width: "+e[0]+";"},e[21]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),C=m(se),j=d(),ne&&ne.c(),S=d(),N=c("div"),oe&&oe.c(),T=d(),g(L.$$.fragment),B=d(),me&&me.c(),O=d(),Q=c("span"),R=d(),Y=c("span"),Z=d(),J=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[20]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(N,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(Y,"class","mc-dropdown__loader"),u(Y,"display","none"),h(J,"class","mc-text-input mc-dropdown__trigger"),u(J,"display","none"),w(t,he),x(t,"mc-dropdown--multi",e[8])},m(r,n){l(r,t,n),b(t,a),re&&re.m(a,null),b(a,i),b(a,s),b(s,C),b(s,j),ne&&ne.m(s,null),b(a,S),b(a,N),oe&&oe.m(N,null),b(t,T),f(L,t,null),b(t,B),me&&me.m(t,null),b(t,O),b(t,Q),b(t,R),b(t,Y),b(t,Z),b(t,J),b(t,K),ge&&ge.m(t,null),e[54](t),ee=!0,ae||(le=[$(s,"click",e[48]),v(W.call(null,t)),$(t,"outclick",e[35])],ae=!0)},p(e,l){e[8]&&e[19].length>0&&!e[16]?re?(re.p(e,l),590080&l[0]&&y(re,1)):(re=V(e),re.c(),y(re,1),re.m(a,i)):re&&(G(),M(re,1,1,(()=>{re=null})),k()),(!ee||33554436&l[0])&&se!==(se=(e[25]?e[25]:e[2])+"")&&I(C,se),!e[8]&&e[25]&&e[12]?ne?ne.p(e,l):(ne=F(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!ee||8&l[0])&&(s.disabled=e[3]),(!ee||1048576&l[0])&&x(s,"is-open",e[20]),(!ee||32&l[0])&&x(s,"is-valid",e[5]),(!ee||64&l[0])&&x(s,"is-invalid",e[6]),(!ee||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&y(oe,1):(oe=X(),oe.c(),y(oe,1),oe.m(N,null)):oe&&(G(),M(oe,1,1,(()=>{oe=null})),k());const r={};268435456&l[0]&&(r.items=JSON.stringify(e[28])),1048576&l[0]&&(r.open=e[20]),256&l[0]&&(r.multiple=e[8]),512&l[0]&&(r.emptysearchlabel=e[9]),1&l[0]&&(r.maxwidth=e[0]),1024&l[0]&&(r.datatextexpr=e[10]),2048&l[0]&&(r.datavalueexpr=e[11]),131072&l[0]&&(r.selectall=e[17]),262144&l[0]&&(r.labelselectall=e[18]),!P&&524288&l[0]&&(P=!0,r.value=e[19],_((()=>P=!1))),L.$set(r),e[8]&&e[16]?me?me.p(e,l):(me=q(e),me.c(),me.m(t,O)):me&&(me.d(1),me=null),e[8]&&e[16]?ge?ge.p(e,l):(ge=te(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),w(t,he=A(pe,[{class:"mc-dropdown"},(!ee||16777217&l[0]&&U!==(U="--dropdown-tag-width: "+e[24]+"; --dropdown-width: "+e[0]+";"))&&{style:U},2097152&l[0]&&e[21]])),x(t,"mc-dropdown--multi",e[8])},i(e){ee||(y(re),y(oe),y(L.$$.fragment,e),ee=!0)},o(e){M(re),M(oe),M(L.$$.fragment,e),ee=!1},d(a){a&&z(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),D(L),me&&me.d(),ge&&ge.d(),e[54](null),ae=!1,E(le)}}}let ie=!1;function se(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g,p=C(t,m),{maxwidth:h="100%"}=t,{tagid:x}=t,{taglabel:u=""}=t,{placeholder:w="-- Placeholder --"}=t,{disabled:b=!1}=t,{size:f="m"}=t,{isvalid:$}=t,{isinvalid:v}=t,{loading:y=!1}=t,{items:M}=t,{value:k}=t,{open:I=!1}=t,{multiple:_=!1}=t,{emptysearchlabel:A="No results found"}=t,{datatextexpr:z="label"}=t,{datavalueexpr:D="value"}=t,{nosort:E=!1}=t,{clearfield:T=!1}=t,{layertitle:L="Title layer"}=t,{showmoretagslabel:P="Show more"}=t,{maxnumbertoshowtags:B=12}=t,{alltags:G=!1}=t,{selectall:W=!1}=t,{labelselectall:R="Select all"}=t;const Y=Math.random();let H,Z,J,V,F=new Q(j(),S()),X="0px",q=[],K=null;function U(){a(19,s=_?[]:""),le(),F.dispatch("clear",!0)}function ee(e){a(19,s=s.filter((t=>t!==e))),F.dispatch("onchange",s)}function te(){a(27,K=!0)}function ae(){a(27,K=null)}function le(){a(20,c=!1),_&&!E?function(){V=l;const e=ie();V.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[D]-a[D]:l<i?1:-1})),a(28,i=V)}():a(28,i=l)}function ie(e){const t=e||s;return l.filter((e=>_?t.includes(e[D]):t===e[D]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(61,p=C(t,m)),"maxwidth"in e&&a(0,h=e.maxwidth),"tagid"in e&&a(1,x=e.tagid),"taglabel"in e&&a(39,u=e.taglabel),"placeholder"in e&&a(2,w=e.placeholder),"disabled"in e&&a(3,b=e.disabled),"size"in e&&a(4,f=e.size),"isvalid"in e&&a(5,$=e.isvalid),"isinvalid"in e&&a(6,v=e.isinvalid),"loading"in e&&a(7,y=e.loading),"items"in e&&a(40,M=e.items),"value"in e&&a(41,k=e.value),"open"in e&&a(42,I=e.open),"multiple"in e&&a(8,_=e.multiple),"emptysearchlabel"in e&&a(9,A=e.emptysearchlabel),"datatextexpr"in e&&a(10,z=e.datatextexpr),"datavalueexpr"in e&&a(11,D=e.datavalueexpr),"nosort"in e&&a(43,E=e.nosort),"clearfield"in e&&a(12,T=e.clearfield),"layertitle"in e&&a(13,L=e.layertitle),"showmoretagslabel"in e&&a(14,P=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(15,B=e.maxnumbertoshowtags),"alltags"in e&&a(16,G=e.alltags),"selectall"in e&&a(17,W=e.selectall),"labelselectall"in e&&a(18,R=e.labelselectall)},e.$$.update=()=>{if(512&e.$$.dirty[1]&&a(45,l=M?JSON.parse(M):[]),16384&e.$$.dirty[1]&&a(28,i=l),256&e.$$.dirty[0]|1024&e.$$.dirty[1]&&a(19,s=!k&&_?[]:k?JSON.parse(k):k),524288&e.$$.dirty[0]|256&e.$$.dirty[1]&&a(29,n=()=>s.length.toString()+" "+u),524288&e.$$.dirty[0]&&async function(e){await O(),a(26,q=ie(e));const t=q.map((e=>e[z]));a(25,J=t.join(", ")),_&&a(44,Z=e)}(s),8192&e.$$.dirty[1]&&async function(e){var t,l;await O(),a(24,X=H&&e&&e.length?`${null!==(l=null===(t=null==g?void 0:g.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth)&&void 0!==l?l:8}px`:"0px")}(Z),2048&e.$$.dirty[1]&&a(20,c=I),1048576&e.$$.dirty[0]){const e=c?"open":"close";F.dispatch(e,c)}a(21,d=Object.assign({},p)),2097152&e.$$.dirty[0]&&delete d.class},[h,x,w,b,f,$,v,y,_,A,z,D,T,L,P,B,G,W,R,s,c,d,g,H,X,J,q,K,i,n,Y,U,ee,te,ae,le,function(){F.dispatch("onchange",s),_||le()},function(){F.dispatch("scrollend",!0)},function(e){F.dispatch("select-all",e.detail)},u,M,k,I,E,Z,l,function(e){r[e?"unshift":"push"]((()=>{H=e,a(23,H)}))},()=>{U()},()=>a(20,c=!c),function(e){s=e,a(19,s),a(41,k),a(8,_)},e=>ee(e.id),()=>te(),e=>ee(e.id),()=>ae(),function(e){r[e?"unshift":"push"]((()=>{g=e,a(22,g)}))}]}class re extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-select{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__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:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__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;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__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-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown{min-width:auto}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-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(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},se,le,s,{maxwidth:0,tagid:1,taglabel:39,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,items:40,value:41,open:42,multiple:8,emptysearchlabel:9,datatextexpr:10,datavalueexpr:11,nosort:43,clearfield:12,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[39]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get items(){return this.$$.ctx[40]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[41]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[42]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[8]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[9]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[10]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[11]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[43]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[12]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[16]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[17]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{re as default};
+import{S as e,i as t,a,b as l,f as i,s,J as r,K as n,c as o,e as c,d,t as m,D as g,n as p,h,k as x,L as u,j as w,l as b,E as f,m as $,M as v,A as y,y as M,z as k,o as I,N as _,p as A,q as z,F as D,O as E,r as C,v as j,w as S,x as N,P as T,Q as L,R as P,C as B,B as G,T as O}from"../../index-48da6c1f.js";import{E as Q}from"../../EventHandler-f7ee47ca.js";import{c as W}from"../../ClickOutside-63071e7a.js";import R from"../tag/Tag.nested.js";import Y from"../loader/Loader.nested.js";import H from"../listbox/Listbox.nested.js";function Z(e,t,a){const l=e.slice();return l[63]=t[a],l}function J(e,t,a){const l=e.slice();return l[63]=t[a],l[67]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[31]}`,class:"mc-dropdown__tag",label:e[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new R({props:l}),e[47](t),t.$on("tag-removed",e[32]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[31]}`),1073741824&a[0]&&(l.label=e[30]()),t.$set(l)},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(a){e[47](null),D(t,a)}}}function F(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[48])),a=!0)},p:p,d(e){e&&z(t),a=!1,i()}}}function X(e){let t,a;return t=new Y({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(e){D(t,e)}}}function q(e){let t,a,i=e[27],s=[];for(let t=0;t<i.length;t+=1)s[t]=U(J(e,i,t));let r=e[20].length>e[16]&&ee(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);b(t,a),r&&r.m(t,null)},p(e,l){if(134283264&l[0]|4&l[1]){let r;for(i=e[27],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=U(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[20].length>e[16]?r?r.p(e,l):(r=ee(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&z(t),L(s,e),r&&r.d()}}}function K(e){let t,a,i,s,r,n;function o(){return e[51](e[63])}return{c(){t=c("div"),a=c("m-tag"),B(a,"id",i=e[63].id),B(a,"label",s=e[63].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,134217728&l[0]&&i!==(i=e[63].id)&&B(a,"id",i),134217728&l[0]&&s!==(s=e[63].label)&&B(a,"label",s)},d(e){e&&z(t),r=!1,n()}}}function U(e){let t,a=e[67]<e[16]&&K(e);return{c(){a&&a.c(),t=P()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[67]<e[16]?a?a.p(e,l):(a=K(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&z(t)}}}function ee(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[20].length+") "+e[15]+" "),B(a,"size","s"),B(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),b(t,a),s||(r=$(a,"tag-selected",e[52]),s=!0)},p(e,t){1081344&t[0]&&i!==(i="("+e[20].length+") "+e[15]+" ")&&B(a,"label",i)},d(e){e&&z(t),s=!1,r()}}}function te(e){let t,a,i,s,r,n,o=e[27],d=[];for(let t=0;t<o.length;t+=1)d[t]=ae(Z(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),B(a,"title",e[14]),B(a,"layertitletag","h3"),B(a,"isopen",e[28])},m(o,c){l(o,t,c),b(t,a),b(a,i),b(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[54]),r=!0)},p(e,t){if(134217728&t[0]|4&t[1]){let a;for(o=e[27],a=0;a<o.length;a+=1){const l=Z(e,o,a);d[a]?d[a].p(l,t):(d[a]=ae(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}16384&t[0]&&B(a,"title",e[14]),268435456&t[0]&&B(a,"isopen",e[28])},d(e){e&&z(t),L(d,e),r=!1,n()}}}function ae(e){let t,a,i,s,r,n,o;function m(){return e[53](e[63])}return{c(){t=c("div"),a=c("m-tag"),r=d(),B(a,"id",i=e[63].id),B(a,"label",s=e[63].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),b(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,134217728&l[0]&&i!==(i=e[63].id)&&B(a,"id",i),134217728&l[0]&&s!==(s=e[63].label)&&B(a,"label",s)},d(e){e&&z(t),n=!1,o()}}}function le(e){let t,a,i,s,C,j,S,N,T,L,P,B,O,Q,R,Y,Z,J,K,U,ee,ae,le,se=(e[26]?e[26]:e[2])+"",re=e[9]&&e[20].length>0&&!e[17]&&V(e),ne=!e[9]&&e[26]&&e[13]&&F(e),oe=e[7]&&X();function ce(t){e[50](t)}let de={items:JSON.stringify(e[29]),open:e[21],name:e[8],multiple:e[9],isfiltered:ie,emptysearchlabel:e[10],maxwidth:e[0],datatextexpr:e[11],datavalueexpr:e[12],selectall:e[18],labelselectall:e[19]};void 0!==e[20]&&(de.value=e[20]),L=new H({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[37]),L.$on("scrollend",e[38]),L.$on("select-all",e[39]);let me=e[9]&&e[17]&&q(e),ge=e[9]&&e[17]&&te(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[25]+"; --dropdown-width: "+e[0]+";"},e[22]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),C=m(se),j=d(),ne&&ne.c(),S=d(),N=c("div"),oe&&oe.c(),T=d(),g(L.$$.fragment),B=d(),me&&me.c(),O=d(),Q=c("span"),R=d(),Y=c("span"),Z=d(),J=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[21]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(N,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(Y,"class","mc-dropdown__loader"),u(Y,"display","none"),h(J,"class","mc-text-input mc-dropdown__trigger"),u(J,"display","none"),w(t,he),x(t,"mc-dropdown--multi",e[9])},m(r,n){l(r,t,n),b(t,a),re&&re.m(a,null),b(a,i),b(a,s),b(s,C),b(s,j),ne&&ne.m(s,null),b(a,S),b(a,N),oe&&oe.m(N,null),b(t,T),f(L,t,null),b(t,B),me&&me.m(t,null),b(t,O),b(t,Q),b(t,R),b(t,Y),b(t,Z),b(t,J),b(t,K),ge&&ge.m(t,null),e[55](t),ee=!0,ae||(le=[$(s,"click",e[49]),v(W.call(null,t)),$(t,"outclick",e[36])],ae=!0)},p(e,l){e[9]&&e[20].length>0&&!e[17]?re?(re.p(e,l),1180160&l[0]&&y(re,1)):(re=V(e),re.c(),y(re,1),re.m(a,i)):re&&(G(),M(re,1,1,(()=>{re=null})),k()),(!ee||67108868&l[0])&&se!==(se=(e[26]?e[26]:e[2])+"")&&I(C,se),!e[9]&&e[26]&&e[13]?ne?ne.p(e,l):(ne=F(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!ee||8&l[0])&&(s.disabled=e[3]),(!ee||2097152&l[0])&&x(s,"is-open",e[21]),(!ee||32&l[0])&&x(s,"is-valid",e[5]),(!ee||64&l[0])&&x(s,"is-invalid",e[6]),(!ee||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&y(oe,1):(oe=X(),oe.c(),y(oe,1),oe.m(N,null)):oe&&(G(),M(oe,1,1,(()=>{oe=null})),k());const r={};536870912&l[0]&&(r.items=JSON.stringify(e[29])),2097152&l[0]&&(r.open=e[21]),256&l[0]&&(r.name=e[8]),512&l[0]&&(r.multiple=e[9]),1024&l[0]&&(r.emptysearchlabel=e[10]),1&l[0]&&(r.maxwidth=e[0]),2048&l[0]&&(r.datatextexpr=e[11]),4096&l[0]&&(r.datavalueexpr=e[12]),262144&l[0]&&(r.selectall=e[18]),524288&l[0]&&(r.labelselectall=e[19]),!P&&1048576&l[0]&&(P=!0,r.value=e[20],_((()=>P=!1))),L.$set(r),e[9]&&e[17]?me?me.p(e,l):(me=q(e),me.c(),me.m(t,O)):me&&(me.d(1),me=null),e[9]&&e[17]?ge?ge.p(e,l):(ge=te(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),w(t,he=A(pe,[{class:"mc-dropdown"},(!ee||33554433&l[0]&&U!==(U="--dropdown-tag-width: "+e[25]+"; --dropdown-width: "+e[0]+";"))&&{style:U},4194304&l[0]&&e[22]])),x(t,"mc-dropdown--multi",e[9])},i(e){ee||(y(re),y(oe),y(L.$$.fragment,e),ee=!0)},o(e){M(re),M(oe),M(L.$$.fragment,e),ee=!1},d(a){a&&z(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),D(L),me&&me.d(),ge&&ge.d(),e[55](null),ae=!1,E(le)}}}let ie=!1;function se(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g,p=C(t,m),{maxwidth:h="100%"}=t,{tagid:x}=t,{taglabel:u=""}=t,{placeholder:w="-- Placeholder --"}=t,{disabled:b=!1}=t,{size:f="m"}=t,{isvalid:$}=t,{isinvalid:v}=t,{loading:y=!1}=t,{name:M}=t,{items:k}=t,{value:I}=t,{open:_=!1}=t,{multiple:A=!1}=t,{emptysearchlabel:z="No results found"}=t,{datatextexpr:D="label"}=t,{datavalueexpr:E="value"}=t,{nosort:T=!1}=t,{clearfield:L=!1}=t,{layertitle:P="Title layer"}=t,{showmoretagslabel:B="Show more"}=t,{maxnumbertoshowtags:G=12}=t,{alltags:W=!1}=t,{selectall:R=!1}=t,{labelselectall:Y="Select all"}=t;const H=Math.random();let Z,J,V,F,X=new Q(j(),S()),q="0px",K=[],U=null;function ee(){a(20,s=A?[]:""),ie(),X.dispatch("clear",!0)}function te(e){a(20,s=s.filter((t=>t!==e))),X.dispatch("onchange",s)}function ae(){a(28,U=!0)}function le(){a(28,U=null)}function ie(){a(21,c=!1),A&&!T?function(){F=l;const e=se();F.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[E]-a[E]:l<i?1:-1})),a(29,i=F)}():a(29,i=l)}function se(e){const t=e||s;return l.filter((e=>A?t.includes(e[E]):t===e[E]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(62,p=C(t,m)),"maxwidth"in e&&a(0,h=e.maxwidth),"tagid"in e&&a(1,x=e.tagid),"taglabel"in e&&a(40,u=e.taglabel),"placeholder"in e&&a(2,w=e.placeholder),"disabled"in e&&a(3,b=e.disabled),"size"in e&&a(4,f=e.size),"isvalid"in e&&a(5,$=e.isvalid),"isinvalid"in e&&a(6,v=e.isinvalid),"loading"in e&&a(7,y=e.loading),"name"in e&&a(8,M=e.name),"items"in e&&a(41,k=e.items),"value"in e&&a(42,I=e.value),"open"in e&&a(43,_=e.open),"multiple"in e&&a(9,A=e.multiple),"emptysearchlabel"in e&&a(10,z=e.emptysearchlabel),"datatextexpr"in e&&a(11,D=e.datatextexpr),"datavalueexpr"in e&&a(12,E=e.datavalueexpr),"nosort"in e&&a(44,T=e.nosort),"clearfield"in e&&a(13,L=e.clearfield),"layertitle"in e&&a(14,P=e.layertitle),"showmoretagslabel"in e&&a(15,B=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(16,G=e.maxnumbertoshowtags),"alltags"in e&&a(17,W=e.alltags),"selectall"in e&&a(18,R=e.selectall),"labelselectall"in e&&a(19,Y=e.labelselectall)},e.$$.update=()=>{if(1024&e.$$.dirty[1]&&a(46,l=k?JSON.parse(k):[]),32768&e.$$.dirty[1]&&a(29,i=l),512&e.$$.dirty[0]|2048&e.$$.dirty[1]&&a(20,s=!I&&A?[]:I?JSON.parse(I):I),1048576&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(30,n=()=>s.length.toString()+" "+u),1048576&e.$$.dirty[0]&&async function(e){await O(),a(27,K=se(e));const t=K.map((e=>e[D]));a(26,V=t.join(", ")),A&&a(45,J=e)}(s),16384&e.$$.dirty[1]&&async function(e){var t,l;await O(),a(25,q=Z&&e&&e.length?`${null!==(l=null===(t=null==g?void 0:g.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth)&&void 0!==l?l:8}px`:"0px")}(J),4096&e.$$.dirty[1]&&a(21,c=_),2097152&e.$$.dirty[0]){const e=c?"open":"close";X.dispatch(e,c)}a(22,d=Object.assign({},p)),4194304&e.$$.dirty[0]&&delete d.class},[h,x,w,b,f,$,v,y,M,A,z,D,E,L,P,B,G,W,R,Y,s,c,d,g,Z,q,V,K,U,i,n,H,ee,te,ae,le,ie,function(){X.dispatch("onchange",s),A||ie()},function(){X.dispatch("scrollend",!0)},function(e){X.dispatch("select-all",e.detail)},u,k,I,_,T,J,l,function(e){r[e?"unshift":"push"]((()=>{Z=e,a(24,Z)}))},()=>{ee()},()=>a(21,c=!c),function(e){s=e,a(20,s),a(42,I),a(9,A)},e=>te(e.id),()=>ae(),e=>te(e.id),()=>le(),function(e){r[e?"unshift":"push"]((()=>{g=e,a(23,g)}))}]}class re extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-select{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__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:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__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;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__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-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown{min-width:auto}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-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(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},se,le,s,{maxwidth:0,tagid:1,taglabel:40,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,name:8,items:41,value:42,open:43,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:44,clearfield:13,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[40]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get name(){return this.$$.ctx[8]}set name(e){this.$$set({name:e}),i()}get items(){return this.$$.ctx[41]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[42]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[43]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[9]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[44]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[13]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[17]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[18]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{re as default};
 //# sourceMappingURL=Dropdown.js.map

package/public/adeo/components/dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/dropdown/Dropdown.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import {\n get_current_component,\n createEventDispatcher,\n } 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 { SelectSize } from '../select/select.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.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 = '-- Placeholder --';\n export let disabled = false;\n export let size: SelectSize = 'm';\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let loading = 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 clearfield = 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 let component: HTMLDivElement;\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let buttonvalue: string;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\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 function clearListbox() {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\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 function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\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?: any) {\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\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 onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n\n buttonvalue = seletedLabels.join(', ');\n\n if (multiple) {\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?.querySelector('.mc-tag-removable')?.clientWidth ?? 0 + 8\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-dropdown\"\n class:mc-dropdown--multi={multiple}\n style=\"--dropdown-tag-width: {tagWidth}; --dropdown-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-dropdown__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-dropdown__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n selected={false}\n value=\"\"\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TRIGGER BUTTON -->\n <button\n type=\"button\"\n class=\"mc-select mc-dropdown__trigger\"\n class:is-open={openState}\n class:is-valid={isvalid}\n class:is-invalid={isinvalid}\n class:mc-select--s={size === 's'}\n {disabled}\n on:click={() => (openState = !openState)}\n >\n {buttonvalue ? buttonvalue : placeholder}\n {#if !multiple && buttonvalue && clearfield}\n <button\n class=\"mc-dropdown__clear\"\n type=\"button\"\n on:click\|stopPropagation={() => {\n clearListbox();\n }}\n >\n <navigation-control-tag--cross-24px />\n </button>\n {/if}\n </button>\n\n <div class=\"mc-dropdown__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader size=\"s\" theme=\"primary\" text=\"\" class=\"mc-dropdown__loader\" />\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-dropdown__tag\" style=\"display:none;\" />\n <span class=\"mc-dropdown__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-dropdown__trigger\" style=\"display:none;\" />\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.select';\n @import '@mozaic-ds/styles/components/c.dropdown';\n\n // Dropdown\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-dropdown {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-dropdown__trigger {\n padding-left: calc($mu075 + var(--dropdown-tag-width)) !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","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","toggle_class","div2","span0","span1","span2","set_data","t1","t1_value","current","isfiltered","component","maxwidth","$$props","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","buttonvalue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","removeTagSelected","itemSelectedId","filter","openLayerFn","$$invalidate","closeLayerFn","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","_b","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","detail","$$value","value$1","selectedItem"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/dropdown/Dropdown.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import {\n get_current_component,\n createEventDispatcher,\n } 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 { SelectSize } from '../select/select.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.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 = '-- Placeholder --';\n export let disabled = false;\n export let size: SelectSize = 'm';\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let loading = false;\n export let name: string;\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 clearfield = 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 let component: HTMLDivElement;\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let buttonvalue: string;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\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 function clearListbox() {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\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 function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\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?: any) {\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\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 onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n\n buttonvalue = seletedLabels.join(', ');\n\n if (multiple) {\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?.querySelector('.mc-tag-removable')?.clientWidth ?? 0 + 8\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-dropdown\"\n class:mc-dropdown--multi={multiple}\n style=\"--dropdown-tag-width: {tagWidth}; --dropdown-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-dropdown__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-dropdown__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n selected={false}\n value=\"\"\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TRIGGER BUTTON -->\n <button\n type=\"button\"\n class=\"mc-select mc-dropdown__trigger\"\n class:is-open={openState}\n class:is-valid={isvalid}\n class:is-invalid={isinvalid}\n class:mc-select--s={size === 's'}\n {disabled}\n on:click={() => (openState = !openState)}\n >\n {buttonvalue ? buttonvalue : placeholder}\n {#if !multiple && buttonvalue && clearfield}\n <button\n class=\"mc-dropdown__clear\"\n type=\"button\"\n on:click\|stopPropagation={() => {\n clearListbox();\n }}\n >\n <navigation-control-tag--cross-24px />\n </button>\n {/if}\n </button>\n\n <div class=\"mc-dropdown__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader size=\"s\" theme=\"primary\" text=\"\" class=\"mc-dropdown__loader\" />\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {name}\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-dropdown__tag\" style=\"display:none;\" />\n <span class=\"mc-dropdown__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-dropdown__trigger\" style=\"display:none;\" />\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.select';\n @import '@mozaic-ds/styles/components/c.dropdown';\n\n // Dropdown\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-dropdown {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-dropdown__trigger {\n padding-left: calc($mu075 + var(--dropdown-tag-width)) !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","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","toggle_class","div2","span0","span1","span2","set_data","t1","t1_value","current","isfiltered","component","maxwidth","$$props","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","buttonvalue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","removeTagSelected","itemSelectedId","filter","openLayerFn","$$invalidate","closeLayerFn","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","_b","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","detail","$$value","value$1","selectedItem"],"mappings":"oqBA8LYA,EAAK,GAAGA,EAAK,sBAAsBA,EAAI,qCAEpCA,EAAW,sCAGZ,YACI,4BAGA,mEAGMA,EAAY,kFAZxBA,EAAK,GAAGA,EAAK,sBAAsBA,EAAI,iCAEpCA,EAAW,qTA2BlBC,EAQQC,EAAAC,EAAAC,mUAiCHJ,EAAa,yBAAlBK,OAAIC,GAAA,yBAaDN,EAAY,IAACK,OAASL,EAAmB,KAAAO,GAAAP,kHAdhDC,EAyBKC,EAAAM,EAAAJ,wHAxBIJ,EAAa,YAAlBK,OAAIC,GAAA,EAAA,8GAAJD,OAaGL,EAAY,IAACK,OAASL,EAAmB,gMATlCS,EAAAC,EAAA,KAAAC,EAAAX,MAAaY,IACVH,EAAAC,EAAA,QAAAG,EAAAb,MAAac,mFAHxBb,EAQKC,EAAAM,EAAAJ,GAPHW,EAMCP,EAAAE,gDALK,UAAAM,EAAA,IAAAL,KAAAA,EAAAX,MAAaY,iBACV,UAAAI,EAAA,IAAAH,KAAAA,EAAAb,MAAac,oEAJrBG,EAAAjB,MAAQA,EAAmB,KAAAkB,EAAAlB,kEAA3BA,MAAQA,EAAmB,oMAgBnBA,EAAY,IAACK,OAAM,KAAIL,EAAiB,IAAA,4EAHrDC,EAQKC,EAAAM,EAAAJ,GAPHW,EAMCP,EAAAE,0EAJUV,EAAY,IAACK,OAAM,KAAIL,EAAiB,IAAA,+EAuB1CA,EAAa,yBAAlBK,OAAIC,GAAA,qLAPHN,EAAU,4CAETA,EAAS,aAJrBC,EAuBKC,EAAAiB,EAAAf,GAtBHW,EAqBSI,EAAAC,GAfPL,EAcOK,EAAAC,GAbLN,EAYKM,EAAAC,wIAXItB,EAAa,YAAlBK,OAAIC,GAAA,EAAA,kHAAJD,+BAPCL,EAAU,kCAETA,EAAS,gJAQHS,EAAAC,EAAA,KAAAC,EAAAX,MAAaY,IACVH,EAAAC,EAAA,QAAAG,EAAAb,MAAac,mFAHxBb,EAQKC,EAAAM,EAAAJ,GAPHW,EAMCP,EAAAE,uDALK,UAAAM,EAAA,IAAAL,KAAAA,EAAAX,MAAaY,iBACV,UAAAI,EAAA,IAAAH,KAAAA,EAAAb,MAAac,wHAvF/Bd,EAAW,IAAGA,EAAW,IAAGA,EAAW,IAAA,GA7BrCuB,GAAAvB,MAAYA,EAAY,IAACK,OAAS,IAAML,EAAO,KAAAwB,EAAAxB,OA8B5CA,EAAQ,IAAIA,EAAW,KAAIA,EAAU,KAAAyB,EAAAzB,MAetCA,EAAO,IAAA0B,0CAQPC,KAAKC,UAAU5B,EAAU,UAC1BA,EAAS,iKAUS,IAAZA,EAAY,eAAZA,EAAY,sEACbA,EAAQ,uBACLA,EAAW,wBACVA,EAAW,KAGvB,IAAA6B,GAAA7B,MAAYA,EAAO,KAAA8B,EAAA9B,GAgCnB+B,GAAA/B,MAAYA,EAAO,KAAAgC,GAAAhC,8BA9GMiC,MAAAC,EAAA,yBAAAlC,6BAA8BA,EAAQ,GAAA,KAGhEA,EAAU,qYA2BKA,EAAS,oBACRA,EAAO,qBACLA,EAAS,IACPmC,EAAAhC,EAAA,eAAS,MAATH,iSAlCEA,EAAQ,YAFpCC,EA2IKC,EAAAkC,EAAAhC,GAlIHW,EAmDKqB,EAAAjB,2BA9BHJ,EAsBQI,EAAAhB,yCAERY,EAKKI,EAAAG,sEAmDPP,EAAsDqB,EAAAC,UACtDtB,EAAyDqB,EAAAE,UACzDvB,EAAwEqB,EAAAG,uGA3G3DvC,EAAY,qBAMlBA,MAAYA,EAAY,IAACK,OAAS,IAAML,EAAO,oJA6BjDA,EAAW,IAAGA,EAAW,IAAGA,EAAW,IAAA,KAAAwC,EAAAC,EAAAC,KAClC1C,EAAQ,IAAIA,EAAW,KAAIA,EAAU,yIAR5BA,EAAS,oCACRA,EAAO,qCACLA,EAAS,oBACPmC,EAAAhC,EAAA,eAAS,MAATH,MAoBfA,EAAO,yIAQP2B,KAAKC,UAAU5B,EAAU,4BAC1BA,EAAS,qSAUHA,EAAY,6BAMrBA,MAAYA,EAAO,kEAgCnBA,MAAYA,EAAO,2GA9GM2C,IAAA,SAAA3B,EAAA,IAAAkB,KAAAA,EAAA,yBAAAlC,6BAA8BA,EAAQ,GAAA,OAAA,CAAAiC,MAAAC,iBAGhElC,EAAU,gCAJYA,EAAQ,oMA7H9B,IAAA4C,IAAa,gWAXbC,YA1BOC,SAAAA,EAAW,QAAMC,SACjBC,GAAaD,GACbE,SAAAA,EAAW,IAAEF,GACbG,YAAAA,EAAc,qBAAmBH,GACjCI,SAAAA,GAAW,GAAKJ,GAChBK,KAAAA,EAAmB,KAAGL,WACtBM,GAAgBN,aAChBO,GAAkBP,GAClBQ,QAAAA,GAAU,GAAKR,QACfS,GAAYT,SACZU,GAAaV,SACbW,GAAUX,GACVY,KAAAA,GAAO,GAAKZ,GACZa,SAAAA,GAAW,GAAKb,GAChBc,iBAAAA,EAAmB,oBAAkBd,GACrCe,aAAAA,EAAe,SAAOf,GACtBgB,cAAAA,EAAgB,SAAOhB,GACvBiB,OAAAA,GAAS,GAAKjB,GACdkB,WAAAA,GAAa,GAAKlB,GAClBmB,WAAAA,EAAa,eAAanB,GAC1BoB,kBAAAA,EAAoB,aAAWpB,GAC/BqB,oBAAAA,EAAsB,IAAErB,GACxBsB,QAAAA,GAAU,GAAKtB,GACfuB,UAAAA,GAAY,GAAKvB,GACjBwB,eAAAA,EAAiB,cAAYxB,QAGlCyB,EAAOC,KAAKC,SACd,IAIAC,EAEAC,EACAC,EACAC,EARAC,EAAmB,IAAAC,EACrBC,IACAC,KAGEC,EAAW,MAKXC,EAAa,GACbC,EAAiB,cAiBZC,UACPC,EAAe3B,EAAQ,GAAQ,IAC/B4B,KACAT,EAAaU,SAAS,SAAS,GAGxB,SAAAC,GAAkBC,QACzBJ,EAAeA,EAAaK,QACzBlC,GAAeA,IAAUiC,KAE5BZ,EAAaU,SAAS,WAAYF,YAG3BM,KACPC,EAAA,GAAAT,GAAY,YAGLU,KACPD,EAAA,GAAAT,EAAY,eAGLG,KACPM,EAAA,GAAAE,GAAY,GAERpC,IAAaI,aA4BjBc,EAAkBmB,EACZ,MAAAb,EAAgBc,KAEtBpB,EAAgBqB,MAAM,CAAAC,EAAQC,KACtB,MAAAC,EAAWlB,EAAcmB,SAASH,GAClCI,EAAWpB,EAAcmB,SAASF,GAEpC,OAAAC,IAAaE,EACRJ,EAAErC,GAAiBsC,EAAEtC,GACnBuC,EAAWE,EACb,GAEC,KAIZV,EAAA,GAAAW,EAAa3B,GA3CX4B,GAEAZ,EAAA,GAAAW,EAAaR,GAYR,SAAAC,GAAiBS,GAClB,MAAAjD,EAAQiD,GAAYpB,SAEJU,EAAYL,QAAQgB,GACjChD,EACHF,EAAM6C,SAASK,EAAK7C,IACpBL,IAAUkD,EAAK7C,u/BA5DtB+B,EAAA,GAAEG,EAAcxC,EAAS9B,KAAKkF,MAAMpD,GAAK,yBACzCqC,EAAA,GAAEW,EAAaR,yCACbH,EAAA,GAAAP,GAAgB7B,GAASE,KAAgBF,EAAQ/B,KAAKkF,MAAMnD,GAASA,iDACrEoD,EAAW,IACLvB,EAAalF,OAAO0G,WAAa,IAAM9D,0BA2FjC+D,eAAkBtD,SACzBuD,SACN7B,EAAgBc,GAAiBxC,UAC3BwD,EAAgB9B,EAAc+B,KAAKP,GAASA,EAAK9C,KAEvDgC,EAAA,GAAAjB,EAAcqC,EAAcE,KAAK,OAE7BxD,GACFkC,EAAA,GAAAlB,EAAWlB,GAjGZ2D,CAAkB9B,wBAqGNyB,eAAYpC,iBACnBqC,IAENnB,EAAA,GAAAX,EACER,GAAOC,GAAYA,EAASvE,UAClC,QAAAiH,EAAA,QAAAC,EACY1E,eAAAA,EAAW2E,cAAc,4BADrC,IAAAD,SAAAA,EAC2DE,uBAD3DH,EAAAA,EAC0E,MAEhE,OA5GLI,CAAY9C,uBACdkB,EAAA,GAAEE,EAAYrC,yBACd,CACO,MAAAgE,EAAY3B,EAAY,OAAS,QACvCjB,EAAaU,SAASkC,EAAW3B,QAEhC4B,EAALC,OAAAC,UAAuBC,kCACXH,EAAWI,kGAiCnBjD,EAAaU,SAAS,WAAYF,GAE7B3B,GACH4B,iBAqCFT,EAAaU,SAAS,aAAa,IAG5B,SAAYwC,GACnBlD,EAAaU,SAAS,aAAcwC,EAAEC,+DAoDvBvD,EAAGwD,mBAsBV7C,IAAY,EARD,IAAAQ,EAAA,GAAAE,GAAaA,eAqCpBT,EAAY6C,6BAgBQ1C,GAAkB2C,EAAazH,QAYhCiF,QA2BKH,GAAkB2C,EAAazH,QAXxCmF,6CAhHlBlD,EAASsF"}

package/public/adeo/components/dropdown/Dropdown.svelte CHANGED Viewed

@@ -24,6 +24,7 @@
   export let isvalid: boolean;
   export let isinvalid: boolean;
   export let loading = false;
+  export let name: string;
   export let items: string;
   export let value: any;
   export let open = false;
@@ -240,6 +241,7 @@
   <Listbox
     items={JSON.stringify(localItems)}
     open={openState}
+    {name}
     {multiple}
     {isfiltered}
     {emptysearchlabel}

package/public/adeo/components/fileuploader/FileUploader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as l,a as t,b as s,f as i,s as a,e as r,d as o,t as n,n as d,h as c,l as p,m,o as f,A as u,y as b,z as h,q as $,v as x,w as g,D as v,E as w,F as _,B as k,J as y}from"../../index-48da6c1f.js";import{E}from"../../EventHandler-f7ee47ca.js";import z from"./fileuploader-result.nested.js";function C(e){let l,t;return l=new z({props:{files:e[8],allowedExtensions:e[11],disabled:e[6],maxSize:e[12],removelabel:e[7],errorLabels:e[13]}}),l.$on("file-removed",e[15]),{c(){v(l.$$.fragment)},m(e,s){w(l,e,s),t=!0},p(e,t){const s={};256&t&&(s.files=e[8]),2048&t&&(s.allowedExtensions=e[11]),64&t&&(s.disabled=e[6]),4096&t&&(s.maxSize=e[12]),128&t&&(s.removelabel=e[7]),8192&t&&(s.errorLabels=e[13]),l.$set(s)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function S(e){let l,t;return l=new z({props:{files:e[10],allowedExtensions:e[11],disabled:e[6],maxSize:e[12],removelabel:e[7],errorLabels:e[13]}}),l.$on("file-removed",e[16]),{c(){v(l.$$.fragment)},m(e,s){w(l,e,s),t=!0},p(e,t){const s={};1024&t&&(s.files=e[10]),2048&t&&(s.allowedExtensions=e[11]),64&t&&(s.disabled=e[6]),4096&t&&(s.maxSize=e[12]),128&t&&(s.removelabel=e[7]),8192&t&&(s.errorLabels=e[13]),l.$set(s)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function P(e){let l,t,i,a,x,g,v,w,_,y,E,z=e[0]&&e[8]&&e[8].length>0&&C(e),P=e[10].length>0&&S(e);return{c(){l=r("div"),t=r("input"),i=o(),a=r("label"),x=r("span"),g=n(e[3]),v=o(),z&&z.c(),w=o(),P&&P.c(),this.c=d,c(t,"id",e[1]),c(t,"name",e[2]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[4]),t.multiple=e[5],t.disabled=e[6],c(x,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){s(r,l,o),p(l,t),p(l,i),p(l,a),p(a,x),p(x,g),p(l,v),z&&z.m(l,null),p(l,w),P&&P.m(l,null),e[23](l),_=!0,y||(E=m(t,"change",e[14]),y=!0)},p(e,[s]){(!_||2&s)&&c(t,"id",e[1]),(!_||4&s)&&c(t,"name",e[2]),(!_||16&s)&&c(t,"accept",e[4]),(!_||32&s)&&(t.multiple=e[5]),(!_||64&s)&&(t.disabled=e[6]),(!_||8&s)&&f(g,e[3]),(!_||2&s)&&c(a,"for",e[1]),e[0]&&e[8]&&e[8].length>0?z?(z.p(e,s),257&s&&u(z,1)):(z=C(e),z.c(),u(z,1),z.m(l,w)):z&&(k(),b(z,1,1,(()=>{z=null})),h()),e[10].length>0?P?(P.p(e,s),1024&s&&u(P,1)):(P=S(e),P.c(),u(P,1),P.m(l,null)):P&&(k(),b(P,1,1,(()=>{P=null})),h())},i(e){_||(u(z),u(P),_=!0)},o(e){b(z),b(P),_=!1},d(t){t&&$(l),z&&z.d(),P&&P.d(),e[23](null),y=!1,E()}}}function A(e,l){const t=Array.from(e),s=t.indexOf(l);-1!==s&&t.splice(s,1);const i=new DataTransfer;return t.forEach((e=>i.items.add(e))),i.files}function M(e,l,t){let s,i,a,r,o,n,{id:d}=l,{name:c}=l,{label:p}=l,{accept:m}=l,{multiple:f=!0}=l,{allowedextensions:u}=l,{maxsize:b}=l,{displayfileslist:h=!1}=l,{disabled:$=!1}=l,{removelabel:v="Remove"}=l,{uploadedfiles:w}=l,{errorlabels:_}=l,{stateless:k}=l,{keepPrevious:z}=l,C=new E(x(),g());return e.$$set=e=>{"id"in e&&t(1,d=e.id),"name"in e&&t(2,c=e.name),"label"in e&&t(3,p=e.label),"accept"in e&&t(4,m=e.accept),"multiple"in e&&t(5,f=e.multiple),"allowedextensions"in e&&t(17,u=e.allowedextensions),"maxsize"in e&&t(18,b=e.maxsize),"displayfileslist"in e&&t(0,h=e.displayfileslist),"disabled"in e&&t(6,$=e.disabled),"removelabel"in e&&t(7,v=e.removelabel),"uploadedfiles"in e&&t(19,w=e.uploadedfiles),"errorlabels"in e&&t(20,_=e.errorlabels),"stateless"in e&&t(21,k=e.stateless),"keepPrevious"in e&&t(22,z=e.keepPrevious)},e.$$.update=()=>{131072&e.$$.dirty&&t(11,s=u?JSON.parse(u):[]),524288&e.$$.dirty&&t(10,i=w?JSON.parse(w):[]),e.$$.dirty,262144&e.$$.dirty&&t(12,a=b||void 0),1048576&e.$$.dirty&&t(13,r=_?JSON.parse(_):[])},[h,d,c,p,m,f,$,v,o,n,i,s,a,r,function(e){const l=e.target;if(z&&(null==o?void 0:o.length)>0){const e=[...o],s=[...l.files],i=new DataTransfer;e.forEach((e=>i.items.add(e))),s.forEach((e=>i.items.add(e))),t(8,o=i.files)}else t(8,o=l.files);t(0,h=!0);const i=[];[...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(s&&s.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(s&&!s.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||i.push({index:l,fileName:t,fileSize:r,errorType:d})})),i.length>0&&C.dispatch(x(),"invalid-files",i),C.dispatch("change",o);const r=n.querySelector(".mc-fileuploader__input");k?r.value="":r.files=o},function(e){t(8,o=A(o,e.detail)),n.querySelector(".mc-fileuploader__input").files=o,C.dispatch("file-removed",e.detail)},function(e){const l=A(i,e.detail);t(10,i=l),C.dispatch("uploaded-file-removed",e.detail)},u,b,w,_,k,z,function(e){y[e?"unshift":"push"]((()=>{n=e,t(9,n)}))}]}class O extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{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-fileuploader__label{font-family:\"Roboto\", sans-serif;font-weight:700;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#007f8c;border-color:#007f8c;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23007f8c' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},M,P,a,{id:1,name:2,label:3,accept:4,multiple:5,allowedextensions:17,maxsize:18,displayfileslist:0,disabled:6,removelabel:7,uploadedfiles:19,errorlabels:20,stateless:21,keepPrevious:22},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["id","name","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","keepPrevious"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),i()}get name(){return this.$$.ctx[2]}set name(e){this.$$set({name:e}),i()}get label(){return this.$$.ctx[3]}set label(e){this.$$set({label:e}),i()}get accept(){return this.$$.ctx[4]}set accept(e){this.$$set({accept:e}),i()}get multiple(){return this.$$.ctx[5]}set multiple(e){this.$$set({multiple:e}),i()}get allowedextensions(){return this.$$.ctx[17]}set allowedextensions(e){this.$$set({allowedextensions:e}),i()}get maxsize(){return this.$$.ctx[18]}set maxsize(e){this.$$set({maxsize:e}),i()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),i()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),i()}get removelabel(){return this.$$.ctx[7]}set removelabel(e){this.$$set({removelabel:e}),i()}get uploadedfiles(){return this.$$.ctx[19]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),i()}get errorlabels(){return this.$$.ctx[20]}set errorlabels(e){this.$$set({errorlabels:e}),i()}get stateless(){return this.$$.ctx[21]}set stateless(e){this.$$set({stateless:e}),i()}get keepPrevious(){return this.$$.ctx[22]}set keepPrevious(e){this.$$set({keepPrevious:e}),i()}}export{O as default};
+import{S as e,i as l,a as t,b as s,f as i,s as a,e as r,d as o,t as n,n as d,h as c,l as p,m,o as f,A as u,y as b,z as h,q as $,v as x,w as g,D as v,E as w,F as _,B as k,J as y}from"../../index-48da6c1f.js";import{E}from"../../EventHandler-f7ee47ca.js";import z from"./fileuploader-result.nested.js";function C(e){let l,t;return l=new z({props:{files:e[8],allowedExtensions:e[11],disabled:e[6],maxSize:e[12],removelabel:e[7],errorLabels:e[13]}}),l.$on("file-removed",e[15]),{c(){v(l.$$.fragment)},m(e,s){w(l,e,s),t=!0},p(e,t){const s={};256&t&&(s.files=e[8]),2048&t&&(s.allowedExtensions=e[11]),64&t&&(s.disabled=e[6]),4096&t&&(s.maxSize=e[12]),128&t&&(s.removelabel=e[7]),8192&t&&(s.errorLabels=e[13]),l.$set(s)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function S(e){let l,t;return l=new z({props:{files:e[10],allowedExtensions:e[11],disabled:e[6],maxSize:e[12],removelabel:e[7],errorLabels:e[13]}}),l.$on("file-removed",e[16]),{c(){v(l.$$.fragment)},m(e,s){w(l,e,s),t=!0},p(e,t){const s={};1024&t&&(s.files=e[10]),2048&t&&(s.allowedExtensions=e[11]),64&t&&(s.disabled=e[6]),4096&t&&(s.maxSize=e[12]),128&t&&(s.removelabel=e[7]),8192&t&&(s.errorLabels=e[13]),l.$set(s)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function P(e){let l,t,i,a,x,g,v,w,_,y,E,z=e[0]&&e[8]&&e[8].length>0&&C(e),P=e[10].length>0&&S(e);return{c(){l=r("div"),t=r("input"),i=o(),a=r("label"),x=r("span"),g=n(e[3]),v=o(),z&&z.c(),w=o(),P&&P.c(),this.c=d,c(t,"id",e[1]),c(t,"name",e[2]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[4]),t.multiple=e[5],t.disabled=e[6],c(x,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){s(r,l,o),p(l,t),p(l,i),p(l,a),p(a,x),p(x,g),p(l,v),z&&z.m(l,null),p(l,w),P&&P.m(l,null),e[23](l),_=!0,y||(E=m(t,"change",e[14]),y=!0)},p(e,[s]){(!_||2&s)&&c(t,"id",e[1]),(!_||4&s)&&c(t,"name",e[2]),(!_||16&s)&&c(t,"accept",e[4]),(!_||32&s)&&(t.multiple=e[5]),(!_||64&s)&&(t.disabled=e[6]),(!_||8&s)&&f(g,e[3]),(!_||2&s)&&c(a,"for",e[1]),e[0]&&e[8]&&e[8].length>0?z?(z.p(e,s),257&s&&u(z,1)):(z=C(e),z.c(),u(z,1),z.m(l,w)):z&&(k(),b(z,1,1,(()=>{z=null})),h()),e[10].length>0?P?(P.p(e,s),1024&s&&u(P,1)):(P=S(e),P.c(),u(P,1),P.m(l,null)):P&&(k(),b(P,1,1,(()=>{P=null})),h())},i(e){_||(u(z),u(P),_=!0)},o(e){b(z),b(P),_=!1},d(t){t&&$(l),z&&z.d(),P&&P.d(),e[23](null),y=!1,E()}}}function A(e,l){const t=Array.from(e),s=t.indexOf(l);-1!==s&&t.splice(s,1);const i=new DataTransfer;return t.forEach((e=>i.items.add(e))),i.files}function M(e,l,t){let s,i,a,r,o,n,{id:d}=l,{name:c}=l,{label:p}=l,{accept:m}=l,{multiple:f=!0}=l,{allowedextensions:u}=l,{maxsize:b}=l,{displayfileslist:h=!1}=l,{disabled:$=!1}=l,{removelabel:v="Remove"}=l,{uploadedfiles:w}=l,{errorlabels:_}=l,{stateless:k}=l,{keepPrevious:z}=l,C=new E(x(),g());return e.$$set=e=>{"id"in e&&t(1,d=e.id),"name"in e&&t(2,c=e.name),"label"in e&&t(3,p=e.label),"accept"in e&&t(4,m=e.accept),"multiple"in e&&t(5,f=e.multiple),"allowedextensions"in e&&t(17,u=e.allowedextensions),"maxsize"in e&&t(18,b=e.maxsize),"displayfileslist"in e&&t(0,h=e.displayfileslist),"disabled"in e&&t(6,$=e.disabled),"removelabel"in e&&t(7,v=e.removelabel),"uploadedfiles"in e&&t(19,w=e.uploadedfiles),"errorlabels"in e&&t(20,_=e.errorlabels),"stateless"in e&&t(21,k=e.stateless),"keepPrevious"in e&&t(22,z=e.keepPrevious)},e.$$.update=()=>{131072&e.$$.dirty&&t(11,s=u?JSON.parse(u):[]),524288&e.$$.dirty&&t(10,i=w?JSON.parse(w):[]),e.$$.dirty,262144&e.$$.dirty&&t(12,a=b||void 0),1048576&e.$$.dirty&&t(13,r=_?JSON.parse(_):[])},[h,d,c,p,m,f,$,v,o,n,i,s,a,r,function(e){const l=e.target;if(z&&(null==o?void 0:o.length)>0){const e=[...o],s=[...l.files],i=new DataTransfer;e.forEach((e=>i.items.add(e))),s.forEach((e=>i.items.add(e))),t(8,o=i.files)}else t(8,o=l.files);t(0,h=!0);const i=[];[...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(s&&s.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(s&&!s.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||i.push({index:l,fileName:t,fileSize:r,errorType:d})})),i.length>0&&C.dispatch(x(),"invalid-files",i),C.dispatch("change",o);const r=n.querySelector(".mc-fileuploader__input");k?r.value="":r.files=o},function(e){t(8,o=A(o,e.detail)),n.querySelector(".mc-fileuploader__input").files=o,C.dispatch("change",o),C.dispatch("file-removed",e.detail)},function(e){const l=A(i,e.detail);t(10,i=l),C.dispatch("uploaded-file-removed",e.detail)},u,b,w,_,k,z,function(e){y[e?"unshift":"push"]((()=>{n=e,t(9,n)}))}]}class O extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{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-fileuploader__label{font-family:\"Roboto\", sans-serif;font-weight:700;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#007f8c;border-color:#007f8c;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23007f8c' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},M,P,a,{id:1,name:2,label:3,accept:4,multiple:5,allowedextensions:17,maxsize:18,displayfileslist:0,disabled:6,removelabel:7,uploadedfiles:19,errorlabels:20,stateless:21,keepPrevious:22},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["id","name","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","keepPrevious"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),i()}get name(){return this.$$.ctx[2]}set name(e){this.$$set({name:e}),i()}get label(){return this.$$.ctx[3]}set label(e){this.$$set({label:e}),i()}get accept(){return this.$$.ctx[4]}set accept(e){this.$$set({accept:e}),i()}get multiple(){return this.$$.ctx[5]}set multiple(e){this.$$set({multiple:e}),i()}get allowedextensions(){return this.$$.ctx[17]}set allowedextensions(e){this.$$set({allowedextensions:e}),i()}get maxsize(){return this.$$.ctx[18]}set maxsize(e){this.$$set({maxsize:e}),i()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),i()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),i()}get removelabel(){return this.$$.ctx[7]}set removelabel(e){this.$$set({removelabel:e}),i()}get uploadedfiles(){return this.$$.ctx[19]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),i()}get errorlabels(){return this.$$.ctx[20]}set errorlabels(e){this.$$set({errorlabels:e}),i()}get stateless(){return this.$$.ctx[21]}set stateless(e){this.$$set({stateless:e}),i()}get keepPrevious(){return this.$$.ctx[22]}set keepPrevious(e){this.$$set({keepPrevious:e}),i()}}export{O as default};
 //# sourceMappingURL=FileUploader.js.map

package/public/adeo/components/fileuploader/FileUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './fileuploader-result.nested.svelte';\n\n export let id: string;\n export let name: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n export let keepPrevious: boolean;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n\n if(keepPrevious && files?.length > 0){\n const previousSelection: File[] = [...files]\n const newSelection: File[] = [...target.files as FileList]\n const dataTransfer: DataTransfer = new DataTransfer()\n previousSelection.forEach((item) => dataTransfer.items.add(item))\n newSelection.forEach((item) => dataTransfer.items.add(item))\n\n files = dataTransfer.files\n\n } else {\n files = target.files as FileList;\n }\n\n displayfileslist = true;\n const invalidFiles: Array<any> = [];\n const fileList = [...files];\n\n fileList.forEach((file, index) => {\n const fileName = file.name;\n const fileSize = file.size;\n const validExtension = checkFileExtension(fileName);\n const validSize = checkFileSize(fileSize);\n let errorType = '';\n\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n\n if (!validSize) {\n errorType = 'invalid-size';\n }\n\n if (!validExtension \|\| !validSize) {\n invalidFiles.push({\n index: index,\n fileName: fileName,\n fileSize: fileSize,\n errorType: errorType,\n });\n }\n });\n\n if (invalidFiles.length > 0) {\n eventHandler.dispatch(\n get_current_component(),\n 'invalid-files',\n invalidFiles,\n );\n }\n eventHandler.dispatch('change', files);\n\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n if (stateless) {\n fileuploader.value = '';\n } else {\n fileuploader.files = files\n }\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n\n const dataTransfer: DataTransfer = new DataTransfer()\n array.forEach((item) => dataTransfer.items.add(item))\n\n return dataTransfer.files\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.files = files;\n eventHandler.dispatch('file-removed', e.detail);\n }\n\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', e.detail);\n }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n <input\n {id}\n {name}\n type=\"file\"\n class=\"mc-fileuploader__input\"\n {accept}\n {multiple}\n {disabled}\n on:change={handleChange}\n />\n <label for={id} class=\"mc-fileuploader__label\">\n <span class=\"mc-fileuploader__label--center\">\n {label}\n </span>\n </label>\n {#if displayfileslist && files && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteUploadedFile}\n />\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.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","dataTransfer","DataTransfer","forEach","item","items","add","files","root","id","$$props","name","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","keepPrevious","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","previousSelection","newSelection","invalidFiles","file","index","fileName","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","fileuploader","querySelector","detail","$$value"],"mappings":"~~mdAoLuBA~~,EAAU,uXAKpBA,EAAa,mHAMHA,EAAkB,qFAN5BA,EAAa,uRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,IAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,+OAFEA,EAAE,iFAXhBK,EAsCKC,EAAAC,EAAAC,GArCHC,EASCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,qLAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,IAACE,OAAS,~~oNA5DnBW~~,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,IACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAGd,MAAAG,MAAiCC,aAGhC,OAFPP,EAAMQ,SAASC,GAASH,EAAaI,MAAMC,IAAIF,KAExCH,EAAaM,oCA3GlBA,EACAC,MAhBOC,GAAUC,QACVC,GAAYD,SACZE,GAAaF,UACbG,GAAcH,GACdI,SAAAA,GAAW,GAAIJ,qBACfK,GAAyBL,WACzBM,GAAeN,GACfO,iBAAAA,GAAmB,GAAKP,GACxBQ,SAAAA,GAAW,GAAKR,GAChBS,YAAAA,EAAc,UAAQT,iBACtBU,GAAqBV,eACrBW,GAAmBX,aACnBY,GAAgBZ,gBAChBa,GAAqBb,EAI5Bc,EAAmB,IAAAC,EACrBC,IACAC,ikBAGDC,EAAA,GAAEC,EAAoBd,EAAoBe,KAAKC,MAAMhB,GAAiB,uBACtEa,EAAA,GAAEI,EAAgBZ,EAAgBU,KAAKC,MAAMX,GAAa,uCAExDa,EAAUjB,QAAoBkB,uBAChCN,EAAA,GAAEO,EAAcd,EAAcS,KAAKC,MAAMV,GAAW,kCAsB5C,SAAae,SACdnD,EAASmD,EAAEnD,OAEd,GAAAsC,IAAgBhB,eAAAA,EAAO1B,QAAS,EAAC,CAC5B,MAAAwD,MAAgC9B,GAChC+B,EAAY,IAAerD,EAAOsB,OAClCN,MAAiCC,aACvCmC,EAAkBlC,SAASC,GAASH,EAAaI,MAAMC,IAAIF,KAC3DkC,EAAanC,SAASC,GAASH,EAAaI,MAAMC,IAAIF,SAEtDG,EAAQN,EAAaM,gBAGrBA,EAAQtB,EAAOsB,OAGjBqB,EAAA,EAAAX,GAAmB,SACbsB,EAAY,OACGhC,GAEZJ,SAAS,CAAAqC,EAAMC,WAChBC,EAAWF,EAAK7B,KAChBgC,EAAWH,EAAKI,KAChBC,EAnCD,SAAmBH,GACtB,GAAAb,GAAqBA,EAAkBhD,OAAS,EAAC,CAC7C,MAAAiE,EAAoBJ,EAASK,MACS,GAAxCL,EAASM,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAyBkBK,CAAmBT,GACpCU,EA5CD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GA0CRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBb,EAAagB,KACJ,CAAAd,QACGC,WACAC,WACCW,iBAKbf,EAAa1D,OAAS,GACxB2C,EAAagC,SACX9B,IACA,gBACAa,GAGJf,EAAagC,SAAS,SAAUjD,GAE1B,MAAAkD,EAAejD,EAAKkD,cACvB,2BAECpC,EACFmC,EAAa/D,MAAQ,GAErB+D,EAAalD,MAAQA,GAiBhB,SAAW6B,GAClBR,EAAA,EAAArB,EAAQf,EAAgBe,EAAO6B,EAAEuB,SACZnD,EAAKkD,cACxB,2BAEWnD,MAAQA,~~EACrBiB~~,EAAagC,SAAS,eAAgBpB,EAAEuB,SAGjC,SAAmBvB,GACpB,MAAA7B,EAAQf,EAAgBwC,EAAeI,EAAEuB,QAC/C/B,EAAA,GAAAI,EAAgBzB,GAChBiB,EAAagC,SAAS,wBAAyBpB,EAAEuB,6DAQbnD,EAAIoD"}
1	+ {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './fileuploader-result.nested.svelte';\n\n export let id: string;\n export let name: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n export let keepPrevious: boolean;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n\n if(keepPrevious && files?.length > 0){\n const previousSelection: File[] = [...files]\n const newSelection: File[] = [...target.files as FileList]\n const dataTransfer: DataTransfer = new DataTransfer()\n previousSelection.forEach((item) => dataTransfer.items.add(item))\n newSelection.forEach((item) => dataTransfer.items.add(item))\n\n files = dataTransfer.files\n\n } else {\n files = target.files as FileList;\n }\n\n displayfileslist = true;\n const invalidFiles: Array<any> = [];\n const fileList = [...files];\n\n fileList.forEach((file, index) => {\n const fileName = file.name;\n const fileSize = file.size;\n const validExtension = checkFileExtension(fileName);\n const validSize = checkFileSize(fileSize);\n let errorType = '';\n\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n\n if (!validSize) {\n errorType = 'invalid-size';\n }\n\n if (!validExtension \|\| !validSize) {\n invalidFiles.push({\n index: index,\n fileName: fileName,\n fileSize: fileSize,\n errorType: errorType,\n });\n }\n });\n\n if (invalidFiles.length > 0) {\n eventHandler.dispatch(\n get_current_component(),\n 'invalid-files',\n invalidFiles,\n );\n }\n eventHandler.dispatch('change', files);\n\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n if (stateless) {\n fileuploader.value = '';\n } else {\n fileuploader.files = files\n }\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n\n const dataTransfer: DataTransfer = new DataTransfer()\n array.forEach((item) => dataTransfer.items.add(item))\n\n return dataTransfer.files\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.files = files;\n\n eventHandler.dispatch('change', files);\n eventHandler.dispatch('file-removed', e.detail);\n }\n\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', e.detail);\n }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n <input\n {id}\n {name}\n type=\"file\"\n class=\"mc-fileuploader__input\"\n {accept}\n {multiple}\n {disabled}\n on:change={handleChange}\n />\n <label for={id} class=\"mc-fileuploader__label\">\n <span class=\"mc-fileuploader__label--center\">\n {label}\n </span>\n </label>\n {#if displayfileslist && files && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteUploadedFile}\n />\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.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","dataTransfer","DataTransfer","forEach","item","items","add","files","root","id","$$props","name","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","keepPrevious","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","previousSelection","newSelection","invalidFiles","file","index","fileName","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","fileuploader","querySelector","detail","$$value"],"mappings":"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"}

package/public/adeo/components/fileuploader/FileUploader.svelte CHANGED Viewed

@@ -140,6 +140,8 @@
       '.mc-fileuploader__input',
     ) as HTMLInputElement;
     fileuploader.files = files;
+    eventHandler.dispatch('change', files);
     eventHandler.dispatch('file-removed', e.detail);
   }

package/public/adeo/components/listbox/Listbox.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as e,i as t,s as l,H as a,e as s,h as i,L as o,k as c,b as n,M as r,n as f,q as d,v as m,w as b,U as w,$ as v,t as u,l as h,o as p,d as x,R as g,Q as _,m as k,O as y,a0 as E}from"../../index-48da6c1f.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function $(e){a(e,"svelte-awf750",".mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:hover{border-color:#191919}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked,.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-awf750.svelte-awf750.svelte-awf750{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open.svelte-awf750.svelte-awf750.svelte-awf750{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-awf750.svelte-awf750.svelte-awf750::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-awf750.svelte-awf750.svelte-awf750::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-awf750.svelte-awf750.svelte-awf750{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item.svelte-awf750.svelte-awf750.svelte-awf750:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-awf750.svelte-awf750.svelte-awf750:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__empty.svelte-awf750.svelte-awf750.svelte-awf750{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-awf750.svelte-awf750.svelte-awf750{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-awf750.svelte-awf750.svelte-awf750::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-awf750.svelte-awf750.svelte-awf750{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-awf750 .is-disabled.svelte-awf750.svelte-awf750{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-awf750:not(.mc-listbox--multi) .mc-listbox__input.svelte-awf750.svelte-awf750{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox.svelte-awf750:not(.mc-listbox--multi) .mc-listbox__input.svelte-awf750:checked+.mc-listbox__label.svelte-awf750::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}")}function z(e,t,l){const a=e.slice();return a[27]=t[l],a[29]=l,a}function B(e){let t,l,a;return{c(){t=s("li"),l=s("span"),a=u(e[4]),i(l,"class","mc-listbox__empty svelte-awf750"),i(t,"class","mc-listbox__item svelte-awf750")},m(e,s){n(e,t,s),h(t,l),h(l,a)},p(e,t){16&t&&p(a,e[4])},d(e){e&&d(t)}}}function M(e){let t,l,a=e[2]&&e[9]&&H(e),s=e[11],i=[];for(let t=0;t<s.length;t+=1)i[t]=N(z(e,s,t));return{c(){a&&a.c(),t=x();for(let e=0;e<i.length;e+=1)i[e].c();l=g()},m(e,s){a&&a.m(e,s),n(e,t,s);for(let t=0;t<i.length;t+=1)i[t]&&i[t].m(e,s);n(e,l,s)},p(e,o){if(e[2]&&e[9]?a?a.p(e,o):(a=H(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null),51429&o){let t;for(s=e[11],t=0;t<s.length;t+=1){const a=z(e,s,t);i[t]?i[t].p(a,o):(i[t]=N(a),i[t].c(),i[t].m(l.parentNode,l))}for(;t<i.length;t+=1)i[t].d(1);i.length=s.length}},d(e){a&&a.d(e),e&&d(t),_(i,e),e&&d(l)}}}function H(e){let t,l,a,o,c,r,f;return{c(){t=s("li"),l=s("input"),a=x(),o=s("label"),c=u(e[10]),i(l,"id","select-all"),i(l,"class","mc-listbox__input mc-checkbox__input svelte-awf750"),i(l,"type","checkbox"),l.indeterminate=e[13],i(o,"for","select-all"),i(o,"class","mc-listbox__label svelte-awf750"),i(t,"class","mc-listbox__item svelte-awf750")},m(s,i){n(s,t,i),h(t,l),l.checked=e[12],h(t,a),h(t,o),h(o,c),r||(f=[k(l,"change",e[21]),k(l,"change",e[17])],r=!0)},p(e,t){8192&t&&(l.indeterminate=e[13]),4096&t&&(l.checked=e[12]),1024&t&&p(c,e[10])},d(e){e&&d(t),r=!1,y(f)}}}function j(e){let t,l,a,o,c,r,f,m=!1;return c=E(e[23][0]),{c(){t=s("input"),i(t,"id",e[15](e[29])),i(t,"class","mc-listbox__input mc-checkbox__input svelte-awf750"),i(t,"type","checkbox"),t.__value=l=e[27][e[6]],t.value=t.__value,t.checked=a=e[0].includes(e[27][e[6]]),t.disabled=o=Boolean(e[27][e[7]]),c.p(t)},m(l,a){n(l,t,a),t.checked=~(e[0]||[]).indexOf(t.__value),r||(f=[k(t,"change",e[24]),k(t,"change",e[20])],r=!0)},p(e,s){2112&s&&l!==(l=e[27][e[6]])&&(t.__value=l,t.value=t.__value,m=!0),2113&s&&a!==(a=e[0].includes(e[27][e[6]]))&&(t.checked=a),2176&s&&o!==(o=Boolean(e[27][e[7]]))&&(t.disabled=o),(m||2049&s)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&d(t),c.r(),r=!1,y(f)}}}function O(e){let t,l,a,o,r,f,m=!1;return o=E(e[23][0]),{c(){t=s("input"),i(t,"id",e[15](e[29])),i(t,"class","mc-listbox__input svelte-awf750"),i(t,"type","radio"),t.__value=l=e[27][e[6]],t.value=t.__value,i(t,"name",`listboxradio-${e[14]}`),t.disabled=a=Boolean(e[27][e[7]]),c(t,"is-disabled",e[27][e[7]]),o.p(t)},m(l,a){n(l,t,a),t.checked=t.__value===e[0],r||(f=[k(t,"change",e[22]),k(t,"change",e[19])],r=!0)},p(e,s){2112&s&&l!==(l=e[27][e[6]])&&(t.__value=l,t.value=t.__value,m=!0),2176&s&&a!==(a=Boolean(e[27][e[7]]))&&(t.disabled=a),(m||2049&s)&&(t.checked=t.__value===e[0]),2176&s&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&d(t),o.r(),r=!1,y(f)}}}function N(e){let t,l,a,o,r,f=e[27][e[5]]+"";function m(e,t){return e[2]?j:O}let b=m(e),w=b(e);return{c(){t=s("li"),w.c(),l=x(),a=s("label"),o=u(f),r=x(),i(a,"for",e[15](e[29])),i(a,"class","mc-listbox__label svelte-awf750"),i(t,"class","mc-listbox__item svelte-awf750"),c(t,"is-disabled",e[27][e[7]])},m(e,s){n(e,t,s),w.m(t,null),h(t,l),h(t,a),h(a,o),h(t,r)},p(e,a){b===(b=m(e))&&w?w.p(e,a):(w.d(1),w=b(e),w&&(w.c(),w.m(t,l))),2080&a&&f!==(f=e[27][e[5]]+"")&&p(o,f),2176&a&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&d(t),w.d()}}}function L(e){let t,l,a;function m(e,t){return e[3]?B:M}let b=m(e),w=b(e);return{c(){t=s("ul"),w.c(),i(t,"role","listbox"),i(t,"class","mc-listbox svelte-awf750"),i(t,"aria-labelledby","listbox"),o(t,"--listbox-width",e[8]),c(t,"is-open",e[1]),c(t,"mc-listbox--multi",e[2])},m(s,i){n(s,t,i),w.m(t,null),l||(a=r(e[16].call(null,t)),l=!0)},p(e,[l]){b===(b=m(e))&&w?w.p(e,l):(w.d(1),w=b(e),w&&(w.c(),w.m(t,null))),256&l&&o(t,"--listbox-width",e[8]),2&l&&c(t,"is-open",e[1]),4&l&&c(t,"mc-listbox--multi",e[2])},i:f,o:f,d(e){e&&d(t),w.d(),l=!1,a()}}}function Y(e,t,l){let a,s,i,{items:o}=t,{value:c}=t,{open:n}=t,{multiple:r}=t,{isfiltered:f}=t,{emptysearchlabel:d="No results found"}=t,{datatextexpr:u="label"}=t,{datavalueexpr:h="value"}=t,{datadisabledexpr:p="disabled"}=t,{maxwidth:x="100%"}=t,{selectall:g=!1}=t,{labelselectall:_="Select all"}=t;const k=Math.random();let y=new C(m(),b());const E=[[]];return e.$$set=e=>{"items"in e&&l(18,o=e.items),"value"in e&&l(0,c=e.value),"open"in e&&l(1,n=e.open),"multiple"in e&&l(2,r=e.multiple),"isfiltered"in e&&l(3,f=e.isfiltered),"emptysearchlabel"in e&&l(4,d=e.emptysearchlabel),"datatextexpr"in e&&l(5,u=e.datatextexpr),"datavalueexpr"in e&&l(6,h=e.datavalueexpr),"datadisabledexpr"in e&&l(7,p=e.datadisabledexpr),"maxwidth"in e&&l(8,x=e.maxwidth),"selectall"in e&&l(9,g=e.selectall),"labelselectall"in e&&l(10,_=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&l(12,a=null!=g&&g),262144&e.$$.dirty&&l(11,s=o?JSON.parse(o):[]),1&e.$$.dirty&&l(0,c=c?(l(12,a=!1),l(13,i=!1),c&&0===c.length?(l(12,a=!1),l(13,i=!1)):c&&c.length<s.length?l(13,i=!0):c&&c.length===s.length&&l(12,a=!0),c):[])},l(13,i=!0),[c,n,r,f,d,u,h,p,x,g,_,s,a,i,k,function(e){return`listboxItem-${e+k}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&y.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;l(12,a=!!t),a?s.map((e=>{e[p]||-1!==c.indexOf(e[h])||c.push(e[h])})):l(0,c=[]),y.dispatch("select-all",c),l(0,c)},o,function(t){w.call(this,e,t)},function(t){w.call(this,e,t)},function(){a=this.checked,l(12,a),l(9,g)},function(){c=this.__value,l(0,c)},E,function(){c=v(E[0],this.__value,this.checked),l(0,c)}]}class R extends e{constructor(e){super(),t(this,e,Y,L,l,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},$)}}export{R as default};
+import{G as e,i as t,s as l,H as a,e as s,h as i,L as o,k as c,b as n,M as r,n as f,q as d,v as m,w as b,U as w,$ as v,t as u,l as h,o as p,d as x,R as g,Q as _,m as k,O as y,a0 as E}from"../../index-48da6c1f.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function $(e){a(e,"svelte-awf750",".mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:hover{border-color:#191919}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked,.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-awf750.svelte-awf750.svelte-awf750:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-awf750.svelte-awf750.svelte-awf750{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open.svelte-awf750.svelte-awf750.svelte-awf750{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-awf750.svelte-awf750.svelte-awf750::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-awf750.svelte-awf750.svelte-awf750::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-awf750.svelte-awf750.svelte-awf750{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item.svelte-awf750.svelte-awf750.svelte-awf750:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-awf750.svelte-awf750.svelte-awf750:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__empty.svelte-awf750.svelte-awf750.svelte-awf750{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-awf750.svelte-awf750.svelte-awf750{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-awf750.svelte-awf750.svelte-awf750::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-awf750.svelte-awf750.svelte-awf750{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-awf750 .is-disabled.svelte-awf750.svelte-awf750{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-awf750:not(.mc-listbox--multi) .mc-listbox__input.svelte-awf750.svelte-awf750{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox.svelte-awf750:not(.mc-listbox--multi) .mc-listbox__input.svelte-awf750:checked+.mc-listbox__label.svelte-awf750::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}")}function z(e,t,l){const a=e.slice();return a[28]=t[l],a[30]=l,a}function B(e){let t,l,a;return{c(){t=s("li"),l=s("span"),a=u(e[5]),i(l,"class","mc-listbox__empty svelte-awf750"),i(t,"class","mc-listbox__item svelte-awf750")},m(e,s){n(e,t,s),h(t,l),h(l,a)},p(e,t){32&t&&p(a,e[5])},d(e){e&&d(t)}}}function M(e){let t,l,a=e[3]&&e[10]&&H(e),s=e[12],i=[];for(let t=0;t<s.length;t+=1)i[t]=N(z(e,s,t));return{c(){a&&a.c(),t=x();for(let e=0;e<i.length;e+=1)i[e].c();l=g()},m(e,s){a&&a.m(e,s),n(e,t,s);for(let t=0;t<i.length;t+=1)i[t]&&i[t].m(e,s);n(e,l,s)},p(e,o){if(e[3]&&e[10]?a?a.p(e,o):(a=H(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null),37323&o){let t;for(s=e[12],t=0;t<s.length;t+=1){const a=z(e,s,t);i[t]?i[t].p(a,o):(i[t]=N(a),i[t].c(),i[t].m(l.parentNode,l))}for(;t<i.length;t+=1)i[t].d(1);i.length=s.length}},d(e){a&&a.d(e),e&&d(t),_(i,e),e&&d(l)}}}function H(e){let t,l,a,o,c,r,f;return{c(){t=s("li"),l=s("input"),a=x(),o=s("label"),c=u(e[11]),i(l,"id","select-all"),i(l,"class","mc-listbox__input mc-checkbox__input svelte-awf750"),i(l,"type","checkbox"),l.indeterminate=e[14],i(o,"for","select-all"),i(o,"class","mc-listbox__label svelte-awf750"),i(t,"class","mc-listbox__item svelte-awf750")},m(s,i){n(s,t,i),h(t,l),l.checked=e[13],h(t,a),h(t,o),h(o,c),r||(f=[k(l,"change",e[21]),k(l,"change",e[17])],r=!0)},p(e,t){16384&t&&(l.indeterminate=e[14]),8192&t&&(l.checked=e[13]),2048&t&&p(c,e[11])},d(e){e&&d(t),r=!1,y(f)}}}function j(e){let t,l,a,o,c,r,f,m=!1;return c=E(e[23][0]),{c(){t=s("input"),i(t,"id",e[15](e[30])),i(t,"class","mc-listbox__input mc-checkbox__input svelte-awf750"),i(t,"type","checkbox"),t.__value=l=e[28][e[7]],t.value=t.__value,t.checked=a=e[0].includes(e[28][e[7]]),t.disabled=o=Boolean(e[28][e[8]]),c.p(t)},m(l,a){n(l,t,a),t.checked=~(e[0]||[]).indexOf(t.__value),r||(f=[k(t,"change",e[24]),k(t,"change",e[20])],r=!0)},p(e,s){4224&s&&l!==(l=e[28][e[7]])&&(t.__value=l,t.value=t.__value,m=!0),4225&s&&a!==(a=e[0].includes(e[28][e[7]]))&&(t.checked=a),4352&s&&o!==(o=Boolean(e[28][e[8]]))&&(t.disabled=o),(m||4097&s)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&d(t),c.r(),r=!1,y(f)}}}function O(e){let t,l,a,o,r,f,m=!1;return o=E(e[23][0]),{c(){t=s("input"),i(t,"id",e[15](e[30])),i(t,"class","mc-listbox__input svelte-awf750"),i(t,"type","radio"),t.__value=l=e[28][e[7]],t.value=t.__value,i(t,"name",e[1]),t.disabled=a=Boolean(e[28][e[8]]),c(t,"is-disabled",e[28][e[8]]),o.p(t)},m(l,a){n(l,t,a),t.checked=t.__value===e[0],r||(f=[k(t,"change",e[22]),k(t,"change",e[19])],r=!0)},p(e,s){4224&s&&l!==(l=e[28][e[7]])&&(t.__value=l,t.value=t.__value,m=!0),2&s&&i(t,"name",e[1]),4352&s&&a!==(a=Boolean(e[28][e[8]]))&&(t.disabled=a),(m||4097&s)&&(t.checked=t.__value===e[0]),4352&s&&c(t,"is-disabled",e[28][e[8]])},d(e){e&&d(t),o.r(),r=!1,y(f)}}}function N(e){let t,l,a,o,r,f=e[28][e[6]]+"";function m(e,t){return e[3]?j:O}let b=m(e),w=b(e);return{c(){t=s("li"),w.c(),l=x(),a=s("label"),o=u(f),r=x(),i(a,"for",e[15](e[30])),i(a,"class","mc-listbox__label svelte-awf750"),i(t,"class","mc-listbox__item svelte-awf750"),c(t,"is-disabled",e[28][e[8]])},m(e,s){n(e,t,s),w.m(t,null),h(t,l),h(t,a),h(a,o),h(t,r)},p(e,a){b===(b=m(e))&&w?w.p(e,a):(w.d(1),w=b(e),w&&(w.c(),w.m(t,l))),4160&a&&f!==(f=e[28][e[6]]+"")&&p(o,f),4352&a&&c(t,"is-disabled",e[28][e[8]])},d(e){e&&d(t),w.d()}}}function L(e){let t,l,a;function m(e,t){return e[4]?B:M}let b=m(e),w=b(e);return{c(){t=s("ul"),w.c(),i(t,"role","listbox"),i(t,"class","mc-listbox svelte-awf750"),i(t,"aria-labelledby","listbox"),o(t,"--listbox-width",e[9]),c(t,"is-open",e[2]),c(t,"mc-listbox--multi",e[3])},m(s,i){n(s,t,i),w.m(t,null),l||(a=r(e[16].call(null,t)),l=!0)},p(e,[l]){b===(b=m(e))&&w?w.p(e,l):(w.d(1),w=b(e),w&&(w.c(),w.m(t,null))),512&l&&o(t,"--listbox-width",e[9]),4&l&&c(t,"is-open",e[2]),8&l&&c(t,"mc-listbox--multi",e[3])},i:f,o:f,d(e){e&&d(t),w.d(),l=!1,a()}}}function Y(e,t,l){let a,s,i;const o=Math.random();let{name:c=`listboxradio-${o}`}=t,{items:n}=t,{value:r}=t,{open:f}=t,{multiple:d}=t,{isfiltered:u}=t,{emptysearchlabel:h="No results found"}=t,{datatextexpr:p="label"}=t,{datavalueexpr:x="value"}=t,{datadisabledexpr:g="disabled"}=t,{maxwidth:_="100%"}=t,{selectall:k=!1}=t,{labelselectall:y="Select all"}=t,E=new C(m(),b());const $=[[]];return e.$$set=e=>{"name"in e&&l(1,c=e.name),"items"in e&&l(18,n=e.items),"value"in e&&l(0,r=e.value),"open"in e&&l(2,f=e.open),"multiple"in e&&l(3,d=e.multiple),"isfiltered"in e&&l(4,u=e.isfiltered),"emptysearchlabel"in e&&l(5,h=e.emptysearchlabel),"datatextexpr"in e&&l(6,p=e.datatextexpr),"datavalueexpr"in e&&l(7,x=e.datavalueexpr),"datadisabledexpr"in e&&l(8,g=e.datadisabledexpr),"maxwidth"in e&&l(9,_=e.maxwidth),"selectall"in e&&l(10,k=e.selectall),"labelselectall"in e&&l(11,y=e.labelselectall)},e.$$.update=()=>{1024&e.$$.dirty&&l(13,a=null!=k&&k),262144&e.$$.dirty&&l(12,s=n?JSON.parse(n):[]),1&e.$$.dirty&&l(0,r=r?(l(13,a=!1),l(14,i=!1),r&&0===r.length?(l(13,a=!1),l(14,i=!1)):r&&r.length<s.length?l(14,i=!0):r&&r.length===s.length&&l(13,a=!0),r):[])},l(14,i=!0),[r,c,f,d,u,h,p,x,g,_,k,y,s,a,i,function(e){return`listboxItem-${e+o}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&E.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;l(13,a=!!t),a?s.map((e=>{e[g]||-1!==r.indexOf(e[x])||r.push(e[x])})):l(0,r=[]),E.dispatch("select-all",r),l(0,r)},n,function(t){w.call(this,e,t)},function(t){w.call(this,e,t)},function(){a=this.checked,l(13,a),l(10,k)},function(){r=this.__value,l(0,r)},$,function(){r=v($[0],this.__value,this.checked),l(0,r)}]}class R extends e{constructor(e){super(),t(this,e,Y,L,l,{name:1,items:18,value:0,open:2,multiple:3,isfiltered:4,emptysearchlabel:5,datatextexpr:6,datavalueexpr:7,datadisabledexpr:8,maxwidth:9,selectall:10,labelselectall:11},$)}}export{R as default};
 //# sourceMappingURL=Listbox.nested.js.map

package/public/adeo/components/listbox/Listbox.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Listbox.nested.js","sources":["../../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let items: string;\n export let value: any;\n export let open: boolean;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth = '100%';\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n ~~const uuid = Math.random();\n~~ let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll(e: Event) {\n const ischecked = (<HTMLInputElement>e.target).checked;\n allSelected = ischecked ? true : false;\n if (allSelected) {\n parsedItems.map((item) => {\n if (\n !item[datadisabledexpr] &&\n value.indexOf(item[datavalueexpr]) === -1\n )\n value.push(item[datavalueexpr]);\n });\n } else {\n value = [];\n }\n eventHandler.dispatch('select-all', value);\n value = value;\n }\n</script>\n\n<ul\n role=\"listbox\"\n class=\"mc-listbox\"\n class:is-open={open}\n class:mc-listbox--multi={multiple}\n aria-labelledby=\"listbox\"\n style=\"--listbox-width: {maxwidth};\"\n use:scrollEnd\n>\n {#if !isfiltered}\n {#if multiple && selectall}\n <li class=\"mc-listbox__item\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__item\" class:is-disabled={item[datadisabledexpr]}>\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n class:is-disabled={item[datadisabledexpr]}\n type=\"radio\"\n value={item[datavalueexpr]}\n name~~={`listboxradio-${uuid~~}`}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n {:else}\n <li class=\"mc-listbox__item\">\n <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n </li>\n {/if}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","if_block","create_if_block_2","length","i","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","ul","~~items~~","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","~~uuid","Math","random","~~eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"~~06MA2IuCA~~,EAAgB,yGADnDC,EAEIC,EAAAC,EAAAC,GADFC,EAAwDF,EAAAG,4BAAvBN,EAAgB,0CAjD9CO,EAAAP,MAAYA,EAAS,~~IAAAQ~~,EAAAR,KAenBA,EAAW,yBAAhBS,OAAIC,GAAA,uLAfDV,MAAYA,EAAS,~~yFAenBA~~,EAAW,YAAhBS,OAAIC,GAAA,EAAA,yHAAJD,0IAJKT,EAAc,qIALAA,EAAsB,iIALzCC,EAYIC,EAAAC,EAAAC,GAXFC,EAOCF,EAAAQ,aAFeX,EAAW,WAG3BK,EAEOF,EAAAS,kDAJMZ,EAAW,~~6CAFPA~~,EAAsB,wBACvBA,EAAW,iBAIxBA,EAAc,2GAoBTa,EAAAF,EAAA,KAAAX,MAAUA,EAAK,+FAGZW,EAAAG,QAAAC,EAAAf,MAAKA,EAAa,sBAChBW,EAAAK,QAAAC,EAAAjB,EAAM,GAAAkB,SAASlB,MAAKA,EAAa,kBAChCmB,QAAQnB,EAAI,IAACA,EAAgB,oBANzCC,EASCC,EAAAS,EAAAP,eAFaJ,EAAK,IAAA,IAAAoB,QAAAT,EAAAG,uEAHV,KAAAO,GAAAN,KAAAA,EAAAf,MAAKA,EAAa,2CAChB,KAAAqB,GAAAJ,KAAAA,EAAAjB,EAAM,GAAAkB,SAASlB,MAAKA,EAAa,oCAChCmB,QAAQnB,EAAI,IAACA,EAAgB,gDAC3BA,EAAK,IAAA,IAAAoB,QAAAT,EAAAG,oHAlBbD,EAAAF,EAAA,KAAAX,MAAUA,EAAK,yEAIZW,EAAAG,QAAAC,EAAAf,MAAKA,EAAa,~~iDACHA~~,~~EAAI,oBAChBmB,~~QAAQnB,EAAI,IAACA,EAAgB,KAJpBsB,EAAAX,EAAA,cAAAX,MAAKA,EAAgB,oBAH1CC,EAUCC,EAAAS,EAAAP,yBAFaJ,EAAK,iEAHV,KAAAqB,GAAAN,KAAAA,EAAAf,MAAKA,EAAa,~~0DAEfmB~~,QAAQnB,EAAI,IAACA,EAAgB,0DAC3BA,EAAK,YALEsB,EAAAX,EAAA,cAAAX,MAAKA,EAAgB,iEAsBzCuB,EAAAvB,MAAKA,EAAY,IAAA,0BA1BdA,EAAQ,KAAAwB,+EAyBFX,EAAAD,EAAA,MAAAZ,MAAUA,EAAK,mGA1BmBsB,EAAAnB,EAAA,cAAAH,MAAKA,EAAgB,aAArEC,EA6BIC,EAAAC,EAAAC,sBAHFC,EAEOF,EAAAS,sFADJ,KAAAS,GAAAE,KAAAA,EAAAvB,MAAKA,EAAY,IAAA,KAAAyB,EAAAC,EAAAH,WA3B0BD,EAAAnB,EAAA,cAAAH,MAAKA,EAAgB,0EAjBnEA,EAAU,KAAA2B,oKAHS3B,EAAQ,kBAHlBA,EAAI,4BACMA,EAAQ,YAJnCC,EA8DIC,EAAA0B,EAAAxB,wJAxDuBJ,EAAQ,uBAHlBA,EAAI,iCACMA,EAAQ,~~8EA1EtB6B~~,~~GAAaC~~,~~SACbC~~,~~GAAUD~~,~~QACVE~~,~~GAAaF~~,~~YACbG~~,~~GAAiBH~~,~~cACjBI~~,~~GAAmBJ~~,~~GACnBK~~,iBAAAA,EAAmB,~~oBAAkBL~~,~~GACrCM~~,aAAAA,EAAe,~~SAAON~~,~~GACtBO~~,cAAAA,EAAgB,~~SAAOP~~,~~GACvBQ~~,iBAAAA,EAAmB,~~YAAUR~~,~~GAC7BS~~,SAAAA,EAAW,~~QAAMT~~,~~GACjBU~~,UAAAA,GAAY,~~GAAKV~~,~~GACjBW~~,eAAAA,EAAiB,~~cAAYX~~,~~QAElCY~~,~~EAAOC,KAAKC,SACd,IAAAC,~~EAAmB,IAAAC,EACrBC,IACAC,~~ihBAGDC~~,EAAA,GAAEC,~~EAAcV~~,SAAAA,~~sBAChBS~~,EAAA,GAAEE,~~EAActB~~,~~EAASuB~~,KAAKC,~~MAAMxB~~,GAAK,~~kBACvCoB~~,EAAA,~~EAAAlB~~,EAAQA,~~GAITkB~~,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,~~GACrBvB~~,GAA0B,IAAjBA,~~EAAMtB~~,~~QACjBwC~~,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,~~IAChBvB~~,GAASA,~~EAAMtB~~,~~OAAS0C~~,~~EAAY1C~~,~~OAC7CwC~~,EAAA,GAAAK,GAAyB,~~GAChBvB~~,GAASA,~~EAAMtB~~,~~SAAW0C~~,~~EAAY1C~~,QAC/~~CwC~~,EAAA,GAAAC,GAAc,~~GAGTnB~~,GAfkC,~~KAC1CkB~~,EAAA,GAAEK,GAAyB,kCAiBnB,SAAUC,GACK,MAAA,eAAAA,~~EAAQb~~,KAGvB,~~SAAUc~~,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7Cf,EAAagB,SAAS,YAAW,CAAA,OAK9B,SAAYC,GACb,MAAAC,EAA+BD,~~EAAE5D~~,OAAQc,QAC/~~CiC~~,EAAA,GAAAC,IAAca,GACVb,EACFC,EAAYa,KAAKC,IAEZA,~~EAAK3B~~,KACkC,IAAxCP,~~EAAMX~~,~~QAAQ6C~~,~~EAAK5B~~,KAEnBN,~~EAAMmC~~,KAAKD,~~EAAK5B~~,GAAa,QAGjCN,EAAK,~~IAEPc~~,EAAagB,SAAS,~~aAAc9B~~,~~oFAsBhBmB~~,EAAWiB,~~KAAAnD~~,~~mCAmBXe~~,~~EAAKoC~~,~~KAAArD~~,~~6BAWLiB~~,~~EAAKqC~~,EAAAC,EAAA,GAAAF,~~KAAArD~~,~~QAAAqD~~,~~KAAAnD~~"}
1	+ {"version":3,"file":"Listbox.nested.js","sources":["../../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n const uuid = Math.random();\n\n export let name: string = `listboxradio-${uuid}`;\n export let items: string;\n export let value: any;\n export let open: boolean;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth = '100%';\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll(e: Event) {\n const ischecked = (<HTMLInputElement>e.target).checked;\n allSelected = ischecked ? true : false;\n if (allSelected) {\n parsedItems.map((item) => {\n if (\n !item[datadisabledexpr] &&\n value.indexOf(item[datavalueexpr]) === -1\n )\n value.push(item[datavalueexpr]);\n });\n } else {\n value = [];\n }\n eventHandler.dispatch('select-all', value);\n value = value;\n }\n</script>\n\n<ul\n role=\"listbox\"\n class=\"mc-listbox\"\n class:is-open={open}\n class:mc-listbox--multi={multiple}\n aria-labelledby=\"listbox\"\n style=\"--listbox-width: {maxwidth};\"\n use:scrollEnd\n>\n {#if !isfiltered}\n {#if multiple && selectall}\n <li class=\"mc-listbox__item\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__item\" class:is-disabled={item[datadisabledexpr]}>\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n class:is-disabled={item[datadisabledexpr]}\n type=\"radio\"\n value={item[datavalueexpr]}\n {name}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n {:else}\n <li class=\"mc-listbox__item\">\n <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n </li>\n {/if}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","if_block","create_if_block_2","length","i","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","ul","uuid","Math","random","name","$$props","items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"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"}

package/public/adeo/components/listbox/Listbox.nested.svelte CHANGED Viewed

@@ -8,6 +8,9 @@
     createEventDispatcher,
   } from 'svelte/internal';
+  const uuid = Math.random();
+  export let name: string = `listboxradio-${uuid}`;
   export let items: string;
   export let value: any;
   export let open: boolean;
@@ -21,7 +24,6 @@
   export let selectall = false;
   export let labelselectall = 'Select all';
-  const uuid = Math.random();
   let eventHandler = new EventHandler(
     get_current_component(),
     createEventDispatcher(),
@@ -112,7 +114,7 @@
             class:is-disabled={item[datadisabledexpr]}
             type="radio"
             value={item[datavalueexpr]}
-            name={`listboxradio-${uuid}`}
+            {name}
             disabled={Boolean(item[datadisabledexpr])}
             bind:group={value}
             on:change

package/public/adeo/components/sidebar/sidebar-segment.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as e,i as s,s as c,H as t,R as i,b as n,A as a,y as d,z as l,q as o,ag as r,u as m,e as p,d as b,t as v,h as f,l as g,m as x,B as u,o as h,X as _,Y as w,Z as $,_ as k}from"../../index-48da6c1f.js";import{a as y,s as j,i as H}from"../../sidebar-service-e5d3eb89.js";function z(e){t(e,"svelte-1c4cpd5",".mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#ffffff;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-1c4cpd5.svelte-1c4cpd5{fill:#ffffff;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1c4cpd5.svelte-1c4cpd5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-1c4cpd5.svelte-1c4cpd5{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1c4cpd5.svelte-1c4cpd5{background:#5b737d}.mc-sidebar-segment.svelte-1c4cpd5 .svelte-1c4cpd5:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1c4cpd5:focus-visible .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5:hover{background:#405d68}.mc-sidebar-segment.is-close.svelte-1c4cpd5 .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1c4cpd5 .mc-sidebar-segment__text.svelte-1c4cpd5{opacity:0}.mc-sidebar-segment.is-open.svelte-1c4cpd5 .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1c4cpd5 .mc-sidebar-segment__text.svelte-1c4cpd5{opacity:1}")}const L=e=>({}),M=e=>({});function T(e){let s,c,t,i,r,m,_,w,$,k,y,j,H,z,L=e[0].label+"",M=e[0].icon&&q(e),T=e[4].icon&&A(e);return{c(){s=p("a"),c=p("div"),M&&M.c(),t=b(),T&&T.c(),i=b(),r=p("span"),m=v(L),f(r,"aria-hidden",_=!e[2]),f(r,"class","mc-sidebar-segment__text svelte-1c4cpd5"),f(c,"class","mc-sidebar-segment__container svelte-1c4cpd5"),f(s,"aria-label",w=e[0].label),f(s,"class",$="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1c4cpd5"),f(s,"href",k=e[0].href??"javascript:void(null)"),f(s,"id",y=e[0].code)},m(a,d){n(a,s,d),g(s,c),M&&M.m(c,null),g(c,t),T&&T.m(c,null),g(c,i),g(c,r),g(r,m),j=!0,H||(z=x(s,"click",e[3]),H=!0)},p(e,n){e[0].icon?M?M.p(e,n):(M=q(e),M.c(),M.m(c,t)):M&&(M.d(1),M=null),e[4].icon?T?(T.p(e,n),16&n&&a(T,1)):(T=A(e),T.c(),a(T,1),T.m(c,i)):T&&(u(),d(T,1,1,(()=>{T=null})),l()),(!j||1&n)&&L!==(L=e[0].label+"")&&h(m,L),(!j||4&n&&_!==(_=!e[2]))&&f(r,"aria-hidden",_),(!j||1&n&&w!==(w=e[0].label))&&f(s,"aria-label",w),(!j||7&n&&$!==($="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1c4cpd5"))&&f(s,"class",$),(!j||1&n&&k!==(k=e[0].href??"javascript:void(null)"))&&f(s,"href",k),(!j||1&n&&y!==(y=e[0].code))&&f(s,"id",y)},i(e){j||(a(T),j=!0)},o(e){d(T),j=!1},d(e){e&&o(s),M&&M.d(),T&&T.d(),H=!1,z()}}}function q(e){let s,c=`<${G(e[0].icon)} />`;return{c(){s=p("span"),f(s,"class","mc-sidebar-segment__icon svelte-1c4cpd5")},m(e,t){n(e,s,t),s.innerHTML=c},p(e,t){1&t&&c!==(c=`<${G(e[0].icon)} />`)&&(s.innerHTML=c)},d(e){e&&o(s)}}}function A(e){let s,c;const t=e[6].icon,i=_(t,e,e[5],M);return{c(){s=p("span"),i&&i.c(),f(s,"class","mc-sidebar-segment__icon svelte-1c4cpd5")},m(e,t){n(e,s,t),i&&i.m(s,null),c=!0},p(e,s){i&&i.p&&(!c||32&s)&&w(i,t,e,e[5],c?k(t,e[5],s,L):$(e[5]),M)},i(e){c||(a(i,e),c=!0)},o(e){d(i,e),c=!1},d(e){e&&o(s),i&&i.d(e)}}}function B(e){let s,c,t=e[0]&&T(e);return{c(){t&&t.c(),s=i()},m(e,i){t&&t.m(e,i),n(e,s,i),c=!0},p(e,[c]){e[0]?t?(t.p(e,c),1&c&&a(t,1)):(t=T(e),t.c(),a(t,1),t.m(s.parentNode,s)):t&&(u(),d(t,1,1,(()=>{t=null})),l())},i(e){c||(a(t),c=!0)},o(e){d(t),c=!1},d(e){t&&t.d(e),e&&o(s)}}}function G(e){return`${e} size="1.5rem"`}function N(e,s,c){let t,i;r(e,j,(e=>c(1,t=e))),r(e,H,(e=>c(2,i=e)));let{$$slots:n={},$$scope:a}=s;const d=m(n);let{data:l}=s;return e.$$set=e=>{"data"in e&&c(0,l=e.data),"$$scope"in e&&c(5,a=e.$$scope)},[l,t,i,function(){y(l.code)},d,a,n]}class R extends e{constructor(e){super(),s(this,e,N,B,c,{data:0},z)}}export{R as default};
+import{G as e,i as s,s as c,H as t,R as i,b as n,A as a,y as d,z as l,q as o,ag as r,u as m,e as p,d as b,t as v,h as g,l as f,m as x,B as u,o as h,X as _,Y as w,Z as $,_ as k}from"../../index-48da6c1f.js";import{a as y,s as j,i as H}from"../../sidebar-service-e5d3eb89.js";function z(e){t(e,"svelte-1c4cpd5",".mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#ffffff;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-1c4cpd5.svelte-1c4cpd5{fill:#ffffff;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1c4cpd5.svelte-1c4cpd5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-1c4cpd5.svelte-1c4cpd5{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1c4cpd5.svelte-1c4cpd5{background:#5b737d}.mc-sidebar-segment.svelte-1c4cpd5 .svelte-1c4cpd5:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1c4cpd5:focus-visible .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5:hover{background:#405d68}.mc-sidebar-segment.is-close.svelte-1c4cpd5 .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1c4cpd5 .mc-sidebar-segment__text.svelte-1c4cpd5{opacity:0}.mc-sidebar-segment.is-open.svelte-1c4cpd5 .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1c4cpd5 .mc-sidebar-segment__text.svelte-1c4cpd5{opacity:1}")}const L=e=>({}),M=e=>({});function T(e){let s,c,t,i,r,m,_,w,$,k,y,j,H,z,L,M=e[0].label+"",T=e[0].icon&&q(e),B=e[4].icon&&A(e);return{c(){s=p("a"),c=p("div"),T&&T.c(),t=b(),B&&B.c(),i=b(),r=p("span"),m=v(M),g(r,"aria-hidden",_=!e[2]),g(r,"class","mc-sidebar-segment__text svelte-1c4cpd5"),g(c,"class","mc-sidebar-segment__container svelte-1c4cpd5"),g(s,"id",w=e[0].code),g(s,"aria-label",$=e[0].label),g(s,"class",k="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1c4cpd5"),g(s,"href",y=e[0].href??"javascript:void(null)"),g(s,"target",j=e[0].embedded)},m(a,d){n(a,s,d),f(s,c),T&&T.m(c,null),f(c,t),B&&B.m(c,null),f(c,i),f(c,r),f(r,m),H=!0,z||(L=x(s,"click",e[3]),z=!0)},p(e,n){e[0].icon?T?T.p(e,n):(T=q(e),T.c(),T.m(c,t)):T&&(T.d(1),T=null),e[4].icon?B?(B.p(e,n),16&n&&a(B,1)):(B=A(e),B.c(),a(B,1),B.m(c,i)):B&&(u(),d(B,1,1,(()=>{B=null})),l()),(!H||1&n)&&M!==(M=e[0].label+"")&&h(m,M),(!H||4&n&&_!==(_=!e[2]))&&g(r,"aria-hidden",_),(!H||1&n&&w!==(w=e[0].code))&&g(s,"id",w),(!H||1&n&&$!==($=e[0].label))&&g(s,"aria-label",$),(!H||7&n&&k!==(k="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1c4cpd5"))&&g(s,"class",k),(!H||1&n&&y!==(y=e[0].href??"javascript:void(null)"))&&g(s,"href",y),(!H||1&n&&j!==(j=e[0].embedded))&&g(s,"target",j)},i(e){H||(a(B),H=!0)},o(e){d(B),H=!1},d(e){e&&o(s),T&&T.d(),B&&B.d(),z=!1,L()}}}function q(e){let s,c=`<${G(e[0].icon)} />`;return{c(){s=p("span"),g(s,"class","mc-sidebar-segment__icon svelte-1c4cpd5")},m(e,t){n(e,s,t),s.innerHTML=c},p(e,t){1&t&&c!==(c=`<${G(e[0].icon)} />`)&&(s.innerHTML=c)},d(e){e&&o(s)}}}function A(e){let s,c;const t=e[6].icon,i=_(t,e,e[5],M);return{c(){s=p("span"),i&&i.c(),g(s,"class","mc-sidebar-segment__icon svelte-1c4cpd5")},m(e,t){n(e,s,t),i&&i.m(s,null),c=!0},p(e,s){i&&i.p&&(!c||32&s)&&w(i,t,e,e[5],c?k(t,e[5],s,L):$(e[5]),M)},i(e){c||(a(i,e),c=!0)},o(e){d(i,e),c=!1},d(e){e&&o(s),i&&i.d(e)}}}function B(e){let s,c,t=e[0]&&T(e);return{c(){t&&t.c(),s=i()},m(e,i){t&&t.m(e,i),n(e,s,i),c=!0},p(e,[c]){e[0]?t?(t.p(e,c),1&c&&a(t,1)):(t=T(e),t.c(),a(t,1),t.m(s.parentNode,s)):t&&(u(),d(t,1,1,(()=>{t=null})),l())},i(e){c||(a(t),c=!0)},o(e){d(t),c=!1},d(e){t&&t.d(e),e&&o(s)}}}function G(e){return`${e} size="1.5rem"`}function N(e,s,c){let t,i;r(e,j,(e=>c(1,t=e))),r(e,H,(e=>c(2,i=e)));let{$$slots:n={},$$scope:a}=s;const d=m(n);let{data:l}=s;return e.$$set=e=>{"data"in e&&c(0,l=e.data),"$$scope"in e&&c(5,a=e.$$scope)},[l,t,i,function(){y(l.code)},d,a,n]}class R extends e{constructor(e){super(),s(this,e,N,B,c,{data:0},z)}}export{R as default};
 //# sourceMappingURL=sidebar-segment.nested.js.map

package/public/adeo/components/sidebar/sidebar-segment.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from '../../utilities/sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n id={data.~~code~~}\n on:click={handleClick}\n >\n <div class=\"mc-sidebar-segment__container\">\n {#if data.icon}\n <span class=\"mc-sidebar-segment__icon\">\n {@html `<${generateIcon(data.icon)} />`}\n </span>\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-sidebar-segment__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.sidebar';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n width: 200px;\n min-width: 200px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n :last-child {\n margin-left: 10px;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t2_value","ctx","label","if_block0","icon","create_if_block_2","if_block1","create_if_block_1","attr","a","~~a_aria_label_value~~","~~a_class_value~~","~~code~~","lv0","href","~~a_id_value~~","insert","target","anchor","append","div","span","current","dirty","set_data","t2","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"~~smEA2CSA~~,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAKTK,EAAAL,KAAQG,MAAIG,EAAAN,wGAKGA,EAAc,~~uHAnBxBO~~,EAAAC,EAAA,~~aAAAC~~,EAAAT,KAAKC,OACUM,EAAAC,EAAA,~~QAAAE~~,EAAA,~~uBAAAV~~,~~KAAKW~~,~~OAASX~~,EAAkB,~~IAAAY~~,~~KAAKD~~,KAC5D,cACA,IAAK,~~KAAAX~~,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,~~GAACa~~,MAAQ,~~yBACfN~~,EAAAC,EAAA,~~KAAAM~~,~~EAAAd~~,~~KAAKW~~,~~cANXI~~,~~EAwBGC~~,~~EAAAR~~,~~EAAAS~~,GAfDC,~~EAcKV~~,~~EAAAW~~,+CAHHD,EAEMC,EAAAC,~~iCAfEpB~~,EAAW,kBAGdA,KAAKG,2DAKLH,KAAQG,~~qGAMVkB~~,GAAA,EAAAC,~~IAAAvB~~,KAAAA,EAAAC,KAAKC,MAAK,~~KAAAsB~~,EAAAC,~~EAAAzB~~,qBADOC,EAAc,~~6BAnBxBqB~~,GAAA,EAAAC,~~GAAAb~~,KAAAA,EAAAT,KAAKC,+~~BACUoB~~,GAAA,EAAAC,GAAAZ,KAAAA,EAAA,~~uBAAAV~~,~~KAAKW~~,~~OAASX~~,EAAkB,~~IAAAY~~,~~KAAKD~~,KAC5D,cACA,IAAK,~~KAAAX~~,EAAiB,GAAA,UAAY,YAAU,qDAC1CA,EAAI,~~GAACa~~,MAAQ,~~2CACfQ~~,GAAA,EAAAC,~~GAAAR~~,KAAAA,~~EAAAd~~,~~KAAKW~~,~~8HAMQc~~,~~EAAazB~~,EAAI,GAACG,iGAD/BY,EAEMC,EAAAI,EAAAH,yCADOQ,~~EAAazB~~,EAAI,GAACG,~~cAAIiB~~,EAAAM,UAAAC,0KAInCZ,EAEMC,EAAAI,EAAAH,~~sLAnBTjB~~,EAAI,~~IAAA4B~~,~~EAAA5B~~,yEAAJA,EAAI,0KATE,~~SAAAyB~~,EAAaI,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,~~EAAKnB~~"}
1	+ {"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from '../../utilities/sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n id={data.code}\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n target={data.embedded}\n on:click={handleClick}\n >\n <div class=\"mc-sidebar-segment__container\">\n {#if data.icon}\n <span class=\"mc-sidebar-segment__icon\">\n {@html `<${generateIcon(data.icon)} />`}\n </span>\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-sidebar-segment__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.sidebar';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n width: 200px;\n min-width: 200px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n :last-child {\n margin-left: 10px;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t2_value","ctx","label","if_block0","icon","create_if_block_2","if_block1","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span","current","dirty","set_data","t2","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"wmEA4CSA,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAKTK,EAAAL,KAAQG,MAAIG,EAAAN,wGAKGA,EAAc,uHApBhCO,EAAAC,EAAA,KAAAC,EAAAT,KAAKU,MACGH,EAAAC,EAAA,aAAAG,EAAAX,KAAKC,OACUM,EAAAC,EAAA,QAAAI,EAAA,uBAAAZ,KAAKU,OAASV,EAAkB,IAAAa,KAAKH,KAC5D,cACA,IAAK,KAAAV,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,GAACc,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAf,KAAKgB,kBAPfC,EAyBGC,EAAAV,EAAAW,GAfDC,EAcKZ,EAAAa,+CAHHD,EAEMC,EAAAC,iCAfEtB,EAAW,kBAGdA,KAAKG,2DAKLH,KAAQG,qGAMVoB,GAAA,EAAAC,IAAAzB,KAAAA,EAAAC,KAAKC,MAAK,KAAAwB,EAAAC,EAAA3B,qBADOC,EAAc,6BApBhCuB,GAAA,EAAAC,GAAAf,KAAAA,EAAAT,KAAKU,sBACGa,GAAA,EAAAC,GAAAb,KAAAA,EAAAX,KAAKC,+BACUsB,GAAA,EAAAC,GAAAZ,KAAAA,EAAA,uBAAAZ,KAAKU,OAASV,EAAkB,IAAAa,KAAKH,KAC5D,cACA,IAAK,KAAAV,EAAiB,GAAA,UAAY,YAAU,qDAC1CA,EAAI,GAACc,MAAQ,2CACXS,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,KAAKgB,sIAMIW,EAAa3B,EAAI,GAACG,iGAD/Bc,EAEMC,EAAAI,EAAAH,yCADOQ,EAAa3B,EAAI,GAACG,cAAImB,EAAAM,UAAAC,0KAInCZ,EAEMC,EAAAI,EAAAH,sLApBTnB,EAAI,IAAA8B,EAAA9B,yEAAJA,EAAI,0KATE,SAAA2B,EAAaI,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAKtB"}

package/public/adeo/components/sidebar/sidebar-segment.nested.svelte CHANGED Viewed

@@ -21,12 +21,13 @@
 {#if data}
   <a
+    id={data.code}
     aria-label={data.label}
     class="mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code
       ? 'is-selected'
       : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}"
     href={data.href ?? 'javascript:void(null)'}
-    id={data.code}
+    target={data.embedded}
     on:click={handleClick}
   >
     <div class="mc-sidebar-segment__container">