@maggioli-design-system/mds-modal 4.4.1 → 4.6.0

package/dist/mds-modal/p-7a54ebc0.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-f6c96de9.system.js"],(function(t){"use strict";var o,i,r,n,e;return{setters:[function(t){o=t.r;i=t.c;r=t.h;n=t.H;e=t.g}],execute:function(){function a(t){var o,i,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(i=a(t[o]))&&(r&&(r+=" "),r+=i);else for(o in t)t[o]&&(r&&(r+=" "),r+=o);return r}function s(){for(var t,o,i=0,r="";i<arguments.length;)(t=arguments[i++])&&(o=a(t))&&(r&&(r+=" "),r+=o);return r}var d='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>';var l=function(){function t(){var t=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(t){if(t.code==="Space"||t.code==="Enter"||t.code==="NumpadEnter"){t.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(o){if(o.code==="Escape"&&t.escapeCallback){t.escapeCallback()}};this.addElement=function(o,i){if(i===void 0){i="element"}t.elements[i]=o};this.attachClickBehavior=function(o){if(o===void 0){o="element"}if(t.elements[o]){t.elements[o].addEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(o){if(o===void 0){o="element"}if(t.elements[o]){t.elements[o].removeEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(o){t.escapeCallback=o;if(window!==undefined){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(window!==undefined){window.removeEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}}}return t}();var c='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@tailwind components; @tailwind utilities; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.animate-right-intro,.animate-right-outro{-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}.fixed{position:fixed}.absolute{position:absolute}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.ml-auto{margin-left:auto}.flex{display:-ms-flexbox;display:flex}.w-16{width:4rem}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.items-center{-ms-flex-align:center;align-items:center}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-tone-neutral-09{--tw-border-opacity:1;border-color:rgb(var(--tone-neutral-09) / var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.p-4{padding:1rem}.p-8{padding:2rem}.text-tone-neutral-02{--tw-text-opacity:1;color:rgb(var(--tone-neutral-02) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-modal-overlay-color:var(--magma-overlay-color, 0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity, 0.5);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-overflow:auto;--mds-modal-window-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--mds-modal-z-index:var(--magma-modal-z-index);-webkit-transition-duration:700ms;transition-duration:700ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-flex-align:center;align-items:center;background-color:rgba(var(--mds-modal-overlay-color) / 0);display:-ms-flexbox;display:flex;fill:rgb(var(--tone-neutral));inset:0;-ms-flex-pack:center;justify-content:center;-webkit-perspective:600px;perspective:600px;pointer-events:none;position:fixed;z-index:var(--mds-modal-z-index, 1000)}:host([position="top"]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host([position="bottom"]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}:host(.to-bottom-opened),:host(.to-center-opened),:host(.to-left-opened),:host(.to-right-opened),:host(.to-top-opened){-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));pointer-events:auto}.close{top:0px;height:2.25rem;width:2.25rem;border-radius:9999px;font-size:2.25rem;line-height:2.5rem;opacity:0;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);cursor:pointer;fill:inherit;position:absolute;-webkit-transform:translate(0, 24px) rotate(90deg);transform:translate(0, 24px) rotate(90deg);-webkit-transform-origin:center;transform-origin:center;-webkit-transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, transform;transition-property:opacity, outline, outline-offset, transform, -webkit-transform}.window{height:100%;gap:0px;background-color:var(--mds-modal-window-background);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);display:grid;grid-template-rows:1fr;max-width:calc(100vw - 80px);overflow:var(--mds-modal-window-overflow)}.window--top{grid-template-rows:auto 1fr}.window--bottom{grid-template-rows:1fr auto}.window--top-bottom{grid-template-rows:auto 1fr auto}:host(.to-bottom){padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}:host(.to-bottom){-ms-flex-pack:center;justify-content:center}:host(.to-bottom) .window,:host(.to-bottom)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-bottom-intro) .window,:host(.to-bottom-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-bottom-opened.to-bottom-outro) .window,:host(.to-bottom-opened.to-bottom-outro)>::slotted([slot="window"]),:host(.to-bottom-opened) .window,:host(.to-bottom-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-bottom-outro) .window,:host(.to-bottom-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-center){padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}:host(.to-center){-ms-flex-pack:center;justify-content:center}:host(.to-center) .window,:host(.to-center)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-center-intro) .window,:host(.to-center-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-center-opened.to-center-outro) .window,:host(.to-center-opened.to-center-outro)>::slotted([slot="window"]),:host(.to-center-opened) .window,:host(.to-center-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-center-outro) .window,:host(.to-center-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-left){-ms-flex-pack:start;justify-content:flex-start}:host(.to-left) .window,:host(.to-left)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-left-intro) .window,:host(.to-left-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-opened.to-left-outro) .window,:host(.to-left-opened.to-left-outro)>::slotted([slot="window"]),:host(.to-left-opened) .window,:host(.to-left-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-left-opened) .close,:host(.to-left-opened.to-left-outro) .close{opacity:1;-webkit-transform:translate(-24px, 24px) rotate(0);transform:translate(-24px, 24px) rotate(0)}:host(.to-left-outro) .window,:host(.to-left-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-outro) .close{-webkit-transform:translate(24px, 24px) rotate(-90deg);transform:translate(24px, 24px) rotate(-90deg)}:host(.to-left) .close{right:0px;-webkit-transform:translate(36px, 24px) rotate(90deg);transform:translate(36px, 24px) rotate(90deg)}:host(.to-right){-ms-flex-pack:end;justify-content:flex-end}:host(.to-right) .window,:host(.to-right)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-right-intro) .window,:host(.to-right-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-opened.to-right-outro) .window,:host(.to-right-opened.to-right-outro)>::slotted([slot="window"]),:host(.to-right-opened) .window,:host(.to-right-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-right-opened) .close,:host(.to-right-opened.to-right-outro) .close{opacity:1;-webkit-transform:translate(24px, 24px) rotate(0);transform:translate(24px, 24px) rotate(0)}:host(.to-right-outro) .window,:host(.to-right-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-outro) .close{-webkit-transform:translate(-24px, 24px) rotate(90deg);transform:translate(-24px, 24px) rotate(90deg)}:host(.to-right) .close{left:0px;-webkit-transform:translate(-36px, 24px) rotate(-90deg);transform:translate(-36px, 24px) rotate(-90deg)}:host(.to-top){padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}:host(.to-top){-ms-flex-pack:center;justify-content:center}:host(.to-top) .window,:host(.to-top)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-top-intro) .window,:host(.to-top-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-top-opened.to-top-outro) .window,:host(.to-top-opened.to-top-outro)>::slotted([slot="window"]),:host(.to-top-opened) .window,:host(.to-top-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-top-outro) .window,:host(.to-top-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}@media (max-width: 767px){.mobile\\:w-12{width:3rem}}';var w=t("mds_modal",function(){function t(t){var r=this;o(this,t);this.closeEvent=i(this,"mdsModalClose",7);this.window=false;this.top=false;this.bottom=false;this.animationState="intro";this.km=new l;this.componentDidLoad=function(){var t;r.km.addElement(r.host,"host");var o=(t=r.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".close");if(o)r.km.addElement(o,"close");r.km.attachEscapeBehavior((function(){return r.closeEvent.emit()}));r.km.attachClickBehavior("close")};this.animationName=function(t,o){if(t===void 0){t=""}if(o===void 0){o=""}return"to-".concat(o!==""?o:r.position).concat(t!==""?"-"+t:"")};this.closeModal=function(t){var o;if(((o=t.target)===null||o===void 0?void 0:o.localName)!=="mds-modal"){return}r.opened=t.target!==t.currentTarget;if(!r.opened){r.closeEvent.emit()}};this.stateOpened=undefined;this.opened=false;this.position="center"}t.prototype.componentWillLoad=function(){var t;this.bottom=this.host.querySelector('[slot="bottom"]')!==null;this.top=this.host.querySelector('[slot="top"]')!==null;this.window=this.host.querySelector('[slot="window"]')!==null;this.stateOpened=this.opened;if(!this.window){this.position="right"}if(this.window){(t=this.host.querySelector('[slot="window"]'))===null||t===void 0?void 0:t.setAttribute("role","modal")}};t.prototype.componentWillRender=function(){this.animationState=this.opened?"intro":"outro";this.host.classList.add(this.animationName())};t.prototype.componentDidRender=function(){var t=this;this.animationDeelay=window.setTimeout((function(){t.animationState=t.animationState==="intro"?"outro":"intro";t.host.classList.remove(t.animationName(t.animationState==="intro"?"outro":"intro"));t.host.classList.add(t.animationName(t.animationState));window.clearTimeout(t.animationDeelay)}),500)};t.prototype.disconnectedCallback=function(){this.km.detachEscapeBehavior();this.km.detachClickBehavior("close")};t.prototype.positionChange=function(t,o){window.clearTimeout(this.animationDeelay);this.host.classList.remove(this.animationName("",o));this.host.classList.remove(this.animationName("intro",o));this.host.classList.remove(this.animationName("outro",o))};t.prototype.openedChange=function(t){this.stateOpened=t;window.clearTimeout(this.animationDeelay)};t.prototype.onModalCloseListener=function(){this.opened=false};t.prototype.onBannerCloseListener=function(){this.opened=false};t.prototype.render=function(){var t=this;return r(n,{"aria-modal":s(this.opened?"true":"false"),class:s(this.stateOpened&&this.animationName("opened")),onClick:function(o){t.closeModal(o)}},this.window?r("slot",{name:"window"}):r("div",{class:s("window",(this.top||this.bottom)&&"window-".concat(this.top?"-top":"").concat(this.bottom?"-bottom":"")),role:"dialog",part:"window"},this.top&&r("slot",{name:"top"}),r("slot",null),this.bottom&&r("slot",{name:"bottom"})),!this.window&&r("i",{innerHTML:d,tabindex:"0",onClick:function(o){t.closeModal(o)},class:"svg close focus-bounce-light"}))};Object.defineProperty(t.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{position:["positionChange"],opened:["openedChange"]}},enumerable:false,configurable:true});return t}());w.style=c}}}));

