@mozaic-ds/web-components 0.13.0 → 0.14.0

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

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

package/public/components/listbox/Listbox.svelte

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

package/public/components/loader/Loader.js

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

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

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

package/public/components/menu/Menu.js

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

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

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

package/public/components/menu/Menu.svelte

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

package/public/components/modal/Modal.js

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

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

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

package/public/components/modal/Modal.svelte

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

package/public/components/notification/Notification.js

@@ -1,2 +1,2 @@
-import{S as i,i as e,a as t,b as o,f as n,s as a,c as s,e as r,d as l,n as c,g as m,h as d,j as f,m as h,o as g,p as b,q as x,P as w,l as p,Z as k,t as u,k as v}from"../../index-52f16292.js";import{E as y}from"../../EventHandler-f4efd23c.js";function $(i){let e,t,n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`;return{c(){e=new k(!1),t=w(),e.a=t},m(i,a){e.m(n,i,a),o(i,t,a)},p(i,t){3&t&&n!==(n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`)&&e.p(n)},d(i){i&&g(t),i&&e.d()}}}function C(i){let e;return{c(){e=r("div"),e.innerHTML='<slot name="footer"></slot>',m(e,"class","mc-notification__footer")},m(i,t){o(i,e,t)},p:c,d(i){i&&g(e)}}}function E(i){let e,t,n;return{c(){e=r("div"),t=r("a"),n=u(i[4]),m(t,"class","mc-notification__link mc-link"),m(t,"href",i[3]),m(e,"class","mc-notification__footer")},m(i,a){o(i,e,a),f(e,t),f(t,n)},p(i,e){16&e&&v(n,i[4]),8&e&&m(t,"href",i[3])},d(i){i&&g(e)}}}function z(i){let e,t,n;return{c(){e=r("button"),m(e,"type","button"),m(e,"class","mc-notification-closable__close"),m(e,"title","Close")},m(a,s){o(a,e,s),t||(n=p(e,"click",i[10]),t=!0)},p:c,d(i){i&&g(e),t=!1,n()}}}function _(i){let e,t,n,a,b,x,w,p,k=i[0]&&$(i);function u(i,e){return i[3]&&i[4]?E:i[8]?C:void 0}let v=u(i),y=v&&v(i),_=i[6]&&z(i),A=[{class:w=M(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],Z={};for(let i=0;i<A.length;i+=1)Z=s(Z,A[i]);return{c(){e=r("div"),t=r("div"),k&&k.c(),n=l(),a=r("div"),a.innerHTML="<slot></slot>",b=l(),y&&y.c(),x=l(),_&&_.c(),this.c=c,m(a,"class","mc-notification__message"),m(t,"class","mc-notification__content"),d(e,Z)},m(i,s){o(i,e,s),f(e,t),k&&k.m(t,null),f(t,n),f(t,a),f(t,b),y&&y.m(t,null),f(e,x),_&&_.m(e,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=$(i),k.c(),k.m(t,n)):k&&(k.d(1),k=null),v===(v=u(i))&&y?y.p(i,o):(y&&y.d(1),y=v&&v(i),y&&(y.c(),y.m(t,null))),i[6]?_?_.p(i,o):(_=z(i),_.c(),_.m(e,null)):_&&(_.d(1),_=null),d(e,Z=h(A,[2272&o&&w!==(w=M(i[5],i[7],i[6])+" "+i[11].class)&&{class:w},4&o&&p!==(p=i[2]?"alert":"status")&&{role:p},512&o&&i[9]]))},i:c,o:c,d(i){i&&g(e),k&&k.d(),y&&y.d(),_&&_.d()}}}function M(i,e,t){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),e&&"m"!==e&&o.push(`mc-notification--${e}`),t&&o.push("mc-notification-closable"),o.join(" ")}function A(i,e,t){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(e,n),{title:r}=e,{titletag:l="h3"}=e,{alert:c=!1}=e,{href:m}=e,{linkcontent:d}=e,{type:f}=e,{closable:h=!1}=e,{size:g="m"}=e,{hasfooter:w=!1}=e,p=new y;return i.$$set=i=>{t(11,e=s(s({},e),x(i))),t(13,a=b(e,n)),"title"in i&&t(0,r=i.title),"titletag"in i&&t(1,l=i.titletag),"alert"in i&&t(2,c=i.alert),"href"in i&&t(3,m=i.href),"linkcontent"in i&&t(4,d=i.linkcontent),"type"in i&&t(5,f=i.type),"closable"in i&&t(6,h=i.closable),"size"in i&&t(7,g=i.size),"hasfooter"in i&&t(8,w=i.hasfooter)},i.$$.update=()=>{t(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},e=x(e),[r,l,c,m,d,f,h,g,w,o,function(i){p.dispatch("close",i)},e]}class Z extends i{constructor(i){super();const s=document.createElement("style");s.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-notification{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__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-notification-closable__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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}",this.shadowRoot.appendChild(s),e(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},A,_,a,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{Z as default};
+import{S as i,i as e,a as t,b as o,f as n,s as a,c as s,e as r,d as l,n as c,g as m,h as d,j as f,m as h,o as g,p as b,q as x,r as w,u as p,P as k,l as u,Z as v,t as y,k as $}from"../../index-9ffad6d0.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function E(i){let e,t,n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`;return{c(){e=new v(!1),t=k(),e.a=t},m(i,a){e.m(n,i,a),o(i,t,a)},p(i,t){3&t&&n!==(n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`)&&e.p(n)},d(i){i&&g(t),i&&e.d()}}}function z(i){let e;return{c(){e=r("div"),e.innerHTML='<slot name="footer"></slot>',m(e,"class","mc-notification__footer")},m(i,t){o(i,e,t)},p:c,d(i){i&&g(e)}}}function _(i){let e,t,n;return{c(){e=r("div"),t=r("a"),n=y(i[4]),m(t,"class","mc-notification__link mc-link"),m(t,"href",i[3]),m(e,"class","mc-notification__footer")},m(i,a){o(i,e,a),f(e,t),f(t,n)},p(i,e){16&e&&$(n,i[4]),8&e&&m(t,"href",i[3])},d(i){i&&g(e)}}}function M(i){let e,t,n;return{c(){e=r("button"),m(e,"type","button"),m(e,"class","mc-notification-closable__close"),m(e,"title","Close")},m(a,s){o(a,e,s),t||(n=u(e,"click",i[10]),t=!0)},p:c,d(i){i&&g(e),t=!1,n()}}}function A(i){let e,t,n,a,b,x,w,p,k=i[0]&&E(i);function u(i,e){return i[3]&&i[4]?_:i[8]?z:void 0}let v=u(i),y=v&&v(i),$=i[6]&&M(i),C=[{class:w=Z(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],A={};for(let i=0;i<C.length;i+=1)A=s(A,C[i]);return{c(){e=r("div"),t=r("div"),k&&k.c(),n=l(),a=r("div"),a.innerHTML="<slot></slot>",b=l(),y&&y.c(),x=l(),$&&$.c(),this.c=c,m(a,"class","mc-notification__message"),m(t,"class","mc-notification__content"),d(e,A)},m(i,s){o(i,e,s),f(e,t),k&&k.m(t,null),f(t,n),f(t,a),f(t,b),y&&y.m(t,null),f(e,x),$&&$.m(e,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=E(i),k.c(),k.m(t,n)):k&&(k.d(1),k=null),v===(v=u(i))&&y?y.p(i,o):(y&&y.d(1),y=v&&v(i),y&&(y.c(),y.m(t,null))),i[6]?$?$.p(i,o):($=M(i),$.c(),$.m(e,null)):$&&($.d(1),$=null),d(e,A=h(C,[2272&o&&w!==(w=Z(i[5],i[7],i[6])+" "+i[11].class)&&{class:w},4&o&&p!==(p=i[2]?"alert":"status")&&{role:p},512&o&&i[9]]))},i:c,o:c,d(i){i&&g(e),k&&k.d(),y&&y.d(),$&&$.d()}}}function Z(i,e,t){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),e&&"m"!==e&&o.push(`mc-notification--${e}`),t&&o.push("mc-notification-closable"),o.join(" ")}function L(i,e,t){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(e,n),{title:r}=e,{titletag:l="h3"}=e,{alert:c=!1}=e,{href:m}=e,{linkcontent:d}=e,{type:f}=e,{closable:h=!1}=e,{size:g="m"}=e,{hasfooter:k=!1}=e,u=new C(x(),w());return i.$$set=i=>{t(11,e=s(s({},e),p(i))),t(13,a=b(e,n)),"title"in i&&t(0,r=i.title),"titletag"in i&&t(1,l=i.titletag),"alert"in i&&t(2,c=i.alert),"href"in i&&t(3,m=i.href),"linkcontent"in i&&t(4,d=i.linkcontent),"type"in i&&t(5,f=i.type),"closable"in i&&t(6,h=i.closable),"size"in i&&t(7,g=i.size),"hasfooter"in i&&t(8,k=i.hasfooter)},i.$$.update=()=>{t(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},e=p(e),[r,l,c,m,d,f,h,g,k,o,function(i){u.dispatch("close",i)},e]}class B extends i{constructor(i){super();const s=document.createElement("style");s.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-notification{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__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-notification-closable__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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}",this.shadowRoot.appendChild(s),e(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},L,A,a,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{B as default};
 //# sourceMappingURL=Notification.js.map

package/public/components/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/components/notification/Notification.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type {\n    NotificationTitleTag,\n    NotificationType,\n    NotificationSize,\n  } from './notification.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let title: string;\n  export let titletag: NotificationTitleTag = 'h3';\n  export let alert = false;\n  export let href: string;\n  export let linkcontent: string;\n  export let type: NotificationType;\n  export let closable = false;\n  export let size: NotificationSize = 'm';\n  export let hasfooter = false;\n\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function setClasses(\n    type: NotificationType,\n    size: NotificationSize,\n    closable: boolean,\n  ): string {\n    const classes = ['mc-notification'];\n\n    if (type) {\n      classes.push(`mc-notification--${type}`);\n    }\n\n    if (size && size !== 'm') {\n      classes.push(`mc-notification--${size}`);\n    }\n\n    if (closable) {\n      classes.push('mc-notification-closable');\n    }\n\n    return classes.join(' ');\n  }\n\n  function emitClose(e: CustomEventInit): void {\n    eventHandler.dispatch('close', e);\n  }\n</script>\n\n<div\n  class=\"{setClasses(type, size, closable)} {$$props.class}\"\n  role={alert ? 'alert' : 'status'}\n  {...attributes}\n>\n  <div class=\"mc-notification__content\">\n    {#if title}\n      {@html `<${titletag} class=\"mc-notification__title\">${title}</${titletag}>`}\n    {/if}\n    <div class=\"mc-notification__message\">\n      <slot />\n    </div>\n    {#if href && linkcontent}\n      <div class=\"mc-notification__footer\">\n        <a class=\"mc-notification__link mc-link\" {href}>{linkcontent}</a>\n      </div>\n    {:else if hasfooter}\n      <div class=\"mc-notification__footer\">\n        <slot name=\"footer\" />\n      </div>\n    {/if}\n  </div>\n  {#if closable}\n    <button\n      type=\"button\"\n      class=\"mc-notification-closable__close\"\n      title=\"Close\"\n      on:click={emitClose}\n    />\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.notification';\n</style>\n"],"names":["ctx","html_tag","p","raw_value","insert","target","div","anchor","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","class","div2","div1","div0","div2_class_value","role","div2_role_value","type","size","closable","classes","push","join","title","$$props","titletag","alert","href","linkcontent","hasfooter","eventHandler","EventHandler","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"8QA2DiBA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,6FAA7DA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,QAAAC,EAAAC,EAAAC,+JAUxEC,EAEKC,EAAAC,EAAAC,kFAL8CP,EAAW,iHAD9DI,EAEKC,EAAAC,EAAAC,GADHC,EAAgEF,EAAAG,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAH,qBADWP,EAAS,4EArBhBA,EAAK,IAAAW,EAAAX,mBAML,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,eAC7ChB,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EA8BKC,EAAAY,EAAAV,GAzBHC,EAgBKS,EAAAC,yBAZHV,EAEKU,EAAAC,yDALAnB,EAAK,+HAgBPA,EAAQ,sFArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,QAAK,CAAAA,MAAAI,eAClDpB,EAAK,GAAG,QAAU,WAAQ,CAAAqB,KAAAC,UAC5BtB,EAAU,yDA9BL,SAAAe,EACPQ,EACAC,EACAC,GAEM,MAAAC,GAAW,0BAEbH,GACFG,EAAQC,KAAI,oBAAqBJ,KAG/BC,GAAiB,MAATA,GACVE,EAAQC,KAAI,oBAAqBH,KAG/BC,GACFC,EAAQC,KAAK,4BAGRD,EAAQE,KAAK,gJAlCXC,GAAaC,GACbC,SAAAA,EAAiC,MAAID,GACrCE,MAAAA,GAAQ,GAAKF,QACbG,GAAYH,eACZI,GAAmBJ,QACnBP,GAAsBO,GACtBL,SAAAA,GAAW,GAAKK,GAChBN,KAAAA,EAAyB,KAAGM,GAC5BK,UAAAA,GAAY,GAAKL,EAKxBM,MAAmBC,wWAHpBC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWtB,mCA0BZ,SAAU0B,GACjBN,EAAaO,SAAS,QAASD"}
+{"version":3,"file":"Notification.js","sources":["../../../src/components/notification/Notification.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type {\n    NotificationTitleTag,\n    NotificationType,\n    NotificationSize,\n  } from './notification.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let title: string;\n  export let titletag: NotificationTitleTag = 'h3';\n  export let alert = false;\n  export let href: string;\n  export let linkcontent: string;\n  export let type: NotificationType;\n  export let closable = false;\n  export let size: NotificationSize = 'm';\n  export let hasfooter = false;\n\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function setClasses(\n    type: NotificationType,\n    size: NotificationSize,\n    closable: boolean,\n  ): string {\n    const classes = ['mc-notification'];\n\n    if (type) {\n      classes.push(`mc-notification--${type}`);\n    }\n\n    if (size && size !== 'm') {\n      classes.push(`mc-notification--${size}`);\n    }\n\n    if (closable) {\n      classes.push('mc-notification-closable');\n    }\n\n    return classes.join(' ');\n  }\n\n  function emitClose(e: CustomEventInit): void {\n    eventHandler.dispatch('close', e);\n  }\n</script>\n\n<div\n  class=\"{setClasses(type, size, closable)} {$$props.class}\"\n  role={alert ? 'alert' : 'status'}\n  {...attributes}\n>\n  <div class=\"mc-notification__content\">\n    {#if title}\n      {@html `<${titletag} class=\"mc-notification__title\">${title}</${titletag}>`}\n    {/if}\n    <div class=\"mc-notification__message\">\n      <slot />\n    </div>\n    {#if href && linkcontent}\n      <div class=\"mc-notification__footer\">\n        <a class=\"mc-notification__link mc-link\" {href}>{linkcontent}</a>\n      </div>\n    {:else if hasfooter}\n      <div class=\"mc-notification__footer\">\n        <slot name=\"footer\" />\n      </div>\n    {/if}\n  </div>\n  {#if closable}\n    <button\n      type=\"button\"\n      class=\"mc-notification-closable__close\"\n      title=\"Close\"\n      on:click={emitClose}\n    />\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.notification';\n</style>\n"],"names":["ctx","html_tag","p","raw_value","insert","target","div","anchor","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","class","div2","div1","div0","div2_class_value","role","div2_role_value","type","size","closable","classes","push","join","title","$$props","titletag","alert","href","linkcontent","hasfooter","eventHandler","EventHandler","get_current_component","createEventDispatcher","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"4RAkEiBA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,6FAA7DA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,QAAAC,EAAAC,EAAAC,+JAUxEC,EAEKC,EAAAC,EAAAC,kFAL8CP,EAAW,iHAD9DI,EAEKC,EAAAC,EAAAC,GADHC,EAAgEF,EAAAG,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAH,qBADWP,EAAS,4EArBhBA,EAAK,IAAAW,EAAAX,mBAML,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,eAC7ChB,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EA8BKC,EAAAY,EAAAV,GAzBHC,EAgBKS,EAAAC,yBAZHV,EAEKU,EAAAC,yDALAnB,EAAK,+HAgBPA,EAAQ,sFArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,QAAK,CAAAA,MAAAI,eAClDpB,EAAK,GAAG,QAAU,WAAQ,CAAAqB,KAAAC,UAC5BtB,EAAU,yDA9BL,SAAAe,EACPQ,EACAC,EACAC,GAEM,MAAAC,GAAW,0BAEbH,GACFG,EAAQC,KAAI,oBAAqBJ,KAG/BC,GAAiB,MAATA,GACVE,EAAQC,KAAI,oBAAqBH,KAG/BC,GACFC,EAAQC,KAAK,4BAGRD,EAAQE,KAAK,gJArCXC,GAAaC,GACbC,SAAAA,EAAiC,MAAID,GACrCE,MAAAA,GAAQ,GAAKF,QACbG,GAAYH,eACZI,GAAmBJ,QACnBP,GAAsBO,GACtBL,SAAAA,GAAW,GAAKK,GAChBN,KAAAA,EAAyB,KAAGM,GAC5BK,UAAAA,GAAY,GAAKL,EAKxBM,EAAmB,IAAAC,EACrBC,IACAC,2WALCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWxB,mCA6BZ,SAAU4B,GACjBR,EAAaS,SAAS,QAASD"}

package/public/components/notification/Notification.svelte

@@ -7,6 +7,10 @@
     NotificationSize,
   } from './notification.types';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
 
   export let title: string;
   export let titletag: NotificationTitleTag = 'h3';
@@ -21,7 +25,10 @@
   $: attributes = { ...$$restProps };
   $: delete attributes.class;
 
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
 
   function setClasses(
     type: NotificationType,

package/public/components/optionbutton/OptionButton.js

@@ -1,2 +1,2 @@
-import{S as t,i as o,a as e,b as s,f as n,s as i,c as a,e as c,n as r,h as l,m as d,o as b,O as p,p as u,r as h,q as f,d as m,t as x,g as w,v as g,j as k,K as _,l as y,k as $,M as j}from"../../index-52f16292.js";import{c as v}from"../../EventForward-422700d7.js";import{E}from"../../EventHandler-f4efd23c.js";function O(t,o,e){const s=t.slice();return s[12]=o[e],s}function C(t){let o,e,n,i,a,r,l,d,p,u,h,f,v=t[12].label+"";function E(){return t[8](t[12])}return{c(){o=c("div"),e=c("input"),r=m(),l=c("label"),d=x(v),u=m(),w(e,"id",n=t[12].id),w(e,"type","radio"),w(e,"class","mc-option-button__input"),w(e,"name",i=t[12].name),e.checked=t[0],e.disabled=a=t[12].disabled,w(l,"for",p=t[12].id),w(l,"class","mc-option-button__label"),w(o,"class","mc-option-button"),g(o,"mc-option-button--full",t[12].fullwidth)},m(n,i){s(n,o,i),k(o,e),k(o,r),k(o,l),k(l,d),k(o,u),h||(f=[_(t[5].call(null,e)),y(e,"change",E)],h=!0)},p(s,c){t=s,16&c&&n!==(n=t[12].id)&&w(e,"id",n),16&c&&i!==(i=t[12].name)&&w(e,"name",i),1&c&&(e.checked=t[0]),16&c&&a!==(a=t[12].disabled)&&(e.disabled=a),16&c&&v!==(v=t[12].label+"")&&$(d,v),16&c&&p!==(p=t[12].id)&&w(l,"for",p),16&c&&g(o,"mc-option-button--full",t[12].fullwidth)},d(t){t&&b(o),h=!1,j(f)}}}function M(t){let o,e,n,i=t[4],u=[];for(let o=0;o<i.length;o+=1)u[o]=C(O(t,i,o));let h=[{class:e="mc-option-group "+t[3]},t[2],{style:n=`justify-content:${t[1]}`}],f={};for(let t=0;t<h.length;t+=1)f=a(f,h[t]);return{c(){o=c("div");for(let t=0;t<u.length;t+=1)u[t].c();this.c=r,l(o,f)},m(t,e){s(t,o,e);for(let t=0;t<u.length;t+=1)u[t]&&u[t].m(o,null)},p(t,[s]){if(81&s){let e;for(i=t[4],e=0;e<i.length;e+=1){const n=O(t,i,e);u[e]?u[e].p(n,s):(u[e]=C(n),u[e].c(),u[e].m(o,null))}for(;e<u.length;e+=1)u[e].d(1);u.length=i.length}l(o,f=d(h,[8&s&&e!==(e="mc-option-group "+t[3])&&{class:e},4&s&&t[2],2&s&&n!==(n=`justify-content:${t[1]}`)&&{style:n}]))},i:r,o:r,d(t){t&&b(o),p(u,t)}}}function R(t,o,e){let s,n,i;const c=["checked","options","justifycontent"];let r=u(o,c),{checked:l}=o,{options:d}=o,{justifycontent:b="space-between"}=o,p=new E;const m=v(h());function x(t){t.checked=!t.checked,p.dispatch("change",t)}return t.$$set=t=>{e(11,o=a(a({},o),f(t))),e(10,r=u(o,c)),"checked"in t&&e(0,l=t.checked),"options"in t&&e(7,d=t.options),"justifycontent"in t&&e(1,b=t.justifycontent)},t.$$.update=()=>{128&t.$$.dirty&&e(4,s=d?JSON.parse(d):[]),e(3,n=o.class),e(2,i=Object.assign({},r)),4&t.$$.dirty&&delete i.class},o=f(o),[l,b,i,n,s,m,x,d,t=>x(t)]}class S extends t{constructor(t){super();const a=document.createElement("style");a.textContent='.mc-option-button{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.mc-option-button__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-option-button__input:hover+.mc-option-button__label{-webkit-box-shadow:0 0 0 2px #333333;box-shadow:0 0 0 2px #333333}.mc-option-button__input:checked+.mc-option-button__label{border-color:#46a610;-webkit-box-shadow:0 0 0 0.25rem #ebf5de;box-shadow:0 0 0 0.25rem #ebf5de}.mc-option-button__input:focus+.mc-option-button__label::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-option-button__input:disabled+.mc-option-button__label{cursor:not-allowed;background-color:#cccccc;color:#666666;-webkit-box-shadow:none;box-shadow:none}.mc-option-button__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;position:relative;padding:1.5625rem 2rem;border-radius:4px;-webkit-box-shadow:0 0 0 1px #b3b3b3;box-shadow:0 0 0 1px #b3b3b3;border:2px solid transparent;cursor:pointer;position:relative}.mc-option-button__label::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;border-radius:6px;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-option-button--full .mc-option-button__label{width:100%}.mc-option-group{display:-webkit-box;display:-ms-flexbox;display:flex}',this.shadowRoot.appendChild(a),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},R,M,i,{checked:0,options:7,justifycontent:1},null),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["checked","options","justifycontent"]}get checked(){return this.$$.ctx[0]}set checked(t){this.$$set({checked:t}),n()}get options(){return this.$$.ctx[7]}set options(t){this.$$set({options:t}),n()}get justifycontent(){return this.$$.ctx[1]}set justifycontent(t){this.$$set({justifycontent:t}),n()}}export{S as default};
+import{S as t,i as o,a as e,b as s,f as n,s as i,c as a,e as c,n as r,h as l,m as d,o as b,O as p,p as u,q as h,r as f,u as m,d as x,t as w,g,v as k,j as _,K as y,l as $,k as j,M as v}from"../../index-9ffad6d0.js";import{c as E}from"../../EventForward-24fc0272.js";import{E as O}from"../../EventHandler-f7ee47ca.js";function C(t,o,e){const s=t.slice();return s[12]=o[e],s}function M(t){let o,e,n,i,a,r,l,d,p,u,h,f,m=t[12].label+"";function E(){return t[8](t[12])}return{c(){o=c("div"),e=c("input"),r=x(),l=c("label"),d=w(m),u=x(),g(e,"id",n=t[12].id),g(e,"type","radio"),g(e,"class","mc-option-button__input"),g(e,"name",i=t[12].name),e.checked=t[0],e.disabled=a=t[12].disabled,g(l,"for",p=t[12].id),g(l,"class","mc-option-button__label"),g(o,"class","mc-option-button"),k(o,"mc-option-button--full",t[12].fullwidth)},m(n,i){s(n,o,i),_(o,e),_(o,r),_(o,l),_(l,d),_(o,u),h||(f=[y(t[5].call(null,e)),$(e,"change",E)],h=!0)},p(s,c){t=s,16&c&&n!==(n=t[12].id)&&g(e,"id",n),16&c&&i!==(i=t[12].name)&&g(e,"name",i),1&c&&(e.checked=t[0]),16&c&&a!==(a=t[12].disabled)&&(e.disabled=a),16&c&&m!==(m=t[12].label+"")&&j(d,m),16&c&&p!==(p=t[12].id)&&g(l,"for",p),16&c&&k(o,"mc-option-button--full",t[12].fullwidth)},d(t){t&&b(o),h=!1,v(f)}}}function R(t){let o,e,n,i=t[4],u=[];for(let o=0;o<i.length;o+=1)u[o]=M(C(t,i,o));let h=[{class:e="mc-option-group "+t[3]},t[2],{style:n=`justify-content:${t[1]}`}],f={};for(let t=0;t<h.length;t+=1)f=a(f,h[t]);return{c(){o=c("div");for(let t=0;t<u.length;t+=1)u[t].c();this.c=r,l(o,f)},m(t,e){s(t,o,e);for(let t=0;t<u.length;t+=1)u[t]&&u[t].m(o,null)},p(t,[s]){if(81&s){let e;for(i=t[4],e=0;e<i.length;e+=1){const n=C(t,i,e);u[e]?u[e].p(n,s):(u[e]=M(n),u[e].c(),u[e].m(o,null))}for(;e<u.length;e+=1)u[e].d(1);u.length=i.length}l(o,f=d(h,[8&s&&e!==(e="mc-option-group "+t[3])&&{class:e},4&s&&t[2],2&s&&n!==(n=`justify-content:${t[1]}`)&&{style:n}]))},i:r,o:r,d(t){t&&b(o),p(u,t)}}}function S(t,o,e){let s,n,i;const c=["checked","options","justifycontent"];let r=u(o,c),{checked:l}=o,{options:d}=o,{justifycontent:b="space-between"}=o,p=new O(h(),f());const x=E(h());function w(t){t.checked=!t.checked,p.dispatch("change",t)}return t.$$set=t=>{e(11,o=a(a({},o),m(t))),e(10,r=u(o,c)),"checked"in t&&e(0,l=t.checked),"options"in t&&e(7,d=t.options),"justifycontent"in t&&e(1,b=t.justifycontent)},t.$$.update=()=>{128&t.$$.dirty&&e(4,s=d?JSON.parse(d):[]),e(3,n=o.class),e(2,i=Object.assign({},r)),4&t.$$.dirty&&delete i.class},o=m(o),[l,b,i,n,s,x,w,d,t=>w(t)]}class q extends t{constructor(t){super();const a=document.createElement("style");a.textContent='.mc-option-button{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.mc-option-button__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-option-button__input:hover+.mc-option-button__label{-webkit-box-shadow:0 0 0 2px #333333;box-shadow:0 0 0 2px #333333}.mc-option-button__input:checked+.mc-option-button__label{border-color:#46a610;-webkit-box-shadow:0 0 0 0.25rem #ebf5de;box-shadow:0 0 0 0.25rem #ebf5de}.mc-option-button__input:focus+.mc-option-button__label::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-option-button__input:disabled+.mc-option-button__label{cursor:not-allowed;background-color:#cccccc;color:#666666;-webkit-box-shadow:none;box-shadow:none}.mc-option-button__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;position:relative;padding:1.5625rem 2rem;border-radius:4px;-webkit-box-shadow:0 0 0 1px #b3b3b3;box-shadow:0 0 0 1px #b3b3b3;border:2px solid transparent;cursor:pointer;position:relative}.mc-option-button__label::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;border-radius:6px;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-option-button--full .mc-option-button__label{width:100%}.mc-option-group{display:-webkit-box;display:-ms-flexbox;display:flex}',this.shadowRoot.appendChild(a),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},S,R,i,{checked:0,options:7,justifycontent:1},null),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["checked","options","justifycontent"]}get checked(){return this.$$.ctx[0]}set checked(t){this.$$set({checked:t}),n()}get options(){return this.$$.ctx[7]}set options(t){this.$$set({options:t}),n()}get justifycontent(){return this.$$.ctx[1]}set justifycontent(t){this.$$set({justifycontent:t}),n()}}export{q as default};
 //# sourceMappingURL=OptionButton.js.map

package/public/components/optionbutton/OptionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionButton.js","sources":["../../../src/components/optionbutton/OptionButton.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { OptionItems } from './optionbutton.types';\n  export let checked: boolean;\n  export let options: string;\n  export let justifycontent = 'space-between';\n  $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  function handleChange(option: OptionItems): void {\n    option.checked = !option.checked;\n    eventHandler.dispatch('change', option);\n  }\n</script>\n\n<div\n  class=\"mc-option-group {userClass}\"\n  {...attributes}\n  style={`justify-content:${justifycontent}`}\n>\n  {#each parsedOptions as option}\n    <div\n      class=\"mc-option-button\"\n      class:mc-option-button--full={option.fullwidth}\n    >\n      <input\n        use:forwardEvents\n        id={option.id}\n        type=\"radio\"\n        class=\"mc-option-button__input\"\n        name={option.name}\n        {checked}\n        disabled={option.disabled}\n        on:change={() => handleChange(option)}\n      />\n      <label for={option.id} class=\"mc-option-button__label\">\n        {option.label}\n      </label>\n    </div>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.option-button';\n\n  .mc-option-group {\n    display: flex;\n  }\n</style>\n"],"names":["t1_value","ctx","label","attr","input","input_id_value","id","input_name_value","name","disabled","input_disabled_value","label_for_value","toggle_class","div","fullwidth","insert","target","anchor","append","dirty","set_data","t1","length","i","class","div_class_value","style","div_style_value","checked","$$props","options","justifycontent","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","handleChange","option","dispatch","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps"],"mappings":"uZA6CSA,EAAAC,MAAOC,MAAK,sGATTC,EAAAC,EAAA,KAAAC,EAAAJ,MAAOK,+DAGLH,EAAAC,EAAA,OAAAG,EAAAN,MAAOO,qBAEHJ,EAAAK,SAAAC,EAAAT,MAAOQ,SAGPN,EAAAD,EAAA,MAAAS,EAAAV,MAAOK,2EAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,mBAFvCC,EAiBKC,EAAAH,EAAAI,GAbHC,EASCL,EAAAT,UACDc,EAEOL,EAAAX,gFAVD,GAAAiB,GAAAd,KAAAA,EAAAJ,MAAOK,iBAGL,GAAAa,GAAAZ,KAAAA,EAAAN,MAAOO,2CAEH,GAAAW,GAAAT,KAAAA,EAAAT,MAAOQ,0BAIhB,GAAAU,GAAAnB,KAAAA,EAAAC,MAAOC,MAAK,KAAAkB,EAAAC,EAAArB,GADH,GAAAmB,GAAAR,KAAAA,EAAAV,MAAOK,wBAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,+DAHlCb,EAAa,wBAAlBqB,OAAIC,GAAA,sDAJkBtB,EAAS,IAC7BA,EAAU,+BACYA,EAAc,uIAH1Cc,EAyBKC,EAAAH,EAAAI,mFApBIhB,EAAa,WAAlBqB,OAAIC,GAAA,EAAA,iHAAJD,iDAJsBrB,EAAS,KAAA,CAAAuB,MAAAC,QAC7BxB,EAAU,kCACYA,EAAc,OAAA,CAAAyB,MAAAC,sIApB7BC,GAAgBC,WAChBC,GAAeD,GACfE,eAAAA,EAAiB,iBAAeF,EAMvCG,MAAmBC,QACjBC,EAAgBC,EAAqBC,KAElC,SAAAC,EAAaC,GACpBA,EAAOV,SAAWU,EAAOV,QACzBI,EAAaO,SAAS,SAAUD,6MAVjCE,EAAA,EAAEC,EAAgBX,EAAWY,KAAKC,MAAMb,GAAO,IAC7CU,EAAA,EAAAI,EAAYf,EAAQL,WACpBqB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWrB,+BA6BEc,GAAAD,EAAaC"}
+{"version":3,"file":"OptionButton.js","sources":["../../../src/components/optionbutton/OptionButton.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { OptionItems } from './optionbutton.types';\n  export let checked: boolean;\n  export let options: string;\n  export let justifycontent = 'space-between';\n  $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  function handleChange(option: OptionItems): void {\n    option.checked = !option.checked;\n    eventHandler.dispatch('change', option);\n  }\n</script>\n\n<div\n  class=\"mc-option-group {userClass}\"\n  {...attributes}\n  style={`justify-content:${justifycontent}`}\n>\n  {#each parsedOptions as option}\n    <div\n      class=\"mc-option-button\"\n      class:mc-option-button--full={option.fullwidth}\n    >\n      <input\n        use:forwardEvents\n        id={option.id}\n        type=\"radio\"\n        class=\"mc-option-button__input\"\n        name={option.name}\n        {checked}\n        disabled={option.disabled}\n        on:change={() => handleChange(option)}\n      />\n      <label for={option.id} class=\"mc-option-button__label\">\n        {option.label}\n      </label>\n    </div>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.option-button';\n\n  .mc-option-group {\n    display: flex;\n  }\n</style>\n"],"names":["t1_value","ctx","label","attr","input","input_id_value","id","input_name_value","name","disabled","input_disabled_value","label_for_value","toggle_class","div","fullwidth","insert","target","anchor","append","dirty","set_data","t1","length","i","class","div_class_value","style","div_style_value","checked","$$props","options","justifycontent","eventHandler","EventHandler","get_current_component","createEventDispatcher","forwardEvents","createEventForwarder","handleChange","option","dispatch","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps"],"mappings":"8ZAmDSA,EAAAC,MAAOC,MAAK,sGATTC,EAAAC,EAAA,KAAAC,EAAAJ,MAAOK,+DAGLH,EAAAC,EAAA,OAAAG,EAAAN,MAAOO,qBAEHJ,EAAAK,SAAAC,EAAAT,MAAOQ,SAGPN,EAAAD,EAAA,MAAAS,EAAAV,MAAOK,2EAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,mBAFvCC,EAiBKC,EAAAH,EAAAI,GAbHC,EASCL,EAAAT,UACDc,EAEOL,EAAAX,gFAVD,GAAAiB,GAAAd,KAAAA,EAAAJ,MAAOK,iBAGL,GAAAa,GAAAZ,KAAAA,EAAAN,MAAOO,2CAEH,GAAAW,GAAAT,KAAAA,EAAAT,MAAOQ,0BAIhB,GAAAU,GAAAnB,KAAAA,EAAAC,MAAOC,MAAK,KAAAkB,EAAAC,EAAArB,GADH,GAAAmB,GAAAR,KAAAA,EAAAV,MAAOK,wBAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,+DAHlCb,EAAa,wBAAlBqB,OAAIC,GAAA,sDAJkBtB,EAAS,IAC7BA,EAAU,+BACYA,EAAc,uIAH1Cc,EAyBKC,EAAAH,EAAAI,mFApBIhB,EAAa,WAAlBqB,OAAIC,GAAA,EAAA,iHAAJD,iDAJsBrB,EAAS,KAAA,CAAAuB,MAAAC,QAC7BxB,EAAU,kCACYA,EAAc,OAAA,CAAAyB,MAAAC,sIAvB7BC,GAAgBC,WAChBC,GAAeD,GACfE,eAAAA,EAAiB,iBAAeF,EAMvCG,EAAmB,IAAAC,EACrBC,IACAC,WAEIC,EAAgBC,EAAqBH,KAElC,SAAAI,EAAaC,GACpBA,EAAOX,SAAWW,EAAOX,QACzBI,EAAaQ,SAAS,SAAUD,6MAbjCE,EAAA,EAAEC,EAAgBZ,EAAWa,KAAKC,MAAMd,GAAO,IAC7CW,EAAA,EAAAI,EAAYhB,EAAQL,WACpBsB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWtB,+BAgCEe,GAAAD,EAAaC"}

