@mozaic-ds/web-components 0.13.0 → 0.14.0

package/public/components/kpi/Kpi.js

@@ -1,2 +1,2 @@
-import{S as e,i,a as t,b as c,f as l,s as o,e as r,d as n,t as a,n as p,g as m,j as s,k as d,o as k}from"../../index-52f16292.js";function u(e){let i,t;return{c(){i=r("span"),t=a(e[3]),m(i,"class","mc-kpi__label")},m(e,l){c(e,i,l),s(i,t)},p(e,i){8&i&&d(t,e[3])},d(e){e&&k(i)}}}function b(e){let i,t;return{c(){i=r("span"),t=a(e[3]),m(i,"class","mc-kpi__label")},m(e,l){c(e,i,l),s(i,t)},p(e,i){8&i&&d(t,e[3])},d(e){e&&k(i)}}}function x(e){let i,t,l=e[5]&&g(e),o=e[1]&&f(e);return{c(){i=r("div"),l&&l.c(),t=n(),o&&o.c(),m(i,"class","mc-kpi__aside")},m(e,r){c(e,i,r),l&&l.m(i,null),s(i,t),o&&o.m(i,null)},p(e,c){e[5]?l?l.p(e,c):(l=g(e),l.c(),l.m(i,t)):l&&(l.d(1),l=null),e[1]?o?o.p(e,c):(o=f(e),o.c(),o.m(i,null)):o&&(o.d(1),o=null)},d(e){e&&k(i),l&&l.d(),o&&o.d()}}}function g(e){let i,t;return{c(){i=r("span"),t=a(e[5]),m(i,"class","mc-kpi__detail")},m(e,l){c(e,i,l),s(i,t)},p(e,i){32&i&&d(t,e[5])},d(e){e&&k(i)}}}function f(e){let i,t=`<${h(e[1],e[2])} />`;return{c(){i=r("span"),m(i,"class","mc-kpi__icon")},m(e,l){c(e,i,l),i.innerHTML=t},p(e,c){6&c&&t!==(t=`<${h(e[1],e[2])} />`)&&(i.innerHTML=t)},d(e){e&&k(i)}}}function _(e){let i,t,l,o,g,f,_,h,$,v=e[7]&&u(e),y=!e[7]&&b(e),w=(e[1]||e[5])&&x(e);return{c(){i=r("div"),v&&v.c(),t=n(),l=r("div"),o=r("div"),y&&y.c(),g=n(),f=r("span"),_=a(e[0]),h=n(),w&&w.c(),this.c=p,m(f,"class","mc-kpi__value"),m(o,"class","mc-kpi__main"),m(l,"class","mc-kpi__content"),m(i,"class",$="mc-kpi mc-kpi--"+e[6]()+" mc-kpi--"+e[4])},m(e,r){c(e,i,r),v&&v.m(i,null),s(i,t),s(i,l),s(l,o),y&&y.m(o,null),s(o,g),s(o,f),s(f,_),s(l,h),w&&w.m(l,null)},p(e,[c]){e[7]?v?v.p(e,c):(v=u(e),v.c(),v.m(i,t)):v&&(v.d(1),v=null),e[7]?y&&(y.d(1),y=null):y?y.p(e,c):(y=b(e),y.c(),y.m(o,g)),1&c&&d(_,e[0]),e[1]||e[5]?w?w.p(e,c):(w=x(e),w.c(),w.m(l,null)):w&&(w.d(1),w=null),80&c&&$!==($="mc-kpi mc-kpi--"+e[6]()+" mc-kpi--"+e[4])&&m(i,"class",$)},i:p,o:p,d(e){e&&k(i),v&&v.d(),y&&y.d(),w&&w.d()}}}function h(e,i){return i?`${e}  fill="${i}"`:`${e}`}function $(e,i,t){let c,l,{value:o=""}=i,{iconname:r=""}=i,{iconcolor:n=""}=i,{label:a=""}=i,{type:p=""}=i,{detail:m=""}=i;return e.$$set=e=>{"value"in e&&t(0,o=e.value),"iconname"in e&&t(1,r=e.iconname),"iconcolor"in e&&t(2,n=e.iconcolor),"label"in e&&t(3,a=e.label),"type"in e&&t(4,p=e.type),"detail"in e&&t(5,m=e.detail)},e.$$.update=()=>{40&e.$$.dirty&&t(6,l=function(){let e="small";return a&&a.length>0&&!m?e="medium":m&&m.length>0&&(e="large"),e}),72&e.$$.dirty&&t(7,c=a&&a.length>0&&"large"!==l())},[o,r,n,a,p,m,l,c]}class v extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi__label{font-size:1.2rem;display:block}.mc-kpi__content{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-kpi__main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-kpi__value{font-size:1.2rem;font-weight:600}.mc-kpi__aside{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-grey-000, #ffffff);color:var(--color-font-dark, #000000);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-kpi__detail{font-size:1.2rem}.mc-kpi__icon{display:block;height:16px;width:16px}.mc-kpi--small .mc-kpi__label{font-size:1rem;margin-bottom:6px;color:var(--color-grey-999, #999999)}.mc-kpi--small .mc-kpi__content{gap:0.5rem}.mc-kpi--small .mc-kpi__value{font-size:0.875rem;line-height:1.2}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:3px 7px}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:var(--color-grey-999, #999999);margin-bottom:6px}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;height:40px;min-width:160px}.mc-kpi--medium .mc-kpi__main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:2px 2px 2px 7px}.mc-kpi--medium .mc-kpi__value{font-size:1.5rem}.mc-kpi--medium .mc-kpi__aside{padding-left:12px;padding-right:15px}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:160px;min-height:100px}.mc-kpi--large .mc-kpi__main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 15px;min-height:5rem}.mc-kpi--large .mc-kpi__label{line-height:1.5;font-size:1rem}.mc-kpi--large .mc-kpi__value{font-size:2rem}.mc-kpi--large .mc-kpi__detail{font-size:1rem;line-height:1}.mc-kpi--large .mc-kpi__aside{min-height:3rem;padding-right:15px;padding-left:15px;gap:12px}.mc-kpi--information{--color-kpi-background:#daeff7;--color-kpi-border:#007bb4;--color-kpi-text:#005c91}.mc-kpi--warning{--color-kpi-background:#fdf1e8;--color-kpi-border:#c65200;--color-kpi-text:#8c3500}.mc-kpi--danger{--color-kpi-background:#fdeaea;--color-kpi-border:#c61112;--color-kpi-text:#8c0003}.mc-kpi--success{--color-kpi-background:#ebf5de;--color-kpi-border:#188803;--color-kpi-text:#006902}.mc-kpi--neutral{--color-kpi-background:#e6e6e6;--color-kpi-border:#666666;--color-kpi-text:#4d4d4d}",this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},$,_,o,{value:0,iconname:1,iconcolor:2,label:3,type:4,detail:5},null),e&&(e.target&&c(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["value","iconname","iconcolor","label","type","detail"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get iconname(){return this.$$.ctx[1]}set iconname(e){this.$$set({iconname:e}),l()}get iconcolor(){return this.$$.ctx[2]}set iconcolor(e){this.$$set({iconcolor:e}),l()}get label(){return this.$$.ctx[3]}set label(e){this.$$set({label:e}),l()}get type(){return this.$$.ctx[4]}set type(e){this.$$set({type:e}),l()}get detail(){return this.$$.ctx[5]}set detail(e){this.$$set({detail:e}),l()}}export{v as default};
+import{S as e,i,a as t,b as c,f as l,s as o,e as r,d as n,t as a,n as p,g as m,j as s,k as d,o as k}from"../../index-9ffad6d0.js";function u(e){let i,t;return{c(){i=r("span"),t=a(e[3]),m(i,"class","mc-kpi__label")},m(e,l){c(e,i,l),s(i,t)},p(e,i){8&i&&d(t,e[3])},d(e){e&&k(i)}}}function b(e){let i,t;return{c(){i=r("span"),t=a(e[3]),m(i,"class","mc-kpi__label")},m(e,l){c(e,i,l),s(i,t)},p(e,i){8&i&&d(t,e[3])},d(e){e&&k(i)}}}function x(e){let i,t,l=e[5]&&g(e),o=e[1]&&f(e);return{c(){i=r("div"),l&&l.c(),t=n(),o&&o.c(),m(i,"class","mc-kpi__aside")},m(e,r){c(e,i,r),l&&l.m(i,null),s(i,t),o&&o.m(i,null)},p(e,c){e[5]?l?l.p(e,c):(l=g(e),l.c(),l.m(i,t)):l&&(l.d(1),l=null),e[1]?o?o.p(e,c):(o=f(e),o.c(),o.m(i,null)):o&&(o.d(1),o=null)},d(e){e&&k(i),l&&l.d(),o&&o.d()}}}function g(e){let i,t;return{c(){i=r("span"),t=a(e[5]),m(i,"class","mc-kpi__detail")},m(e,l){c(e,i,l),s(i,t)},p(e,i){32&i&&d(t,e[5])},d(e){e&&k(i)}}}function f(e){let i,t=`<${h(e[1],e[2])} />`;return{c(){i=r("span"),m(i,"class","mc-kpi__icon")},m(e,l){c(e,i,l),i.innerHTML=t},p(e,c){6&c&&t!==(t=`<${h(e[1],e[2])} />`)&&(i.innerHTML=t)},d(e){e&&k(i)}}}function _(e){let i,t,l,o,g,f,_,h,$,v=e[7]&&u(e),y=!e[7]&&b(e),w=(e[1]||e[5])&&x(e);return{c(){i=r("div"),v&&v.c(),t=n(),l=r("div"),o=r("div"),y&&y.c(),g=n(),f=r("span"),_=a(e[0]),h=n(),w&&w.c(),this.c=p,m(f,"class","mc-kpi__value"),m(o,"class","mc-kpi__main"),m(l,"class","mc-kpi__content"),m(i,"class",$="mc-kpi mc-kpi--"+e[6]()+" mc-kpi--"+e[4])},m(e,r){c(e,i,r),v&&v.m(i,null),s(i,t),s(i,l),s(l,o),y&&y.m(o,null),s(o,g),s(o,f),s(f,_),s(l,h),w&&w.m(l,null)},p(e,[c]){e[7]?v?v.p(e,c):(v=u(e),v.c(),v.m(i,t)):v&&(v.d(1),v=null),e[7]?y&&(y.d(1),y=null):y?y.p(e,c):(y=b(e),y.c(),y.m(o,g)),1&c&&d(_,e[0]),e[1]||e[5]?w?w.p(e,c):(w=x(e),w.c(),w.m(l,null)):w&&(w.d(1),w=null),80&c&&$!==($="mc-kpi mc-kpi--"+e[6]()+" mc-kpi--"+e[4])&&m(i,"class",$)},i:p,o:p,d(e){e&&k(i),v&&v.d(),y&&y.d(),w&&w.d()}}}function h(e,i){return i?`${e}  fill="${i}"`:`${e}`}function $(e,i,t){let c,l,{value:o=""}=i,{iconname:r=""}=i,{iconcolor:n=""}=i,{label:a=""}=i,{type:p=""}=i,{detail:m=""}=i;return e.$$set=e=>{"value"in e&&t(0,o=e.value),"iconname"in e&&t(1,r=e.iconname),"iconcolor"in e&&t(2,n=e.iconcolor),"label"in e&&t(3,a=e.label),"type"in e&&t(4,p=e.type),"detail"in e&&t(5,m=e.detail)},e.$$.update=()=>{40&e.$$.dirty&&t(6,l=function(){let e="small";return a&&a.length>0&&!m?e="medium":m&&m.length>0&&(e="large"),e}),72&e.$$.dirty&&t(7,c=a&&a.length>0&&"large"!==l())},[o,r,n,a,p,m,l,c]}class v extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi__label{font-size:1.2rem;display:block}.mc-kpi__content{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-kpi__main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-kpi__value{font-size:1.2rem;font-weight:600}.mc-kpi__aside{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-grey-000, #ffffff);color:var(--color-font-dark, #000000);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-kpi__detail{font-size:1.2rem}.mc-kpi__icon{display:block;height:16px;width:16px}.mc-kpi--small .mc-kpi__label{font-size:1rem;margin-bottom:6px;color:var(--color-grey-999, #999999)}.mc-kpi--small .mc-kpi__content{gap:0.5rem}.mc-kpi--small .mc-kpi__value{font-size:0.875rem;line-height:1.2}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:3px 7px}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:var(--color-grey-999, #999999);margin-bottom:6px}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;height:40px;min-width:160px}.mc-kpi--medium .mc-kpi__main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:2px 2px 2px 7px}.mc-kpi--medium .mc-kpi__value{font-size:1.5rem}.mc-kpi--medium .mc-kpi__aside{padding-left:12px;padding-right:15px}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:160px;min-height:100px}.mc-kpi--large .mc-kpi__main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 15px;min-height:5rem}.mc-kpi--large .mc-kpi__label{line-height:1.5;font-size:1rem}.mc-kpi--large .mc-kpi__value{font-size:2rem}.mc-kpi--large .mc-kpi__detail{font-size:1rem;line-height:1}.mc-kpi--large .mc-kpi__aside{min-height:3rem;padding-right:15px;padding-left:15px;gap:12px}.mc-kpi--information{--color-kpi-background:#daeff7;--color-kpi-border:#007bb4;--color-kpi-text:#005c91}.mc-kpi--warning{--color-kpi-background:#fdf1e8;--color-kpi-border:#c65200;--color-kpi-text:#8c3500}.mc-kpi--danger{--color-kpi-background:#fdeaea;--color-kpi-border:#c61112;--color-kpi-text:#8c0003}.mc-kpi--success{--color-kpi-background:#ebf5de;--color-kpi-border:#188803;--color-kpi-text:#006902}.mc-kpi--neutral{--color-kpi-background:#e6e6e6;--color-kpi-border:#666666;--color-kpi-text:#4d4d4d}",this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},$,_,o,{value:0,iconname:1,iconcolor:2,label:3,type:4,detail:5},null),e&&(e.target&&c(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["value","iconname","iconcolor","label","type","detail"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get iconname(){return this.$$.ctx[1]}set iconname(e){this.$$set({iconname:e}),l()}get iconcolor(){return this.$$.ctx[2]}set iconcolor(e){this.$$set({iconcolor:e}),l()}get label(){return this.$$.ctx[3]}set label(e){this.$$set({label:e}),l()}get type(){return this.$$.ctx[4]}set type(e){this.$$set({type:e}),l()}get detail(){return this.$$.ctx[5]}set detail(e){this.$$set({detail:e}),l()}}export{v as default};
 //# sourceMappingURL=Kpi.js.map

package/public/components/layer/Layer.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as r,f as a,s as o,c as n,e as l,d as s,t as d,n as c,g as m,v as b,h as y,j as p,l as x,k as g,m as h,o as f,M as _,p as w,a1 as u,q as v,H as k}from"../../index-52f16292.js";import{E as $}from"../../EventHandler-f4efd23c.js";function z(e){let t,i=`<${j(e[4])} class="mc-layer__icon" />`;return{c(){t=l("span"),m(t,"class","mc-layer__icon")},m(e,a){r(e,t,a),t.innerHTML=i},p(e,r){16&r&&i!==(i=`<${j(e[4])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&f(t)}}}function L(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-layer__footer")},m(e,i){r(e,t,i)},d(e){e&&f(t)}}}function H(e){let t,i,a,o,w,u,v,k,$,H,j,E,M,T,C,q,S,R,A,B,O,D=e[4]&&z(e),F=!e[9]&&L(),G=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":e[5]},{"aria-modal":"true"},{"aria-hidden":q=!e[0]},e[6]],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"),o=l("div"),D&&D.c(),w=s(),u=l("h2"),v=d(e[1]),k=s(),$=l("button"),H=l("span"),j=d(e[3]),E=s(),M=l("main"),M.innerHTML='<article class="mc-layer__content"><slot name="content"></slot></article>',T=s(),F&&F.c(),S=s(),R=l("div"),this.c=c,m(u,"class","mc-layer__title"),m(u,"id","modallayerTitleTitle"),m(H,"class","mc-layer__close-text"),m($,"class","mc-layer__close"),m($,"type","button"),m(o,"class","mc-layer__header"),m(M,"class","mc-layer__body"),b(M,"mc-layer__body--overflowing-scroll-edge",e[8]),m(a,"class",C="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":"")),m(a,"role","document"),y(i,I),m(R,"class",A="mc-layer-overlay "+(e[0]?" is-visible":"")),m(R,"tabindex","-1"),m(R,"role","dialog")},m(n,l){r(n,t,l),p(t,i),p(i,a),p(a,o),D&&D.m(o,null),p(o,w),p(o,u),p(u,v),p(o,k),p(o,$),p($,H),p(H,j),p(a,E),p(a,M),p(a,T),F&&F.m(a,null),p(t,S),p(t,R),e[15](t),B||(O=[x($,"click",e[13]),x(R,"click",e[14])],B=!0)},p(e,[t]){e[4]?D?D.p(e,t):(D=z(e),D.c(),D.m(o,w)):D&&(D.d(1),D=null),2&t&&g(v,e[1]),8&t&&g(j,e[3]),256&t&&b(M,"mc-layer__body--overflowing-scroll-edge",e[8]),e[9]?F&&(F.d(1),F=null):F||(F=L(),F.c(),F.m(a,null)),5&t&&C!==(C="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":""))&&m(a,"class",C),y(i,I=h(G,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},32&t&&{"aria-labelledby":e[5]},{"aria-modal":"true"},1&t&&q!==(q=!e[0])&&{"aria-hidden":q},64&t&&e[6]])),1&t&&A!==(A="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(R,"class",A)},i:c,o:c,d(i){i&&f(t),D&&D.d(),F&&F.d(),e[15](null),B=!1,_(O)}}}function j(e){return`${e} size="1.5rem"`}function E(e,t,i){let r,a,o;const l=["title","isopen","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"];let s,d=w(t,l),{title:c}=t,{isopen:m}=t,{extended:b}=t,{scrollbaredge:y}=t,{closebuttontext:p="Close"}=t,{iconname:x}=t,{hidefooter:g}=t,{arialabelledby:h="LayerTitle"}=t,f=new $;function _(){i(0,m=!1)}u((()=>{const e=s.querySelector(".mc-layer__body"),t=s.querySelector(".mc-layer__content"),i=y?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),v(e)),i(17,d=w(t,l)),"title"in e&&i(1,c=e.title),"isopen"in e&&i(0,m=e.isopen),"extended"in e&&i(2,b=e.extended),"scrollbaredge"in e&&i(11,y=e.scrollbaredge),"closebuttontext"in e&&i(3,p=e.closebuttontext),"iconname"in e&&i(4,x=e.iconname),"hidefooter"in e&&i(12,g=e.hidefooter),"arialabelledby"in e&&i(5,h=e.arialabelledby)},e.$$.update=()=>{4096&e.$$.dirty&&i(9,r=null!=g&&g),2048&e.$$.dirty&&i(8,a=null!=y&&y),1&e.$$.dirty&&(m?f.dispatch("layer-opened",{}):f.dispatch("layer-closed",{})),i(6,o=Object.assign({},d)),64&e.$$.dirty&&delete o.class},[m,c,b,p,x,h,o,s,a,r,_,y,g,()=>_(),()=>_(),function(e){k[e?"unshift":"push"]((()=>{s=e,i(7,s)}))}]}class M extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-layer{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;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__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;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__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: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__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;margin-left:auto;width:2rem}.mc-layer__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-layer__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-layer__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-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-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-layer-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,H,o,{title:1,isopen:0,extended:2,scrollbaredge:11,closebuttontext:3,iconname:4,hidefooter:12,arialabelledby:5},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","isopen","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get extended(){return this.$$.ctx[2]}set extended(e){this.$$set({extended:e}),a()}get scrollbaredge(){return this.$$.ctx[11]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get iconname(){return this.$$.ctx[4]}set iconname(e){this.$$set({iconname:e}),a()}get hidefooter(){return this.$$.ctx[12]}set hidefooter(e){this.$$set({hidefooter:e}),a()}get arialabelledby(){return this.$$.ctx[5]}set arialabelledby(e){this.$$set({arialabelledby:e}),a()}}export{M as default};
+import{S as e,i as t,a as i,b as r,f as a,s as o,c as n,e as l,d as s,t as d,n as c,g as m,v as b,h as y,j as p,l as x,k as h,m as g,o as f,M as _,p as w,q as u,r as v,a1 as k,u as $,H as z}from"../../index-9ffad6d0.js";import{E as L}from"../../EventHandler-f7ee47ca.js";function H(e){let t,i=`<${M(e[5])} class="mc-layer__icon" />`;return{c(){t=l("span"),m(t,"class","mc-layer__icon")},m(e,a){r(e,t,a),t.innerHTML=i},p(e,r){32&r&&i!==(i=`<${M(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&f(t)}}}function j(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-layer__footer")},m(e,i){r(e,t,i)},d(e){e&&f(t)}}}function E(e){let t,i,a,o,w,u,v,k,$,z,L,E,M,T,C,q,S,R,A,B,O,D=e[5]&&H(e),F=!e[10]&&j(),G=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":e[6]},{"aria-modal":"true"},{"aria-hidden":q=!e[0]},e[7]],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"),o=l("div"),D&&D.c(),w=s(),u=l("h2"),v=d(e[1]),k=s(),$=l("button"),z=l("span"),L=d(e[4]),E=s(),M=l("main"),M.innerHTML='<article class="mc-layer__content"><slot name="content"></slot></article>',T=s(),F&&F.c(),S=s(),R=l("div"),this.c=c,m(u,"class","mc-layer__title"),m(u,"id","modallayerTitleTitle"),m(z,"class","mc-layer__close-text"),m($,"class","mc-layer__close"),m($,"type","button"),m(o,"class","mc-layer__header"),m(M,"class","mc-layer__body"),b(M,"mc-layer__body--overflowing-scroll-edge",e[9]),m(a,"class",C="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[3]?" mc-layer__dialog--extend":"")),m(a,"role","document"),y(i,I),b(i,"mc-layer--ltr","left"===e[2]),m(R,"class",A="mc-layer-overlay "+(e[0]?" is-visible":"")),m(R,"tabindex","-1"),m(R,"role","dialog")},m(n,l){r(n,t,l),p(t,i),p(i,a),p(a,o),D&&D.m(o,null),p(o,w),p(o,u),p(u,v),p(o,k),p(o,$),p($,z),p(z,L),p(a,E),p(a,M),p(a,T),F&&F.m(a,null),p(t,S),p(t,R),e[16](t),B||(O=[x($,"click",e[14]),x(R,"click",e[15])],B=!0)},p(e,[t]){e[5]?D?D.p(e,t):(D=H(e),D.c(),D.m(o,w)):D&&(D.d(1),D=null),2&t&&h(v,e[1]),16&t&&h(L,e[4]),512&t&&b(M,"mc-layer__body--overflowing-scroll-edge",e[9]),e[10]?F&&(F.d(1),F=null):F||(F=j(),F.c(),F.m(a,null)),9&t&&C!==(C="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[3]?" mc-layer__dialog--extend":""))&&m(a,"class",C),y(i,I=g(G,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},64&t&&{"aria-labelledby":e[6]},{"aria-modal":"true"},1&t&&q!==(q=!e[0])&&{"aria-hidden":q},128&t&&e[7]])),b(i,"mc-layer--ltr","left"===e[2]),1&t&&A!==(A="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(R,"class",A)},i:c,o:c,d(i){i&&f(t),D&&D.d(),F&&F.d(),e[16](null),B=!1,_(O)}}}function M(e){return`${e} size="1.5rem"`}function T(e,t,i){let r,a,o;const l=["title","isopen","position","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"];let s,d=w(t,l),{title:c}=t,{isopen:m}=t,{position:b="right"}=t,{extended:y}=t,{scrollbaredge:p}=t,{closebuttontext:x="Close"}=t,{iconname:h}=t,{hidefooter:g}=t,{arialabelledby:f="LayerTitle"}=t,_=new L(u(),v());function H(){i(0,m=!1)}k((()=>{const e=s.querySelector(".mc-layer__body"),t=s.querySelector(".mc-layer__content"),i=p?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),$(e)),i(18,d=w(t,l)),"title"in e&&i(1,c=e.title),"isopen"in e&&i(0,m=e.isopen),"position"in e&&i(2,b=e.position),"extended"in e&&i(3,y=e.extended),"scrollbaredge"in e&&i(12,p=e.scrollbaredge),"closebuttontext"in e&&i(4,x=e.closebuttontext),"iconname"in e&&i(5,h=e.iconname),"hidefooter"in e&&i(13,g=e.hidefooter),"arialabelledby"in e&&i(6,f=e.arialabelledby)},e.$$.update=()=>{8192&e.$$.dirty&&i(10,r=null!=g&&g),4096&e.$$.dirty&&i(9,a=null!=p&&p),1&e.$$.dirty&&(m?_.dispatch("layer-opened",{}):_.dispatch("layer-closed",{})),i(7,o=Object.assign({},d)),128&e.$$.dirty&&delete o.class},[m,c,b,y,x,h,f,o,s,a,r,H,p,g,()=>H(),()=>H(),function(e){z[e?"unshift":"push"]((()=>{s=e,i(8,s)}))}]}class C extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-layer{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;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__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;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__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: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__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;margin-left:auto;width:2rem}.mc-layer__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-layer__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-layer__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-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-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-layer-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},T,E,o,{title:1,isopen:0,position:2,extended:3,scrollbaredge:12,closebuttontext:4,iconname:5,hidefooter:13,arialabelledby:6},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","isopen","position","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get position(){return this.$$.ctx[2]}set position(e){this.$$set({position:e}),a()}get extended(){return this.$$.ctx[3]}set extended(e){this.$$set({extended:e}),a()}get scrollbaredge(){return this.$$.ctx[12]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),a()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),a()}get hidefooter(){return this.$$.ctx[13]}set hidefooter(e){this.$$set({hidefooter:e}),a()}get arialabelledby(){return this.$$.ctx[6]}set arialabelledby(e){this.$$set({arialabelledby:e}),a()}}export{C as default};
 //# sourceMappingURL=Layer.js.map