package/dist/mds-modal/p-8b71f825.system.js

@@ -0,0 +1 @@
+System.register(["./p-f6c96de9.system.js"],(function(e,n){"use strict";var o,s;return{setters:[function(n){o=n.p;s=n.b;e("setNonce",n.s)}],execute:function(){var e=function(){var e=n.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return o(s)};e().then((function(e){return s([["p-7a54ebc0.system",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{position:["positionChange"],opened:["openedChange"]}]]]],e)}))}}}));

package/dist/mds-modal/p-9bfc9516.js

@@ -0,0 +1,2 @@
+let n,t,e=!1;const l={},o=n=>"object"==(n=typeof n)||"function"===n;function s(n){var t,e,l;return null!==(l=null===(e=null===(t=n.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const c=(n,t,...e)=>{let l=null,s=!1,c=!1;const r=[],u=t=>{for(let e=0;e<t.length;e++)l=t[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof n&&!o(l))&&(l+=""),s&&c?r[r.length-1].t+=l:r.push(s?i(null,l):l),c=s)};if(u(e),t){const n=t.className||t.class;n&&(t.class="object"!=typeof n?n:Object.keys(n).filter((t=>n[t])).join(" "))}const a=i(n,null);return a.l=t,r.length>0&&(a.o=r),a},i=(n,t)=>({i:0,u:n,t,m:null,o:null,l:null}),r={},u=n=>B(n).$hostElement$,a=(n,t,e)=>{const l=u(n);return{emit:n=>f(l,t,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:n})}},f=(n,t,e)=>{const l=tn.ce(t,e);return n.dispatchEvent(l),l},d=new WeakMap,y=n=>"sc-"+n.p,m=(n,t,e,l,s,c)=>{if(e!==l){let i=J(n,t),r=t.toLowerCase();if("class"===t){const t=n.classList,o=h(e),s=h(l);t.remove(...o.filter((n=>n&&!s.includes(n)))),t.add(...s.filter((n=>n&&!o.includes(n))))}else if(i||"o"!==t[0]||"n"!==t[1]){const r=o(l);if((i||r&&null!==l)&&!s)try{if(n.tagName.includes("-"))n[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=e&&n[t]==o||(n[t]=o)}}catch(n){}null==l||!1===l?!1===l&&""!==n.getAttribute(t)||n.removeAttribute(t):(!i||4&c||s)&&!r&&n.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):J(Z,r)?r.slice(2):r[2]+t.slice(3),e||l){const o=t.endsWith($);t=t.replace(v,""),e&&tn.rel(n,t,e,o),l&&tn.ael(n,t,l,o)}}},p=/\s/,h=n=>n?n.split(p):[],$="Capture",v=RegExp($+"$"),b=(n,t,e,o)=>{const s=11===t.m.nodeType&&t.m.host?t.m.host:t.m,c=n&&n.l||l,i=t.l||l;for(o in c)o in i||m(s,o,c[o],void 0,e,t.i);for(o in i)m(s,o,c[o],i[o],e,t.i)},w=(t,e,l)=>{const o=e.o[l];let s,c,i=0;if(null!==o.t)s=o.m=nn.createTextNode(o.t);else if(s=o.m=nn.createElement(o.u),b(null,o,!1),null!=n&&s["s-si"]!==n&&s.classList.add(s["s-si"]=n),o.o)for(i=0;i<o.o.length;++i)c=w(t,o,i),c&&s.appendChild(c);return s},S=(n,e,l,o,s,c)=>{let i,r=n;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=c;++s)o[s]&&(i=w(null,l,s),i&&(o[s].m=i,r.insertBefore(i,e)))},g=(n,t,e)=>{for(let l=t;l<=e;++l){const t=n[l];if(t){const n=t.m;n&&n.remove()}}},j=(n,t)=>n.u===t.u,k=(n,t)=>{const e=t.m=n.m,l=n.o,o=t.o,s=t.t;null===s?("slot"===t.u||b(n,t,!1),null!==l&&null!==o?((n,t,e,l)=>{let o,s=0,c=0,i=t.length-1,r=t[0],u=t[i],a=l.length-1,f=l[0],d=l[a];for(;s<=i&&c<=a;)null==r?r=t[++s]:null==u?u=t[--i]:null==f?f=l[++c]:null==d?d=l[--a]:j(r,f)?(k(r,f),r=t[++s],f=l[++c]):j(u,d)?(k(u,d),u=t[--i],d=l[--a]):j(r,d)?(k(r,d),n.insertBefore(r.m,u.m.nextSibling),r=t[++s],d=l[--a]):j(u,f)?(k(u,f),n.insertBefore(u.m,r.m),u=t[--i],f=l[++c]):(o=w(t&&t[c],e,c),f=l[++c],o&&r.m.parentNode.insertBefore(o,r.m));s>i?S(n,null==l[a+1]?null:l[a+1].m,e,l,c,a):c>a&&g(t,s,i)})(e,l,t,o):null!==o?(null!==n.t&&(e.textContent=""),S(e,null,t,o,0,o.length-1)):null!==l&&g(l,0,l.length-1)):n.t!==s&&(e.data=s)},C=(n,t)=>{t&&!n.h&&t["s-p"]&&t["s-p"].push(new Promise((t=>n.h=t)))},M=(n,t)=>{if(n.i|=16,!(4&n.i))return C(n,n.$),fn((()=>O(n,t)));n.i|=512},O=(n,t)=>{const e=n.v;let l;return t&&(n.i|=256,n.S&&(n.S.map((([n,t])=>L(e,n,t))),n.S=void 0),l=L(e,"componentWillLoad")),l=P(l,(()=>L(e,"componentWillRender"))),P(l,(()=>x(n,e,t)))},P=(n,t)=>R(n)?n.then(t):t(),R=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,x=async(n,t,e)=>{var l;const o=n.$hostElement$,c=o["s-rc"];e&&(n=>{const t=n.j,e=n.$hostElement$,l=t.i,o=((n,t)=>{var e;const l=y(t),o=Y.get(l);if(n=11===n.nodeType?n:nn,o)if("string"==typeof o){let t,c=d.get(n=n.head||n);if(c||d.set(n,c=new Set),!c.has(l)){{t=nn.createElement("style"),t.innerHTML=o;const l=null!==(e=tn.k)&&void 0!==e?e:s(nn);null!=l&&t.setAttribute("nonce",l),n.insertBefore(t,n.querySelector("link"))}c&&c.add(l)}}else n.adoptedStyleSheets.includes(o)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]);return l})(e.shadowRoot?e.shadowRoot:e.getRootNode(),t);10&l&&(e["s-sc"]=o,e.classList.add(o+"-h"))})(n);E(n,t,o,e),c&&(c.map((n=>n())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],e=()=>W(n);0===t.length?e():(Promise.all(t).then(e),n.i|=4,t.length=0)}},E=(e,l,o,s)=>{try{l=l.render(),e.i&=-17,e.i|=2,((e,l,o=!1)=>{const s=e.$hostElement$,u=e.j,a=e.C||i(null,null),f=(n=>n&&n.u===r)(l)?l:c(null,null,l);if(t=s.tagName,u.M&&(f.l=f.l||{},u.M.map((([n,t])=>f.l[t]=s[n]))),o&&f.l)for(const n of Object.keys(f.l))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(f.l[n]=s[n]);f.u=null,f.i|=4,e.C=f,f.m=a.m=s.shadowRoot||s,n=s["s-sc"],k(a,f)})(e,l,s)}catch(n){K(n,e.$hostElement$)}return null},W=n=>{const t=n.$hostElement$,e=n.$;L(n.v,"componentDidRender"),64&n.i||(n.i|=64,N(t),n.O(t),e||A()),n.h&&(n.h(),n.h=void 0),512&n.i&&an((()=>M(n,!1))),n.i&=-517},A=()=>{N(nn.documentElement),an((()=>f(Z,"appload",{detail:{namespace:"mds-modal"}})))},L=(n,t,e)=>{if(n&&n[t])try{return n[t](e)}catch(n){K(n)}},N=n=>n.setAttribute("hydrated",""),T=(n,t,e)=>{var l;if(t.P){n.watchers&&(t.R=n.watchers);const s=Object.entries(t.P),c=n.prototype;if(s.map((([n,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(c,n,{get(){return((n,t)=>B(this).W.get(t))(0,n)},set(e){((n,t,e,l)=>{const s=B(n),c=s.$hostElement$,i=s.W.get(t),r=s.i,u=s.v;if(e=((n,t)=>null==n||o(n)?n:4&t?"false"!==n&&(""===n||!!n):1&t?n+"":n)(e,l.P[t][0]),(!(8&r)||void 0===i)&&e!==i&&(!Number.isNaN(i)||!Number.isNaN(e))&&(s.W.set(t,e),u)){if(l.R&&128&r){const n=l.R[t];n&&n.map((n=>{try{u[n](e,i,t)}catch(n){K(n,c)}}))}2==(18&r)&&M(s,!1)}})(this,n,e,t)},configurable:!0,enumerable:!0})})),1&e){const e=new Map;c.attributeChangedCallback=function(n,l,o){tn.jmp((()=>{const s=e.get(n);if(this.hasOwnProperty(s))o=this[s],delete this[s];else{if(c.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==o)return;if(null==s){const e=B(this),s=null==e?void 0:e.i;if(!(8&s)&&128&s&&o!==l){const s=e.v,c=t.R[n];null==c||c.forEach((t=>{null!=s[t]&&s[t].call(s,o,l,n)}))}return}}this[s]=(null!==o||"boolean"!=typeof this[s])&&o}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=t.R)&&void 0!==l?l:{}),...s.filter((([n,t])=>15&t[0])).map((([n,l])=>{const o=l[1]||n;return e.set(o,n),512&l[0]&&t.M.push([n,o]),o}))]))}}return n},H=n=>{L(n,"disconnectedCallback")},U=(n,t={})=>{var e;const l=[],o=t.exclude||[],c=Z.customElements,i=nn.head,r=i.querySelector("meta[charset]"),u=nn.createElement("style"),a=[];let f,d=!0;Object.assign(tn,t),tn.A=new URL(t.resourcesUrl||"./",nn.baseURI).href,n.map((n=>{n[1].map((t=>{var e;const s={i:t[0],p:t[1],P:t[2],L:t[3]};s.P=t[2],s.L=t[3],s.M=[],s.R=null!==(e=t[4])&&void 0!==e?e:{};const i=s.p,r=class extends HTMLElement{constructor(n){super(n),I(n=this,s),1&s.i&&n.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):tn.jmp((()=>(n=>{if(0==(1&tn.i)){const t=B(n),e=t.j,l=()=>{};if(1&t.i)q(n,t,e.L),(null==t?void 0:t.v)||(null==t?void 0:t.N)&&t.N.then((()=>{}));else{t.i|=1;{let e=n;for(;e=e.parentNode||e.host;)if(e["s-p"]){C(t,t.$=e);break}}e.P&&Object.entries(e.P).map((([t,[e]])=>{if(31&e&&n.hasOwnProperty(t)){const e=n[t];delete n[t],n[t]=e}})),(async(n,t,e)=>{let l;if(0==(32&t.i)){t.i|=32;{if(l=X(e),l.then){const n=()=>{};l=await l,n()}l.isProxied||(e.R=l.watchers,T(l,e,2),l.isProxied=!0);const n=()=>{};t.i|=8;try{new l(t)}catch(n){K(n)}t.i&=-9,t.i|=128,n()}if(l.style){let n=l.style;const t=y(e);if(!Y.has(t)){const l=()=>{};((n,t,e)=>{let l=Y.get(n);ln&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,Y.set(n,l)})(t,n,!!(1&e.i)),l()}}}const o=t.$,s=()=>M(t,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,t,e)}l()}})(this)))}disconnectedCallback(){tn.jmp((()=>(async()=>{if(0==(1&tn.i)){const n=B(this);n.T&&(n.T.map((n=>n())),n.T=void 0),(null==n?void 0:n.v)?H(n.v):(null==n?void 0:n.N)&&n.N.then((()=>H(n.v)))}})()))}componentOnReady(){return B(this).N}};s.H=n[0],o.includes(i)||c.get(i)||(l.push(i),c.define(i,T(r,s,1)))}))}));{u.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",u.setAttribute("data-styles","");const n=null!==(e=tn.k)&&void 0!==e?e:s(nn);null!=n&&u.setAttribute("nonce",n),i.insertBefore(u,r?r.nextSibling:i.firstChild)}d=!1,a.length?a.map((n=>n.connectedCallback())):tn.jmp((()=>f=setTimeout(A,30)))},q=(n,t,e)=>{e&&e.map((([e,l,o])=>{const s=F(n,e),c=D(t,o),i=V(e);tn.ael(s,l,c,i),(t.T=t.T||[]).push((()=>tn.rel(s,l,c,i)))}))},D=(n,t)=>e=>{try{256&n.i?n.v[t](e):(n.S=n.S||[]).push([t,e])}catch(n){K(n)}},F=(n,t)=>4&t?nn:n,V=n=>0!=(2&n),_=n=>tn.k=n,z=new WeakMap,B=n=>z.get(n),G=(n,t)=>z.set(t.v=n,t),I=(n,t)=>{const e={i:0,$hostElement$:n,j:t,W:new Map};return e.N=new Promise((n=>e.O=n)),n["s-p"]=[],n["s-rc"]=[],q(n,e,t.L),z.set(n,e)},J=(n,t)=>t in n,K=(n,t)=>(0,console.error)(n,t),Q=new Map,X=n=>{const t=n.p.replace(/-/g,"_"),e=n.H,l=Q.get(e);return l?l[t]:import(`./${e}.entry.js`).then((n=>(Q.set(e,n),n[t])),K)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Y=new Map,Z="undefined"!=typeof window?window:{},nn=Z.document||{head:{}},tn={i:0,A:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,t,e,l)=>n.addEventListener(t,e,l),rel:(n,t,e,l)=>n.removeEventListener(t,e,l),ce:(n,t)=>new CustomEvent(n,t)},en=n=>Promise.resolve(n),ln=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),on=[],sn=[],cn=(n,t)=>l=>{n.push(l),e||(e=!0,t&&4&tn.i?an(un):tn.raf(un))},rn=n=>{for(let t=0;t<n.length;t++)try{n[t](performance.now())}catch(n){K(n)}n.length=0},un=()=>{rn(on),rn(sn),(e=on.length>0)&&tn.raf(un)},an=n=>en().then(n),fn=cn(sn,!0);export{r as H,U as b,a as c,u as g,c as h,en as p,G as r,_ as s}

package/dist/mds-modal/p-e765d0c2.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as i,H as r,g as e}from"./p-9bfc9516.js";function n(t){var o,i,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(i=n(t[o]))&&(r&&(r+=" "),r+=i);else for(o in t)t[o]&&(r&&(r+=" "),r+=o);return r}function a(){for(var t,o,i=0,r="";i<arguments.length;)(t=arguments[i++])&&(o=n(t))&&(r&&(r+=" "),r+=o);return r}class s{constructor(){this.elements=[],this.handleClickBehaviorDispatchEvent=t=>{"Space"!==t.code&&"Enter"!==t.code&&"NumpadEnter"!==t.code||t.target.click()},this.handleEscapeBehaviorDispatchEvent=t=>{"Escape"===t.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(t,o="element")=>{this.elements[o]=t},this.attachClickBehavior=(t="element")=>{this.elements[t]&&this.elements[t].addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(t="element")=>{this.elements[t]&&this.elements[t].removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=t=>{this.escapeCallback=t,void 0!==window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=()=>{},void 0!==window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}const d=class{constructor(i){t(this,i),this.closeEvent=o(this,"mdsModalClose",7),this.window=!1,this.top=!1,this.bottom=!1,this.animationState="intro",this.km=new s,this.componentDidLoad=()=>{var t;this.km.addElement(this.host,"host");const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".close");o&&this.km.addElement(o,"close"),this.km.attachEscapeBehavior((()=>this.closeEvent.emit())),this.km.attachClickBehavior("close")},this.animationName=(t="",o="")=>`to-${""!==o?o:this.position}${""!==t?"-"+t:""}`,this.closeModal=t=>{var o;"mds-modal"===(null===(o=t.target)||void 0===o?void 0:o.localName)&&(this.opened=t.target!==t.currentTarget,this.opened||this.closeEvent.emit())},this.stateOpened=void 0,this.opened=!1,this.position="center"}componentWillLoad(){var t;this.bottom=null!==this.host.querySelector('[slot="bottom"]'),this.top=null!==this.host.querySelector('[slot="top"]'),this.window=null!==this.host.querySelector('[slot="window"]'),this.stateOpened=this.opened,this.window||(this.position="right"),this.window&&(null===(t=this.host.querySelector('[slot="window"]'))||void 0===t||t.setAttribute("role","modal"))}componentWillRender(){this.animationState=this.opened?"intro":"outro",this.host.classList.add(this.animationName())}componentDidRender(){this.animationDeelay=window.setTimeout((()=>{this.animationState="intro"===this.animationState?"outro":"intro",this.host.classList.remove(this.animationName("intro"===this.animationState?"outro":"intro")),this.host.classList.add(this.animationName(this.animationState)),window.clearTimeout(this.animationDeelay)}),500)}disconnectedCallback(){this.km.detachEscapeBehavior(),this.km.detachClickBehavior("close")}positionChange(t,o){window.clearTimeout(this.animationDeelay),this.host.classList.remove(this.animationName("",o)),this.host.classList.remove(this.animationName("intro",o)),this.host.classList.remove(this.animationName("outro",o))}openedChange(t){this.stateOpened=t,window.clearTimeout(this.animationDeelay)}onModalCloseListener(){this.opened=!1}onBannerCloseListener(){this.opened=!1}render(){return i(r,{"aria-modal":a(this.opened?"true":"false"),class:a(this.stateOpened&&this.animationName("opened")),onClick:t=>{this.closeModal(t)}},this.window?i("slot",{name:"window"}):i("div",{class:a("window",(this.top||this.bottom)&&`window-${this.top?"-top":""}${this.bottom?"-bottom":""}`),role:"dialog",part:"window"},this.top&&i("slot",{name:"top"}),i("slot",null),this.bottom&&i("slot",{name:"bottom"})),!this.window&&i("i",{innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>',tabindex:"0",onClick:t=>{this.closeModal(t)},class:"svg close focus-bounce-light"}))}get host(){return e(this)}static get watchers(){return{position:["positionChange"],opened:["openedChange"]}}};d.style='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@tailwind components; @tailwind utilities; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.animate-right-intro,.animate-right-outro{-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}.fixed{position:fixed}.absolute{position:absolute}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.ml-auto{margin-left:auto}.flex{display:-ms-flexbox;display:flex}.w-16{width:4rem}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.items-center{-ms-flex-align:center;align-items:center}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-tone-neutral-09{--tw-border-opacity:1;border-color:rgb(var(--tone-neutral-09) / var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.p-4{padding:1rem}.p-8{padding:2rem}.text-tone-neutral-02{--tw-text-opacity:1;color:rgb(var(--tone-neutral-02) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-modal-overlay-color:var(--magma-overlay-color, 0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity, 0.5);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-overflow:auto;--mds-modal-window-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--mds-modal-z-index:var(--magma-modal-z-index);-webkit-transition-duration:700ms;transition-duration:700ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-flex-align:center;align-items:center;background-color:rgba(var(--mds-modal-overlay-color) / 0);display:-ms-flexbox;display:flex;fill:rgb(var(--tone-neutral));inset:0;-ms-flex-pack:center;justify-content:center;-webkit-perspective:600px;perspective:600px;pointer-events:none;position:fixed;z-index:var(--mds-modal-z-index, 1000)}:host([position="top"]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host([position="bottom"]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}:host(.to-bottom-opened),:host(.to-center-opened),:host(.to-left-opened),:host(.to-right-opened),:host(.to-top-opened){-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));pointer-events:auto}.close{top:0px;height:2.25rem;width:2.25rem;border-radius:9999px;font-size:2.25rem;line-height:2.5rem;opacity:0;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);cursor:pointer;fill:inherit;position:absolute;-webkit-transform:translate(0, 24px) rotate(90deg);transform:translate(0, 24px) rotate(90deg);-webkit-transform-origin:center;transform-origin:center;-webkit-transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, transform;transition-property:opacity, outline, outline-offset, transform, -webkit-transform}.window{height:100%;gap:0px;background-color:var(--mds-modal-window-background);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);display:grid;grid-template-rows:1fr;max-width:calc(100vw - 80px);overflow:var(--mds-modal-window-overflow)}.window--top{grid-template-rows:auto 1fr}.window--bottom{grid-template-rows:1fr auto}.window--top-bottom{grid-template-rows:auto 1fr auto}:host(.to-bottom){padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}:host(.to-bottom){-ms-flex-pack:center;justify-content:center}:host(.to-bottom) .window,:host(.to-bottom)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-bottom-intro) .window,:host(.to-bottom-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-bottom-opened.to-bottom-outro) .window,:host(.to-bottom-opened.to-bottom-outro)>::slotted([slot="window"]),:host(.to-bottom-opened) .window,:host(.to-bottom-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-bottom-outro) .window,:host(.to-bottom-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-center){padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}:host(.to-center){-ms-flex-pack:center;justify-content:center}:host(.to-center) .window,:host(.to-center)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-center-intro) .window,:host(.to-center-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-center-opened.to-center-outro) .window,:host(.to-center-opened.to-center-outro)>::slotted([slot="window"]),:host(.to-center-opened) .window,:host(.to-center-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-center-outro) .window,:host(.to-center-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-left){-ms-flex-pack:start;justify-content:flex-start}:host(.to-left) .window,:host(.to-left)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-left-intro) .window,:host(.to-left-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-opened.to-left-outro) .window,:host(.to-left-opened.to-left-outro)>::slotted([slot="window"]),:host(.to-left-opened) .window,:host(.to-left-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-left-opened) .close,:host(.to-left-opened.to-left-outro) .close{opacity:1;-webkit-transform:translate(-24px, 24px) rotate(0);transform:translate(-24px, 24px) rotate(0)}:host(.to-left-outro) .window,:host(.to-left-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-outro) .close{-webkit-transform:translate(24px, 24px) rotate(-90deg);transform:translate(24px, 24px) rotate(-90deg)}:host(.to-left) .close{right:0px;-webkit-transform:translate(36px, 24px) rotate(90deg);transform:translate(36px, 24px) rotate(90deg)}:host(.to-right){-ms-flex-pack:end;justify-content:flex-end}:host(.to-right) .window,:host(.to-right)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-right-intro) .window,:host(.to-right-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-opened.to-right-outro) .window,:host(.to-right-opened.to-right-outro)>::slotted([slot="window"]),:host(.to-right-opened) .window,:host(.to-right-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-right-opened) .close,:host(.to-right-opened.to-right-outro) .close{opacity:1;-webkit-transform:translate(24px, 24px) rotate(0);transform:translate(24px, 24px) rotate(0)}:host(.to-right-outro) .window,:host(.to-right-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-outro) .close{-webkit-transform:translate(-24px, 24px) rotate(90deg);transform:translate(-24px, 24px) rotate(90deg)}:host(.to-right) .close{left:0px;-webkit-transform:translate(-36px, 24px) rotate(-90deg);transform:translate(-36px, 24px) rotate(-90deg)}:host(.to-top){padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}:host(.to-top){-ms-flex-pack:center;justify-content:center}:host(.to-top) .window,:host(.to-top)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-top-intro) .window,:host(.to-top-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-top-opened.to-top-outro) .window,:host(.to-top-opened.to-top-outro)>::slotted([slot="window"]),:host(.to-top-opened) .window,:host(.to-top-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-top-outro) .window,:host(.to-top-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}@media (max-width: 767px){.mobile\\:w-12{width:3rem}}';export{d as mds_modal}

package/dist/mds-modal/p-f6c96de9.system.js

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var n=function(r,e){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var e in r)if(Object.prototype.hasOwnProperty.call(r,e))n[e]=r[e]};return n(r,e)};return function(r,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");n(r,e);function t(){this.constructor=r}r.prototype=e===null?Object.create(e):(t.prototype=e.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(n,r,e,t){function i(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,a){function u(n){try{o(t.next(n))}catch(n){a(n)}}function f(n){try{o(t["throw"](n))}catch(n){a(n)}}function o(n){n.done?e(n.value):i(n.value).then(u,f)}o((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,u;return u={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function f(n){return function(r){return o([n,r])}}function o(f){if(t)throw new TypeError("Generator is already executing.");while(u&&(u=0,f[0]&&(e=0)),e)try{if(t=1,i&&(a=f[0]&2?i["return"]:f[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;if(i=0,a)f=[f[0]&2,a.value];switch(f[0]){case 0:case 1:a=f;break;case 4:e.label++;return{value:f[1],done:false};case 5:e.label++;i=f[1];f=[0];continue;case 7:f=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){e=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){e.label=f[1];break}if(f[0]===6&&e.label<a[1]){e.label=a[1];a=f;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(f);break}if(a[2])e.ops.pop();e.trys.pop();continue}f=r.call(n,e)}catch(n){f=[6,n];i=0}finally{t=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(n,r,e){if(e||arguments.length===2)for(var t=0,i=r.length,a;t<i;t++){if(a||!(t in r)){if(!a)a=Array.prototype.slice.call(r,0,t);a[t]=r[t]}}return n.concat(a||Array.prototype.slice.call(r))};System.register([],(function(n,r){"use strict";return{execute:function(){var e=this;var t="mds-modal";var i;var a;var u=false;var f=false;var o=function(n,r){if(r===void 0){r=""}{return function(){return}}};var v=function(n,r){{return function(){return}}};var c="{visibility:hidden}[hydrated]{visibility:inherit}";var l={};var s=function(n){return n!=null};var d=function(n){n=typeof n;return n==="object"||n==="function"};function h(n){var r,e,t;return(t=(e=(r=n.head)===null||r===void 0?void 0:r.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&t!==void 0?t:undefined}var y=n("h",(function(n,r){var e=[];for(var t=2;t<arguments.length;t++){e[t-2]=arguments[t]}var i=null;var a=false;var u=false;var f=[];var o=function(r){for(var e=0;e<r.length;e++){i=r[e];if(Array.isArray(i)){o(i)}else if(i!=null&&typeof i!=="boolean"){if(a=typeof n!=="function"&&!d(i)){i=String(i)}if(a&&u){f[f.length-1].t+=i}else{f.push(a?p(null,i):i)}u=a}}};o(e);if(r){{var v=r.className||r.class;if(v){r.class=typeof v!=="object"?v:Object.keys(v).filter((function(n){return v[n]})).join(" ")}}}var c=p(n,null);c.i=r;if(f.length>0){c.u=f}return c}));var p=function(n,r){var e={o:0,v:n,t:r,l:null,u:null};{e.i=null}return e};var w=n("H",{});var m=function(n){return n&&n.v===w};var b=function(n,r){if(n!=null&&!d(n)){if(r&4){return n==="false"?false:n===""||!!n}if(r&1){return String(n)}return n}return n};var _=n("g",(function(n){return hn(n).$hostElement$}));var $=n("c",(function(n,r,e){var t=_(n);return{emit:function(n){return g(t,r,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:n})}}}));var g=function(n,r,e){var t=jn.ce(r,e);n.dispatchEvent(t);return t};var S=new WeakMap;var j=function(n,r,e){var t=$n.get(n);if(An&&e){t=t||new CSSStyleSheet;if(typeof t==="string"){t=r}else{t.replaceSync(r)}}else{t=r}$n.set(n,t)};var k=function(n,r,e){var t;var i=O(r);var a=$n.get(i);n=n.nodeType===11?n:Sn;if(a){if(typeof a==="string"){n=n.head||n;var u=S.get(n);var f=void 0;if(!u){S.set(n,u=new Set)}if(!u.has(i)){{f=Sn.createElement("style");f.innerHTML=a;var o=(t=jn.h)!==null&&t!==void 0?t:h(Sn);if(o!=null){f.setAttribute("nonce",o)}n.insertBefore(f,n.querySelector("link"))}if(u){u.add(i)}}}else if(!n.adoptedStyleSheets.includes(a)){n.adoptedStyleSheets=__spreadArray(__spreadArray([],n.adoptedStyleSheets,true),[a],false)}}return i};var A=function(n){var r=n.p;var e=n.$hostElement$;var t=r.o;var i=o("attachStyles",r.m);var a=k(e.shadowRoot?e.shadowRoot:e.getRootNode(),r);if(t&10){e["s-sc"]=a;e.classList.add(a+"-h")}i()};var O=function(n,r){return"sc-"+n.m};var x=function(n,r,e,t,i,a){if(e!==t){var u=wn(n,r);var f=r.toLowerCase();if(r==="class"){var o=n.classList;var v=M(e);var c=M(t);o.remove.apply(o,v.filter((function(n){return n&&!c.includes(n)})));o.add.apply(o,c.filter((function(n){return n&&!v.includes(n)})))}else if(!u&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(wn(gn,f)){r=f.slice(2)}else{r=f[2]+r.slice(3)}if(e||t){var l=r.endsWith(E);r=r.replace(P,"");if(e){jn.rel(n,r,e,l)}if(t){jn.ael(n,r,t,l)}}}else{var s=d(t);if((u||s&&t!==null)&&!i){try{if(!n.tagName.includes("-")){var h=t==null?"":t;if(r==="list"){u=false}else if(e==null||n[r]!=h){n[r]=h}}else{n[r]=t}}catch(n){}}if(t==null||t===false){if(t!==false||n.getAttribute(r)===""){{n.removeAttribute(r)}}}else if((!u||a&4||i)&&!s){t=t===true?"":t;{n.setAttribute(r,t)}}}}};var C=/\s/;var M=function(n){return!n?[]:n.split(C)};var E="Capture";var P=new RegExp(E+"$");var T=function(n,r,e,t){var i=r.l.nodeType===11&&r.l.host?r.l.host:r.l;var a=n&&n.i||l;var u=r.i||l;{for(t in a){if(!(t in u)){x(i,t,a[t],undefined,e,r.o)}}}for(t in u){x(i,t,a[t],u[t],e,r.o)}};var R=function(n,r,e,t){var a=r.u[e];var f=0;var o;var v;if(a.t!==null){o=a.l=Sn.createTextNode(a.t)}else{o=a.l=Sn.createElement(a.v);{T(null,a,u)}if(s(i)&&o["s-si"]!==i){o.classList.add(o["s-si"]=i)}if(a.u){for(f=0;f<a.u.length;++f){v=R(n,a,f);if(v){o.appendChild(v)}}}}return o};var U=function(n,r,e,t,i,u){var f=n;var o;if(f.shadowRoot&&f.tagName===a){f=f.shadowRoot}for(;i<=u;++i){if(t[i]){o=R(null,e,i);if(o){t[i].l=o;f.insertBefore(o,r)}}}};var W=function(n,r,e){for(var t=r;t<=e;++t){var i=n[t];if(i){var a=i.l;if(a){a.remove()}}}};var L=function(n,r,e,t){var i=0;var a=0;var u=r.length-1;var f=r[0];var o=r[u];var v=t.length-1;var c=t[0];var l=t[v];var s;while(i<=u&&a<=v){if(f==null){f=r[++i]}else if(o==null){o=r[--u]}else if(c==null){c=t[++a]}else if(l==null){l=t[--v]}else if(N(f,c)){H(f,c);f=r[++i];c=t[++a]}else if(N(o,l)){H(o,l);o=r[--u];l=t[--v]}else if(N(f,l)){H(f,l);n.insertBefore(f.l,o.l.nextSibling);f=r[++i];l=t[--v]}else if(N(o,c)){H(o,c);n.insertBefore(o.l,f.l);o=r[--u];c=t[++a]}else{{s=R(r&&r[a],e,a);c=t[++a]}if(s){{f.l.parentNode.insertBefore(s,f.l)}}}}if(i>u){U(n,t[v+1]==null?null:t[v+1].l,e,t,a,v)}else if(a>v){W(r,i,u)}};var N=function(n,r){if(n.v===r.v){return true}return false};var H=function(n,r){var e=r.l=n.l;var t=n.u;var i=r.u;var a=r.v;var f=r.t;if(f===null){{if(a==="slot");else{T(n,r,u)}}if(t!==null&&i!==null){L(e,t,r,i)}else if(i!==null){if(n.t!==null){e.textContent=""}U(e,null,r,i,0,i.length-1)}else if(t!==null){W(t,0,t.length-1)}}else if(n.t!==f){e.data=f}};var q=function(n,r,e){if(e===void 0){e=false}var t=n.$hostElement$;var u=n.p;var f=n._||p(null,null);var o=m(r)?r:y(null,null,r);a=t.tagName;if(u.$){o.i=o.i||{};u.$.map((function(n){var r=n[0],e=n[1];return o.i[e]=t[r]}))}if(e&&o.i){for(var v=0,c=Object.keys(o.i);v<c.length;v++){var l=c[v];if(t.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){o.i[l]=t[l]}}}o.v=null;o.o|=4;n._=o;o.l=f.l=t.shadowRoot||t;{i=t["s-sc"]}H(f,o)};var D=function(n,r){if(r&&!n.S&&r["s-p"]){r["s-p"].push(new Promise((function(r){return n.S=r})))}};var F=function(n,r){{n.o|=16}if(n.o&4){n.o|=512;return}D(n,n.j);var e=function(){return G(n,r)};return Tn(e)};var G=function(n,r){var e=o("scheduleUpdate",n.p.m);var t=n.k;var i;if(r){{n.o|=256;if(n.A){n.A.map((function(n){var r=n[0],e=n[1];return Q(t,r,e)}));n.A=undefined}}{i=Q(t,"componentWillLoad")}}{i=I(i,(function(){return Q(t,"componentWillRender")}))}e();return I(i,(function(){return z(n,t,r)}))};var I=function(n,r){return V(n)?n.then(r):r()};var V=function(n){return n instanceof Promise||n&&n.then&&typeof n.then==="function"};var z=function(n,r,t){return __awaiter(e,void 0,void 0,(function(){var e,i,a,u,f,v,c;return __generator(this,(function(l){i=n.$hostElement$;a=o("update",n.p.m);u=i["s-rc"];if(t){A(n)}f=o("render",n.p.m);{B(n,r,i,t)}if(u){u.map((function(n){return n()}));i["s-rc"]=undefined}f();a();{v=(e=i["s-p"])!==null&&e!==void 0?e:[];c=function(){return J(n)};if(v.length===0){c()}else{Promise.all(v).then(c);n.o|=4;v.length=0}}return[2]}))}))};var B=function(n,r,e,t){try{r=r.render();{n.o&=~16}{n.o|=2}{{{q(n,r,t)}}}}catch(r){mn(r,n.$hostElement$)}return null};var J=function(n){var r=n.p.m;var e=n.$hostElement$;var t=o("postUpdate",r);var i=n.k;var a=n.j;{Q(i,"componentDidRender")}if(!(n.o&64)){n.o|=64;{X(e)}t();{n.O(e);if(!a){K()}}}else{t()}{if(n.S){n.S();n.S=undefined}if(n.o&512){Pn((function(){return F(n,false)}))}n.o&=~(4|512)}};var K=function(n){{X(Sn.documentElement)}Pn((function(){return g(gn,"appload",{detail:{namespace:t}})}))};var Q=function(n,r,e){if(n&&n[r]){try{return n[r](e)}catch(n){mn(n)}}return undefined};var X=function(n){return n.setAttribute("hydrated","")};var Y=function(n,r){return hn(n).C.get(r)};var Z=function(n,r,e,t){var i=hn(n);var a=i.$hostElement$;var u=i.C.get(r);var f=i.o;var o=i.k;e=b(e,t.M[r][0]);var v=Number.isNaN(u)&&Number.isNaN(e);var c=e!==u&&!v;if((!(f&8)||u===undefined)&&c){i.C.set(r,e);if(o){if(t.P&&f&128){var l=t.P[r];if(l){l.map((function(n){try{o[n](e,u,r)}catch(n){mn(n,a)}}))}}if((f&(2|16))===2){F(i,false)}}}};var nn=function(n,r,e){var t;if(r.M){if(n.watchers){r.P=n.watchers}var i=Object.entries(r.M);var a=n.prototype;i.map((function(n){var t=n[0],i=n[1][0];if(i&31||e&2&&i&32){Object.defineProperty(a,t,{get:function(){return Y(this,t)},set:function(n){Z(this,t,n,r)},configurable:true,enumerable:true})}}));if(e&1){var u=new Map;a.attributeChangedCallback=function(n,e,t){var i=this;jn.jmp((function(){var f=u.get(n);if(i.hasOwnProperty(f)){t=i[f];delete i[f]}else if(a.hasOwnProperty(f)&&typeof i[f]==="number"&&i[f]==t){return}else if(f==null){var o=hn(i);var v=o===null||o===void 0?void 0:o.o;if(!(v&8)&&v&128&&t!==e){var c=o.k;var l=r.P[n];l===null||l===void 0?void 0:l.forEach((function(r){if(c[r]!=null){c[r].call(c,t,e,n)}}))}return}i[f]=t===null&&typeof i[f]==="boolean"?false:t}))};n.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((t=r.P)!==null&&t!==void 0?t:{}),true),i.filter((function(n){var r=n[0],e=n[1];return e[0]&15})).map((function(n){var e=n[0],t=n[1];var i=t[1]||e;u.set(i,e);if(t[0]&512){r.$.push([e,i])}return i})),true)))}}return n};var rn=function(n,r,t,i){return __awaiter(e,void 0,void 0,(function(){var n,e,i,a,u,f,c,l;return __generator(this,(function(s){switch(s.label){case 0:if(!((r.o&32)===0))return[3,3];r.o|=32;n=_n(t);if(!n.then)return[3,2];e=v();return[4,n];case 1:n=s.sent();e();s.label=2;case 2:if(!n.isProxied){{t.P=n.watchers}nn(n,t,2);n.isProxied=true}i=o("createInstance",t.m);{r.o|=8}try{new n(r)}catch(n){mn(n)}{r.o&=~8}{r.o|=128}i();if(n.style){a=n.style;u=O(t);if(!$n.has(u)){f=o("registerStyles",t.m);j(u,a,!!(t.o&1));f()}}s.label=3;case 3:c=r.j;l=function(){return F(r,true)};if(c&&c["s-rc"]){c["s-rc"].push(l)}else{l()}return[2]}}))}))};var en=function(n){};var tn=function(n){if((jn.o&1)===0){var r=hn(n);var e=r.p;var t=o("connectedCallback",e.m);if(!(r.o&1)){r.o|=1;{var i=n;while(i=i.parentNode||i.host){if(i["s-p"]){D(r,r.j=i);break}}}if(e.M){Object.entries(e.M).map((function(r){var e=r[0],t=r[1][0];if(t&31&&n.hasOwnProperty(e)){var i=n[e];delete n[e];n[e]=i}}))}{rn(n,r,e)}}else{on(n,r,e.T);if(r===null||r===void 0?void 0:r.k);else if(r===null||r===void 0?void 0:r.R){r.R.then((function(){return en()}))}}t()}};var an=function(n){{Q(n,"disconnectedCallback")}};var un=function(n){return __awaiter(e,void 0,void 0,(function(){var r;return __generator(this,(function(e){if((jn.o&1)===0){r=hn(n);{if(r.U){r.U.map((function(n){return n()}));r.U=undefined}}if(r===null||r===void 0?void 0:r.k){an(r.k)}else if(r===null||r===void 0?void 0:r.R){r.R.then((function(){return an(r.k)}))}}return[2]}))}))};var fn=n("b",(function(n,r){if(r===void 0){r={}}var e;var t=o();var i=[];var a=r.exclude||[];var u=gn.customElements;var f=Sn.head;var v=f.querySelector("meta[charset]");var l=Sn.createElement("style");var s=[];var d;var y=true;Object.assign(jn,r);jn.W=new URL(r.resourcesUrl||"./",Sn.baseURI).href;n.map((function(n){n[1].map((function(r){var e;var t={o:r[0],m:r[1],M:r[2],T:r[3]};{t.M=r[2]}{t.T=r[3]}{t.$=[]}{t.P=(e=r[4])!==null&&e!==void 0?e:{}}var f=t.m;var o=function(n){__extends(r,n);function r(r){var e=n.call(this,r)||this;r=e;pn(r,t);if(t.o&1){{{r.attachShadow({mode:"open"})}}}return e}r.prototype.connectedCallback=function(){var n=this;if(d){clearTimeout(d);d=null}if(y){s.push(this)}else{jn.jmp((function(){return tn(n)}))}};r.prototype.disconnectedCallback=function(){var n=this;jn.jmp((function(){return un(n)}))};r.prototype.componentOnReady=function(){return hn(this).R};return r}(HTMLElement);t.L=n[0];if(!a.includes(f)&&!u.get(f)){i.push(f);u.define(f,nn(o,t,1))}}))}));{l.innerHTML=i+c;l.setAttribute("data-styles","");var p=(e=jn.h)!==null&&e!==void 0?e:h(Sn);if(p!=null){l.setAttribute("nonce",p)}f.insertBefore(l,v?v.nextSibling:f.firstChild)}y=false;if(s.length){s.map((function(n){return n.connectedCallback()}))}else{{jn.jmp((function(){return d=setTimeout(K,30)}))}}t()}));var on=function(n,r,e,t){if(e){e.map((function(e){var t=e[0],i=e[1],a=e[2];var u=cn(n,t);var f=vn(r,a);var o=ln(t);jn.ael(u,i,f,o);(r.U=r.U||[]).push((function(){return jn.rel(u,i,f,o)}))}))}};var vn=function(n,r){return function(e){try{{if(n.o&256){n.k[r](e)}else{(n.A=n.A||[]).push([r,e])}}}catch(n){mn(n)}}};var cn=function(n,r){if(r&4)return Sn;return n};var ln=function(n){return(n&2)!==0};var sn=n("s",(function(n){return jn.h=n}));var dn=new WeakMap;var hn=function(n){return dn.get(n)};var yn=n("r",(function(n,r){return dn.set(r.k=n,r)}));var pn=function(n,r){var e={o:0,$hostElement$:n,p:r,C:new Map};{e.R=new Promise((function(n){return e.O=n}));n["s-p"]=[];n["s-rc"]=[]}on(n,e,r.T);return dn.set(n,e)};var wn=function(n,r){return r in n};var mn=function(n,r){return(0,console.error)(n,r)};var bn=new Map;var _n=function(n,e,t){var i=n.m.replace(/-/g,"_");var a=n.L;var u=bn.get(a);if(u){return u[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return r.import("./".concat(a,".entry.js").concat("")).then((function(n){{bn.set(a,n)}return n[i]}),mn)};var $n=new Map;var gn=typeof window!=="undefined"?window:{};var Sn=gn.document||{head:{}};var jn={o:0,W:"",jmp:function(n){return n()},raf:function(n){return requestAnimationFrame(n)},ael:function(n,r,e,t){return n.addEventListener(r,e,t)},rel:function(n,r,e,t){return n.removeEventListener(r,e,t)},ce:function(n,r){return new CustomEvent(n,r)}};var kn=n("p",(function(n){return Promise.resolve(n)}));var An=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(n){}return false}();var On=[];var xn=[];var Cn=function(n,r){return function(e){n.push(e);if(!f){f=true;if(r&&jn.o&4){Pn(En)}else{jn.raf(En)}}}};var Mn=function(n){for(var r=0;r<n.length;r++){try{n[r](performance.now())}catch(n){mn(n)}}n.length=0};var En=function(){Mn(On);{Mn(xn);if(f=On.length>0){jn.raf(En)}}};var Pn=function(n){return kn().then(n)};var Tn=Cn(xn,true)}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-09-27T11:25:01",
+  "timestamp": "2023-11-08T15:43:30",
   "compiler": {
     "name": "node",
     "version": "18.16.1"
@@ -9,11 +9,11 @@
     "fsNamespace": "mds-modal",
     "components": 1,
     "entries": 1,
-    "bundles": 69,
+    "bundles": 68,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 28,
+        "files": 27,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/keyboard-manager.js",
@@ -28,7 +28,7 @@
           "./dist/collection/dictionary/color.js",
           "./dist/collection/dictionary/floating-ui.js",
           "./dist/collection/dictionary/icon.js",
-          "./dist/collection/dictionary/input-text-type.js",
+          "./dist/collection/dictionary/input.js",
           "./dist/collection/dictionary/loading.js",
           "./dist/collection/dictionary/typography.js",
           "./dist/collection/dictionary/variant.js",
@@ -38,8 +38,7 @@
           "./dist/collection/type/button.js",
           "./dist/collection/type/floating-ui.js",
           "./dist/collection/type/form-rel.js",
-          "./dist/collection/type/input-text-type.js",
-          "./dist/collection/type/input-value-type.js",
+          "./dist/collection/type/input.js",
           "./dist/collection/type/loading.js",
           "./dist/collection/type/typography.js",
           "./dist/collection/type/variant.js"
@@ -59,17 +58,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-2ef62850.js",
+          "./dist/cjs/index-a75ae767.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-modal.cjs.entry.js",
           "./dist/cjs/mds-modal.cjs.js",
-          "./dist/esm-es5/index-822a7c21.js",
+          "./dist/esm-es5/index-67f67ae4.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-modal.entry.js",
           "./dist/esm-es5/mds-modal.js",
-          "./dist/esm/index-822a7c21.js",
+          "./dist/esm/index-67f67ae4.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-modal.entry.js",
@@ -79,21 +78,21 @@
           "./dist/mds-modal/index.esm.js",
           "./dist/mds-modal/mds-modal.esm.js",
           "./dist/mds-modal/mds-modal.js",
-          "./dist/mds-modal/p-0e1a634c.system.js",
           "./dist/mds-modal/p-50ea2036.system.js",
-          "./dist/mds-modal/p-62ef7bee.system.entry.js",
-          "./dist/mds-modal/p-6acd79b6.system.js",
-          "./dist/mds-modal/p-cc1354fb.js",
-          "./dist/mds-modal/p-f67f79a7.entry.js",
+          "./dist/mds-modal/p-7a54ebc0.system.entry.js",
+          "./dist/mds-modal/p-8b71f825.system.js",
+          "./dist/mds-modal/p-9bfc9516.js",
+          "./dist/mds-modal/p-e765d0c2.entry.js",
+          "./dist/mds-modal/p-f6c96de9.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-modal.esm.js",
           "./www/build/mds-modal.js",
-          "./www/build/p-0e1a634c.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-62ef7bee.system.entry.js",
-          "./www/build/p-6acd79b6.system.js",
-          "./www/build/p-cc1354fb.js",
-          "./www/build/p-f67f79a7.entry.js"
+          "./www/build/p-7a54ebc0.system.entry.js",
+          "./www/build/p-8b71f825.system.js",
+          "./www/build/p-9bfc9516.js",
+          "./www/build/p-e765d0c2.entry.js",
+          "./www/build/p-f6c96de9.system.js"
         ]
       },
       {
@@ -126,12 +125,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-f67f79a7",
-        "fileName": "p-f67f79a7.entry.js",
+        "bundleId": "p-e765d0c2",
+        "fileName": "p-e765d0c2.entry.js",
         "imports": [
-          "p-cc1354fb.js"
+          "p-9bfc9516.js"
         ],
-        "originalByteSize": 20836
+        "originalByteSize": 19993
       }
     ],
     "esm": [
@@ -143,9 +142,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-822a7c21.js"
+          "index-67f67ae4.js"
         ],
-        "originalByteSize": 20840
+        "originalByteSize": 19997
       }
     ],
     "es5": [
@@ -157,9 +156,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-822a7c21.js"
+          "index-67f67ae4.js"
         ],
-        "originalByteSize": 20840
+        "originalByteSize": 19997
       }
     ],
     "system": [
@@ -168,12 +167,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-62ef7bee.system",
-        "fileName": "p-62ef7bee.system.entry.js",
+        "bundleId": "p-7a54ebc0.system",
+        "fileName": "p-7a54ebc0.system.entry.js",
         "imports": [
-          "p-6acd79b6.system.js"
+          "p-f6c96de9.system.js"
         ],
-        "originalByteSize": 21911
+        "originalByteSize": 21068
       }
     ],
     "commonjs": [
@@ -185,9 +184,9 @@
         "bundleId": "mds-modal.cjs",
         "fileName": "mds-modal.cjs.entry.js",
         "imports": [
-          "index-2ef62850.js"
+          "index-a75ae767.js"
         ],
-        "originalByteSize": 20917
+        "originalByteSize": 20074
       }
     ]
   },
