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

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-10-19T09:55:11",
+  "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-7b67ecdb.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-5f4fd73d.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-5f4fd73d.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-3289100c.system.js",
           "./dist/mds-modal/p-50ea2036.system.js",
-          "./dist/mds-modal/p-b327d4c0.js",
-          "./dist/mds-modal/p-bc48f1e8.system.js",
-          "./dist/mds-modal/p-e441efd8.entry.js",
-          "./dist/mds-modal/p-ff89867f.system.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-3289100c.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-b327d4c0.js",
-          "./www/build/p-bc48f1e8.system.js",
-          "./www/build/p-e441efd8.entry.js",
-          "./www/build/p-ff89867f.system.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-e441efd8",
-        "fileName": "p-e441efd8.entry.js",
+        "bundleId": "p-e765d0c2",
+        "fileName": "p-e765d0c2.entry.js",
         "imports": [
-          "p-b327d4c0.js"
+          "p-9bfc9516.js"
         ],
-        "originalByteSize": 20822
+        "originalByteSize": 19993
       }
     ],
     "esm": [
@@ -143,9 +142,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-5f4fd73d.js"
+          "index-67f67ae4.js"
         ],
-        "originalByteSize": 20826
+        "originalByteSize": 19997
       }
     ],
     "es5": [
@@ -157,9 +156,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-5f4fd73d.js"
+          "index-67f67ae4.js"
         ],
-        "originalByteSize": 20826
+        "originalByteSize": 19997
       }
     ],
     "system": [
@@ -168,12 +167,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-ff89867f.system",
-        "fileName": "p-ff89867f.system.entry.js",
+        "bundleId": "p-7a54ebc0.system",
+        "fileName": "p-7a54ebc0.system.entry.js",
         "imports": [
-          "p-bc48f1e8.system.js"
+          "p-f6c96de9.system.js"
         ],
-        "originalByteSize": 21897
+        "originalByteSize": 21068
       }
     ],
     "commonjs": [
@@ -185,9 +184,9 @@
         "bundleId": "mds-modal.cjs",
         "fileName": "mds-modal.cjs.entry.js",
         "imports": [
-          "index-7b67ecdb.js"
+          "index-a75ae767.js"
         ],
-        "originalByteSize": 20903
+        "originalByteSize": 20074
       }
     ]
   },
@@ -583,7 +582,7 @@
   ],
   "componentGraph": {
     "sc-mds-modal": [
-      "p-b327d4c0.js"
+      "p-9bfc9516.js"
     ]
   },
   "sourceGraph": {
@@ -605,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": [],
@@ -615,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

@@ -1134,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,8 +1,8 @@
 {
-  "timestamp": "2023-10-19T09:23:19",
+  "timestamp": "2023-11-08T14:31:27",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.5.0",
+    "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.2",
+  "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/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;
 }
 

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

@@ -138,7 +138,7 @@ export class MdsModal {
             }
           </div>
         }
-        { !this.window && <i innerHTML={miBaselineClose} tabindex="0" onClick={(e: Event) => { this.closeModal(e) }} class="svg close focusable-light"/> }
+        { !this.window && <i innerHTML={miBaselineClose} tabindex="0" onClick={(e: Event) => { this.closeModal(e) }} class="svg close focus-bounce-light"/> }
       </Host>
     )
   }

package/src/components/mds-modal/test/mds-modal.e2e.ts