package/public/components/layer/Layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layer.js","sources":["../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let isopen: boolean;\n  export let extended: boolean;\n  export let scrollbaredge: boolean;\n  export let closebuttontext = 'Close';\n  export let iconname: string | undefined = undefined;\n  export let hidefooter: boolean;\n  export let arialabelledby = 'LayerTitle';\n\n  $: hideFooter = hidefooter ?? false;\n  $: scrollbarEdge = scrollbaredge ?? false;\n  $: isopen\n    ? eventHandler.dispatch('layer-opened', {})\n    : eventHandler.dispatch('layer-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n  onMount(() => {\n    const body = root.querySelector('.mc-layer__body');\n    const content = root.querySelector('.mc-layer__content');\n    const overflowingClass = !scrollbaredge\n      ? 'mc-layer__body--overflowing'\n      : 'mc-layer__body--overflowing-scroll-edge';\n    if (body && content) {\n      const bodyHeight = body.clientHeight;\n      const contentHeight = content.scrollHeight;\n\n      if (contentHeight > bodyHeight) {\n        body.classList.add(overflowingClass);\n      } else {\n        body.classList.remove(overflowingClass);\n      }\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n\n  function generateIconName(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-layer\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby={arialabelledby}\n    aria-modal=\"true\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div\n      class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n        ? ' mc-layer__dialog--extend'\n        : ''}\"\n      role=\"document\"\n    >\n      <div class=\"mc-layer__header\">\n        {#if iconname}\n          <span class=\"mc-layer__icon\">\n            {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n          </span>\n        {/if}\n        <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n        <button\n          class=\"mc-layer__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n        </button>\n      </div>\n      <main\n        class=\"mc-layer__body\"\n        class:mc-layer__body--overflowing-scroll-edge={scrollbarEdge}\n      >\n        <article class=\"mc-layer__content\">\n          <slot name=\"content\" />\n        </article>\n      </main>\n      {#if !hideFooter}\n        <footer class=\"mc-layer__footer\">\n          <slot name=\"footer\" />\n        </footer>\n      {/if}\n    </div>\n  </div>\n  <div\n    class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    on:click={() => onClose()}\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","footer","create_if_block_1","create_if_block","div4","append","div2","div1","div0","h2","button","main","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","extended","scrollbaredge","closebuttontext","hidefooter","arialabelledby","eventHandler","EventHandler","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","hideFooter","scrollbarEdge","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"qRAqEuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,kJAqBxCG,EAEQC,EAAAK,EAAAH,iFAzBHJ,EAAQ,IAAAQ,EAAAR,MAsBTA,EAAU,IAAAS,6EAlCDT,EAAc,4CAEjBA,EAAM,IAChBA,EAAU,qIAc6CA,EAAK,wCAMtBA,EAAe,2ZAKNA,EAAa,uCAtBrCA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,sEAkCmBA,EAAM,GAAG,cAAgB,uDA/CtDC,EAoDKC,EAAAQ,EAAAN,GAnDHO,EA4CKD,EAAAE,GAnCHD,EAkCKC,EAAAC,GA5BHF,EAcKE,EAAAC,yBARHH,EAAiEG,EAAAC,iBACjEJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAb,iBAG9DQ,EAOME,EAAAI,gCAQVN,EAKCD,EAAAQ,0EAlCUlB,EAAQ,kEAK0CA,EAAK,aAMtBA,EAAe,yDAKNA,EAAa,IAMxDA,EAAU,oFA5BSA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,4GARWA,EAAc,uCAEjBA,EAAM,KAAA,CAAA,cAAAmB,SAChBnB,EAAU,uCAuCWA,EAAM,GAAG,cAAgB,qFApD3C,SAAAD,EAAiBqB,YACdA,mKAzBRC,kBAhBOC,GAAaC,UACbC,GAAeD,YACfE,GAAiBF,iBACjBG,GAAsBH,GACtBI,gBAAAA,EAAkB,SAAOJ,GACzBH,SAAAA,GAAwCG,cACxCK,GAAmBL,GACnBM,eAAAA,EAAiB,cAAYN,EAUpCO,MAAmBC,WAmBdC,IACPC,EAAA,EAAAT,GAAS,GAnBXU,GAAO,KACC,MAAAC,EAAOd,EAAKe,cAAc,mBAC1BC,EAAUhB,EAAKe,cAAc,sBAC7BE,EAAoBZ,EAEtB,0CADA,8BAEA,GAAAS,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,8YAtB3BL,EAAA,EAAEY,EAAajB,SAAAA,oBACfK,EAAA,EAAEa,EAAgBpB,SAAAA,kBAChBF,EACCM,EAAaiB,SAAS,eAAc,IACpCjB,EAAaiB,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,sCAwDGpB,QAwBNA,4CAlDJX,EAAIgC"}
+{"version":3,"file":"Layer.js","sources":["../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    onMount,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { LayerPosition } from './layer.types';\n  export let title: string;\n  export let isopen: boolean;\n  export let position: LayerPosition = 'right';\n  export let extended: boolean;\n  export let scrollbaredge: boolean;\n  export let closebuttontext = 'Close';\n  export let iconname: string | undefined = undefined;\n  export let hidefooter: boolean;\n  export let arialabelledby = 'LayerTitle';\n\n  $: hideFooter = hidefooter ?? false;\n  $: scrollbarEdge = scrollbaredge ?? false;\n  $: isopen\n    ? eventHandler.dispatch('layer-opened', {})\n    : eventHandler.dispatch('layer-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  onMount(() => {\n    const body = root.querySelector('.mc-layer__body');\n    const content = root.querySelector('.mc-layer__content');\n    const overflowingClass = !scrollbaredge\n      ? 'mc-layer__body--overflowing'\n      : 'mc-layer__body--overflowing-scroll-edge';\n    if (body && content) {\n      const bodyHeight = body.clientHeight;\n      const contentHeight = content.scrollHeight;\n\n      if (contentHeight > bodyHeight) {\n        body.classList.add(overflowingClass);\n      } else {\n        body.classList.remove(overflowingClass);\n      }\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n\n  function generateIconName(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-layer\"\n    class:mc-layer--ltr={position === 'left'}\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby={arialabelledby}\n    aria-modal=\"true\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div\n      class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n        ? ' mc-layer__dialog--extend'\n        : ''}\"\n      role=\"document\"\n    >\n      <div class=\"mc-layer__header\">\n        {#if iconname}\n          <span class=\"mc-layer__icon\">\n            {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n          </span>\n        {/if}\n        <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n        <button\n          class=\"mc-layer__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n        </button>\n      </div>\n      <main\n        class=\"mc-layer__body\"\n        class:mc-layer__body--overflowing-scroll-edge={scrollbarEdge}\n      >\n        <article class=\"mc-layer__content\">\n          <slot name=\"content\" />\n        </article>\n      </main>\n      {#if !hideFooter}\n        <footer class=\"mc-layer__footer\">\n          <slot name=\"footer\" />\n        </footer>\n      {/if}\n    </div>\n  </div>\n  <div\n    class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    on:click={() => onClose()}\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","footer","create_if_block_1","create_if_block","toggle_class","div2","div4","append","div1","div0","h2","button","main","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","position","extended","scrollbaredge","closebuttontext","hidefooter","arialabelledby","eventHandler","EventHandler","get_current_component","createEventDispatcher","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","hideFooter","scrollbarEdge","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"mSA+EuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,kJAqBxCG,EAEQC,EAAAK,EAAAH,iFAzBHJ,EAAQ,IAAAQ,EAAAR,MAsBTA,EAAU,KAAAS,6EAlCDT,EAAc,4CAEjBA,EAAM,IAChBA,EAAU,qIAc6CA,EAAK,wCAMtBA,EAAe,2ZAKNA,EAAa,uCAtBrCA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,mCAXeU,EAAAC,EAAA,gBAAa,SAAbX,yCA6CIA,EAAM,GAAG,cAAgB,uDAhDtDC,EAqDKC,EAAAU,EAAAR,GApDHS,EA6CKD,EAAAD,GAnCHE,EAkCKF,EAAAG,GA5BHD,EAcKC,EAAAC,yBARHF,EAAiEE,EAAAC,iBACjEH,EAMQE,EAAAE,GADNJ,EAA0DI,EAAAd,iBAG9DU,EAOMC,EAAAI,gCAQVL,EAKCD,EAAAO,0EAlCUnB,EAAQ,kEAK0CA,EAAK,cAMtBA,EAAe,yDAKNA,EAAa,IAMxDA,EAAU,qFA5BSA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,4GARWA,EAAc,uCAEjBA,EAAM,KAAA,CAAA,cAAAoB,UAChBpB,EAAU,MANOU,EAAAC,EAAA,gBAAa,SAAbX,uCA6CIA,EAAM,GAAG,cAAgB,qFArD3C,SAAAD,EAAiBsB,YACdA,8KA5BRC,kBAjBOC,GAAaC,UACbC,GAAeD,GACfE,SAAAA,EAA0B,SAAOF,YACjCG,GAAiBH,iBACjBI,GAAsBJ,GACtBK,gBAAAA,EAAkB,SAAOL,GACzBH,SAAAA,GAAwCG,cACxCM,GAAmBN,GACnBO,eAAAA,EAAiB,cAAYP,EAUpCQ,EAAmB,IAAAC,EACrBC,IACAC,cAoBOC,IACPC,EAAA,EAAAZ,GAAS,GAnBXa,GAAO,KACC,MAAAC,EAAOjB,EAAKkB,cAAc,mBAC1BC,EAAUnB,EAAKkB,cAAc,sBAC7BE,EAAoBd,EAEtB,0CADA,8BAEA,GAAAW,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,gbAzB3BL,EAAA,GAAEY,EAAanB,SAAAA,oBACfO,EAAA,EAAEa,EAAgBtB,SAAAA,kBAChBH,EACCO,EAAamB,SAAS,eAAc,IACpCnB,EAAamB,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,wCA4DGpB,QAwBNA,4CAnDJd,EAAImC"}

package/public/components/layer/Layer.svelte

@@ -1,10 +1,16 @@
 <svelte:options tag={null} />
 
 <script lang="ts">
-  import { onMount } from 'svelte/internal';
+  import {
+    get_current_component,
+    onMount,
+    createEventDispatcher,
+  } from 'svelte/internal';
   import { EventHandler } from '../../utilities/EventHandler';
+  import type { LayerPosition } from './layer.types';
   export let title: string;
   export let isopen: boolean;
+  export let position: LayerPosition = 'right';
   export let extended: boolean;
   export let scrollbaredge: boolean;
   export let closebuttontext = 'Close';
@@ -20,7 +26,10 @@
   $: attributes = { ...$$restProps };
   $: delete attributes.class;
   let root: HTMLElement;
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   onMount(() => {
     const body = root.querySelector('.mc-layer__body');
     const content = root.querySelector('.mc-layer__content');
@@ -51,6 +60,7 @@
 <div bind:this={root}>
   <div
     class="mc-layer"
+    class:mc-layer--ltr={position === 'left'}
     tabindex="-1"
     role="dialog"
     aria-labelledby={arialabelledby}

package/public/components/layer/layer.types.d.ts

@@ -0,0 +1,2 @@
+export type LayerPosition = 'left' | 'right';
+//# sourceMappingURL=layer.types.d.ts.map

package/public/components/layer/layer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.types.d.ts","sourceRoot":"","sources":["../../../src/components/layer/layer.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC"}

package/public/components/linechart/LineChart.svelte

@@ -22,6 +22,10 @@
   } from 'd3';
   import type { LineData, LinePoint, SymbolType } from './line-chart.types';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
 
   export let data = '';
   export let backgroundcolor = '#fff';
@@ -32,7 +36,10 @@
 
   let _data: string;
   let hasMounted = false;
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   let parsedData: LineData[];
 
   $: parsedData = data ? (JSON.parse(data) as LineData[]) : ([] as LineData[]);

package/public/components/link/Link.js

@@ -1,2 +1,2 @@
-import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,K as f,l as k,X as b,m as p,o as g,M as u,p as x,r as $,q as v,g as w,R as y}from"../../index-52f16292.js";import{c as z}from"../../EventForward-422700d7.js";function _(e){let i,t,s=`<${H(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=L(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${H(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=L(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${H(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=L(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${H(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=L(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function M(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],M={};for(let e=0;e<z.length;e+=1)M=r(M,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,M)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],M.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,M=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function H(e){return`${e} size="1rem"`}function L(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},C,M,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
+import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,K as f,l as k,X as b,m as p,o as g,M as u,p as x,q as $,u as v,g as w,R as y}from"../../index-9ffad6d0.js";import{c as z}from"../../EventForward-24fc0272.js";function _(e){let i,t,s=`<${H(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=L(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${H(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=L(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${H(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=L(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${H(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=L(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function M(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],M={};for(let e=0;e<z.length;e+=1)M=r(M,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,M)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],M.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,M=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function H(e){return`${e} size="1rem"`}function L(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},C,M,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
 //# sourceMappingURL=Link.js.map

package/public/components/link/Link.nested.js

@@ -0,0 +1,2 @@
+import{E as e,i,s as l,F as s,c as t,e as n,d as o,t as r,h as f,v as c,b as a,j as m,K as x,l as d,X as v,m as h,n as z,o as k,M as q,p as b,q as p,u as g,g as u,T as w,R as y}from"../../index-9ffad6d0.js";import{c as $}from"../../EventForward-24fc0272.js";function _(e){s(e,"svelte-1fxz2qf",'.mc-link.svelte-1fxz2qf{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-1fxz2qf:focus{outline:none}.mc-link.svelte-1fxz2qf:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited.svelte-1fxz2qf,.mc-link.svelte-1fxz2qf:visited{color:#333333}.mc-link.is-hover.svelte-1fxz2qf,.mc-link.svelte-1fxz2qf:hover{color:#666666}.mc-link.is-active.svelte-1fxz2qf,.mc-link.svelte-1fxz2qf:active{color:#333333}.mc-link.is-disabled.svelte-1fxz2qf{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1fxz2qf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1fxz2qf{font-size:1rem;line-height:1.375}.mc-link.svelte-1fxz2qf::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-1fxz2qf{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1fxz2qf{color:#ffffff}.mc-link--light.is-visited.svelte-1fxz2qf,.mc-link--light.svelte-1fxz2qf:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1fxz2qf,.mc-link--light.svelte-1fxz2qf:hover{color:#999999}.mc-link--light.is-active.svelte-1fxz2qf,.mc-link--light.svelte-1fxz2qf:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1fxz2qf{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1fxz2qf{color:#188803}.mc-link--primary.is-visited.svelte-1fxz2qf,.mc-link--primary.svelte-1fxz2qf:visited{color:#006902}.mc-link--primary.is-hover.svelte-1fxz2qf,.mc-link--primary.svelte-1fxz2qf:hover{color:#035010}.mc-link--primary.is-active.svelte-1fxz2qf,.mc-link--primary.svelte-1fxz2qf:active{color:#006902}.mc-link--primary.is-disabled.svelte-1fxz2qf{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1fxz2qf{color:#494f60}.mc-link--primary-02.is-visited.svelte-1fxz2qf,.mc-link--primary-02.svelte-1fxz2qf:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-1fxz2qf,.mc-link--primary-02.svelte-1fxz2qf:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-1fxz2qf,.mc-link--primary-02.svelte-1fxz2qf:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-1fxz2qf{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1fxz2qf{color:#c61112}.mc-link--danger.is-visited.svelte-1fxz2qf,.mc-link--danger.svelte-1fxz2qf:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1fxz2qf,.mc-link--danger.svelte-1fxz2qf:hover{color:#530000}.mc-link--danger.is-active.svelte-1fxz2qf,.mc-link--danger.svelte-1fxz2qf:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1fxz2qf{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1fxz2qf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1fxz2qf{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1fxz2qf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1fxz2qf{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1fxz2qf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1fxz2qf{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1fxz2qf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1fxz2qf{font-size:1rem;line-height:1.375}}')}function j(e){let i,l,s=`<${H(e[6])} />`;return{c(){i=n("span"),u(i,"class",l=w(L(e[7]))+" svelte-1fxz2qf")},m(e,l){a(e,i,l),i.innerHTML=s},p(e,t){64&t&&s!==(s=`<${H(e[6])} />`)&&(i.innerHTML=s),128&t&&l!==(l=w(L(e[7]))+" svelte-1fxz2qf")&&u(i,"class",l)},d(e){e&&k(i)}}}function M(e){let i,l,s=`<${H(e[6])} />`;return{c(){i=n("span"),u(i,"class",l=w(L(e[7]))+" svelte-1fxz2qf")},m(e,l){a(e,i,l),i.innerHTML=s},p(e,t){64&t&&s!==(s=`<${H(e[6])} />`)&&(i.innerHTML=s),128&t&&l!==(l=w(L(e[7]))+" svelte-1fxz2qf")&&u(i,"class",l)},d(e){e&&k(i)}}}function T(e){let i,l,s,b,p,g,u,w=e[6]&&"left"===e[7]&&j(e),y=e[6]&&"right"===e[7]&&M(e),$=[{href:e[1]},{target:e[2]},{class:p=E(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],_={};for(let e=0;e<$.length;e+=1)_=t(_,$[e]);return{c(){i=n("a"),w&&w.c(),l=o(),s=r(e[0]),b=o(),y&&y.c(),f(i,_),c(i,"svelte-1fxz2qf",!0)},m(t,n){a(t,i,n),w&&w.m(i,null),m(i,l),m(i,s),m(i,b),y&&y.m(i,null),g||(u=[x(e[10].call(null,i)),d(i,"click",e[11])],g=!0)},p(e,[t]){e[6]&&"left"===e[7]?w?w.p(e,t):(w=j(e),w.c(),w.m(i,l)):w&&(w.d(1),w=null),1&t&&v(s,e[0],_.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,t):(y=M(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),f(i,_=h($,[2&t&&{href:e[1]},4&t&&{target:e[2]},568&t&&p!==(p=E(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:p},256&t&&e[8]])),c(i,"svelte-1fxz2qf",!0)},i:z,o:z,d(e){e&&k(i),w&&w.d(),y&&y.d(),g=!1,q(u)}}}function H(e){return`${e} size="1rem"`}function L(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function E(e,i){const l=["mc-link"];return e&&l.push(`mc-link--${e}`),i&&l.push(`mc-link--${i}`),l.join(" ")}function F(e,i,l){let s,n;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let r=b(i,o),{label:f}=i,{href:c}=i,{target:a}=i,{theme:m}=i,{disabled:x=!1}=i,{size:d="m"}=i,{iconname:v}=i,{iconposition:h}=i;const z=$(p());return e.$$set=e=>{l(13,i=t(t({},i),g(e))),l(12,r=b(i,o)),"label"in e&&l(0,f=e.label),"href"in e&&l(1,c=e.href),"target"in e&&l(2,a=e.target),"theme"in e&&l(3,m=e.theme),"disabled"in e&&l(4,x=e.disabled),"size"in e&&l(5,d=e.size),"iconname"in e&&l(6,v=e.iconname),"iconposition"in e&&l(7,h=e.iconposition)},e.$$.update=()=>{l(9,s=i.class),l(8,n=Object.assign({},r)),256&e.$$.dirty&&delete n.class},i=g(i),[f,c,a,m,x,d,v,h,n,s,z,function(i){y.call(this,e,i)}]}class C extends e{constructor(e){super(),i(this,e,F,T,l,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},_)}}export{C as default};
+//# sourceMappingURL=Link.nested.js.map

package/public/components/link/Link.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.nested.js","sources":["../../../src/components/link/Link.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let label: string;\n  export let href: string;\n  export let target: string;\n  export let theme: LinkTheme = undefined;\n  export let disabled = false;\n  export let size: LinkSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconposition: LinkIconPosition | undefined = undefined;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName} size=\"1rem\"`;\n  }\n\n  function generateIconClass(iconposition: string): string {\n    const classes = ['mc-link__icon'];\n\n    if (iconposition === 'left') {\n      classes.push('mc-link__icon--left');\n    }\n\n    if (iconposition === 'right') {\n      classes.push('mc-link__icon--right');\n    }\n    return classes.join(' ');\n  }\n\n  function setClasses(theme: LinkTheme, size: LinkSize): string {\n    const classes = ['mc-link'];\n\n    if (theme) {\n      classes.push(`mc-link--${theme}`);\n    }\n    if (size) {\n      classes.push(`mc-link--${size}`);\n    }\n    return classes.join(' ');\n  }\n</script>\n\n<a\n  use:forwardEvents\n  on:click\n  {href}\n  {target}\n  class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n  {...attributes}\n>\n  {#if iconname && iconposition === 'left'}\n    <span class={generateIconClass(iconposition)}>\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n\n  {label}\n\n  {#if iconname && iconposition === 'right'}\n    <span class={generateIconClass(iconposition)}>\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n</a>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["raw_value","generateIconName","ctx","attr","span","span_class_value","null_to_empty","generateIconClass","insert","target","anchor","dirty","innerHTML","create_if_block_1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"o3IA6DiBA,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAkBL,EAAY,KAAA,2BAA3CM,EAEMC,EAAAL,EAAAM,yBADO,GAAAC,GAAAX,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAQ,UAAAZ,GADzB,IAAAW,GAAAN,KAAAA,EAAAC,EAAAC,EAAkBL,EAAY,KAAA,yEAS9BF,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAkBL,EAAY,KAAA,2BAA3CM,EAEMC,EAAAL,EAAAM,yBADO,GAAAC,GAAAX,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAQ,UAAAZ,GADzB,IAAAW,GAAAN,KAAAA,EAAAC,EAAAC,EAAkBL,EAAY,KAAA,qFATxCA,EAAQ,IAAqB,SAAjBA,EAAY,IAAWW,EAAAX,KAQnCA,EAAQ,IAAqB,UAAjBA,EAAY,IAAYY,EAAAZ,yCAXjCa,EAAWb,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAQbA,EAAK,2DAdRM,EAqBGC,EAAAO,EAAAN,uHAbIR,EAAQ,IAAqB,SAAjBA,EAAY,kEAM5BA,EAAK,GAAAe,EAAA,iBAEDf,EAAQ,IAAqB,UAAjBA,EAAY,yHAXrBa,EAAWb,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAAgB,MAAAC,UACvEjB,EAAU,mFApCL,SAAAD,EAAiBmB,YACdA,gBAGH,SAAAb,EAAkBc,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,yIAzCXG,GAAaC,QACbC,GAAYD,UACZnB,GAAcmB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}

package/public/components/link/Link.nested.svelte

@@ -0,0 +1,78 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';
+  import { createEventForwarder } from '../../utilities/EventForward';
+  export let label: string;
+  export let href: string;
+  export let target: string;
+  export let theme: LinkTheme = undefined;
+  export let disabled = false;
+  export let size: LinkSize = 'm';
+  export let iconname: string | undefined = undefined;
+  export let iconposition: LinkIconPosition | undefined = undefined;
+
+  const forwardEvents = createEventForwarder(get_current_component());
+
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function generateIconName(iconName: string): string {
+    return `${iconName} size="1rem"`;
+  }
+
+  function generateIconClass(iconposition: string): string {
+    const classes = ['mc-link__icon'];
+
+    if (iconposition === 'left') {
+      classes.push('mc-link__icon--left');
+    }
+
+    if (iconposition === 'right') {
+      classes.push('mc-link__icon--right');
+    }
+    return classes.join(' ');
+  }
+
+  function setClasses(theme: LinkTheme, size: LinkSize): string {
+    const classes = ['mc-link'];
+
+    if (theme) {
+      classes.push(`mc-link--${theme}`);
+    }
+    if (size) {
+      classes.push(`mc-link--${size}`);
+    }
+    return classes.join(' ');
+  }
+</script>
+
+<a
+  use:forwardEvents
+  on:click
+  {href}
+  {target}
+  class="{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}"
+  {...attributes}
+>
+  {#if iconname && iconposition === 'left'}
+    <span class={generateIconClass(iconposition)}>
+      {@html `<${generateIconName(iconname)} />`}
+    </span>
+  {/if}
+
+  {label}
+
+  {#if iconname && iconposition === 'right'}
+    <span class={generateIconClass(iconposition)}>
+      {@html `<${generateIconName(iconname)} />`}
+    </span>
+  {/if}
+</a>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.links';
+</style>

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"}