@mozaic-ds/web-components 0.14.0-beta.0 → 0.15.0

package/public/components/listbox/Listbox.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as o,f as c,s as a,c as l,e as r,n as s,h as n,v as m,K as d,m as h,o as b,p,q as u,R as x,V as f,t as _,g,j as k,k as v,P as w,O as $,d as y,W as E,l as C,M as z}from"../../index-52f16292.js";import{E as M}from"../../EventHandler-f4efd23c.js";function j(e,t,i){const o=e.slice();return o[21]=t[i],o[23]=i,o}function B(e){let t,i,c;return{c(){t=r("li"),i=r("span"),c=_(e[4]),g(i,"class","mc-listbox__empty"),g(t,"class","mc-listbox__item")},m(e,a){o(e,t,a),k(t,i),k(i,c)},p(e,t){16&t&&v(c,e[4])},d(e){e&&b(t)}}}function H(e){let t,i=e[9],c=[];for(let t=0;t<i.length;t+=1)c[t]=N(j(e,i,t));return{c(){for(let e=0;e<c.length;e+=1)c[e].c();t=w()},m(e,i){for(let t=0;t<c.length;t+=1)c[t]&&c[t].m(e,i);o(e,t,i)},p(e,o){if(3685&o){let a;for(i=e[9],a=0;a<i.length;a+=1){const l=j(e,i,a);c[a]?c[a].p(l,o):(c[a]=N(l),c[a].c(),c[a].m(t.parentNode,t))}for(;a<c.length;a+=1)c[a].d(1);c.length=i.length}},d(e){$(c,e),e&&b(t)}}}function O(e){let t,i,c,a,l,s,n=!1;return a=E(e[17][0]),{c(){t=r("input"),g(t,"id",e[11](e[23])),g(t,"class","mc-listbox__input mc-checkbox__input"),g(t,"type","checkbox"),t.__value=i=e[21][e[6]],t.value=t.__value,t.checked=c=e[0].includes(e[21][e[6]]),a.p(t)},m(i,c){o(i,t,c),t.checked=~(e[0]||[]).indexOf(t.__value),l||(s=[C(t,"change",e[18]),C(t,"change",e[15])],l=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,n=!0),577&o&&c!==(c=e[0].includes(e[21][e[6]]))&&(t.checked=c),(n||513&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),a.r(),l=!1,z(s)}}}function L(e){let t,i,c,a,l,s=!1;return c=E(e[17][0]),{c(){t=r("input"),g(t,"id",e[11](e[23])),g(t,"class","mc-listbox__input"),g(t,"type","radio"),t.__value=i=e[21][e[6]],t.value=t.__value,g(t,"name",`listboxradio-${e[10]}`),c.p(t)},m(i,c){o(i,t,c),t.checked=t.__value===e[0],a||(l=[C(t,"change",e[16]),C(t,"change",e[14])],a=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,s=!0),(s||513&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),c.r(),a=!1,z(l)}}}function N(e){let t,i,c,a,l,s=e[21][e[5]]+"";function n(e,t){return e[2]?O:L}let m=n(e),d=m(e);return{c(){t=r("li"),d.c(),i=y(),c=r("label"),a=_(s),l=y(),g(c,"for",e[11](e[23])),g(c,"class","mc-listbox__label"),g(t,"class","mc-listbox__item")},m(e,r){o(e,t,r),d.m(t,null),k(t,i),k(t,c),k(c,a),k(t,l)},p(e,o){m===(m=n(e))&&d?d.p(e,o):(d.d(1),d=m(e),d&&(d.c(),d.m(t,i))),544&o&&s!==(s=e[21][e[5]]+"")&&v(a,s)},d(e){e&&b(t),d.d()}}}function R(e){let t,i,c,a;function p(e,t){return e[3]?B:H}let u=p(e),x=u(e),f=[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},{style:i="--listbox-width: "+e[7]+";"},e[8]],_={};for(let e=0;e<f.length;e+=1)_=l(_,f[e]);return{c(){t=r("ul"),x.c(),this.c=s,n(t,_),m(t,"is-open",e[1]),m(t,"mc-listbox--multi",e[2])},m(i,l){o(i,t,l),x.m(t,null),c||(a=d(e[12].call(null,t)),c=!0)},p(e,[o]){u===(u=p(e))&&x?x.p(e,o):(x.d(1),x=u(e),x&&(x.c(),x.m(t,null))),n(t,_=h(f,[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},128&o&&i!==(i="--listbox-width: "+e[7]+";")&&{style:i},256&o&&e[8]])),m(t,"is-open",e[1]),m(t,"mc-listbox--multi",e[2])},i:s,o:s,d(e){e&&b(t),x.d(),c=!1,a()}}}function Y(e,t,i){let o,c;const a=["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"];let r=p(t,a),{items:s}=t,{value:n}=t,{open:m}=t,{multiple:d}=t,{isfiltered:h}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:_="label"}=t,{datavalueexpr:g="value"}=t,{maxwidth:k="100%"}=t;const v=Math.random();let w=new M;const $=[[]];return e.$$set=e=>{t=l(l({},t),u(e)),i(20,r=p(t,a)),"items"in e&&i(13,s=e.items),"value"in e&&i(0,n=e.value),"open"in e&&i(1,m=e.open),"multiple"in e&&i(2,d=e.multiple),"isfiltered"in e&&i(3,h=e.isfiltered),"emptysearchlabel"in e&&i(4,b=e.emptysearchlabel),"datatextexpr"in e&&i(5,_=e.datatextexpr),"datavalueexpr"in e&&i(6,g=e.datavalueexpr),"maxwidth"in e&&i(7,k=e.maxwidth)},e.$$.update=()=>{8192&e.$$.dirty&&i(9,o=s?JSON.parse(s):[]),i(8,c=Object.assign({},r)),256&e.$$.dirty&&delete c.class},[n,m,d,h,b,_,g,k,c,o,v,function(e){return`listboxItem-${e+v}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&w.dispatch("scrollend",{})}))},s,function(t){x.call(this,e,t)},function(t){x.call(this,e,t)},function(){n=this.__value,i(0,n)},$,function(){n=f($[0],this.__value,this.checked),i(0,n)}]}class A extends e{constructor(e){super();const l=document.createElement("style");l.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", 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;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input: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:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input: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:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input: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: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-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{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{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{-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:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{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:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label::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}.mc-listbox--left{right:0}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},Y,R,a,{items:13,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,maxwidth:7},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),c()))}static get observedAttributes(){return["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"]}get items(){return this.$$.ctx[13]}set items(e){this.$$set({items:e}),c()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),c()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),c()}get multiple(){return this.$$.ctx[2]}set multiple(e){this.$$set({multiple:e}),c()}get isfiltered(){return this.$$.ctx[3]}set isfiltered(e){this.$$set({isfiltered:e}),c()}get emptysearchlabel(){return this.$$.ctx[4]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),c()}get datatextexpr(){return this.$$.ctx[5]}set datatextexpr(e){this.$$set({datatextexpr:e}),c()}get datavalueexpr(){return this.$$.ctx[6]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),c()}get maxwidth(){return this.$$.ctx[7]}set maxwidth(e){this.$$set({maxwidth:e}),c()}}export{A as default};
+import{S as e,i as t,a as i,b as o,f as c,s as a,c as l,e as s,n as r,h as n,v as m,K as d,m as h,o as b,p,q as u,r as x,u as f,R as _,V as g,t as k,g as v,j as w,k as $,P as y,O as E,d as C,W as z,l as M,M as j}from"../../index-9ffad6d0.js";import{E as B}from"../../EventHandler-f7ee47ca.js";function H(e,t,i){const o=e.slice();return o[21]=t[i],o[23]=i,o}function O(e){let t,i,c;return{c(){t=s("li"),i=s("span"),c=k(e[4]),v(i,"class","mc-listbox__empty"),v(t,"class","mc-listbox__item")},m(e,a){o(e,t,a),w(t,i),w(i,c)},p(e,t){16&t&&$(c,e[4])},d(e){e&&b(t)}}}function L(e){let t,i=e[9],c=[];for(let t=0;t<i.length;t+=1)c[t]=Y(H(e,i,t));return{c(){for(let e=0;e<c.length;e+=1)c[e].c();t=y()},m(e,i){for(let t=0;t<c.length;t+=1)c[t]&&c[t].m(e,i);o(e,t,i)},p(e,o){if(3685&o){let a;for(i=e[9],a=0;a<i.length;a+=1){const l=H(e,i,a);c[a]?c[a].p(l,o):(c[a]=Y(l),c[a].c(),c[a].m(t.parentNode,t))}for(;a<c.length;a+=1)c[a].d(1);c.length=i.length}},d(e){E(c,e),e&&b(t)}}}function N(e){let t,i,c,a,l,r,n=!1;return a=z(e[17][0]),{c(){t=s("input"),v(t,"id",e[11](e[23])),v(t,"class","mc-listbox__input mc-checkbox__input"),v(t,"type","checkbox"),t.__value=i=e[21][e[6]],t.value=t.__value,t.checked=c=e[0].includes(e[21][e[6]]),a.p(t)},m(i,c){o(i,t,c),t.checked=~(e[0]||[]).indexOf(t.__value),l||(r=[M(t,"change",e[18]),M(t,"change",e[15])],l=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,n=!0),577&o&&c!==(c=e[0].includes(e[21][e[6]]))&&(t.checked=c),(n||513&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),a.r(),l=!1,j(r)}}}function R(e){let t,i,c,a,l,r=!1;return c=z(e[17][0]),{c(){t=s("input"),v(t,"id",e[11](e[23])),v(t,"class","mc-listbox__input"),v(t,"type","radio"),t.__value=i=e[21][e[6]],t.value=t.__value,v(t,"name",`listboxradio-${e[10]}`),c.p(t)},m(i,c){o(i,t,c),t.checked=t.__value===e[0],a||(l=[M(t,"change",e[16]),M(t,"change",e[14])],a=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,r=!0),(r||513&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),c.r(),a=!1,j(l)}}}function Y(e){let t,i,c,a,l,r=e[21][e[5]]+"";function n(e,t){return e[2]?N:R}let m=n(e),d=m(e);return{c(){t=s("li"),d.c(),i=C(),c=s("label"),a=k(r),l=C(),v(c,"for",e[11](e[23])),v(c,"class","mc-listbox__label"),v(t,"class","mc-listbox__item")},m(e,s){o(e,t,s),d.m(t,null),w(t,i),w(t,c),w(c,a),w(t,l)},p(e,o){m===(m=n(e))&&d?d.p(e,o):(d.d(1),d=m(e),d&&(d.c(),d.m(t,i))),544&o&&r!==(r=e[21][e[5]]+"")&&$(a,r)},d(e){e&&b(t),d.d()}}}function A(e){let t,i,c,a;function p(e,t){return e[3]?O:L}let u=p(e),x=u(e),f=[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},{style:i="--listbox-width: "+e[7]+";"},e[8]],_={};for(let e=0;e<f.length;e+=1)_=l(_,f[e]);return{c(){t=s("ul"),x.c(),this.c=r,n(t,_),m(t,"is-open",e[1]),m(t,"mc-listbox--multi",e[2])},m(i,l){o(i,t,l),x.m(t,null),c||(a=d(e[12].call(null,t)),c=!0)},p(e,[o]){u===(u=p(e))&&x?x.p(e,o):(x.d(1),x=u(e),x&&(x.c(),x.m(t,null))),n(t,_=h(f,[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},128&o&&i!==(i="--listbox-width: "+e[7]+";")&&{style:i},256&o&&e[8]])),m(t,"is-open",e[1]),m(t,"mc-listbox--multi",e[2])},i:r,o:r,d(e){e&&b(t),x.d(),c=!1,a()}}}function S(e,t,i){let o,c;const a=["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"];let s=p(t,a),{items:r}=t,{value:n}=t,{open:m}=t,{multiple:d}=t,{isfiltered:h}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:k="label"}=t,{datavalueexpr:v="value"}=t,{maxwidth:w="100%"}=t;const $=Math.random();let y=new B(u(),x());const E=[[]];return e.$$set=e=>{t=l(l({},t),f(e)),i(20,s=p(t,a)),"items"in e&&i(13,r=e.items),"value"in e&&i(0,n=e.value),"open"in e&&i(1,m=e.open),"multiple"in e&&i(2,d=e.multiple),"isfiltered"in e&&i(3,h=e.isfiltered),"emptysearchlabel"in e&&i(4,b=e.emptysearchlabel),"datatextexpr"in e&&i(5,k=e.datatextexpr),"datavalueexpr"in e&&i(6,v=e.datavalueexpr),"maxwidth"in e&&i(7,w=e.maxwidth)},e.$$.update=()=>{8192&e.$$.dirty&&i(9,o=r?JSON.parse(r):[]),i(8,c=Object.assign({},s)),256&e.$$.dirty&&delete c.class},[n,m,d,h,b,k,v,w,c,o,$,function(e){return`listboxItem-${e+$}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&y.dispatch("scrollend",{})}))},r,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){n=this.__value,i(0,n)},E,function(){n=g(E[0],this.__value,this.checked),i(0,n)}]}class q extends e{constructor(e){super();const l=document.createElement("style");l.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", 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;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input: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:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input: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:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input: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: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-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{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{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{-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:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{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:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label::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}.mc-listbox--left{right:0}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,A,a,{items:13,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,maxwidth:7},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),c()))}static get observedAttributes(){return["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"]}get items(){return this.$$.ctx[13]}set items(e){this.$$set({items:e}),c()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),c()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),c()}get multiple(){return this.$$.ctx[2]}set multiple(e){this.$$set({multiple:e}),c()}get isfiltered(){return this.$$.ctx[3]}set isfiltered(e){this.$$set({isfiltered:e}),c()}get emptysearchlabel(){return this.$$.ctx[4]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),c()}get datatextexpr(){return this.$$.ctx[5]}set datatextexpr(e){this.$$set({datatextexpr:e}),c()}get datavalueexpr(){return this.$$.ctx[6]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),c()}get maxwidth(){return this.$$.ctx[7]}set maxwidth(e){this.$$set({maxwidth:e}),c()}}export{q as default};
 //# sourceMappingURL=Listbox.js.map

package/public/components/listbox/Listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listbox.js","sources":["../../../src/components/listbox/Listbox.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\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 maxwidth = '100%';\n\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\n\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\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</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  {...attributes}\n>\n  {#if !isfiltered}\n    {#each parsedItems as item, index}\n      <li class=\"mc-listbox__item\">\n        {#if !multiple}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input\"\n            type=\"radio\"\n            value={item[datavalueexpr]}\n            name={`listboxradio-${uuid}`}\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            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","length","i","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","set_data","t1","create_if_block","ul","style","ul_style_value","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","uuid","Math","random","eventHandler","EventHandler","$$invalidate","parsedItems","JSON","parse","attributes","Object","assign","$$restProps","class","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","this","get_binding_group_value","$$binding_groups"],"mappings":"+YA8EuCA,EAAgB,6EADnDC,EAEIC,EAAAC,EAAAC,GADFC,EAAwDF,EAAAG,4BAAvBN,EAAgB,0CA/B5CA,EAAW,wBAAhBO,OAAIC,GAAA,uKAACR,EAAW,WAAhBO,OAAIC,GAAA,EAAA,yHAAJD,yGAcUE,EAAAC,EAAA,KAAAV,MAAUA,EAAK,iFAGZU,EAAAC,QAAAC,EAAAZ,MAAKA,EAAa,sBAChBU,EAAAG,QAAAC,EAAAd,EAAM,GAAAe,SAASf,MAAKA,EAAa,oBAL5CC,EAQCC,EAAAQ,EAAAN,eAFaJ,EAAK,IAAA,IAAAgB,QAAAN,EAAAC,uEAFV,IAAAM,GAAAL,KAAAA,EAAAZ,MAAKA,EAAa,2CAChB,IAAAiB,GAAAH,KAAAA,EAAAd,EAAM,GAAAe,SAASf,MAAKA,EAAa,8CAC9BA,EAAK,IAAA,IAAAgB,QAAAN,EAAAC,kHAfbF,EAAAC,EAAA,KAAAV,MAAUA,EAAK,2DAGZU,EAAAC,QAAAC,EAAAZ,MAAKA,EAAa,iDACHA,EAAI,sBAL5BC,EAQCC,EAAAQ,EAAAN,yBAFaJ,EAAK,iEAFV,IAAAiB,GAAAL,KAAAA,EAAAZ,MAAKA,EAAa,8EAEbA,EAAK,gEAgBlBkB,EAAAlB,MAAKA,EAAY,IAAA,0BAvBdA,EAAQ,KAAAmB,+EAsBFV,EAAAW,EAAA,MAAApB,MAAUA,EAAK,+EAvB7BC,EA0BIC,EAAAC,EAAAC,sBAHFC,EAEOF,EAAAiB,sFADJ,IAAAH,GAAAC,KAAAA,EAAAlB,MAAKA,EAAY,IAAA,KAAAqB,EAAAC,EAAAJ,0EA1BpBlB,EAAU,KAAAuB,wHAJSvB,EAAQ,GAAA,KAE7BA,EAAU,0GALCA,EAAI,4BACMA,EAAQ,YAJnCC,EA6CIC,EAAAsB,EAAApB,4OAvCuBJ,EAAQ,GAAA,MAAA,CAAAyB,MAAAC,UAE7B1B,EAAU,oBALCA,EAAI,4BACMA,EAAQ,+MAlCtB2B,GAAaC,SACbC,GAAUD,QACVE,GAAaF,YACbG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,SAAAA,EAAW,QAAMR,QAEtBS,EAAOC,KAAKC,SACd,IAAAC,MAAmBC,2aAEtBC,EAAA,EAAEC,EAAchB,EAASiB,KAAKC,MAAMlB,GAAK,QACvCmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,8BAEZ,SAAUC,GACK,MAAA,eAAAA,EAAQd,KAGvB,SAAUe,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7ChB,EAAaiB,SAAS,YAAW,CAAA,gFA0BjB5B,EAAK6B,KAAA/C,6BAULkB,EAAK8B,EAAAC,EAAA,GAAAF,KAAA/C,QAAA+C,KAAA7C"}
+{"version":3,"file":"Listbox.js","sources":["../../../src/components/listbox/Listbox.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 maxwidth = '100%';\n\n  const uuid = Math.random();\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\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</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  {...attributes}\n>\n  {#if !isfiltered}\n    {#each parsedItems as item, index}\n      <li class=\"mc-listbox__item\">\n        {#if !multiple}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input\"\n            type=\"radio\"\n            value={item[datavalueexpr]}\n            name={`listboxradio-${uuid}`}\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            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","length","i","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","set_data","t1","create_if_block","ul","style","ul_style_value","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","uuid","Math","random","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parsedItems","JSON","parse","attributes","Object","assign","$$restProps","class","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","this","get_binding_group_value","$$binding_groups"],"mappings":"kaAqFuCA,EAAgB,6EADnDC,EAEIC,EAAAC,EAAAC,GADFC,EAAwDF,EAAAG,4BAAvBN,EAAgB,0CA/B5CA,EAAW,wBAAhBO,OAAIC,GAAA,uKAACR,EAAW,WAAhBO,OAAIC,GAAA,EAAA,yHAAJD,yGAcUE,EAAAC,EAAA,KAAAV,MAAUA,EAAK,iFAGZU,EAAAC,QAAAC,EAAAZ,MAAKA,EAAa,sBAChBU,EAAAG,QAAAC,EAAAd,EAAM,GAAAe,SAASf,MAAKA,EAAa,oBAL5CC,EAQCC,EAAAQ,EAAAN,eAFaJ,EAAK,IAAA,IAAAgB,QAAAN,EAAAC,uEAFV,IAAAM,GAAAL,KAAAA,EAAAZ,MAAKA,EAAa,2CAChB,IAAAiB,GAAAH,KAAAA,EAAAd,EAAM,GAAAe,SAASf,MAAKA,EAAa,8CAC9BA,EAAK,IAAA,IAAAgB,QAAAN,EAAAC,kHAfbF,EAAAC,EAAA,KAAAV,MAAUA,EAAK,2DAGZU,EAAAC,QAAAC,EAAAZ,MAAKA,EAAa,iDACHA,EAAI,sBAL5BC,EAQCC,EAAAQ,EAAAN,yBAFaJ,EAAK,iEAFV,IAAAiB,GAAAL,KAAAA,EAAAZ,MAAKA,EAAa,8EAEbA,EAAK,gEAgBlBkB,EAAAlB,MAAKA,EAAY,IAAA,0BAvBdA,EAAQ,KAAAmB,+EAsBFV,EAAAW,EAAA,MAAApB,MAAUA,EAAK,+EAvB7BC,EA0BIC,EAAAC,EAAAC,sBAHFC,EAEOF,EAAAiB,sFADJ,IAAAH,GAAAC,KAAAA,EAAAlB,MAAKA,EAAY,IAAA,KAAAqB,EAAAC,EAAAJ,0EA1BpBlB,EAAU,KAAAuB,wHAJSvB,EAAQ,GAAA,KAE7BA,EAAU,0GALCA,EAAI,4BACMA,EAAQ,YAJnCC,EA6CIC,EAAAsB,EAAApB,4OAvCuBJ,EAAQ,GAAA,MAAA,CAAAyB,MAAAC,UAE7B1B,EAAU,oBALCA,EAAI,4BACMA,EAAQ,+MArCtB2B,GAAaC,SACbC,GAAUD,QACVE,GAAaF,YACbG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,SAAAA,EAAW,QAAMR,QAEtBS,EAAOC,KAAKC,SACd,IAAAC,EAAmB,IAAAC,EACrBC,IACAC,8aAGDC,EAAA,EAAEC,EAAclB,EAASmB,KAAKC,MAAMpB,GAAK,QACvCqB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,8BAEZ,SAAUC,GACK,MAAA,eAAAA,EAAQhB,KAGvB,SAAUiB,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7ClB,EAAamB,SAAS,YAAW,CAAA,gFA0BjB9B,EAAK+B,KAAAjD,6BAULkB,EAAKgC,EAAAC,EAAA,GAAAF,KAAAjD,QAAAiD,KAAA/C"}

package/public/components/listbox/Listbox.nested.js

@@ -1,2 +1,2 @@
-import{E as e,i as t,s as i,F as l,e as s,g as o,J as a,v as c,b as n,K as r,n as d,o as m,R as b,V as v,t as u,j as h,k as p,d as x,P as y,O as f,l as g,M as _,W as k}from"../../index-52f16292.js";import{E as w}from"../../EventHandler-f4efd23c.js";function E(e){l(e,"svelte-1y2i024",".mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{font-family:\"LeroyMerlin\", 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;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover{border-color:#191919}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked,.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024{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-1y2i024.svelte-1y2i024.svelte-1y2i024{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{-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-1y2i024.svelte-1y2i024.svelte-1y2i024:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1y2i024 .is-disabled.svelte-1y2i024.svelte-1y2i024{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-1y2i024:not(.mc-listbox--multi) .mc-listbox__input.svelte-1y2i024.svelte-1y2i024{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-1y2i024:not(.mc-listbox--multi) .mc-listbox__input.svelte-1y2i024:checked+.mc-listbox__label.svelte-1y2i024::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 C(e,t,i){const l=e.slice();return l[27]=t[i],l[29]=i,l}function z(e){let t,i,l;return{c(){t=s("li"),i=s("span"),l=u(e[4]),o(i,"class","mc-listbox__empty svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024")},m(e,s){n(e,t,s),h(t,i),h(i,l)},p(e,t){16&t&&p(l,e[4])},d(e){e&&m(t)}}}function $(e){let t,i,l=e[2]&&e[9]&&B(e),s=e[11],o=[];for(let t=0;t<s.length;t+=1)o[t]=H(C(e,s,t));return{c(){l&&l.c(),t=x();for(let e=0;e<o.length;e+=1)o[e].c();i=y()},m(e,s){l&&l.m(e,s),n(e,t,s);for(let t=0;t<o.length;t+=1)o[t]&&o[t].m(e,s);n(e,i,s)},p(e,a){if(e[2]&&e[9]?l?l.p(e,a):(l=B(e),l.c(),l.m(t.parentNode,t)):l&&(l.d(1),l=null),51429&a){let t;for(s=e[11],t=0;t<s.length;t+=1){const l=C(e,s,t);o[t]?o[t].p(l,a):(o[t]=H(l),o[t].c(),o[t].m(i.parentNode,i))}for(;t<o.length;t+=1)o[t].d(1);o.length=s.length}},d(e){l&&l.d(e),e&&m(t),f(o,e),e&&m(i)}}}function B(e){let t,i,l,a,c,r,d;return{c(){t=s("li"),i=s("input"),l=x(),a=s("label"),c=u(e[10]),o(i,"id","select-all"),o(i,"class","mc-listbox__input mc-checkbox__input svelte-1y2i024"),o(i,"type","checkbox"),i.indeterminate=e[13],o(a,"for","select-all"),o(a,"class","mc-listbox__label svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024")},m(s,o){n(s,t,o),h(t,i),i.checked=e[12],h(t,l),h(t,a),h(a,c),r||(d=[g(i,"change",e[21]),g(i,"change",e[17])],r=!0)},p(e,t){8192&t&&(i.indeterminate=e[13]),4096&t&&(i.checked=e[12]),1024&t&&p(c,e[10])},d(e){e&&m(t),r=!1,_(d)}}}function M(e){let t,i,l,a,c,r,d,b=!1;return c=k(e[23][0]),{c(){t=s("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input mc-checkbox__input svelte-1y2i024"),o(t,"type","checkbox"),t.__value=i=e[27][e[6]],t.value=t.__value,t.checked=l=e[0].includes(e[27][e[6]]),t.disabled=a=Boolean(e[27][e[7]]),c.p(t)},m(i,l){n(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),r||(d=[g(t,"change",e[24]),g(t,"change",e[20])],r=!0)},p(e,s){2112&s&&i!==(i=e[27][e[6]])&&(t.__value=i,t.value=t.__value,b=!0),2113&s&&l!==(l=e[0].includes(e[27][e[6]]))&&(t.checked=l),2176&s&&a!==(a=Boolean(e[27][e[7]]))&&(t.disabled=a),(b||2049&s)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&m(t),c.r(),r=!1,_(d)}}}function j(e){let t,i,l,a,r,d,b=!1;return a=k(e[23][0]),{c(){t=s("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input svelte-1y2i024"),o(t,"type","radio"),t.__value=i=e[27][e[6]],t.value=t.__value,o(t,"name",`listboxradio-${e[14]}`),t.disabled=l=Boolean(e[27][e[7]]),c(t,"is-disabled",e[27][e[7]]),a.p(t)},m(i,l){n(i,t,l),t.checked=t.__value===e[0],r||(d=[g(t,"change",e[22]),g(t,"change",e[19])],r=!0)},p(e,s){2112&s&&i!==(i=e[27][e[6]])&&(t.__value=i,t.value=t.__value,b=!0),2176&s&&l!==(l=Boolean(e[27][e[7]]))&&(t.disabled=l),(b||2049&s)&&(t.checked=t.__value===e[0]),2176&s&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&m(t),a.r(),r=!1,_(d)}}}function H(e){let t,i,l,a,r,d=e[27][e[5]]+"";function b(e,t){return e[2]?M:j}let v=b(e),y=v(e);return{c(){t=s("li"),y.c(),i=x(),l=s("label"),a=u(d),r=x(),o(l,"for",e[15](e[29])),o(l,"class","mc-listbox__label svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024"),c(t,"is-disabled",e[27][e[7]])},m(e,s){n(e,t,s),y.m(t,null),h(t,i),h(t,l),h(l,a),h(t,r)},p(e,l){v===(v=b(e))&&y?y.p(e,l):(y.d(1),y=v(e),y&&(y.c(),y.m(t,i))),2080&l&&d!==(d=e[27][e[5]]+"")&&p(a,d),2176&l&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&m(t),y.d()}}}function O(e){let t,i,l;function b(e,t){return e[3]?z:$}let v=b(e),u=v(e);return{c(){t=s("ul"),u.c(),o(t,"role","listbox"),o(t,"class","mc-listbox svelte-1y2i024"),o(t,"aria-labelledby","listbox"),a(t,"--listbox-width",e[8]),c(t,"is-open",e[1]),c(t,"mc-listbox--multi",e[2])},m(s,o){n(s,t,o),u.m(t,null),i||(l=r(e[16].call(null,t)),i=!0)},p(e,[i]){v===(v=b(e))&&u?u.p(e,i):(u.d(1),u=v(e),u&&(u.c(),u.m(t,null))),256&i&&a(t,"--listbox-width",e[8]),2&i&&c(t,"is-open",e[1]),4&i&&c(t,"mc-listbox--multi",e[2])},i:d,o:d,d(e){e&&m(t),u.d(),i=!1,l()}}}function N(e,t,i){let l,s,o,{items:a}=t,{value:c}=t,{open:n}=t,{multiple:r}=t,{isfiltered:d}=t,{emptysearchlabel:m="No results found"}=t,{datatextexpr:u="label"}=t,{datavalueexpr:h="value"}=t,{datadisabledexpr:p="disabled"}=t,{maxwidth:x="100%"}=t,{selectall:y=!1}=t,{labelselectall:f="Select all"}=t;const g=Math.random();let _=new w;const k=[[]];return e.$$set=e=>{"items"in e&&i(18,a=e.items),"value"in e&&i(0,c=e.value),"open"in e&&i(1,n=e.open),"multiple"in e&&i(2,r=e.multiple),"isfiltered"in e&&i(3,d=e.isfiltered),"emptysearchlabel"in e&&i(4,m=e.emptysearchlabel),"datatextexpr"in e&&i(5,u=e.datatextexpr),"datavalueexpr"in e&&i(6,h=e.datavalueexpr),"datadisabledexpr"in e&&i(7,p=e.datadisabledexpr),"maxwidth"in e&&i(8,x=e.maxwidth),"selectall"in e&&i(9,y=e.selectall),"labelselectall"in e&&i(10,f=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&i(12,l=null!=y&&y),262144&e.$$.dirty&&i(11,s=a?JSON.parse(a):[]),1&e.$$.dirty&&i(0,c=c?(i(12,l=!1),i(13,o=!1),c&&0===c.length?(i(12,l=!1),i(13,o=!1)):c&&c.length<s.length?i(13,o=!0):c&&c.length===s.length&&i(12,l=!0),c):[])},i(13,o=!0),[c,n,r,d,m,u,h,p,x,y,f,s,l,o,g,function(e){return`listboxItem-${e+g}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&_.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;i(12,l=!!t),l?s.map((e=>{e[p]||-1!==c.indexOf(e[h])||c.push(e[h])})):i(0,c=[]),_.dispatch("select-all",c),i(0,c)},a,function(t){b.call(this,e,t)},function(t){b.call(this,e,t)},function(){l=this.checked,i(12,l),i(9,y)},function(){c=this.__value,i(0,c)},k,function(){c=v(k[0],this.__value,this.checked),i(0,c)}]}class L extends e{constructor(e){super(),t(this,e,N,O,i,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},E)}}export{L as default};
+import{E as e,i as t,s as i,F as l,e as s,g as o,J as a,v as c,b as n,K as r,n as d,o as m,q as b,r as v,R as u,V as h,t as p,j as x,k as y,d as f,P as g,O as _,l as k,M as w,W as E}from"../../index-9ffad6d0.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function z(e){l(e,"svelte-1y2i024",".mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{font-family:\"LeroyMerlin\", 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;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover{border-color:#191919}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked,.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024{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-1y2i024.svelte-1y2i024.svelte-1y2i024{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{-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-1y2i024.svelte-1y2i024.svelte-1y2i024:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024: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-1y2i024.svelte-1y2i024.svelte-1y2i024{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1y2i024 .is-disabled.svelte-1y2i024.svelte-1y2i024{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-1y2i024:not(.mc-listbox--multi) .mc-listbox__input.svelte-1y2i024.svelte-1y2i024{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-1y2i024:not(.mc-listbox--multi) .mc-listbox__input.svelte-1y2i024:checked+.mc-listbox__label.svelte-1y2i024::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 $(e,t,i){const l=e.slice();return l[27]=t[i],l[29]=i,l}function B(e){let t,i,l;return{c(){t=s("li"),i=s("span"),l=p(e[4]),o(i,"class","mc-listbox__empty svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024")},m(e,s){n(e,t,s),x(t,i),x(i,l)},p(e,t){16&t&&y(l,e[4])},d(e){e&&m(t)}}}function M(e){let t,i,l=e[2]&&e[9]&&j(e),s=e[11],o=[];for(let t=0;t<s.length;t+=1)o[t]=N($(e,s,t));return{c(){l&&l.c(),t=f();for(let e=0;e<o.length;e+=1)o[e].c();i=g()},m(e,s){l&&l.m(e,s),n(e,t,s);for(let t=0;t<o.length;t+=1)o[t]&&o[t].m(e,s);n(e,i,s)},p(e,a){if(e[2]&&e[9]?l?l.p(e,a):(l=j(e),l.c(),l.m(t.parentNode,t)):l&&(l.d(1),l=null),51429&a){let t;for(s=e[11],t=0;t<s.length;t+=1){const l=$(e,s,t);o[t]?o[t].p(l,a):(o[t]=N(l),o[t].c(),o[t].m(i.parentNode,i))}for(;t<o.length;t+=1)o[t].d(1);o.length=s.length}},d(e){l&&l.d(e),e&&m(t),_(o,e),e&&m(i)}}}function j(e){let t,i,l,a,c,r,d;return{c(){t=s("li"),i=s("input"),l=f(),a=s("label"),c=p(e[10]),o(i,"id","select-all"),o(i,"class","mc-listbox__input mc-checkbox__input svelte-1y2i024"),o(i,"type","checkbox"),i.indeterminate=e[13],o(a,"for","select-all"),o(a,"class","mc-listbox__label svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024")},m(s,o){n(s,t,o),x(t,i),i.checked=e[12],x(t,l),x(t,a),x(a,c),r||(d=[k(i,"change",e[21]),k(i,"change",e[17])],r=!0)},p(e,t){8192&t&&(i.indeterminate=e[13]),4096&t&&(i.checked=e[12]),1024&t&&y(c,e[10])},d(e){e&&m(t),r=!1,w(d)}}}function H(e){let t,i,l,a,c,r,d,b=!1;return c=E(e[23][0]),{c(){t=s("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input mc-checkbox__input svelte-1y2i024"),o(t,"type","checkbox"),t.__value=i=e[27][e[6]],t.value=t.__value,t.checked=l=e[0].includes(e[27][e[6]]),t.disabled=a=Boolean(e[27][e[7]]),c.p(t)},m(i,l){n(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),r||(d=[k(t,"change",e[24]),k(t,"change",e[20])],r=!0)},p(e,s){2112&s&&i!==(i=e[27][e[6]])&&(t.__value=i,t.value=t.__value,b=!0),2113&s&&l!==(l=e[0].includes(e[27][e[6]]))&&(t.checked=l),2176&s&&a!==(a=Boolean(e[27][e[7]]))&&(t.disabled=a),(b||2049&s)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&m(t),c.r(),r=!1,w(d)}}}function O(e){let t,i,l,a,r,d,b=!1;return a=E(e[23][0]),{c(){t=s("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input svelte-1y2i024"),o(t,"type","radio"),t.__value=i=e[27][e[6]],t.value=t.__value,o(t,"name",`listboxradio-${e[14]}`),t.disabled=l=Boolean(e[27][e[7]]),c(t,"is-disabled",e[27][e[7]]),a.p(t)},m(i,l){n(i,t,l),t.checked=t.__value===e[0],r||(d=[k(t,"change",e[22]),k(t,"change",e[19])],r=!0)},p(e,s){2112&s&&i!==(i=e[27][e[6]])&&(t.__value=i,t.value=t.__value,b=!0),2176&s&&l!==(l=Boolean(e[27][e[7]]))&&(t.disabled=l),(b||2049&s)&&(t.checked=t.__value===e[0]),2176&s&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&m(t),a.r(),r=!1,w(d)}}}function N(e){let t,i,l,a,r,d=e[27][e[5]]+"";function b(e,t){return e[2]?H:O}let v=b(e),u=v(e);return{c(){t=s("li"),u.c(),i=f(),l=s("label"),a=p(d),r=f(),o(l,"for",e[15](e[29])),o(l,"class","mc-listbox__label svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024"),c(t,"is-disabled",e[27][e[7]])},m(e,s){n(e,t,s),u.m(t,null),x(t,i),x(t,l),x(l,a),x(t,r)},p(e,l){v===(v=b(e))&&u?u.p(e,l):(u.d(1),u=v(e),u&&(u.c(),u.m(t,i))),2080&l&&d!==(d=e[27][e[5]]+"")&&y(a,d),2176&l&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&m(t),u.d()}}}function L(e){let t,i,l;function b(e,t){return e[3]?B:M}let v=b(e),u=v(e);return{c(){t=s("ul"),u.c(),o(t,"role","listbox"),o(t,"class","mc-listbox svelte-1y2i024"),o(t,"aria-labelledby","listbox"),a(t,"--listbox-width",e[8]),c(t,"is-open",e[1]),c(t,"mc-listbox--multi",e[2])},m(s,o){n(s,t,o),u.m(t,null),i||(l=r(e[16].call(null,t)),i=!0)},p(e,[i]){v===(v=b(e))&&u?u.p(e,i):(u.d(1),u=v(e),u&&(u.c(),u.m(t,null))),256&i&&a(t,"--listbox-width",e[8]),2&i&&c(t,"is-open",e[1]),4&i&&c(t,"mc-listbox--multi",e[2])},i:d,o:d,d(e){e&&m(t),u.d(),i=!1,l()}}}function Y(e,t,i){let l,s,o,{items:a}=t,{value:c}=t,{open:n}=t,{multiple:r}=t,{isfiltered:d}=t,{emptysearchlabel:m="No results found"}=t,{datatextexpr:p="label"}=t,{datavalueexpr:x="value"}=t,{datadisabledexpr:y="disabled"}=t,{maxwidth:f="100%"}=t,{selectall:g=!1}=t,{labelselectall:_="Select all"}=t;const k=Math.random();let w=new C(b(),v());const E=[[]];return e.$$set=e=>{"items"in e&&i(18,a=e.items),"value"in e&&i(0,c=e.value),"open"in e&&i(1,n=e.open),"multiple"in e&&i(2,r=e.multiple),"isfiltered"in e&&i(3,d=e.isfiltered),"emptysearchlabel"in e&&i(4,m=e.emptysearchlabel),"datatextexpr"in e&&i(5,p=e.datatextexpr),"datavalueexpr"in e&&i(6,x=e.datavalueexpr),"datadisabledexpr"in e&&i(7,y=e.datadisabledexpr),"maxwidth"in e&&i(8,f=e.maxwidth),"selectall"in e&&i(9,g=e.selectall),"labelselectall"in e&&i(10,_=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&i(12,l=null!=g&&g),262144&e.$$.dirty&&i(11,s=a?JSON.parse(a):[]),1&e.$$.dirty&&i(0,c=c?(i(12,l=!1),i(13,o=!1),c&&0===c.length?(i(12,l=!1),i(13,o=!1)):c&&c.length<s.length?i(13,o=!0):c&&c.length===s.length&&i(12,l=!0),c):[])},i(13,o=!0),[c,n,r,d,m,p,x,y,f,g,_,s,l,o,k,function(e){return`listboxItem-${e+k}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&w.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;i(12,l=!!t),l?s.map((e=>{e[y]||-1!==c.indexOf(e[x])||c.push(e[x])})):i(0,c=[]),w.dispatch("select-all",c),i(0,c)},a,function(t){u.call(this,e,t)},function(t){u.call(this,e,t)},function(){l=this.checked,i(12,l),i(9,g)},function(){c=this.__value,i(0,c)},E,function(){c=h(E[0],this.__value,this.checked),i(0,c)}]}class J extends e{constructor(e){super(),t(this,e,Y,L,i,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},z)}}export{J as default};
 //# sourceMappingURL=Listbox.nested.js.map

package/public/components/listbox/Listbox.nested.js.map

@@ -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\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\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","$$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":"2hNAoIuCA,EAAgB,2GADnDC,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,sIALAA,EAAsB,mIALzCC,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,gGAGZW,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,0EAIZW,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,qGA1BmBsB,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,qKAHS3B,EAAQ,kBAHlBA,EAAI,4BACMA,EAAQ,YAJnCC,EA8DIC,EAAA0B,EAAAxB,wJAxDuBJ,EAAQ,uBAHlBA,EAAI,iCACMA,EAAQ,8EAvEtB6B,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,MAAmBC,8gBAEtBC,EAAA,GAAEC,EAAcR,SAAAA,sBAChBO,EAAA,GAAEE,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,kBACvCkB,EAAA,EAAAhB,EAAQA,GAITgB,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,GACrBrB,GAA0B,IAAjBA,EAAMtB,QACjBsC,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,IAChBrB,GAASA,EAAMtB,OAASwC,EAAYxC,OAC7CsC,EAAA,GAAAK,GAAyB,GAChBrB,GAASA,EAAMtB,SAAWwC,EAAYxC,QAC/CsC,EAAA,GAAAC,GAAc,GAGTjB,GAfkC,KAC1CgB,EAAA,GAAEK,GAAyB,kCAiBnB,SAAUC,GACK,MAAA,eAAAA,EAAQX,KAGvB,SAAUY,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7Cb,EAAac,SAAS,YAAW,CAAA,OAK9B,SAAYC,GACb,MAAAC,EAA+BD,EAAE1D,OAAQc,QAC/C+B,EAAA,GAAAC,IAAca,GACVb,EACFC,EAAYa,KAAKC,IAEZA,EAAKzB,KACkC,IAAxCP,EAAMX,QAAQ2C,EAAK1B,KAEnBN,EAAMiC,KAAKD,EAAK1B,GAAa,QAGjCN,EAAK,IAEPc,EAAac,SAAS,aAAc5B,oFAsBhBiB,EAAWiB,KAAAjD,mCAmBXe,EAAKkC,KAAAnD,6BAWLiB,EAAKmC,EAAAC,EAAA,GAAAF,KAAAnD,QAAAmD,KAAAjD"}
+{"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":"yiNA2IuCA,EAAgB,2GADnDC,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,sIALAA,EAAsB,mIALzCC,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,gGAGZW,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,0EAIZW,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,qGA1BmBsB,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,qKAHS3B,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"}

package/public/components/listbox/Listbox.nested.svelte

@@ -3,6 +3,10 @@
 <script lang="ts">
   import type { ListboxItems } from './listbox.types';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
 
   export let items: string;
   export let value: any;
@@ -18,7 +22,10 @@
   export let labelselectall = 'Select all';
 
   const uuid = Math.random();
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
 
   $: allSelected = selectall ?? false;
   $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];

package/public/components/listbox/Listbox.svelte

@@ -3,6 +3,10 @@
 <script lang="ts">
   import type { ListboxItems } from './listbox.types';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
 
   export let items: string;
   export let value: any;
@@ -15,7 +19,10 @@
   export let maxwidth = '100%';
 
   const uuid = Math.random();
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
 
   $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];
   $: attributes = { ...$$restProps };

package/public/components/loader/Loader.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as r,b as a,f as s,s as o,c as i,e as n,G as l,d,n as c,g as m,h,j as f,m as k,o as p,p as u,q as x,t as _,k as g}from"../../index-52f16292.js";function w(e){let t,r;return{c(){t=n("span"),r=_(e[2]),m(t,"class","mc-loader__text")},m(e,s){a(e,t,s),f(t,r)},p(e,t){4&t&&g(r,e[2])},d(e){e&&p(t)}}}function b(e){let t,r,s,o,u,x,_,g,b=e[2]&&w(e),v=[{class:g=y(e[0],e[1])},e[3]],C={};for(let e=0;e<v.length;e+=1)C=i(C,v[e]);return{c(){t=n("div"),r=n("span"),s=l("svg"),o=l("circle"),_=d(),b&&b.c(),this.c=c,m(o,"class","mc-loader__path"),m(o,"cx","50%"),m(o,"cy","50%"),m(o,"r",u=z(e[0])),m(s,"class","mc-loader__icon"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"viewBox",x=$(e[0])),m(r,"class","mc-loader__spinner"),h(t,C)},m(e,i){a(e,t,i),f(t,r),f(r,s),f(s,o),f(t,_),b&&b.m(t,null)},p(e,[r]){1&r&&u!==(u=z(e[0]))&&m(o,"r",u),1&r&&x!==(x=$(e[0]))&&m(s,"viewBox",x),e[2]?b?b.p(e,r):(b=w(e),b.c(),b.m(t,null)):b&&(b.d(1),b=null),h(t,C=k(v,[3&r&&g!==(g=y(e[0],e[1]))&&{class:g},8&r&&e[3]]))},i:c,o:c,d(e){e&&p(t),b&&b.d()}}}function y(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}function $(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function z(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function v(e,t,r){const a=["size","theme","text"];let s=u(t,a),{size:o}=t,{theme:n}=t,{text:l}=t;return e.$$set=e=>{t=i(i({},t),x(e)),r(3,s=u(t,a)),"size"in e&&r(0,o=e.size),"theme"in e&&r(1,n=e.theme),"text"in e&&r(2,l=e.text)},[o,n,l,s]}class C extends e{constructor(e){super();const i=document.createElement("style");i.textContent=".mc-loader{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}",this.shadowRoot.appendChild(i),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},v,b,o,{size:0,theme:1,text:2},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["size","theme","text"]}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),s()}get theme(){return this.$$.ctx[1]}set theme(e){this.$$set({theme:e}),s()}get text(){return this.$$.ctx[2]}set text(e){this.$$set({text:e}),s()}}export{C as default};
+import{S as e,i as t,a as r,b as a,f as s,s as o,c as i,e as n,G as l,d,n as c,g as m,h,j as f,m as k,o as p,p as u,u as x,t as _,k as g}from"../../index-9ffad6d0.js";function w(e){let t,r;return{c(){t=n("span"),r=_(e[2]),m(t,"class","mc-loader__text")},m(e,s){a(e,t,s),f(t,r)},p(e,t){4&t&&g(r,e[2])},d(e){e&&p(t)}}}function b(e){let t,r,s,o,u,x,_,g,b=e[2]&&w(e),v=[{class:g=y(e[0],e[1])},e[3]],C={};for(let e=0;e<v.length;e+=1)C=i(C,v[e]);return{c(){t=n("div"),r=n("span"),s=l("svg"),o=l("circle"),_=d(),b&&b.c(),this.c=c,m(o,"class","mc-loader__path"),m(o,"cx","50%"),m(o,"cy","50%"),m(o,"r",u=z(e[0])),m(s,"class","mc-loader__icon"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"viewBox",x=$(e[0])),m(r,"class","mc-loader__spinner"),h(t,C)},m(e,i){a(e,t,i),f(t,r),f(r,s),f(s,o),f(t,_),b&&b.m(t,null)},p(e,[r]){1&r&&u!==(u=z(e[0]))&&m(o,"r",u),1&r&&x!==(x=$(e[0]))&&m(s,"viewBox",x),e[2]?b?b.p(e,r):(b=w(e),b.c(),b.m(t,null)):b&&(b.d(1),b=null),h(t,C=k(v,[3&r&&g!==(g=y(e[0],e[1]))&&{class:g},8&r&&e[3]]))},i:c,o:c,d(e){e&&p(t),b&&b.d()}}}function y(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}function $(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function z(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function v(e,t,r){const a=["size","theme","text"];let s=u(t,a),{size:o}=t,{theme:n}=t,{text:l}=t;return e.$$set=e=>{t=i(i({},t),x(e)),r(3,s=u(t,a)),"size"in e&&r(0,o=e.size),"theme"in e&&r(1,n=e.theme),"text"in e&&r(2,l=e.text)},[o,n,l,s]}class C extends e{constructor(e){super();const i=document.createElement("style");i.textContent=".mc-loader{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}",this.shadowRoot.appendChild(i),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},v,b,o,{size:0,theme:1,text:2},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["size","theme","text"]}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),s()}get theme(){return this.$$.ctx[1]}set theme(e){this.$$set({theme:e}),s()}get text(){return this.$$.ctx[2]}set text(e){this.$$set({text:e}),s()}}export{C as default};
 //# sourceMappingURL=Loader.js.map

package/public/components/loader/Loader.nested.js

@@ -1,2 +1,2 @@
-import{E as e,i as t,s as i,F as s,e as r,G as a,d as o,g as l,b as n,j as f,n as d,o as c,c as m,q as h,t as v,k}from"../../index-52f16292.js";function _(e){s(e,"svelte-1f3i5i2",".mc-loader.svelte-1f3i5i2.svelte-1f3i5i2{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:2rem;width:2rem}.mc-loader.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:4}.mc-loader.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}.mc-loader__spinner.svelte-1f3i5i2.svelte-1f3i5i2:not(:only-child){margin-bottom:1rem}.mc-loader__icon.svelte-1f3i5i2.svelte-1f3i5i2{-webkit-animation:svelte-1f3i5i2-rotate-loader 2s linear infinite;animation:svelte-1f3i5i2-rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path.svelte-1f3i5i2.svelte-1f3i5i2{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:svelte-1f3i5i2-animate-dash-loader 2s ease-in-out infinite;animation:svelte-1f3i5i2-animate-dash-loader 2s ease-in-out infinite}.mc-loader__text.svelte-1f3i5i2.svelte-1f3i5i2{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:1.5rem;width:1.5rem}.mc-loader--s.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:4}.mc-loader--l.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:4rem;width:4rem}.mc-loader--l.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:8}.mc-loader--dark.svelte-1f3i5i2.svelte-1f3i5i2{color:#191919}.mc-loader--dark.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}.mc-loader--light.svelte-1f3i5i2.svelte-1f3i5i2{color:#ffffff}.mc-loader--light.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}@-webkit-keyframes svelte-1f3i5i2-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes svelte-1f3i5i2-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes svelte-1f3i5i2-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes svelte-1f3i5i2-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}")}function p(e){let t,i;return{c(){t=r("span"),i=v(e[2]),l(t,"class","mc-loader__text svelte-1f3i5i2")},m(e,s){n(e,t,s),f(t,i)},p(e,t){4&t&&k(i,e[2])},d(e){e&&c(t)}}}function u(e){let t,i,s,m,h,v,k,_,u=e[2]&&p(e);return{c(){t=r("div"),i=r("span"),s=a("svg"),m=a("circle"),k=o(),u&&u.c(),l(m,"class","mc-loader__path svelte-1f3i5i2"),l(m,"cx","50%"),l(m,"cy","50%"),l(m,"r",h=g(e[0])),l(s,"class","mc-loader__icon svelte-1f3i5i2"),l(s,"xmlns","http://www.w3.org/2000/svg"),l(s,"viewBox",v=x(e[0])),l(i,"class","mc-loader__spinner svelte-1f3i5i2"),l(t,"class",_=w(e[0],e[1])+" "+e[3].class+" svelte-1f3i5i2")},m(e,r){n(e,t,r),f(t,i),f(i,s),f(s,m),f(t,k),u&&u.m(t,null)},p(e,[i]){1&i&&h!==(h=g(e[0]))&&l(m,"r",h),1&i&&v!==(v=x(e[0]))&&l(s,"viewBox",v),e[2]?u?u.p(e,i):(u=p(e),u.c(),u.m(t,null)):u&&(u.d(1),u=null),11&i&&_!==(_=w(e[0],e[1])+" "+e[3].class+" svelte-1f3i5i2")&&l(t,"class",_)},i:d,o:d,d(e){e&&c(t),u&&u.d()}}}function w(e,t){const i=["mc-loader"];return e&&i.push(`mc-loader--${e}`),t&&i.push(`mc-loader--${t}`),i.join(" ")}function x(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function g(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function b(e,t,i){let{size:s}=t,{theme:r}=t,{text:a}=t;return e.$$set=e=>{i(3,t=m(m({},t),h(e))),"size"in e&&i(0,s=e.size),"theme"in e&&i(1,r=e.theme),"text"in e&&i(2,a=e.text)},t=h(t),[s,r,a,t]}class y extends e{constructor(e){super(),t(this,e,b,u,i,{size:0,theme:1,text:2},_)}}export{y as default};
+import{E as e,i as t,s as i,F as s,e as r,G as a,d as o,g as l,b as n,j as f,n as d,o as c,c as m,u as h,t as v,k}from"../../index-9ffad6d0.js";function _(e){s(e,"svelte-1f3i5i2",".mc-loader.svelte-1f3i5i2.svelte-1f3i5i2{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:2rem;width:2rem}.mc-loader.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:4}.mc-loader.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}.mc-loader__spinner.svelte-1f3i5i2.svelte-1f3i5i2:not(:only-child){margin-bottom:1rem}.mc-loader__icon.svelte-1f3i5i2.svelte-1f3i5i2{-webkit-animation:svelte-1f3i5i2-rotate-loader 2s linear infinite;animation:svelte-1f3i5i2-rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path.svelte-1f3i5i2.svelte-1f3i5i2{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:svelte-1f3i5i2-animate-dash-loader 2s ease-in-out infinite;animation:svelte-1f3i5i2-animate-dash-loader 2s ease-in-out infinite}.mc-loader__text.svelte-1f3i5i2.svelte-1f3i5i2{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:1.5rem;width:1.5rem}.mc-loader--s.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:4}.mc-loader--l.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:4rem;width:4rem}.mc-loader--l.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:8}.mc-loader--dark.svelte-1f3i5i2.svelte-1f3i5i2{color:#191919}.mc-loader--dark.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}.mc-loader--light.svelte-1f3i5i2.svelte-1f3i5i2{color:#ffffff}.mc-loader--light.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}@-webkit-keyframes svelte-1f3i5i2-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes svelte-1f3i5i2-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes svelte-1f3i5i2-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes svelte-1f3i5i2-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}")}function u(e){let t,i;return{c(){t=r("span"),i=v(e[2]),l(t,"class","mc-loader__text svelte-1f3i5i2")},m(e,s){n(e,t,s),f(t,i)},p(e,t){4&t&&k(i,e[2])},d(e){e&&c(t)}}}function p(e){let t,i,s,m,h,v,k,_,p=e[2]&&u(e);return{c(){t=r("div"),i=r("span"),s=a("svg"),m=a("circle"),k=o(),p&&p.c(),l(m,"class","mc-loader__path svelte-1f3i5i2"),l(m,"cx","50%"),l(m,"cy","50%"),l(m,"r",h=g(e[0])),l(s,"class","mc-loader__icon svelte-1f3i5i2"),l(s,"xmlns","http://www.w3.org/2000/svg"),l(s,"viewBox",v=x(e[0])),l(i,"class","mc-loader__spinner svelte-1f3i5i2"),l(t,"class",_=w(e[0],e[1])+" "+e[3].class+" svelte-1f3i5i2")},m(e,r){n(e,t,r),f(t,i),f(i,s),f(s,m),f(t,k),p&&p.m(t,null)},p(e,[i]){1&i&&h!==(h=g(e[0]))&&l(m,"r",h),1&i&&v!==(v=x(e[0]))&&l(s,"viewBox",v),e[2]?p?p.p(e,i):(p=u(e),p.c(),p.m(t,null)):p&&(p.d(1),p=null),11&i&&_!==(_=w(e[0],e[1])+" "+e[3].class+" svelte-1f3i5i2")&&l(t,"class",_)},i:d,o:d,d(e){e&&c(t),p&&p.d()}}}function w(e,t){const i=["mc-loader"];return e&&i.push(`mc-loader--${e}`),t&&i.push(`mc-loader--${t}`),i.join(" ")}function x(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function g(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function b(e,t,i){let{size:s}=t,{theme:r}=t,{text:a}=t;return e.$$set=e=>{i(3,t=m(m({},t),h(e))),"size"in e&&i(0,s=e.size),"theme"in e&&i(1,r=e.theme),"text"in e&&i(2,a=e.text)},t=h(t),[s,r,a,t]}class y extends e{constructor(e){super(),t(this,e,b,p,i,{size:0,theme:1,text:2},_)}}export{y as default};
 //# sourceMappingURL=Loader.nested.js.map

package/public/components/menu/Menu.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as n,f as s,s as l,e as a,n as r,g as o,j as m,o as c,O as d,d as u,t as f,v as g,l as h,k as b}from"../../index-52f16292.js";import{E as _}from"../../EventHandler-f4efd23c.js";function p(e,t,i){const n=e.slice();return n[7]=t[i],n[9]=i,n}function k(e){let t,i,s,l,r,d,_,p,k,x=`<${w(e[7].iconName,e[0]===e[9])} />`,v=e[7].label+"";function $(){return e[5](e[9],e[7])}return{c(){t=a("li"),i=a("div"),s=a("span"),l=u(),r=a("span"),d=f(v),_=u(),o(s,"class","mc-menu__icon"),o(r,"class","mc-menu__label"),o(i,"class","mc-menu__link"),g(i,"is-active",e[0]===e[9]),g(i,"is-disabled",e[7].disabled),o(t,"class","mc-menu__item")},m(e,a){n(e,t,a),m(t,i),m(i,s),s.innerHTML=x,m(i,l),m(i,r),m(r,d),m(t,_),p||(k=h(i,"click",$),p=!0)},p(t,n){e=t,3&n&&x!==(x=`<${w(e[7].iconName,e[0]===e[9])} />`)&&(s.innerHTML=x),2&n&&v!==(v=e[7].label+"")&&b(d,v),1&n&&g(i,"is-active",e[0]===e[9]),2&n&&g(i,"is-disabled",e[7].disabled)},d(e){e&&c(t),p=!1,k()}}}function x(e){let t,i,s=e[1],l=[];for(let t=0;t<s.length;t+=1)l[t]=k(p(e,s,t));return{c(){t=a("nav"),i=a("ul");for(let e=0;e<l.length;e+=1)l[e].c();this.c=r,o(i,"class","mc-menu__list"),o(t,"class","mc-menu"),o(t,"aria-label","menu")},m(e,s){n(e,t,s),m(t,i);for(let e=0;e<l.length;e+=1)l[e]&&l[e].m(i,null)},p(e,[t]){if(7&t){let n;for(s=e[1],n=0;n<s.length;n+=1){const a=p(e,s,n);l[n]?l[n].p(a,t):(l[n]=k(a),l[n].c(),l[n].m(i,null))}for(;n<l.length;n+=1)l[n].d(1);l.length=s.length}},i:r,o:r,d(e){e&&c(t),d(l,e)}}}function w(e,t){return t?`${e} fill="white" `:`${e} `}function v(e,t,i){let n,s,{items:l}=t,{selected:a}=t,r=new _;function o(e,t){i(0,s=e),r.dispatch("item-selected",{index:e,item:t})}return e.$$set=e=>{"items"in e&&i(3,l=e.items),"selected"in e&&i(4,a=e.selected)},e.$$.update=()=>{8&e.$$.dirty&&i(1,n=l?JSON.parse(l):[]),16&e.$$.dirty&&i(0,s=a?Number(a):"")},[s,n,o,l,a,(e,t)=>o(e,t)]}class $ extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-menu{max-width:16rem}.mc-menu,.mc-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-menu__list{border-radius:0.25rem;list-style:none;overflow:hidden;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link::after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active::after{display:none}.mc-menu__link{font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;width:100%}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#ffffff}.mc-menu__link:hover{background-color:#eeeff1}.mc-menu__link:active{background-color:#cfd2d8}.mc-menu__link.is-active{background-color:#188803}.mc-menu__link.is-active .mc-menu__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{-ms-flex-negative:0;flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:\"LeroyMerlin\", sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},v,x,l,{items:3,selected:4},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["items","selected"]}get items(){return this.$$.ctx[3]}set items(e){this.$$set({items:e}),s()}get selected(){return this.$$.ctx[4]}set selected(e){this.$$set({selected:e}),s()}}export{$ as default};
+import{S as e,i as t,a as i,b as n,f as s,s as l,e as a,n as r,g as o,j as m,o as c,O as d,q as u,r as f,d as g,t as h,v as b,l as _,k as p}from"../../index-9ffad6d0.js";import{E as k}from"../../EventHandler-f7ee47ca.js";function x(e,t,i){const n=e.slice();return n[7]=t[i],n[9]=i,n}function w(e){let t,i,s,l,r,d,u,f,k,x=`<${$(e[7].iconName,e[0]===e[9])} />`,w=e[7].label+"";function v(){return e[5](e[9],e[7])}return{c(){t=a("li"),i=a("div"),s=a("span"),l=g(),r=a("span"),d=h(w),u=g(),o(s,"class","mc-menu__icon"),o(r,"class","mc-menu__label"),o(i,"class","mc-menu__link"),b(i,"is-active",e[0]===e[9]),b(i,"is-disabled",e[7].disabled),o(t,"class","mc-menu__item")},m(e,a){n(e,t,a),m(t,i),m(i,s),s.innerHTML=x,m(i,l),m(i,r),m(r,d),m(t,u),f||(k=_(i,"click",v),f=!0)},p(t,n){e=t,3&n&&x!==(x=`<${$(e[7].iconName,e[0]===e[9])} />`)&&(s.innerHTML=x),2&n&&w!==(w=e[7].label+"")&&p(d,w),1&n&&b(i,"is-active",e[0]===e[9]),2&n&&b(i,"is-disabled",e[7].disabled)},d(e){e&&c(t),f=!1,k()}}}function v(e){let t,i,s=e[1],l=[];for(let t=0;t<s.length;t+=1)l[t]=w(x(e,s,t));return{c(){t=a("nav"),i=a("ul");for(let e=0;e<l.length;e+=1)l[e].c();this.c=r,o(i,"class","mc-menu__list"),o(t,"class","mc-menu"),o(t,"aria-label","menu")},m(e,s){n(e,t,s),m(t,i);for(let e=0;e<l.length;e+=1)l[e]&&l[e].m(i,null)},p(e,[t]){if(7&t){let n;for(s=e[1],n=0;n<s.length;n+=1){const a=x(e,s,n);l[n]?l[n].p(a,t):(l[n]=w(a),l[n].c(),l[n].m(i,null))}for(;n<l.length;n+=1)l[n].d(1);l.length=s.length}},i:r,o:r,d(e){e&&c(t),d(l,e)}}}function $(e,t){return t?`${e} fill="white" `:`${e} `}function y(e,t,i){let n,s,{items:l}=t,{selected:a}=t,r=new k(u(),f());function o(e,t){i(0,s=e),r.dispatch("item-selected",{index:e,item:t})}return e.$$set=e=>{"items"in e&&i(3,l=e.items),"selected"in e&&i(4,a=e.selected)},e.$$.update=()=>{8&e.$$.dirty&&i(1,n=l?JSON.parse(l):[]),16&e.$$.dirty&&i(0,s=a?Number(a):"")},[s,n,o,l,a,(e,t)=>o(e,t)]}class E extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-menu{max-width:16rem}.mc-menu,.mc-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-menu__list{border-radius:0.25rem;list-style:none;overflow:hidden;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link::after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active::after{display:none}.mc-menu__link{font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;width:100%}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#ffffff}.mc-menu__link:hover{background-color:#eeeff1}.mc-menu__link:active{background-color:#cfd2d8}.mc-menu__link.is-active{background-color:#188803}.mc-menu__link.is-active .mc-menu__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{-ms-flex-negative:0;flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:\"LeroyMerlin\", sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},y,v,l,{items:3,selected:4},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["items","selected"]}get items(){return this.$$.ctx[3]}set items(e){this.$$set({items:e}),s()}get selected(){return this.$$.ctx[4]}set selected(e){this.$$set({selected:e}),s()}}export{E as default};
 //# sourceMappingURL=Menu.js.map

package/public/components/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/components/menu/Menu.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { menuType } from './menu.types';\n  export let items: string;\n  export let selected: string;\n  $: menuItems = items ? (JSON.parse(items) as menuType[]) : [];\n  $: itemSelected = selected ? Number(selected) : '';\n\n  let eventHandler = new EventHandler();\n\n  function generateIconName(\n    iconName: string | undefined,\n    isActive: boolean,\n  ): string {\n    if (isActive) return `${iconName} fill=\"white\" `;\n    else return `${iconName} `;\n  }\n\n  function manageMenu(index: any, item: any) {\n    itemSelected = index;\n    eventHandler.dispatch('item-selected', { index, item });\n  }\n</script>\n\n<nav class=\"mc-menu\" aria-label=\"menu\">\n  <ul class=\"mc-menu__list\">\n    {#each menuItems as item, index}\n      <li class=\"mc-menu__item\">\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div\n          class=\"mc-menu__link\"\n          class:is-active={itemSelected === index}\n          class:is-disabled={item.disabled}\n          on:click={() => manageMenu(index, item)}\n        >\n          <span class=\"mc-menu__icon\">\n            {@html `<${generateIconName(\n              item.iconName,\n              itemSelected === index,\n            )} />`}\n          </span>\n          <span class=\"mc-menu__label\">{item.label}</span>\n        </div>\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.menu';\n</style>\n"],"names":["raw_value","generateIconName","ctx","iconName","t1_value","label","toggle_class","div","disabled","insert","target","li","anchor","append","span0","span1","dirty","innerHTML","set_data","t1","length","i","nav","ul","isActive","items","$$props","selected","eventHandler","EventHandler","manageMenu","index","item","$$invalidate","itemSelected","dispatch","menuItems","JSON","parse","Number"],"mappings":"iTAsCuBA,EAAA,IAAAC,EACTC,EAAI,GAACC,SACLD,OAAiBA,EAAK,SAGIE,EAAAF,KAAKG,MAAK,0MAVvBC,EAAAC,EAAA,YAAAL,OAAiBA,EAAK,IACpBI,EAAAC,EAAA,cAAAL,KAAKM,+CAL5BC,EAgBIC,EAAAC,EAAAC,GAdFC,EAaKF,EAAAJ,GAPHM,EAKMN,EAAAO,wBACND,EAA+CN,EAAAQ,wDALlC,EAAAC,GAAAhB,KAAAA,EAAA,IAAAC,EACTC,EAAI,GAACC,SACLD,OAAiBA,EAAK,YAAAY,EAAAG,UAAAjB,GAGI,EAAAgB,GAAAZ,KAAAA,EAAAF,KAAKG,MAAK,KAAAa,EAAAC,EAAAf,QAVvBE,EAAAC,EAAA,YAAAL,OAAiBA,EAAK,SACpBI,EAAAC,EAAA,cAAAL,KAAKM,2DANvBN,EAAS,wBAAdkB,OAAIC,GAAA,sLAFVZ,EAsBKC,EAAAY,EAAAV,GArBHC,EAoBIS,EAAAC,kFAnBKrB,EAAS,WAAdkB,OAAIC,GAAA,EAAA,iHAAJD,gDAhBKnB,EACPE,EACAqB,UAEIA,EAAQ,GAAYrB,kBAAQ,GACjBA,sCAZNsB,GAAaC,YACbC,GAAgBD,EAIvBE,MAAmBC,WAUdC,EAAWC,EAAYC,GAC9BC,EAAA,EAAAC,EAAeH,GACfH,EAAaO,SAAS,gBAAmB,CAAAJ,QAAOC,0HAfjDC,EAAA,EAAEG,EAAYX,EAASY,KAAKC,MAAMb,GAAK,mBACvCQ,EAAA,EAAEC,EAAeP,EAAWY,OAAOZ,GAAY,uBA2BxBG,EAAWC,EAAOC"}
+{"version":3,"file":"Menu.js","sources":["../../../src/components/menu/Menu.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { menuType } from './menu.types';\n  export let items: string;\n  export let selected: string;\n  $: menuItems = items ? (JSON.parse(items) as menuType[]) : [];\n  $: itemSelected = selected ? Number(selected) : '';\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function generateIconName(\n    iconName: string | undefined,\n    isActive: boolean,\n  ): string {\n    if (isActive) return `${iconName} fill=\"white\" `;\n    else return `${iconName} `;\n  }\n\n  function manageMenu(index: any, item: any) {\n    itemSelected = index;\n    eventHandler.dispatch('item-selected', {\n      index,\n      item,\n    });\n  }\n</script>\n\n<nav class=\"mc-menu\" aria-label=\"menu\">\n  <ul class=\"mc-menu__list\">\n    {#each menuItems as item, index}\n      <li class=\"mc-menu__item\">\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div\n          class=\"mc-menu__link\"\n          class:is-active={itemSelected === index}\n          class:is-disabled={item.disabled}\n          on:click={() => manageMenu(index, item)}\n        >\n          <span class=\"mc-menu__icon\">\n            {@html `<${generateIconName(\n              item.iconName,\n              itemSelected === index,\n            )} />`}\n          </span>\n          <span class=\"mc-menu__label\">{item.label}</span>\n        </div>\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.menu';\n</style>\n"],"names":["raw_value","generateIconName","ctx","iconName","t1_value","label","toggle_class","div","disabled","insert","target","li","anchor","append","span0","span1","dirty","innerHTML","set_data","t1","length","i","nav","ul","isActive","items","$$props","selected","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageMenu","index","item","$$invalidate","itemSelected","dispatch","menuItems","JSON","parse","Number"],"mappings":"+TAgDuBA,EAAA,IAAAC,EACTC,EAAI,GAACC,SACLD,OAAiBA,EAAK,SAGIE,EAAAF,KAAKG,MAAK,0MAVvBC,EAAAC,EAAA,YAAAL,OAAiBA,EAAK,IACpBI,EAAAC,EAAA,cAAAL,KAAKM,+CAL5BC,EAgBIC,EAAAC,EAAAC,GAdFC,EAaKF,EAAAJ,GAPHM,EAKMN,EAAAO,wBACND,EAA+CN,EAAAQ,wDALlC,EAAAC,GAAAhB,KAAAA,EAAA,IAAAC,EACTC,EAAI,GAACC,SACLD,OAAiBA,EAAK,YAAAY,EAAAG,UAAAjB,GAGI,EAAAgB,GAAAZ,KAAAA,EAAAF,KAAKG,MAAK,KAAAa,EAAAC,EAAAf,QAVvBE,EAAAC,EAAA,YAAAL,OAAiBA,EAAK,SACpBI,EAAAC,EAAA,cAAAL,KAAKM,2DANvBN,EAAS,wBAAdkB,OAAIC,GAAA,sLAFVZ,EAsBKC,EAAAY,EAAAV,GArBHC,EAoBIS,EAAAC,kFAnBKrB,EAAS,WAAdkB,OAAIC,GAAA,EAAA,iHAAJD,gDAnBKnB,EACPE,EACAqB,UAEIA,EAAQ,GAAYrB,kBAAQ,GACjBA,sCAfNsB,GAAaC,YACbC,GAAgBD,EAIvBE,EAAmB,IAAAC,EACrBC,IACAC,cAWOC,EAAWC,EAAYC,GAC9BC,EAAA,EAAAC,EAAeH,GACfL,EAAaS,SAAS,gBACpB,CAAAJ,QACAC,0HApBHC,EAAA,EAAEG,EAAYb,EAASc,KAAKC,MAAMf,GAAK,mBACvCU,EAAA,EAAEC,EAAeT,EAAWc,OAAOd,GAAY,uBAiCxBK,EAAWC,EAAOC"}

package/public/components/menu/Menu.svelte

@@ -1,6 +1,10 @@
 <svelte:options tag={null} />
 
 <script lang="ts">
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
   import { EventHandler } from '../../utilities/EventHandler';
   import type { menuType } from './menu.types';
   export let items: string;
@@ -8,7 +12,10 @@
   $: menuItems = items ? (JSON.parse(items) as menuType[]) : [];
   $: itemSelected = selected ? Number(selected) : '';
 
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
 
   function generateIconName(
     iconName: string | undefined,
@@ -20,7 +27,10 @@
 
   function manageMenu(index: any, item: any) {
     itemSelected = index;
-    eventHandler.dispatch('item-selected', { index, item });
+    eventHandler.dispatch('item-selected', {
+      index,
+      item,
+    });
   }
 </script>
 

package/public/components/modal/Modal.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as f,m as x,o as g,p as w,a4 as y,q as _,H as u}from"../../index-52f16292.js";import{E as v}from"../../EventHandler-f4efd23c.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&f(i,e[1])},d(e){e&&g(t)}}}function $(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function z(e){let t,i,a,s,w,y,_,u,v,z,E,j,C,Y,H,T,q,L,S,M,R,A,B,O,D=e[1]&&k(e),F=!e[6]&&$(),G=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":S=!e[0]},e[4]],I={};for(let e=0;e<G.length;e+=1)I=n(I,G[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),_=d(),u=l("button"),v=l("span"),z=r(e[3]),E=d(),j=l("main"),C=l("article"),D&&D.c(),Y=d(),H=l("slot"),T=d(),F&&F.c(),M=d(),R=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(u,"class","mc-modal__close"),c(u,"type","button"),c(s,"class","mc-modal__header"),c(H,"name","content"),c(C,"class","mc-modal__content"),c(j,"class","mc-modal__body"),c(a,"class",q="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,I),c(R,"class",A="mc-modal-overlay "+(e[0]?" is-visible":"")),c(R,"tabindex","-1"),c(R,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,y),h(s,_),h(s,u),h(u,v),h(v,z),h(a,E),h(a,j),h(j,C),D&&D.m(C,null),h(C,Y),h(C,H),h(a,T),F&&F.m(a,null),h(t,M),h(t,R),e[11](t),B||(O=p(u,"click",e[10]),B=!0)},p(e,[t]){4&t&&f(y,e[2]),8&t&&f(z,e[3]),e[1]?D?D.p(e,t):(D=k(e),D.c(),D.m(C,Y)):D&&(D.d(1),D=null),e[6]?F&&(F.d(1),F=null):F||(F=$(),F.c(),F.m(a,null)),1&t&&q!==(q="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",q),b(i,I=x(G,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&S!==(S=!e[0])&&{"aria-hidden":S},16&t&&e[4]])),1&t&&A!==(A="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(R,"class",A)},i:m,o:m,d(i){i&&g(t),D&&D.d(),F&&F.d(),e[11](null),B=!1,O()}}}function E(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new v;function f(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),_(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,f,h,()=>f(),function(e){u[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class j extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-modal{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{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-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},E,z,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{j as default};
+import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as f,m as x,o as g,p as w,q as y,r as _,a4 as u,u as v,H as k}from"../../index-9ffad6d0.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&f(i,e[1])},d(e){e&&g(t)}}}function E(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function j(e){let t,i,a,s,w,y,_,u,v,k,$,j,C,Y,H,T,q,L,S,M,R,A,B,O,D=e[1]&&z(e),F=!e[6]&&E(),G=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":S=!e[0]},e[4]],I={};for(let e=0;e<G.length;e+=1)I=n(I,G[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),_=d(),u=l("button"),v=l("span"),k=r(e[3]),$=d(),j=l("main"),C=l("article"),D&&D.c(),Y=d(),H=l("slot"),T=d(),F&&F.c(),M=d(),R=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(u,"class","mc-modal__close"),c(u,"type","button"),c(s,"class","mc-modal__header"),c(H,"name","content"),c(C,"class","mc-modal__content"),c(j,"class","mc-modal__body"),c(a,"class",q="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,I),c(R,"class",A="mc-modal-overlay "+(e[0]?" is-visible":"")),c(R,"tabindex","-1"),c(R,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,y),h(s,_),h(s,u),h(u,v),h(v,k),h(a,$),h(a,j),h(j,C),D&&D.m(C,null),h(C,Y),h(C,H),h(a,T),F&&F.m(a,null),h(t,M),h(t,R),e[11](t),B||(O=p(u,"click",e[10]),B=!0)},p(e,[t]){4&t&&f(y,e[2]),8&t&&f(k,e[3]),e[1]?D?D.p(e,t):(D=z(e),D.c(),D.m(C,Y)):D&&(D.d(1),D=null),e[6]?F&&(F.d(1),F=null):F||(F=E(),F.c(),F.m(a,null)),1&t&&q!==(q="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",q),b(i,I=x(G,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&S!==(S=!e[0])&&{"aria-hidden":S},16&t&&e[4]])),1&t&&A!==(A="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(R,"class",A)},i:m,o:m,d(i){i&&g(t),D&&D.d(),F&&F.d(),e[11](null),B=!1,O()}}}function C(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new $(y(),_());function f(){i(0,c=!1)}u((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),v(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,f,h,()=>f(),function(e){k[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class Y extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-modal{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{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-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,j,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{Y as default};
 //# sourceMappingURL=Modal.js.map

package/public/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { afterUpdate } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let modaltitle: string;\n  export let isopen: boolean;\n  export let closebuttontext = 'Close';\n  export let hidefooter: boolean;\n\n  $: hideFooter = hidefooter ?? false;\n\n  $: isopen\n    ? eventHandler.dispatch('modal-opened', {})\n    : eventHandler.dispatch('modal-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let scrollable: boolean;\n\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n\n  afterUpdate(() => {\n    const modal = root.querySelector('.mc-modal');\n    const body = root.querySelector('.mc-modal__body');\n    const content = root.querySelector('.mc-modal__content');\n\n    const bodyHeight = body ? body.clientHeight : 0;\n    const contentHeight = content ? content.scrollHeight : 0;\n\n    if (contentHeight > bodyHeight && modal) {\n      modal.classList.add('mc-modal--overflow');\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-modal {scrollable ? ' mc-modal--overflow' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div class=\"mc-modal__dialog {isopen ? ' is-open' : ''}\" role=\"document\">\n      <header class=\"mc-modal__header\">\n        <h2 class=\"mc-modal__title\" id=\"modalTitle\">{modaltitle}</h2>\n        <button\n          class=\"mc-modal__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-modal__close-text\">{closebuttontext}</span>\n        </button>\n      </header>\n      <main class=\"mc-modal__body\">\n        <article class=\"mc-modal__content\">\n          {#if title}\n            <h3 class=\"mc-modal__heading\" id=\"layerTitle\">{title}</h3>\n          {/if}\n          <slot name=\"content\" />\n        </article>\n      </main>\n      {#if !hideFooter}\n        <footer class=\"mc-modal__footer\">\n          <slot name=\"footer\" />\n        </footer>\n      {/if}\n    </div>\n  </div>\n  <div\n    class=\"mc-modal-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.modal';\n</style>\n"],"names":["ctx","insert","target","h3","anchor","footer","create_if_block_1","create_if_block","div3","append","div1","div0","header","h2","button","span","main","article","slot","div2","div1_aria_hidden_value","root","title","$$props","modaltitle","isopen","closebuttontext","hidefooter","eventHandler","EventHandler","onClose","$$invalidate","afterUpdate","modal","querySelector","body","content","bodyHeight","clientHeight","scrollHeight","classList","add","hideFooter","dispatch","attributes","Object","assign","$$restProps","class","scrollable","$$value"],"mappings":"wRAgE2DA,EAAK,oEAApDC,EAAyDC,EAAAC,EAAAC,2BAAVJ,EAAK,mJAMxDC,EAEQC,EAAAG,EAAAD,uFATDJ,EAAK,IAAAM,EAAAN,MAMRA,EAAU,IAAAO,6BA1BDP,EAAU,GAAG,sBAAwB,wFAIxCA,EAAM,IAChBA,EAAU,yHAImCA,EAAU,wCAMjBA,EAAe,+YAR3BA,EAAM,GAAG,WAAa,sEA2B3BA,EAAM,GAAG,cAAgB,uDApCtDC,EAwCKC,EAAAM,EAAAJ,GAvCHK,EAiCKD,EAAAE,GAzBHD,EAwBKC,EAAAC,GAvBHF,EASQE,EAAAC,GARNH,EAA4DG,EAAAC,iBAC5DJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAC,iBAG9DN,EAOME,EAAAK,GANJP,EAKSO,EAAAC,yBADPR,EAAsBQ,EAAAC,gCAU9BT,EAICD,EAAAW,8DA5BkDnB,EAAU,aAMjBA,EAAe,IAK9CA,EAAK,yDAMRA,EAAU,oFAnBYA,EAAM,GAAG,WAAa,wHAHtCA,EAAM,KAAA,CAAA,cAAAoB,SAChBpB,EAAU,uCA6BWA,EAAM,GAAG,cAAgB,yLAzDhDqB,kBAfOC,GAAaC,cACbC,GAAkBD,UAClBE,GAAeF,GACfG,gBAAAA,EAAkB,SAAOH,cACzBI,GAAmBJ,EAY1BK,MAAmBC,WAedC,IACPC,EAAA,EAAAN,GAAS,GAdXO,GAAW,KACH,MAAAC,EAAQZ,EAAKa,cAAc,aAC3BC,EAAOd,EAAKa,cAAc,mBAC1BE,EAAUf,EAAKa,cAAc,sBAE7BG,EAAaF,EAAOA,EAAKG,aAAe,GACxBF,EAAUA,EAAQG,aAAe,GAEnCF,GAAcJ,GAChCA,EAAMO,UAAUC,IAAI,qSArBvBV,EAAA,EAAEW,EAAaf,SAAAA,kBAEbF,EACCG,EAAae,SAAS,eAAc,IACpCf,EAAae,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,sBACjBC,kBAsCoBnB,4CAfVT,EAAI6B"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    afterUpdate,\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let modaltitle: string;\n  export let isopen: boolean;\n  export let closebuttontext = 'Close';\n  export let hidefooter: boolean;\n\n  $: hideFooter = hidefooter ?? false;\n\n  $: isopen\n    ? eventHandler.dispatch('modal-opened', {})\n    : eventHandler.dispatch('modal-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let scrollable: boolean;\n\n  let root: HTMLElement;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  afterUpdate(() => {\n    const modal = root.querySelector('.mc-modal');\n    const body = root.querySelector('.mc-modal__body');\n    const content = root.querySelector('.mc-modal__content');\n\n    const bodyHeight = body ? body.clientHeight : 0;\n    const contentHeight = content ? content.scrollHeight : 0;\n\n    if (contentHeight > bodyHeight && modal) {\n      modal.classList.add('mc-modal--overflow');\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-modal {scrollable ? ' mc-modal--overflow' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div class=\"mc-modal__dialog {isopen ? ' is-open' : ''}\" role=\"document\">\n      <header class=\"mc-modal__header\">\n        <h2 class=\"mc-modal__title\" id=\"modalTitle\">{modaltitle}</h2>\n        <button\n          class=\"mc-modal__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-modal__close-text\">{closebuttontext}</span>\n        </button>\n      </header>\n      <main class=\"mc-modal__body\">\n        <article class=\"mc-modal__content\">\n          {#if title}\n            <h3 class=\"mc-modal__heading\" id=\"layerTitle\">{title}</h3>\n          {/if}\n          <slot name=\"content\" />\n        </article>\n      </main>\n      {#if !hideFooter}\n        <footer class=\"mc-modal__footer\">\n          <slot name=\"footer\" />\n        </footer>\n      {/if}\n    </div>\n  </div>\n  <div\n    class=\"mc-modal-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.modal';\n</style>\n"],"names":["ctx","insert","target","h3","anchor","footer","create_if_block_1","create_if_block","div3","append","div1","div0","header","h2","button","span","main","article","slot","div2","div1_aria_hidden_value","root","title","$$props","modaltitle","isopen","closebuttontext","hidefooter","eventHandler","EventHandler","get_current_component","createEventDispatcher","onClose","$$invalidate","afterUpdate","modal","querySelector","body","content","bodyHeight","clientHeight","scrollHeight","classList","add","hideFooter","dispatch","attributes","Object","assign","$$restProps","class","scrollable","$$value"],"mappings":"sSAuE2DA,EAAK,oEAApDC,EAAyDC,EAAAC,EAAAC,2BAAVJ,EAAK,mJAMxDC,EAEQC,EAAAG,EAAAD,uFATDJ,EAAK,IAAAM,EAAAN,MAMRA,EAAU,IAAAO,6BA1BDP,EAAU,GAAG,sBAAwB,wFAIxCA,EAAM,IAChBA,EAAU,yHAImCA,EAAU,wCAMjBA,EAAe,+YAR3BA,EAAM,GAAG,WAAa,sEA2B3BA,EAAM,GAAG,cAAgB,uDApCtDC,EAwCKC,EAAAM,EAAAJ,GAvCHK,EAiCKD,EAAAE,GAzBHD,EAwBKC,EAAAC,GAvBHF,EASQE,EAAAC,GARNH,EAA4DG,EAAAC,iBAC5DJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAC,iBAG9DN,EAOME,EAAAK,GANJP,EAKSO,EAAAC,yBADPR,EAAsBQ,EAAAC,gCAU9BT,EAICD,EAAAW,8DA5BkDnB,EAAU,aAMjBA,EAAe,IAK9CA,EAAK,yDAMRA,EAAU,oFAnBYA,EAAM,GAAG,WAAa,wHAHtCA,EAAM,KAAA,CAAA,cAAAoB,SAChBpB,EAAU,uCA6BWA,EAAM,GAAG,cAAgB,yLA5DhDqB,kBAfOC,GAAaC,cACbC,GAAkBD,UAClBE,GAAeF,GACfG,gBAAAA,EAAkB,SAAOH,cACzBI,GAAmBJ,EAY1BK,EAAmB,IAAAC,EACrBC,IACAC,cAgBOC,IACPC,EAAA,EAAAR,GAAS,GAdXS,GAAW,KACH,MAAAC,EAAQd,EAAKe,cAAc,aAC3BC,EAAOhB,EAAKe,cAAc,mBAC1BE,EAAUjB,EAAKe,cAAc,sBAE7BG,EAAaF,EAAOA,EAAKG,aAAe,GACxBF,EAAUA,EAAQG,aAAe,GAEnCF,GAAcJ,GAChCA,EAAMO,UAAUC,IAAI,qSAxBvBV,EAAA,EAAEW,EAAajB,SAAAA,kBAEbF,EACCG,EAAaiB,SAAS,eAAc,IACpCjB,EAAaiB,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,sBACjBC,kBAyCoBnB,4CAfVX,EAAI+B"}

package/public/components/modal/Modal.svelte

@@ -1,7 +1,11 @@
 <svelte:options tag={null} />
 
 <script lang="ts">
-  import { afterUpdate } from 'svelte/internal';
+  import {
+    afterUpdate,
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
   import { EventHandler } from '../../utilities/EventHandler';
   export let title: string;
   export let modaltitle: string;
@@ -19,7 +23,10 @@
   let scrollable: boolean;
 
   let root: HTMLElement;
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
 
   afterUpdate(() => {
     const modal = root.querySelector('.mc-modal');