@@ -21,7 +21,7 @@ describe('mds-modal', () => {
       <div class="window" part="window" role="dialog">
         <slot></slot>
       </div>
-      <i class="close focusable-light svg" tabindex="0">
+      <i class="close focus-bounce-light svg" tabindex="0">
         <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
           <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"></path>
         </svg>
@@ -41,7 +41,7 @@ describe('mds-modal', () => {
       <div class="window" part="window" role="dialog">
         <slot></slot>
       </div>
-      <i class="close focusable-light svg" tabindex="0">
+      <i class="close focus-bounce-light svg" tabindex="0">
         <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
           <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"></path>
         </svg>

package/src/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/src/dictionary/input.ts

@@ -0,0 +1,30 @@
+const inputTextTypeDictionary = [
+  'date',
+  'email',
+  'number',
+  'password',
+  'search',
+  'tel',
+  'text',
+  'textarea',
+  'time',
+  'url',
+]
+
+
+const inputControlsLayoutDictionary = [
+  'horizontal',
+  'vertical',
+]
+
+const inputControlsIconDictionary = [
+  'arrow',
+  'arithmetic',
+]
+
+export {
+  inputControlsIconDictionary,
+  inputControlsLayoutDictionary,
+  inputTextTypeDictionary,
+}
+

package/src/dictionary/typography.ts

@@ -69,12 +69,18 @@ const typographyTooltipDictionary = [
   'tip',
 ]
 
+const typographyInputDictionary = [
+  'snippet',
+  'detail',
+]
+
 export {
   typographyDictionary,
   typographyInfoDictionary,
-  typographyReadingVariationsDictionary,
+  typographyInputDictionary,
   typographyMonoDictionary,
   typographyReadDictionary,
+  typographyReadingVariationsDictionary,
   typographySmallerDictionary,
   typographyTitleDictionary,
   typographyTooltipDictionary,

package/src/fixtures/icons.json

@@ -74,6 +74,7 @@
     "mgg/email-open-check",
     "mgg/email-open-off",
     "mgg/face-to-face-meeting",
+    "mgg/factory",
     "mgg/farmer",
     "mgg/field",
     "mgg/file-download",
@@ -99,6 +100,8 @@
     "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
+    "mgg/google-keyboard-double-arrow-down",
+    "mgg/google-keyboard-double-arrow-up",
     "mgg/google-place-item",
     "mgg/group-assigned-automatically-system",
     "mgg/group-ceased",
@@ -197,6 +200,19 @@
     "mgg/tea-light",
     "mgg/terminal",
     "mgg/todo",
+    "mgg/todo-action-businessman-view",
+    "mgg/todo-action-certificate",
+    "mgg/todo-action-contract",
+    "mgg/todo-action-currency-euro",
+    "mgg/todo-action-graduate",
+    "mgg/todo-action-graduation-hat",
+    "mgg/todo-action-judge",
+    "mgg/todo-action-money",
+    "mgg/todo-action-protocol",
+    "mgg/todo-action-upload",
+    "mgg/todo-action-wkf-document-checked",
+    "mgg/todo-action-wkf-people-checked",
+    "mgg/todo-action-wkf-set-pub-date",
     "mgg/todo-completed",
     "mgg/todo-completed-re-executable",
     "mgg/todo-in-charge-by-me",
@@ -223,6 +239,7 @@
     "mgg/work-book",
     "mi/baseline/account-balance",
     "mi/baseline/account-balance-wallet",
+    "mi/baseline/add",
     "mi/baseline/adobe",
     "mi/baseline/agriculture",
     "mi/baseline/arrow-back",
@@ -263,6 +280,7 @@
     "mi/baseline/pets",
     "mi/baseline/radio-button-checked",
     "mi/baseline/radio-button-unchecked",
+    "mi/baseline/remove",
     "mi/baseline/route",
     "mi/baseline/settings",
     "mi/baseline/terminal",

package/src/fixtures/iconsauce.json

@@ -63,6 +63,7 @@
     "mgg/email-open-check",
     "mgg/email-open-off",
     "mgg/face-to-face-meeting",
+    "mgg/factory",
     "mgg/farmer",
     "mgg/field",
     "mgg/file-download",
@@ -88,6 +89,8 @@
     "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
+    "mgg/google-keyboard-double-arrow-down",
+    "mgg/google-keyboard-double-arrow-up",
     "mgg/google-place-item",
     "mgg/group-assigned-automatically-system",
     "mgg/group-ceased",
@@ -185,6 +188,19 @@
     "mgg/subtractive-permission",
     "mgg/tea-light",
     "mgg/terminal",
+    "mgg/todo-action-businessman-view",
+    "mgg/todo-action-certificate",
+    "mgg/todo-action-contract",
+    "mgg/todo-action-currency-euro",
+    "mgg/todo-action-graduate",
+    "mgg/todo-action-graduation-hat",
+    "mgg/todo-action-judge",
+    "mgg/todo-action-money",
+    "mgg/todo-action-protocol",
+    "mgg/todo-action-upload",
+    "mgg/todo-action-wkf-document-checked",
+    "mgg/todo-action-wkf-people-checked",
+    "mgg/todo-action-wkf-set-pub-date",
     "mgg/todo-completed-re-executable",
     "mgg/todo-completed",
     "mgg/todo-in-charge-by-me",

package/src/interface/input-value.ts

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