package/public/components/optionbutton/OptionButton.svelte

@@ -1,7 +1,10 @@
 <svelte:options tag={null} />
 
 <script lang="ts">
-  import { get_current_component } from 'svelte/internal';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
   import { createEventForwarder } from '../../utilities/EventForward';
   import { EventHandler } from '../../utilities/EventHandler';
   import type { OptionItems } from './optionbutton.types';
@@ -13,7 +16,10 @@
   $: attributes = { ...$$restProps };
   $: delete attributes.class;
 
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   const forwardEvents = createEventForwarder(get_current_component());
 
   function handleChange(option: OptionItems): void {

package/public/components/overlay/Overlay.js

@@ -1,2 +1,2 @@
-import{S as i,i as s,a as t,b as e,f as a,s as o,c as n,e as l,n as r,h as c,v as b,j as p,m as v,o as y,p as m,q as d}from"../../index-52f16292.js";function u(i){let s,t,a=[{class:"mc-overlay"},i[1]],o={};for(let i=0;i<a.length;i+=1)o=n(o,a[i]);return{c(){s=l("div"),t=l("slot"),this.c=r,c(s,o),b(s,"is-visible",i[0])},m(i,a){e(i,s,a),p(s,t)},p(i,[t]){c(s,o=v(a,[{class:"mc-overlay"},2&t&&i[1]])),b(s,"is-visible",i[0])},i:r,o:r,d(i){i&&y(s)}}}function x(i,s,t){const e=["visible"];let a=m(s,e),{visible:o=!1}=s;return i.$$set=i=>{s=n(n({},s),d(i)),t(1,a=m(s,e)),"visible"in i&&t(0,o=i.visible)},[o,a]}class f extends i{constructor(i){super();const n=document.createElement("style");n.textContent=".mc-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-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}.mc-overlay-loader{background-color:rgba(25, 25, 25, 0.7);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;-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-overlay-loader.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),s(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},x,u,o,{visible:0},null),i&&(i.target&&e(i.target,this,i.anchor),i.props&&(this.$set(i.props),a()))}static get observedAttributes(){return["visible"]}get visible(){return this.$$.ctx[0]}set visible(i){this.$$set({visible:i}),a()}}export{f as default};
+import{S as i,i as s,a as t,b as e,f as a,s as o,c as n,e as l,n as r,h as c,v as b,j as p,m as v,o as y,p as m,u as d}from"../../index-9ffad6d0.js";function u(i){let s,t,a=[{class:"mc-overlay"},i[1]],o={};for(let i=0;i<a.length;i+=1)o=n(o,a[i]);return{c(){s=l("div"),t=l("slot"),this.c=r,c(s,o),b(s,"is-visible",i[0])},m(i,a){e(i,s,a),p(s,t)},p(i,[t]){c(s,o=v(a,[{class:"mc-overlay"},2&t&&i[1]])),b(s,"is-visible",i[0])},i:r,o:r,d(i){i&&y(s)}}}function x(i,s,t){const e=["visible"];let a=m(s,e),{visible:o=!1}=s;return i.$$set=i=>{s=n(n({},s),d(i)),t(1,a=m(s,e)),"visible"in i&&t(0,o=i.visible)},[o,a]}class f extends i{constructor(i){super();const n=document.createElement("style");n.textContent=".mc-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-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}.mc-overlay-loader{background-color:rgba(25, 25, 25, 0.7);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;-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-overlay-loader.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),s(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},x,u,o,{visible:0},null),i&&(i.target&&e(i.target,this,i.anchor),i.props&&(this.$set(i.props),a()))}static get observedAttributes(){return["visible"]}get visible(){return this.$$.ctx[0]}set visible(i){this.$$set({visible:i}),a()}}export{f as default};
 //# sourceMappingURL=Overlay.js.map

package/public/components/overlay/OverlayLoader.js

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