@@ -324,6 +323,8 @@
     {
       "cmps": [
         {
+          "attachInternalsMemberName": null,
+          "formAssociated": false,
           "tagName": "mds-modal",
           "excludeFromCollection": false,
           "isCollectionDependency": false,
@@ -581,7 +582,7 @@
   ],
   "componentGraph": {
     "sc-mds-modal": [
-      "p-cc1354fb.js"
+      "p-9bfc9516.js"
     ]
   },
   "sourceGraph": {
@@ -603,7 +604,7 @@
       "./src/fixtures/icons.json",
       "./src/fixtures/iconsauce.json"
     ],
-    "./src/dictionary/input-text-type.ts": [],
+    "./src/dictionary/input.ts": [],
     "./src/dictionary/loading.ts": [],
     "./src/dictionary/typography.ts": [],
     "./src/dictionary/variant.ts": [],
@@ -613,8 +614,7 @@
     "./src/type/button.ts": [],
     "./src/type/floating-ui.ts": [],
     "./src/type/form-rel.ts": [],
-    "./src/type/input-text-type.ts": [],
-    "./src/type/input-value-type.ts": [],
+    "./src/type/input.ts": [],
     "./src/type/loading.ts": [],
     "./src/type/typography.ts": [],
     "./src/type/variant.ts": []

package/dist/types/components.d.ts

@@ -24,7 +24,18 @@ export interface MdsModalCustomEvent<T> extends CustomEvent<T> {
     target: HTMLMdsModalElement;
 }
 declare global {
+    interface HTMLMdsModalElementEventMap {
+        "mdsModalClose": void;
+    }
     interface HTMLMdsModalElement extends Components.MdsModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLMdsModalElementEventMap>(type: K, listener: (this: HTMLMdsModalElement, ev: MdsModalCustomEvent<HTMLMdsModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLMdsModalElementEventMap>(type: K, listener: (this: HTMLMdsModalElement, ev: MdsModalCustomEvent<HTMLMdsModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLMdsModalElement: {
         prototype: HTMLMdsModalElement;

package/dist/types/dictionary/input.d.ts

@@ -0,0 +1,4 @@
+declare const inputTextTypeDictionary: string[];
+declare const inputControlsLayoutDictionary: string[];
+declare const inputControlsIconDictionary: string[];
+export { inputControlsIconDictionary, inputControlsLayoutDictionary, inputTextTypeDictionary, };

package/dist/types/dictionary/typography.d.ts

@@ -7,4 +7,5 @@ declare const typographyInfoDictionary: string[];
 declare const typographyReadDictionary: string[];
 declare const typographySmallerDictionary: string[];
 declare const typographyTooltipDictionary: string[];
-export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };
+declare const typographyInputDictionary: string[];
+export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

package/dist/types/interface/input-value.d.ts

@@ -1,4 +1,4 @@
-import { InputValueType } from '@type/input-value-type';
+import { InputValueType } from '@type/input';
 export interface InputValue {
   value: InputValueType;
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -1115,11 +1134,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;

package/dist/types/type/input.d.ts

@@ -0,0 +1,4 @@
+export type InputControlsLayoutType = 'horizontal' | 'vertical';
+export type InputControlsIconType = 'arrow' | 'arithmetic';
+export type InputValueType = null | number | string | undefined;
+export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';

package/dist/types/type/typography.d.ts

@@ -7,3 +7,4 @@ export type TypographyReadType = 'caption' | 'detail' | 'paragraph';
 export type TypographySmallerType = 'tip' | 'option';
 export type TypographyMonoType = 'snippet' | 'hack';
 export type TypographyTooltipType = 'caption' | 'detail' | 'tip';
+export type TypographyInputType = 'snippet' | 'detail';

package/documentation.json

@@ -1,9 +1,9 @@
 {
-  "timestamp": "2023-09-27T10:36:27",
+  "timestamp": "2023-11-08T14:31:27",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.3.0",
-    "typescriptVersion": "5.1.6"
+    "version": "4.7.1",
+    "typescriptVersion": "5.2.2"
   },
   "components": [
     {
@@ -407,28 +407,38 @@
       "docstring": "",
       "path": "src/type/autocomplete.ts"
     },
+    "src/type/input.ts::InputControlsLayoutType": {
+      "declaration": "export type InputControlsLayoutType =\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/type/input.ts"
+    },
+    "src/type/input.ts::InputControlsIconType": {
+      "declaration": "export type InputControlsIconType =\n  | 'arrow'\n  | 'arithmetic'",
+      "docstring": "",
+      "path": "src/type/input.ts"
+    },
     "src/type/variant.ts::ThemeStatusVariantType": {
       "declaration": "export type ThemeStatusVariantType =\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
       "docstring": "",
       "path": "src/type/variant.ts"
     },
-    "src/type/input-text-type.ts::InputTextType": {
+    "src/type/input.ts::InputTextType": {
       "declaration": "export type InputTextType =\n  | 'date'\n  | 'email'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'textarea'\n  | 'time'\n  | 'url'",
       "docstring": "",
-      "path": "src/type/input-text-type.ts"
+      "path": "src/type/input.ts"
     },
-    "src/type/input-value-type.ts::InputValueType": {
-      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+    "src/type/typography.ts::TypographyInputType": {
+      "declaration": "export type TypographyInputType =\n  | 'snippet'\n  | 'detail'",
       "docstring": "",
-      "path": "src/type/input-value-type.ts"
+      "path": "src/type/typography.ts"
     },
-    "src/components/mds-input/meta/interfaces.ts::InputValue": {
-      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
+    "src/components/mds-input/meta/event-detail.ts::MdsInputEventDetail": {
+      "declaration": "export interface MdsInputEventDetail {\n  value?: string\n}",
       "docstring": "",
-      "path": "src/components/mds-input/meta/interfaces.ts"
+      "path": "src/components/mds-input/meta/event-detail.ts"
     },
     "src/components/mds-input-field/meta/types.ts::ValidationModelType": {
-      "declaration": "export type ValidationModelType =\n  | 'cf'\n  | 'email'\n  | 'isbn'\n  | 'piva'",
+      "declaration": "export type ValidationModelType =\n  | 'cc'\n  | 'cf'\n  | 'email'\n  | 'isbn'\n  | 'piva'",
       "docstring": "",
       "path": "src/components/mds-input-field/meta/types.ts"
     },
@@ -447,6 +457,11 @@
       "docstring": "",
       "path": "src/components/mds-input-switch/meta/types.ts"
     },
+    "src/type/input.ts::InputValueType": {
+      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+      "docstring": "",
+      "path": "src/type/input.ts"
+    },
     "src/type/typography.ts::TypographyType": {
       "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-modal",
-  "version": "4.4.1",
+  "version": "4.6.0",
   "description": "mds-modal is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,9 +24,9 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/styles": "^11.7.0",
-    "@stencil/core": "^4.3.0",
-    "clsx": "^2.0.0"
+    "@maggioli-design-system/styles": "13.0.0",
+    "@stencil/core": "4.7.1",
+    "clsx": "2.0.0"
   },
   "license": "MIT",
   "author": {

package/src/common/keyboard-manager.ts

@@ -32,14 +32,14 @@ export class KeyboardManager {
 
   attachEscapeBehavior = (callBack: () => void): void => {
     this.escapeCallback = callBack
-    if (typeof window !== undefined) {
+    if (window !== undefined) {
       window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }
   }
 
   detachEscapeBehavior = (): void => {
     this.escapeCallback = () => {return}
-    if (typeof window !== undefined) {
+    if (window !== undefined) {
       window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }
   }

package/src/components/mds-modal/mds-modal.css

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+@import '~@maggioli-design-system/styles/dist/css/animations.css'; /* included for focus effect */
 @import '../../tailwind/components.css';
 @import './css/components.css';
 
@@ -39,12 +39,12 @@
   z-index: var(--mds-modal-z-index, 1000);
 }
 
-:host( [position=top] ) {
+:host( [position="top"] ) {
   align-items: flex-start;
   justify-content: center;
 }
 
-:host( [position=bottom] ) {
+:host( [position="bottom"] ) {
   align-items: flex-end;
   justify-content: center;
 }
@@ -74,8 +74,8 @@
   cursor: pointer;
   fill: inherit;
   position: absolute;
-  transform-origin: center;
   transform: translate(0, 24px) rotate(90deg);
+  transform-origin: center;
   transition-property: opacity, outline, outline-offset, transform;
 }