@mozaic-ds/web-components 0.2.0 → 0.3.0

package/public/components/layer/Layer.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as a,f as r,s as o,c as n,e as s,d as l,t as d,n as c,g as m,h as b,j as y,l as g,k as x,m as p,o as f,H as h,p as w,a1 as _,q as u,v}from"../../index-17a01ab4.js";import{E as k}from"../../EventHandler-316af043.js";function $(e){let t,i=`<${A(e[5])} class="mc-layer__icon" />`;return{c(){t=s("span"),m(t,"class","mc-layer__icon")},m(e,r){a(e,t,r),t.innerHTML=i},p(e,a){32&a&&i!==(i=`<${A(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&f(t)}}}function M(e){let t,i,r,o,w,_,u,v,k,M,A,D,I,j,L,z,C,S,T,E,H,O,Z,N,P=e[5]&&$(e),Q=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},{"aria-hidden":T=!e[0]},e[6]],W={};for(let e=0;e<Q.length;e+=1)W=n(W,Q[e]);return{c(){t=s("div"),i=s("div"),r=s("div"),o=s("div"),P&&P.c(),w=l(),_=s("h2"),u=d(e[1]),v=l(),k=s("button"),M=s("span"),A=d(e[4]),D=l(),I=s("main"),j=s("article"),j.innerHTML='<slot name="content"></slot>',z=l(),C=s("footer"),C.innerHTML='<slot name="footer"></slot>',E=l(),H=s("div"),this.c=c,m(_,"class","mc-layer__title"),m(_,"id","modallayerTitleTitle"),m(M,"class","mc-layer__close-text"),m(k,"class","mc-layer__close"),m(k,"type","button"),m(o,"class","mc-layer__header"),m(j,"class","mc-layer__content"),m(I,"class",L="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":"")),m(C,"class","mc-layer__footer"),m(r,"class",S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":"")),m(r,"role","document"),b(i,W),m(H,"class",O="mc-layer-overlay "+(e[0]?" is-visible":"")),m(H,"tabindex","-1"),m(H,"role","dialog")},m(n,s){a(n,t,s),y(t,i),y(i,r),y(r,o),P&&P.m(o,null),y(o,w),y(o,_),y(_,u),y(o,v),y(o,k),y(k,M),y(M,A),y(r,D),y(r,I),y(I,j),y(r,z),y(r,C),y(t,E),y(t,H),e[11](t),Z||(N=[g(k,"click",e[9]),g(H,"click",e[10])],Z=!0)},p(e,[t]){e[5]?P?P.p(e,t):(P=$(e),P.c(),P.m(o,w)):P&&(P.d(1),P=null),2&t&&x(u,e[1]),16&t&&x(A,e[4]),8&t&&L!==(L="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":""))&&m(I,"class",L),5&t&&S!==(S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":""))&&m(r,"class",S),b(i,W=p(Q,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},1&t&&T!==(T=!e[0])&&{"aria-hidden":T},64&t&&e[6]])),1&t&&O!==(O="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(H,"class",O)},i:c,o:c,d(i){i&&f(t),P&&P.d(),e[11](null),Z=!1,h(N)}}}function A(e){return`${e} size="1.5rem"`}function D(e,t,i){let a;const r=["title","isopen","extended","scrollbaredge","closebuttontext","iconname"];let o,s=w(t,r),{title:l}=t,{isopen:d}=t,{extended:c}=t,{scrollbaredge:m}=t,{closebuttontext:b="Close"}=t,{iconname:y}=t,g=new k;function x(){i(0,d=!1)}_((()=>{const e=o.querySelector(".mc-layer__body"),t=o.querySelector(".mc-layer__content"),i=m?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const a=e.clientHeight;t.scrollHeight>a?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,s=w(t,r)),"title"in e&&i(1,l=e.title),"isopen"in e&&i(0,d=e.isopen),"extended"in e&&i(2,c=e.extended),"scrollbaredge"in e&&i(3,m=e.scrollbaredge),"closebuttontext"in e&&i(4,b=e.closebuttontext),"iconname"in e&&i(5,y=e.iconname)},e.$$.update=()=>{1&e.$$.dirty&&(d?g.dispatch("layer-opened",{}):g.dispatch("layer-closed",{})),i(6,a=Object.assign({},s)),64&e.$$.dirty&&delete a.class},[d,l,c,m,b,y,a,o,x,()=>x(),()=>x(),function(e){v[e?"unshift":"push"]((()=>{o=e,i(7,o)}))}]}class I extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-layer{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},D,M,o,{title:1,isopen:0,extended:2,scrollbaredge:3,closebuttontext:4,iconname:5},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["title","isopen","extended","scrollbaredge","closebuttontext","iconname"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),r()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),r()}get extended(){return this.$$.ctx[2]}set extended(e){this.$$set({extended:e}),r()}get scrollbaredge(){return this.$$.ctx[3]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),r()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),r()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),r()}}export{I as default};
+import{S as e,i as t,a as i,b as r,f as o,s as a,c as n,e as s,d as l,t as d,n as c,g as m,h as b,j as y,l as g,k as x,m as p,o as h,H as f,p as w,a1 as _,q as u,v}from"../../index-17a01ab4.js";import{E as k}from"../../EventHandler-316af043.js";function $(e){let t,i=`<${D(e[5])} class="mc-layer__icon" />`;return{c(){t=s("span"),m(t,"class","mc-layer__icon")},m(e,o){r(e,t,o),t.innerHTML=i},p(e,r){32&r&&i!==(i=`<${D(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&h(t)}}}function M(e){let t;return{c(){t=s("footer"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-layer__footer")},m(e,i){r(e,t,i)},d(e){e&&h(t)}}}function A(e){let t,i,o,a,w,_,u,v,k,A,D,I,j,L,z,C,S,T,E,H,O,Z,N,P=e[5]&&$(e),Q=!e[8]&&M(),W=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},{"aria-hidden":T=!e[0]},e[6]],q={};for(let e=0;e<W.length;e+=1)q=n(q,W[e]);return{c(){t=s("div"),i=s("div"),o=s("div"),a=s("div"),P&&P.c(),w=l(),_=s("h2"),u=d(e[1]),v=l(),k=s("button"),A=s("span"),D=d(e[4]),I=l(),j=s("main"),L=s("article"),L.innerHTML='<slot name="content"></slot>',C=l(),Q&&Q.c(),E=l(),H=s("div"),this.c=c,m(_,"class","mc-layer__title"),m(_,"id","modallayerTitleTitle"),m(A,"class","mc-layer__close-text"),m(k,"class","mc-layer__close"),m(k,"type","button"),m(a,"class","mc-layer__header"),m(L,"class","mc-layer__content"),m(j,"class",z="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":"")),m(o,"class",S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":"")),m(o,"role","document"),b(i,q),m(H,"class",O="mc-layer-overlay "+(e[0]?" is-visible":"")),m(H,"tabindex","-1"),m(H,"role","dialog")},m(n,s){r(n,t,s),y(t,i),y(i,o),y(o,a),P&&P.m(a,null),y(a,w),y(a,_),y(_,u),y(a,v),y(a,k),y(k,A),y(A,D),y(o,I),y(o,j),y(j,L),y(o,C),Q&&Q.m(o,null),y(t,E),y(t,H),e[13](t),Z||(N=[g(k,"click",e[11]),g(H,"click",e[12])],Z=!0)},p(e,[t]){e[5]?P?P.p(e,t):(P=$(e),P.c(),P.m(a,w)):P&&(P.d(1),P=null),2&t&&x(u,e[1]),16&t&&x(D,e[4]),8&t&&z!==(z="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":""))&&m(j,"class",z),e[8]?Q&&(Q.d(1),Q=null):Q||(Q=M(),Q.c(),Q.m(o,null)),5&t&&S!==(S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":""))&&m(o,"class",S),b(i,q=p(W,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},1&t&&T!==(T=!e[0])&&{"aria-hidden":T},64&t&&e[6]])),1&t&&O!==(O="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(H,"class",O)},i:c,o:c,d(i){i&&h(t),P&&P.d(),Q&&Q.d(),e[13](null),Z=!1,f(N)}}}function D(e){return`${e} size="1.5rem"`}function I(e,t,i){let r,o;const a=["title","isopen","extended","scrollbaredge","closebuttontext","iconname","hidefooter"];let s,l=w(t,a),{title:d}=t,{isopen:c}=t,{extended:m}=t,{scrollbaredge:b}=t,{closebuttontext:y="Close"}=t,{iconname:g}=t,{hidefooter:x}=t,p=new k;function h(){i(0,c=!1)}_((()=>{const e=s.querySelector(".mc-layer__body"),t=s.querySelector(".mc-layer__content"),i=b?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),u(e)),i(15,l=w(t,a)),"title"in e&&i(1,d=e.title),"isopen"in e&&i(0,c=e.isopen),"extended"in e&&i(2,m=e.extended),"scrollbaredge"in e&&i(3,b=e.scrollbaredge),"closebuttontext"in e&&i(4,y=e.closebuttontext),"iconname"in e&&i(5,g=e.iconname),"hidefooter"in e&&i(10,x=e.hidefooter)},e.$$.update=()=>{1024&e.$$.dirty&&i(8,r=null!=x&&x),1&e.$$.dirty&&(c?p.dispatch("layer-opened",{}):p.dispatch("layer-closed",{})),i(6,o=Object.assign({},l)),64&e.$$.dirty&&delete o.class},[c,d,m,b,y,g,o,s,r,h,x,()=>h(),()=>h(),function(e){v[e?"unshift":"push"]((()=>{s=e,i(7,s)}))}]}class j extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-layer{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},I,A,a,{title:1,isopen:0,extended:2,scrollbaredge:3,closebuttontext:4,iconname:5,hidefooter:10},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["title","isopen","extended","scrollbaredge","closebuttontext","iconname","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),o()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),o()}get extended(){return this.$$.ctx[2]}set extended(e){this.$$set({extended:e}),o()}get scrollbaredge(){return this.$$.ctx[3]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),o()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),o()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),o()}get hidefooter(){return this.$$.ctx[10]}set hidefooter(e){this.$$set({hidefooter:e}),o()}}export{j as default};
 //# sourceMappingURL=Layer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Layer.js","sources":["../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let isopen: boolean;\n  export let extended: boolean;\n  export let scrollbaredge: boolean;\n  export let closebuttontext = 'Close';\n  export let iconname: string | undefined = undefined;\n  $: isopen\n    ? eventHandler.dispatch('layer-opened', {})\n    : eventHandler.dispatch('layer-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n  onMount(() => {\n    const body = root.querySelector('.mc-layer__body');\n    const content = root.querySelector('.mc-layer__content');\n    const overflowingClass = !scrollbaredge\n      ? 'mc-layer__body--overflowing'\n      : 'mc-layer__body--overflowing-scroll-edge';\n    if (body && content) {\n      const bodyHeight = body.clientHeight;\n      const contentHeight = content.scrollHeight;\n\n      if (contentHeight > bodyHeight) {\n        body.classList.add(overflowingClass);\n      } else {\n        body.classList.remove(overflowingClass);\n      }\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n\n  function generateIconName(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-layer\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"layerTitle\"\n    aria-modal=\"true\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div\n      class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n        ? ' mc-layer__dialog--extend'\n        : ''}\"\n      role=\"document\"\n    >\n      <div class=\"mc-layer__header\">\n        {#if iconname}\n          <span class=\"mc-layer__icon\">\n            {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n          </span>\n        {/if}\n        <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n        <button\n          class=\"mc-layer__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n        </button>\n      </div>\n      <main\n        class=\"mc-layer__body {scrollbaredge\n          ? 'mc-layer__body--overflowing-scroll-edge'\n          : ''}\"\n      >\n        <article class=\"mc-layer__content\">\n          <slot name=\"content\" />\n        </article>\n      </main>\n      <footer class=\"mc-layer__footer\">\n        <slot name=\"footer\" />\n      </footer>\n    </div>\n  </div>\n  <div\n    class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    on:click={() => onClose()}\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","div4","append","div2","div1","div0","h2","button","main","article","footer","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","extended","scrollbaredge","closebuttontext","eventHandler","EventHandler","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"yQAgEuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,uFAFnCE,EAAQ,IAAAO,EAAAP,kIAVHA,EAAM,IAChBA,EAAU,qIAc6CA,EAAK,wCAMtBA,EAAe,kaAI9BA,EAAA,GACnB,0CACA,wEAvBmBA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,sEAiCmBA,EAAM,GAAG,cAAgB,uDA9CtDC,EAmDKC,EAAAM,EAAAJ,GAlDHK,EA2CKD,EAAAE,GAlCHD,EAiCKC,EAAAC,GA3BHF,EAcKE,EAAAC,yBARHH,EAAiEG,EAAAC,iBACjEJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAX,iBAG9DM,EAQME,EAAAI,GAHJN,EAESM,EAAAC,UAEXP,EAEQE,EAAAM,UAGZR,EAKCD,EAAAU,yEAjCUlB,EAAQ,kEAK0CA,EAAK,cAMtBA,EAAe,mCAI9BA,EAAA,GACnB,0CACA,sDAvBmBA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,uJANQA,EAAM,KAAA,CAAA,cAAAmB,SAChBnB,EAAU,uCAsCWA,EAAM,GAAG,cAAgB,4EAnD3C,SAAAD,EAAiBqB,YACdA,iIAzBRC,kBAXOC,GAAaC,UACbC,GAAeD,YACfE,GAAiBF,iBACjBG,GAAsBH,GACtBI,gBAAAA,EAAkB,SAAOJ,GACzBH,SAAAA,GAAwCG,EAO/CK,MAAmBC,WAmBdC,IACPC,EAAA,EAAAP,GAAS,GAnBXQ,GAAO,KACC,MAAAC,EAAOZ,EAAKa,cAAc,mBAC1BC,EAAUd,EAAKa,cAAc,sBAC7BE,EAAoBV,EAEtB,0CADA,8BAEA,GAAAO,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,sTApBzBZ,EACCI,EAAae,SAAS,eAAc,IACpCf,EAAae,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,8BAwDGlB,QAuBNA,4CAjDJT,EAAI4B"}
+{"version":3,"file":"Layer.js","sources":["../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let isopen: boolean;\n  export let extended: boolean;\n  export let scrollbaredge: boolean;\n  export let closebuttontext = 'Close';\n  export let iconname: string | undefined = undefined;\n  export let hidefooter: boolean;\n\n  $: hideFooter = hidefooter ?? false;\n  $: isopen\n    ? eventHandler.dispatch('layer-opened', {})\n    : eventHandler.dispatch('layer-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n  onMount(() => {\n    const body = root.querySelector('.mc-layer__body');\n    const content = root.querySelector('.mc-layer__content');\n    const overflowingClass = !scrollbaredge\n      ? 'mc-layer__body--overflowing'\n      : 'mc-layer__body--overflowing-scroll-edge';\n    if (body && content) {\n      const bodyHeight = body.clientHeight;\n      const contentHeight = content.scrollHeight;\n\n      if (contentHeight > bodyHeight) {\n        body.classList.add(overflowingClass);\n      } else {\n        body.classList.remove(overflowingClass);\n      }\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n\n  function generateIconName(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-layer\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"layerTitle\"\n    aria-modal=\"true\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div\n      class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n        ? ' mc-layer__dialog--extend'\n        : ''}\"\n      role=\"document\"\n    >\n      <div class=\"mc-layer__header\">\n        {#if iconname}\n          <span class=\"mc-layer__icon\">\n            {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n          </span>\n        {/if}\n        <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n        <button\n          class=\"mc-layer__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n        </button>\n      </div>\n      <main\n        class=\"mc-layer__body {scrollbaredge\n          ? 'mc-layer__body--overflowing-scroll-edge'\n          : ''}\"\n      >\n        <article class=\"mc-layer__content\">\n          <slot name=\"content\" />\n        </article>\n      </main>\n      {#if !hideFooter}\n        <footer class=\"mc-layer__footer\">\n          <slot name=\"footer\" />\n        </footer>\n      {/if}\n    </div>\n  </div>\n  <div\n    class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    on:click={() => onClose()}\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","footer","create_if_block_1","create_if_block","div4","append","div2","div1","div0","h2","button","main","article","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","extended","scrollbaredge","closebuttontext","hidefooter","eventHandler","EventHandler","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","hideFooter","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"yQAmEuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,kJAsBxCG,EAEQC,EAAAK,EAAAH,qFA1BHJ,EAAQ,IAAAQ,EAAAR,MAuBTA,EAAU,IAAAS,mIAjCJT,EAAM,IAChBA,EAAU,qIAc6CA,EAAK,wCAMtBA,EAAe,mXAI9BA,EAAA,GACnB,0CACA,wCAvBmBA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,sEAmCmBA,EAAM,GAAG,cAAgB,uDAhDtDC,EAqDKC,EAAAQ,EAAAN,GApDHO,EA6CKD,EAAAE,GApCHD,EAmCKC,EAAAC,GA7BHF,EAcKE,EAAAC,yBARHH,EAAiEG,EAAAC,iBACjEJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAb,iBAG9DQ,EAQME,EAAAI,GAHJN,EAESM,EAAAC,gCASfP,EAKCD,EAAAS,0EAnCUnB,EAAQ,kEAK0CA,EAAK,cAMtBA,EAAe,mCAI9BA,EAAA,GACnB,0CACA,qBAMAA,EAAU,oFA7BSA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,uJANQA,EAAM,KAAA,CAAA,cAAAoB,SAChBpB,EAAU,uCAwCWA,EAAM,GAAG,cAAgB,qFArD3C,SAAAD,EAAiBsB,YACdA,gJAzBRC,kBAdOC,GAAaC,UACbC,GAAeD,YACfE,GAAiBF,iBACjBG,GAAsBH,GACtBI,gBAAAA,EAAkB,SAAOJ,GACzBH,SAAAA,GAAwCG,cACxCK,GAAmBL,EAS1BM,MAAmBC,WAmBdC,IACPC,EAAA,EAAAR,GAAS,GAnBXS,GAAO,KACC,MAAAC,EAAOb,EAAKc,cAAc,mBAC1BC,EAAUf,EAAKc,cAAc,sBAC7BE,EAAoBX,EAEtB,0CADA,8BAEA,GAAAQ,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,+VArB3BL,EAAA,EAAEY,EAAahB,SAAAA,kBACbJ,EACCK,EAAagB,SAAS,eAAc,IACpChB,EAAagB,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,kCAwDGnB,QAyBNA,4CAnDJV,EAAI8B"}

package/public/components/layer/Layer.svelte

@@ -9,6 +9,9 @@
   export let scrollbaredge: boolean;
   export let closebuttontext = 'Close';
   export let iconname: string | undefined = undefined;
+  export let hidefooter: boolean;
+
+  $: hideFooter = hidefooter ?? false;
   $: isopen
     ? eventHandler.dispatch('layer-opened', {})
     : eventHandler.dispatch('layer-closed', {});
@@ -83,9 +86,11 @@
           <slot name="content" />
         </article>
       </main>
-      <footer class="mc-layer__footer">
-        <slot name="footer" />
-      </footer>
+      {#if !hideFooter}
+        <footer class="mc-layer__footer">
+          <slot name="footer" />
+        </footer>
+      {/if}
     </div>
   </div>
   <div

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 as m,n as d,g as c,h as b,j as p,l as h,k as g,m as x,o as f,p as w,a4 as y,q as _,v as u}from"../../index-17a01ab4.js";import{E as v}from"../../EventHandler-316af043.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),p(t,i)},p(e,t){2&t&&g(i,e[1])},d(e){e&&f(t)}}}function M(e){let t,i,a,s,w,y,_,u,v,M,A,$,D,I,j,z,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=[{class:L="mc-modal "+(e[6]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!e[0]},e[4]],P={};for(let e=0;e<q.length;e+=1)P=n(P,q[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),_=m(),u=l("button"),v=l("span"),M=r(e[3]),A=m(),$=l("main"),D=l("article"),N&&N.c(),I=m(),j=l("slot"),z=m(),C=l("footer"),C.innerHTML='<slot name="footer"></slot>',T=m(),O=l("div"),this.c=d,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(j,"name","content"),c(D,"class","mc-modal__content"),c($,"class","mc-modal__body"),c(C,"class","mc-modal__footer"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,P),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"role","dialog")},m(n,l){o(n,t,l),p(t,i),p(i,a),p(a,s),p(s,w),p(w,y),p(s,_),p(s,u),p(u,v),p(v,M),p(a,A),p(a,$),p($,D),N&&N.m(D,null),p(D,I),p(D,j),p(a,z),p(a,C),p(t,T),p(t,O),e[9](t),H||(Z=h(u,"click",e[8]),H=!0)},p(e,[t]){4&t&&g(y,e[2]),8&t&&g(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(D,I)):N&&(N.d(1),N=null),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,P=x(q,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:d,o:d,d(i){i&&f(t),N&&N.d(),e[9](null),H=!1,Z()}}}function A(e,t,i){let o;const a=["title","modaltitle","isopen","closebuttontext"];let s,l=w(t,a),{title:r}=t,{modaltitle:m}=t,{isopen:d}=t,{closebuttontext:c="Close"}=t,b=new v;function p(){i(0,d=!1)}y((()=>{const e=s.querySelector(".mc-modal"),t=s.querySelector(".mc-modal__body"),i=s.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(11,l=w(t,a)),"title"in e&&i(1,r=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,d=e.isopen),"closebuttontext"in e&&i(3,c=e.closebuttontext)},e.$$.update=()=>{1&e.$$.dirty&&(d?b.dispatch("modal-opened",{}):b.dispatch("modal-closed",{})),i(4,o=Object.assign({},l)),16&e.$$.dirty&&delete o.class},[d,r,m,c,o,s,undefined,p,()=>p(),function(e){u[e?"unshift":"push"]((()=>{s=e,i(5,s)}))}]}class $ 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}@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;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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") 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;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{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--overflow .mc-modal__dialog{height:100%}.mc-modal--overflow .mc-modal__footer{-webkit-box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2);box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2)}.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},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3},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"]}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()}}export{$ 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 g,m as f,o as x,p as w,a4 as y,q as u,v as _}from"../../index-17a01ab4.js";import{E as v}from"../../EventHandler-316af043.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&&g(i,e[1])},d(e){e&&x(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&&x(t)}}}function M(e){let t,i,a,s,w,y,u,_,v,M,A,D,I,j,z,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!e[0]},e[4]],Q={};for(let e=0;e<P.length;e+=1)Q=n(Q,P[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),u=d(),_=l("button"),v=l("span"),M=r(e[3]),A=d(),D=l("main"),I=l("article"),N&&N.c(),j=d(),z=l("slot"),C=d(),q&&q.c(),T=d(),O=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(_,"class","mc-modal__close"),c(_,"type","button"),c(s,"class","mc-modal__header"),c(z,"name","content"),c(I,"class","mc-modal__content"),c(D,"class","mc-modal__body"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,Q),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"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,u),h(s,_),h(_,v),h(v,M),h(a,A),h(a,D),h(D,I),N&&N.m(I,null),h(I,j),h(I,z),h(a,C),q&&q.m(a,null),h(t,T),h(t,O),e[11](t),H||(Z=p(_,"click",e[10]),H=!0)},p(e,[t]){4&t&&g(y,e[2]),8&t&&g(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(I,j)):N&&(N.d(1),N=null),e[6]?q&&(q.d(1),q=null):q||(q=$(),q.c(),q.m(a,null)),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,Q=f(P,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:m,o:m,d(i){i&&x(t),N&&N.d(),q&&q.d(),e[11](null),H=!1,Z()}}}function A(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 g(){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),u(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,g,h,()=>g(),function(e){_[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class D 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}@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;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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") 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;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{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--overflow .mc-modal__dialog{height:100%}.mc-modal--overflow .mc-modal__footer{-webkit-box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2);box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2)}.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},A,M,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{D 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  $: 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      <footer class=\"mc-modal__footer\">\n        <slot name=\"footer\" />\n      </footer>\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","create_if_block","div3","append","div1","div0","header","h2","button","span","main","article","slot0","footer","div2","div1_aria_hidden_value","root","title","$$props","modaltitle","isopen","closebuttontext","eventHandler","EventHandler","onClose","$$invalidate","afterUpdate","modal","querySelector","body","content","bodyHeight","clientHeight","scrollHeight","classList","add","dispatch","attributes","Object","assign","$$restProps","class","scrollable","$$value"],"mappings":"6RA4D2DA,EAAK,oEAApDC,EAAyDC,EAAAC,EAAAC,2BAAVJ,EAAK,0FADjDA,EAAK,IAAAK,EAAAL,4BApBCA,EAAU,GAAG,sBAAwB,wFAIxCA,EAAM,IAChBA,EAAU,yHAImCA,EAAU,wCAMjBA,EAAe,8dAR3BA,EAAM,GAAG,WAAa,sEAyB3BA,EAAM,GAAG,cAAgB,uDAlCtDC,EAsCKC,EAAAI,EAAAF,GArCHG,EA+BKD,EAAAE,GAvBHD,EAsBKC,EAAAC,GArBHF,EASQE,EAAAC,GARNH,EAA4DG,EAAAC,iBAC5DJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAC,iBAG9DN,EAOME,EAAAK,GANJP,EAKSO,EAAAC,yBADPR,EAAsBQ,EAAAC,UAG1BT,EAEQE,EAAAQ,UAGZV,EAICD,EAAAY,4DA1BkDlB,EAAU,aAMjBA,EAAe,IAK9CA,EAAK,0FAbcA,EAAM,GAAG,WAAa,wHAHtCA,EAAM,KAAA,CAAA,cAAAmB,SAChBnB,EAAU,uCA2BWA,EAAM,GAAG,cAAgB,gKAvDhDoB,kBAXOC,GAAaC,cACbC,GAAkBD,UAClBE,GAAeF,GACfG,gBAAAA,EAAkB,SAAOH,EAShCI,MAAmBC,WAedC,IACPC,EAAA,EAAAL,GAAS,GAdXM,GAAW,KACH,MAAAC,EAAQX,EAAKY,cAAc,aAC3BC,EAAOb,EAAKY,cAAc,mBAC1BE,EAAUd,EAAKY,cAAc,sBAE7BG,EAAaF,EAAOA,EAAKG,aAAe,GACxBF,EAAUA,EAAQG,aAAe,GAEnCF,GAAcJ,GAChCA,EAAMO,UAAUC,IAAI,8PAnBrBf,EACCE,EAAac,SAAS,eAAc,IACpCd,EAAac,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,oBACjBC,gBAsCoBlB,4CAfVR,EAAI2B"}
+{"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"}

package/public/components/modal/Modal.svelte

@@ -7,6 +7,10 @@
   export let modaltitle: string;
   export let isopen: boolean;
   export let closebuttontext = 'Close';
+  export let hidefooter: boolean;
+
+  $: hideFooter = hidefooter ?? false;
+
   $: isopen
     ? eventHandler.dispatch('modal-opened', {})
     : eventHandler.dispatch('modal-closed', {});
@@ -63,9 +67,11 @@
           <slot name="content" />
         </article>
       </main>
-      <footer class="mc-modal__footer">
-        <slot name="footer" />
-      </footer>
+      {#if !hideFooter}
+        <footer class="mc-modal__footer">
+          <slot name="footer" />
+        </footer>
+      {/if}
     </div>
   </div>
   <div