@maggioli-design-system/mds-input 4.2.0 → 4.2.2

package/dist/mds-input/p-a71f012b.js

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

package/dist/mds-input/p-b114c68e.system.js

@@ -0,0 +1 @@
+System.register(["./p-c6930a3e.system.js"],(function(e,t){"use strict";var n,a;return{setters:[function(t){n=t.p;a=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return n(a)};e().then((function(e){return a([["p-d184781a.system",[[1,"mds-input",{autocomplete:[1],autofocus:[4],datalist:[16],disabled:[4],icon:[1],max:[2],maxlength:[2],min:[1],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],variant:[513],tip:[1],step:[1],type:[1],value:[8],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],e)}))}}}));

package/dist/mds-input/p-c6930a3e.system.js

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var r=function(n,e){r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n}||function(r,n){for(var e in n)if(Object.prototype.hasOwnProperty.call(n,e))r[e]=n[e]};return r(n,e)};return function(n,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");r(n,e);function t(){this.constructor=n}n.prototype=e===null?Object.create(e):(t.prototype=e.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(r,n,e,t){function i(r){return r instanceof e?r:new e((function(n){n(r)}))}return new(e||(e=Promise))((function(e,a){function u(r){try{o(t.next(r))}catch(r){a(r)}}function f(r){try{o(t["throw"](r))}catch(r){a(r)}}function o(r){r.done?e(r.value):i(r.value).then(u,f)}o((t=t.apply(r,n||[])).next())}))};var __generator=this&&this.__generator||function(r,n){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(r){return function(n){return o([r,n])}}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=n.call(r,e)}catch(r){f=[6,r];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(r,n,e){if(e||arguments.length===2)for(var t=0,i=n.length,a;t<i;t++){if(a||!(t in n)){if(!a)a=Array.prototype.slice.call(n,0,t);a[t]=n[t]}}return r.concat(a||Array.prototype.slice.call(n))};System.register([],(function(r,n){"use strict";return{execute:function(){var e=this;var t="mds-input";var i;var a;var u=false;var f=false;var o=function(r,n){if(n===void 0){n=""}{return function(){return}}};var v=function(r,n){{return function(){return}}};var l="{visibility:hidden}[hydrated]{visibility:inherit}";var c={};var s=function(r){return r!=null};var d=function(r){r=typeof r;return r==="object"||r==="function"};function h(r){var n,e,t;return(t=(e=(n=r.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&t!==void 0?t:undefined}var y=r("h",(function(r,n){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(n){for(var e=0;e<n.length;e++){i=n[e];if(Array.isArray(i)){o(i)}else if(i!=null&&typeof i!=="boolean"){if(a=typeof r!=="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(n){{var v=n.className||n.class;if(v){n.class=typeof v!=="object"?v:Object.keys(v).filter((function(r){return v[r]})).join(" ")}}}var l=p(r,null);l.i=n;if(f.length>0){l.u=f}return l}));var p=function(r,n){var e={o:0,v:r,t:n,l:null,u:null};{e.i=null}return e};var w=r("H",{});var b=function(r){return r&&r.v===w};var m=function(r,n){if(r!=null&&!d(r)){if(n&4){return r==="false"?false:r===""||!!r}if(n&2){return parseFloat(r)}if(n&1){return String(r)}return r}return r};var _=r("g",(function(r){return or(r).$hostElement$}));var $=r("c",(function(r,n,e){var t=_(r);return{emit:function(r){return S(t,n,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:r})}}}));var S=function(r,n,e){var t=br.ce(n,e);r.dispatchEvent(t);return t};var g=new WeakMap;var j=function(r,n,e){var t=yr.get(r);if(_r&&e){t=t||new CSSStyleSheet;if(typeof t==="string"){t=n}else{t.replaceSync(n)}}else{t=n}yr.set(r,t)};var A=function(r,n,e){var t;var i=k(n);var a=yr.get(i);r=r.nodeType===11?r:wr;if(a){if(typeof a==="string"){r=r.head||r;var u=g.get(r);var f=void 0;if(!u){g.set(r,u=new Set)}if(!u.has(i)){{f=wr.createElement("style");f.innerHTML=a;var o=(t=br.h)!==null&&t!==void 0?t:h(wr);if(o!=null){f.setAttribute("nonce",o)}r.insertBefore(f,r.querySelector("link"))}if(u){u.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var O=function(r){var n=r.p;var e=r.$hostElement$;var t=n.o;var i=o("attachStyles",n.m);var a=A(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(t&10){e["s-sc"]=a;e.classList.add(a+"-h")}i()};var k=function(r,n){return"sc-"+r.m};var M=function(r,n,e,t,i,a){if(e!==t){var u=cr(r,n);var f=n.toLowerCase();if(n==="class"){var o=r.classList;var v=P(e);var l=P(t);o.remove.apply(o,v.filter((function(r){return r&&!l.includes(r)})));o.add.apply(o,l.filter((function(r){return r&&!v.includes(r)})))}else if(n==="ref"){if(t){t(r)}}else if(!u&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(cr(pr,f)){n=f.slice(2)}else{n=f[2]+n.slice(3)}if(e){br.rel(r,n,e,false)}if(t){br.ael(r,n,t,false)}}else{var c=d(t);if((u||c&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var s=t==null?"":t;if(n==="list"){u=false}else if(e==null||r[n]!=s){r[n]=s}}else{r[n]=t}}catch(r){}}if(t==null||t===false){if(t!==false||r.getAttribute(n)===""){{r.removeAttribute(n)}}}else if((!u||a&4||i)&&!c){t=t===true?"":t;{r.setAttribute(n,t)}}}}};var x=/\s/;var P=function(r){return!r?[]:r.split(x)};var C=function(r,n,e,t){var i=n.l.nodeType===11&&n.l.host?n.l.host:n.l;var a=r&&r.i||c;var u=n.i||c;{for(t in a){if(!(t in u)){M(i,t,a[t],undefined,e,n.o)}}}for(t in u){M(i,t,a[t],u[t],e,n.o)}};var E=function(r,n,e,t){var a=n.u[e];var f=0;var o;var v;if(a.t!==null){o=a.l=wr.createTextNode(a.t)}else{o=a.l=wr.createElement(a.v);{C(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=E(r,a,f);if(v){o.appendChild(v)}}}}return o};var T=function(r,n,e,t,i,u){var f=r;var o;if(f.shadowRoot&&f.tagName===a){f=f.shadowRoot}for(;i<=u;++i){if(t[i]){o=E(null,e,i);if(o){t[i].l=o;f.insertBefore(o,n)}}}};var U=function(r,n,e){for(var t=n;t<=e;++t){var i=r[t];if(i){var a=i.l;F(i);if(a){a.remove()}}}};var L=function(r,n,e,t){var i=0;var a=0;var u=n.length-1;var f=n[0];var o=n[u];var v=t.length-1;var l=t[0];var c=t[v];var s;while(i<=u&&a<=v){if(f==null){f=n[++i]}else if(o==null){o=n[--u]}else if(l==null){l=t[++a]}else if(c==null){c=t[--v]}else if(N(f,l)){W(f,l);f=n[++i];l=t[++a]}else if(N(o,c)){W(o,c);o=n[--u];c=t[--v]}else if(N(f,c)){W(f,c);r.insertBefore(f.l,o.l.nextSibling);f=n[++i];c=t[--v]}else if(N(o,l)){W(o,l);r.insertBefore(o.l,f.l);o=n[--u];l=t[++a]}else{{s=E(n&&n[a],e,a);l=t[++a]}if(s){{f.l.parentNode.insertBefore(s,f.l)}}}}if(i>u){T(r,t[v+1]==null?null:t[v+1].l,e,t,a,v)}else if(a>v){U(n,i,u)}};var N=function(r,n){if(r.v===n.v){return true}return false};var W=function(r,n){var e=n.l=r.l;var t=r.u;var i=n.u;var a=n.t;if(a===null){{{C(r,n,u)}}if(t!==null&&i!==null){L(e,t,n,i)}else if(i!==null){if(r.t!==null){e.textContent=""}T(e,null,n,i,0,i.length-1)}else if(t!==null){U(t,0,t.length-1)}}else if(r.t!==a){e.data=a}};var F=function(r){{r.i&&r.i.ref&&r.i.ref(null);r.u&&r.u.map(F)}};var H=function(r,n,e){if(e===void 0){e=false}var t=r.$hostElement$;var u=r.p;var f=r._||p(null,null);var o=b(n)?n:y(null,null,n);a=t.tagName;if(u.$){o.i=o.i||{};u.$.map((function(r){var n=r[0],e=r[1];return o.i[e]=t[n]}))}if(e&&o.i){for(var v=0,l=Object.keys(o.i);v<l.length;v++){var c=l[v];if(t.hasAttribute(c)&&!["key","ref","style","class"].includes(c)){o.i[c]=t[c]}}}o.v=null;o.o|=4;r._=o;o.l=f.l=t.shadowRoot||t;{i=t["s-sc"]}W(f,o)};var q=function(r,n){if(n&&!r.S&&n["s-p"]){n["s-p"].push(new Promise((function(n){return r.S=n})))}};var G=function(r,n){{r.o|=16}if(r.o&4){r.o|=512;return}q(r,r.j);var e=function(){return I(r,n)};return kr(e)};var I=function(r,n){var e=o("scheduleUpdate",r.p.m);var t=r.A;var i;if(n){{i=K(t,"componentWillLoad")}}e();return R(i,(function(){return z(r,t,n)}))};var R=function(r,n){return V(r)?r.then(n):n()};var V=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var z=function(r,n,t){return __awaiter(e,void 0,void 0,(function(){var e,i,a,u,f,v,l;return __generator(this,(function(c){i=r.$hostElement$;a=o("update",r.p.m);u=i["s-rc"];if(t){O(r)}f=o("render",r.p.m);{B(r,n,i,t)}if(u){u.map((function(r){return r()}));i["s-rc"]=undefined}f();a();{v=(e=i["s-p"])!==null&&e!==void 0?e:[];l=function(){return D(r)};if(v.length===0){l()}else{Promise.all(v).then(l);r.o|=4;v.length=0}}return[2]}))}))};var B=function(r,n,e,t){try{n=n.render();{r.o&=~16}{r.o|=2}{{{H(r,n,t)}}}}catch(n){sr(n,r.$hostElement$)}return null};var D=function(r){var n=r.p.m;var e=r.$hostElement$;var t=o("postUpdate",n);var i=r.j;if(!(r.o&64)){r.o|=64;{Q(e)}t();{r.O(e);if(!i){J()}}}else{t()}{r.k(e)}{if(r.S){r.S();r.S=undefined}if(r.o&512){Or((function(){return G(r,false)}))}r.o&=~(4|512)}};var J=function(r){{Q(wr.documentElement)}Or((function(){return S(pr,"appload",{detail:{namespace:t}})}))};var K=function(r,n,e){if(r&&r[n]){try{return r[n](e)}catch(r){sr(r)}}return undefined};var Q=function(r){return r.setAttribute("hydrated","")};var X=function(r,n){return or(r).M.get(n)};var Y=function(r,n,e,t){var i=or(r);var a=i.$hostElement$;var u=i.M.get(n);var f=i.o;var o=i.A;e=m(e,t.P[n][0]);var v=Number.isNaN(u)&&Number.isNaN(e);var l=e!==u&&!v;if((!(f&8)||u===undefined)&&l){i.M.set(n,e);if(o){if(t.C&&f&128){var c=t.C[n];if(c){c.map((function(r){try{o[r](e,u,n)}catch(r){sr(r,a)}}))}}if((f&(2|16))===2){G(i,false)}}}};var Z=function(r,n,e){var t;if(n.P){if(r.watchers){n.C=r.watchers}var i=Object.entries(n.P);var a=r.prototype;i.map((function(r){var t=r[0],i=r[1][0];if(i&31||e&2&&i&32){Object.defineProperty(a,t,{get:function(){return X(this,t)},set:function(r){Y(this,t,r,n)},configurable:true,enumerable:true})}else if(e&1&&i&64){Object.defineProperty(a,t,{value:function(){var r=[];for(var n=0;n<arguments.length;n++){r[n]=arguments[n]}var e=or(this);return e.T.then((function(){var n;return(n=e.A)[t].apply(n,r)}))}})}}));if(e&1){var u=new Map;a.attributeChangedCallback=function(r,e,t){var i=this;br.jmp((function(){var f=u.get(r);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=or(i);var v=o===null||o===void 0?void 0:o.o;if(!(v&8)&&v&128&&t!==e){var l=o.A;var c=n.C[r];c===null||c===void 0?void 0:c.forEach((function(n){if(l[n]!=null){l[n].call(l,t,e,r)}}))}return}i[f]=t===null&&typeof i[f]==="boolean"?false:t}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((t=n.C)!==null&&t!==void 0?t:{}),true),i.filter((function(r){var n=r[0],e=r[1];return e[0]&15})).map((function(r){var e=r[0],t=r[1];var i=t[1]||e;u.set(i,e);if(t[0]&512){n.$.push([e,i])}return i})),true)))}}return r};var rr=function(r,n,t,i){return __awaiter(e,void 0,void 0,(function(){var r,e,i,a,u,f,l,c;return __generator(this,(function(s){switch(s.label){case 0:if(!((n.o&32)===0))return[3,3];n.o|=32;r=hr(t);if(!r.then)return[3,2];e=v();return[4,r];case 1:r=s.sent();e();s.label=2;case 2:if(!r.isProxied){{t.C=r.watchers}Z(r,t,2);r.isProxied=true}i=o("createInstance",t.m);{n.o|=8}try{new r(n)}catch(r){sr(r)}{n.o&=~8}{n.o|=128}i();if(r.style){a=r.style;u=k(t);if(!yr.has(u)){f=o("registerStyles",t.m);j(u,a,!!(t.o&1));f()}}s.label=3;case 3:l=n.j;c=function(){return G(n,true)};if(l&&l["s-rc"]){l["s-rc"].push(c)}else{c()}return[2]}}))}))};var nr=function(r){};var er=function(r){if((br.o&1)===0){var n=or(r);var e=n.p;var t=o("connectedCallback",e.m);if(!(n.o&1)){n.o|=1;{var i=r;while(i=i.parentNode||i.host){if(i["s-p"]){q(n,n.j=i);break}}}if(e.P){Object.entries(e.P).map((function(n){var e=n[0],t=n[1][0];if(t&31&&r.hasOwnProperty(e)){var i=r[e];delete r[e];r[e]=i}}))}{rr(r,n,e)}}else{if(n===null||n===void 0?void 0:n.A);else if(n===null||n===void 0?void 0:n.U){n.U.then((function(){return nr()}))}}t()}};var tr=function(r){};var ir=function(r){return __awaiter(e,void 0,void 0,(function(){var n;return __generator(this,(function(e){if((br.o&1)===0){n=or(r);if(n===null||n===void 0?void 0:n.A);else if(n===null||n===void 0?void 0:n.U){n.U.then((function(){return tr()}))}}return[2]}))}))};var ar=r("b",(function(r,n){if(n===void 0){n={}}var e;var t=o();var i=[];var a=n.exclude||[];var u=pr.customElements;var f=wr.head;var v=f.querySelector("meta[charset]");var c=wr.createElement("style");var s=[];var d;var y=true;Object.assign(br,n);br.L=new URL(n.resourcesUrl||"./",wr.baseURI).href;r.map((function(r){r[1].map((function(n){var e;var t={o:n[0],m:n[1],P:n[2],N:n[3]};{t.P=n[2]}{t.$=[]}{t.C=(e=n[4])!==null&&e!==void 0?e:{}}var f=t.m;var o=function(r){__extends(n,r);function n(n){var e=r.call(this,n)||this;n=e;lr(n,t);if(t.o&1){{{n.attachShadow({mode:"open"})}}}return e}n.prototype.connectedCallback=function(){var r=this;if(d){clearTimeout(d);d=null}if(y){s.push(this)}else{br.jmp((function(){return er(r)}))}};n.prototype.disconnectedCallback=function(){var r=this;br.jmp((function(){return ir(r)}))};n.prototype.componentOnReady=function(){return or(this).U};return n}(HTMLElement);t.W=r[0];if(!a.includes(f)&&!u.get(f)){i.push(f);u.define(f,Z(o,t,1))}}))}));{c.innerHTML=i+l;c.setAttribute("data-styles","");var p=(e=br.h)!==null&&e!==void 0?e:h(wr);if(p!=null){c.setAttribute("nonce",p)}f.insertBefore(c,v?v.nextSibling:f.firstChild)}y=false;if(s.length){s.map((function(r){return r.connectedCallback()}))}else{{br.jmp((function(){return d=setTimeout(J,30)}))}}t()}));var ur=r("s",(function(r){return br.h=r}));var fr=new WeakMap;var or=function(r){return fr.get(r)};var vr=r("r",(function(r,n){return fr.set(n.A=r,n)}));var lr=function(r,n){var e={o:0,$hostElement$:r,p:n,M:new Map};{e.T=new Promise((function(r){return e.k=r}))}{e.U=new Promise((function(r){return e.O=r}));r["s-p"]=[];r["s-rc"]=[]}return fr.set(r,e)};var cr=function(r,n){return n in r};var sr=function(r,n){return(0,console.error)(r,n)};var dr=new Map;var hr=function(r,e,t){var i=r.m.replace(/-/g,"_");var a=r.W;var u=dr.get(a);if(u){return u[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return n.import("./".concat(a,".entry.js").concat("")).then((function(r){{dr.set(a,r)}return r[i]}),sr)};var yr=new Map;var pr=typeof window!=="undefined"?window:{};var wr=pr.document||{head:{}};var br={o:0,L:"",jmp:function(r){return r()},raf:function(r){return requestAnimationFrame(r)},ael:function(r,n,e,t){return r.addEventListener(n,e,t)},rel:function(r,n,e,t){return r.removeEventListener(n,e,t)},ce:function(r,n){return new CustomEvent(r,n)}};var mr=r("p",(function(r){return Promise.resolve(r)}));var _r=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var $r=[];var Sr=[];var gr=function(r,n){return function(e){r.push(e);if(!f){f=true;if(n&&br.o&4){Or(Ar)}else{br.raf(Ar)}}}};var jr=function(r){for(var n=0;n<r.length;n++){try{r[n](performance.now())}catch(r){sr(r)}}r.length=0};var Ar=function(){jr($r);{jr(Sr);if(f=$r.length>0){br.raf(Ar)}}};var Or=function(r){return mr().then(r)};var kr=gr(Sr,true)}}}));

package/dist/mds-input/p-d184781a.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,i,o,r){function n(t){return t instanceof o?t:new o((function(i){i(t)}))}return new(o||(o=Promise))((function(o,e){function a(t){try{c(r.next(t))}catch(t){e(t)}}function s(t){try{c(r["throw"](t))}catch(t){e(t)}}function c(t){t.done?o(t.value):n(t.value).then(a,s)}c((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var o={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},r,n,e,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return c([t,i])}}function c(s){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(o=0)),o)try{if(r=1,n&&(e=s[0]&2?n["return"]:s[0]?n["throw"]||((e=n["return"])&&e.call(n),0):n.next)&&!(e=e.call(n,s[1])).done)return e;if(n=0,e)s=[s[0]&2,e.value];switch(s[0]){case 0:case 1:e=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(e=o.trys,e=e.length>0&&e[e.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!e||s[1]>e[0]&&s[1]<e[3])){o.label=s[1];break}if(s[0]===6&&o.label<e[1]){o.label=e[1];e=s;break}if(e&&o.label<e[2]){o.label=e[2];o.ops.push(s);break}if(e[2])o.ops.pop();o.trys.pop();continue}s=i.call(t,o)}catch(t){s=[6,t];n=0}finally{r=e=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-c6930a3e.system.js"],(function(t){"use strict";var i,o,r,n,e;return{setters:[function(t){i=t.r;o=t.c;r=t.h;n=t.H;e=t.g}],execute:function(){function a(t){var i,o,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t))for(i=0;i<t.length;i++)t[i]&&(o=a(t[i]))&&(r&&(r+=" "),r+=o);else for(i in t)t[i]&&(r&&(r+=" "),r+=i);return r}function s(){for(var t,i,o=0,r="";o<arguments.length;)(t=arguments[o++])&&(i=a(t))&&(r&&(r+=" "),r+=i);return r}var c='*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}@tailwind utilities; :host{--mds-input-background:rgb(var(--tone-neutral));--mds-input-icon-color:var(--mds-input-variant-color);--mds-input-tip-background:84, 84, 84;--mds-input-ring:0 0 0 1px rgb(var(--mds-input-variant-color) 0.1);--mds-input-shadow:0 1px 3px 0 rgb(var(--mds-input-variant-color) 0.1), 0 1px 2px 0 rgb(var(--mds-input-variant-color) 0.06);--mds-input-variant-color:0, 0, 0;font-family:Karla, -apple-system, BlinkMacSystemFont, \'San Francisco\', \'Segoe UI\', \'Helvetica Neue\', sans-serif;font-size:16px;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:-ms-flexbox;display:flex;position:relative}.input{font-family:Karla, -apple-system, BlinkMacSystemFont, \'San Francisco\', \'Segoe UI\', \'Helvetica Neue\', sans-serif;font-size:16px;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;min-height:3rem;width:100%;text-overflow:ellipsis;border-radius:0.5rem;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;-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:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-input-background);border:0;border-color:transparent;-webkit-box-shadow:var(--mds-input-ring), var(--mds-input-shadow);box-shadow:var(--mds-input-ring), var(--mds-input-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:rgb(var(--tone-neutral-02));overflow:hidden}textarea.input:active{-webkit-transition-property:none;transition-property:none}textarea.input{max-height:16rem;min-height:6rem;border-bottom-right-radius:0px}.input:focus{outline:2px solid transparent;outline-offset:2px;-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:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-ring:0 0 0 3px rgb(var(--mds-input-variant-color) 1);--mds-input-shadow:0 4px 6px -1px rgb(var(--mds-input-variant-color) 0.1), 0 2px 4px -1px rgb(var(--mds-input-variant-color) 0.06)}.input:disabled{background-color:rgb(var(--tone-neutral-10))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-webkit-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled:-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05))}.input.has-icon{padding-left:2.75rem}.tip{right:0.25rem;height:0.75rem;border-radius:9999px;padding-left:0.5rem;padding-right:0.5rem;-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:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:rgb(var(--mds-input-tip-background));color:rgb(var(--tone-neutral));-ms-flex-pack:center;justify-content:center;line-height:0.75rem;pointer-events:none;position:absolute;text-align:center}.tip-variant{--mds-input-tip-background:var(--mds-input-icon-color)}.read-only{background-color:rgb(var(--status-info-05));color:rgb(var(--tone-neutral))}.required{width:0.75rem;padding:0px;background-color:rgb(var(--status-error-05));color:transparent}.disabled{background-color:rgb(var(--tone-neutral-05))}.input:focus+.required{width:6rem;color:rgb(var(--tone-neutral))}.icon{left:0.75rem;top:0.75rem;fill:rgb(var(--mds-input-icon-color));position:absolute}.fixed{position:fixed}.absolute{position:absolute}.bottom-1{bottom:0.25rem}.top-1{top:0.25rem}.flex{display:-ms-flexbox;display:flex}.w-min{width:-moz-min-content;width:-webkit-min-content;width:min-content}.flex-col{-ms-flex-direction:column;flex-direction:column}.gap-y-2{row-gap:0.5rem}.border{border-width:1px}.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-input-icon-color:10, 80, 212;--mds-input-variant-color:0, 0, 0}:host(:focus){--mds-input-variant-color:31, 101, 232;}:host([variant="info"]){--mds-input-icon-color:25, 143, 182;--mds-input-variant-color:0, 0, 0}:host([variant="info"]:focus){--mds-input-icon-color:21, 119, 151;--mds-input-variant-color:25, 143, 182;}:host([variant="success"]){--mds-input-icon-color:26, 151, 91;--mds-input-variant-color:0, 0, 0}:host([variant="success"]:focus){--mds-input-icon-color:22, 125, 76;--mds-input-variant-color:26, 151, 91;}:host([variant="warning"]){--mds-input-icon-color:168, 126, 0;--mds-input-variant-color:0, 0, 0}:host([variant="warning"]:focus){--mds-input-icon-color:139, 104, 0;--mds-input-variant-color:168, 126, 0;}:host([variant="error"]){--mds-input-icon-color:234, 77, 73;--mds-input-variant-color:0, 0, 0}:host([variant="error"]:focus){--mds-input-icon-color:215, 29, 25;--mds-input-variant-color:234, 77, 73;}';var d=t("mds_input",function(){function t(t){var r=this;i(this,t);this.changeEvent=o(this,"mdsInputChange",7);this.keyDownEvent=o(this,"mdsInputKeydown",7);this.blurEvent=o(this,"mdsInputBlur",7);this.focusEvent=o(this,"mdsInputFocus",7);this.onInput=function(t){var i=t.target;if(i){r.value=i.value}r.keyDownEvent.emit(t)};this.onBlur=function(){r.hasFocus=false;r.blurEvent.emit()};this.onFocus=function(t){var i=t.target;r.hasFocus=true;r.focusEvent.emit();if(r.readonly){setTimeout((function(){i.select()}),10)}};this.hasFocus=false;this.autocomplete="off";this.autofocus=false;this.datalist=undefined;this.disabled=false;this.icon=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=undefined;this.pattern=undefined;this.placeholder="";this.readonly=false;this.required=false;this.variant=undefined;this.tip=undefined;this.step=undefined;this.type="text";this.value=""}t.prototype.componentWillLoad=function(){if(this.el.hasAttribute("tabindex")){var t=this.el.getAttribute("tabindex");this.tabindex=t!==null?parseInt(t):undefined;this.el.removeAttribute("tabindex")}};t.prototype.valueChanged=function(){this.changeEvent.emit({value:this.value})};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.getValue=function(){var t;return typeof this.value==="number"?this.value.toString():(t=this.value)!==null&&t!==void 0?t:""};t.prototype.render=function(){var t=this;var i=this.getValue();return r(n,null,this.type==="textarea"?r("textarea",{class:s("input",this.icon&&"has-icon"),autoFocus:this.autofocus,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,readOnly:this.readonly,ref:function(i){return t.nativeInput=i},required:this.required,tabIndex:this.tabindex,value:i}):r("input",{class:s("input",this.icon&&"has-icon"),autoComplete:this.autocomplete,autoFocus:this.autofocus,disabled:this.disabled,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,list:this.datalist&&"datalist",placeholder:this.placeholder,readOnly:this.readonly,ref:function(i){return t.nativeInput=i},required:this.required,step:this.step,tabIndex:this.tabindex,type:this.type,value:i}),this.disabled&&r("mds-text",{typography:"option",class:"tip top-1 disabled"},"Disabilitato"),this.readonly&&!this.disabled&&r("mds-text",{typography:"option",class:"tip top-1 read-only"},"Sola lettura"),this.required&&!this.disabled&&!this.readonly&&r("mds-text",{typography:"option",class:"tip top-1 required"},"Obbligatorio"),this.tip&&r("mds-text",{typography:"option",class:s("tip bottom-1",this.variant&&"tip-variant")},this.tip),this.datalist&&r("datalist",{id:"datalist",class:"datalist"},this.datalist.forEach((function(t){r("option",{value:t})}))),this.icon&&r("mds-icon",{class:s("icon",this.variant),name:this.icon}))};Object.defineProperty(t.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}());d.style=c}}}));

package/dist/stats.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2023-09-18T09:17:01",
+  "timestamp": "2023-10-19T09:54:26",
   "compiler": {
     "name": "node",
-    "version": "18.12.1"
+    "version": "18.16.1"
   },
   "app": {
     "namespace": "MdsInput",
@@ -58,17 +58,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-3097681c.js",
+          "./dist/cjs/index-2bcac156.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-input.cjs.entry.js",
           "./dist/cjs/mds-input.cjs.js",
-          "./dist/esm-es5/index-e22ac7e3.js",
+          "./dist/esm-es5/index-0c539bb1.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-input.entry.js",
           "./dist/esm-es5/mds-input.js",
-          "./dist/esm/index-e22ac7e3.js",
+          "./dist/esm/index-0c539bb1.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-input.entry.js",
@@ -78,21 +78,21 @@
           "./dist/mds-input/index.esm.js",
           "./dist/mds-input/mds-input.esm.js",
           "./dist/mds-input/mds-input.js",
-          "./dist/mds-input/p-228b0fab.system.js",
-          "./dist/mds-input/p-2ccb5a3f.system.entry.js",
-          "./dist/mds-input/p-34c8c829.system.js",
-          "./dist/mds-input/p-4111271f.entry.js",
           "./dist/mds-input/p-50ea2036.system.js",
-          "./dist/mds-input/p-c226a52a.js",
+          "./dist/mds-input/p-5d146ed2.entry.js",
+          "./dist/mds-input/p-a71f012b.js",
+          "./dist/mds-input/p-b114c68e.system.js",
+          "./dist/mds-input/p-c6930a3e.system.js",
+          "./dist/mds-input/p-d184781a.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-input.esm.js",
           "./www/build/mds-input.js",
-          "./www/build/p-228b0fab.system.js",
-          "./www/build/p-2ccb5a3f.system.entry.js",
-          "./www/build/p-34c8c829.system.js",
-          "./www/build/p-4111271f.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-c226a52a.js"
+          "./www/build/p-5d146ed2.entry.js",
+          "./www/build/p-a71f012b.js",
+          "./www/build/p-b114c68e.system.js",
+          "./www/build/p-c6930a3e.system.js",
+          "./www/build/p-d184781a.system.entry.js"
         ]
       },
       {
@@ -125,12 +125,12 @@
         "components": [
           "mds-input"
         ],
-        "bundleId": "p-4111271f",
-        "fileName": "p-4111271f.entry.js",
+        "bundleId": "p-5d146ed2",
+        "fileName": "p-5d146ed2.entry.js",
         "imports": [
-          "p-c226a52a.js"
+          "p-a71f012b.js"
         ],
-        "originalByteSize": 14769
+        "originalByteSize": 14175
       }
     ],
     "esm": [
@@ -142,9 +142,9 @@
         "bundleId": "mds-input",
         "fileName": "mds-input.entry.js",
         "imports": [
-          "index-e22ac7e3.js"
+          "index-0c539bb1.js"
         ],
-        "originalByteSize": 14773
+        "originalByteSize": 14179
       }
     ],
     "es5": [
@@ -156,9 +156,9 @@
         "bundleId": "mds-input",
         "fileName": "mds-input.entry.js",
         "imports": [
-          "index-e22ac7e3.js"
+          "index-0c539bb1.js"
         ],
-        "originalByteSize": 14773
+        "originalByteSize": 14179
       }
     ],
     "system": [
@@ -167,12 +167,12 @@
         "components": [
           "mds-input"
         ],
-        "bundleId": "p-2ccb5a3f.system",
-        "fileName": "p-2ccb5a3f.system.entry.js",
+        "bundleId": "p-d184781a.system",
+        "fileName": "p-d184781a.system.entry.js",
         "imports": [
-          "p-228b0fab.system.js"
+          "p-c6930a3e.system.js"
         ],
-        "originalByteSize": 15652
+        "originalByteSize": 15058
       }
     ],
     "commonjs": [
@@ -184,9 +184,9 @@
         "bundleId": "mds-input.cjs",
         "fileName": "mds-input.cjs.entry.js",
         "imports": [
-          "index-3097681c.js"
+          "index-2bcac156.js"
         ],
-        "originalByteSize": 14886
+        "originalByteSize": 14292
       }
     ]
   },
@@ -749,6 +749,8 @@
     {
       "cmps": [
         {
+          "attachInternalsMemberName": null,
+          "formAssociated": false,
           "tagName": "mds-input",
           "excludeFromCollection": false,
           "isCollectionDependency": false,
@@ -1445,7 +1447,7 @@
   ],
   "componentGraph": {
     "sc-mds-input": [
-      "p-c226a52a.js"
+      "p-a71f012b.js"
     ]
   },
   "sourceGraph": {

package/dist/types/common/aria.d.ts

@@ -1,4 +1,5 @@
 declare const unslugName: (name: string) => string;
 declare const setAttributeIfEmpty: (element: HTMLElement, attribute: string, value: string) => string;
 declare const hashValue: (value: string) => string;
-export { unslugName, setAttributeIfEmpty, hashValue, };
+declare const hashRandomValue: (value?: string) => string;
+export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };

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()`.

package/documentation.json

@@ -1,16 +1,16 @@
 {
-  "timestamp": "2023-09-18T08:43:05",
+  "timestamp": "2023-10-19T09:23:19",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.2.1",
-    "typescriptVersion": "5.1.6"
+    "version": "4.5.0",
+    "typescriptVersion": "5.2.2"
   },
   "components": [
     {
       "filePath": "src/components/mds-input/mds-input.tsx",
       "encapsulation": "shadow",
       "tag": "mds-input",
-      "readme": "# mds-input\n\n## Form interaction\n\nThis component is `scoped` and not `shadowed`, so the inner `input` element interacts natively with `form` element.\n\n",
+      "readme": "# mds-input\n\n## Form interaction\n\nThis component is `scoped` and not `shadowed`, so the inner `input` element interacts natively with `form` element.\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -895,6 +895,11 @@
       "docstring": "",
       "path": "src/components/mds-form/meta/types.ts"
     },
+    "src/components/mds-header-bar/meta/types.ts::MenuType": {
+      "declaration": "export type MenuType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-header-bar/meta/types.ts"
+    },
     "src/components/mds-header/meta/event-detail.ts::MdsHeaderEventDetail": {
       "declaration": "export interface MdsHeaderEventDetail {\n  bar: HTMLMdsHeaderBarElement\n}",
       "docstring": "",
@@ -1000,6 +1005,11 @@
       "docstring": "",
       "path": "src/components/mds-paginator/meta/event-detail.ts"
     },
+    "src/components/mds-price-table-features-cell/meta/types.ts::PriceTableFeaturesCellType": {
+      "declaration": "export type PriceTableFeaturesCellType =\n  | 'custom'\n  | 'label'\n  | 'supported'\n  | 'text'\n  | 'unsupported'",
+      "docstring": "",
+      "path": "src/components/mds-price-table-features-cell/meta/types.ts"
+    },
     "src/components/mds-progress/meta/types.ts::DirectionType": {
       "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
       "docstring": "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maggioli-design-system/mds-input",
-  "version": "4.2.0",
-  "description": "mds-input is a web-component from Maggioli Design System Magma, 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.",
+  "version": "4.2.2",
+  "description": "mds-input 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",
   "es2015": "dist/esm/index.mjs",
@@ -23,11 +23,11 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-icon": "^2.5.0",
-    "@maggioli-design-system/mds-text": "^3.4.0",
+    "@maggioli-design-system/mds-icon": "^2.5.3",
+    "@maggioli-design-system/mds-text": "^3.4.3",
     "@maggioli-design-system/styles": "^11.7.0",
-    "@stencil/core": "^4.2.1",
-    "clsx": "^1.2.1"
+    "@stencil/core": "^4.3.0",
+    "clsx": "^2.0.0"
   },
   "license": "MIT",
   "author": {

package/readme.md

@@ -5,6 +5,8 @@
 This component is `scoped` and not `shadowed`, so the inner `input` element interacts natively with `form` element.
 
 
+This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.
+
 <!-- Auto Generated Below -->
 
 
@@ -102,4 +104,4 @@ graph TD;
 
 ----------------------------------------------
 
-Built with love @ **Maggioli Informatica / R&D Department**
+Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)

package/src/common/aria.ts

@@ -6,6 +6,8 @@ const hash = (s: string): string => {
   return h.toString()
 }
 
+const randomInt = (max: number): number => Math.floor(Math.random() * max)
+
 const unslugName = (name: string): string => {
   return name.split('/')?.slice(-1).pop()?.replace(/-/g, ' ') ?? name
 }
@@ -20,8 +22,18 @@ const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: str
 
 const hashValue = (value: string): string => `${value}-${hash(value)}`
 
+const hashRandomValue = (value?: string): string => {
+  const randomValue = randomInt(1000000)
+  if (value) {
+    return `${value}-${hash(randomValue.toString())}`
+  }
+
+  return hash(randomValue.toString())
+}
+
 export {
   unslugName,
   setAttributeIfEmpty,
+  hashRandomValue,
   hashValue,
 }

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-input/mds-input.css

@@ -18,41 +18,41 @@
   --mds-input-background: theme('colors.tone-neutral');
   --mds-input-icon-color: var(--mds-input-variant-color);
   --mds-input-tip-background: 84, 84, 84;
-  --mds-input-ring: 0 0 0 1px rgba(var(--mds-input-variant-color), 0.1);
-  --mds-input-shadow: 0 1px 3px 0 rgba(var(--mds-input-variant-color), 0.1), 0 1px 2px 0 rgba(var(--mds-input-variant-color), 0.06);
+  --mds-input-ring: 0 0 0 1px rgb(var(--mds-input-variant-color) 0.1);
+  --mds-input-shadow: 0 1px 3px 0 rgb(var(--mds-input-variant-color) 0.1), 0 1px 2px 0 rgb(var(--mds-input-variant-color) 0.06);
   --mds-input-variant-color: 0, 0, 0;
 
-  @apply
-    flex
-    relative
-    text-info-detail;
+  @apply text-info-detail;
+
+  display: flex;
+  position: relative;
 }
 
 .input {
   @apply
-    border-none
-    border-transparent
-    box-border
     duration-300
     ease-out-expo
     m-0
     text-ellipsis
-    overflow-hidden
     px-4
     py-3
     rounded-lg
-    text-tone-neutral-02
     text-info-detail
     transition-cosmetic
     min-h-12
     w-full;
 
   background-color: var(--mds-input-background);
+  border: 0;
+  border-color: transparent;
   box-shadow: var(--mds-input-ring), var(--mds-input-shadow);
+  box-sizing: border-box;
+  color: theme('colors.tone-neutral-02');
+  overflow: hidden;
 }
 
 textarea.input:active {
-  @apply transition-none;
+  transition-property: none;
 }
 
 textarea.input {
@@ -69,18 +69,17 @@ textarea.input {
     duration-300
     ease-out-expo;
 
-  --mds-input-ring: 0 0 0 3px rgba(var(--mds-input-variant-color), 1);
-  --mds-input-shadow: 0 4px 6px -1px rgba(var(--mds-input-variant-color), 0.1), 0 2px 4px -1px rgba(var(--mds-input-variant-color), 0.06);
+  --mds-input-ring: 0 0 0 3px rgb(var(--mds-input-variant-color) 1);
+  --mds-input-shadow: 0 4px 6px -1px rgb(var(--mds-input-variant-color) 0.1), 0 2px 4px -1px rgb(var(--mds-input-variant-color) 0.06);
 }
 
 .input:disabled {
-  @apply bg-tone-neutral-10;
+  background-color: theme('colors.tone-neutral-10');
 }
 
 .input:disabled,
 .input:disabled::placeholder {
-  @apply
-    text-tone-neutral-05;
+  color: theme('colors.tone-neutral-05');
 }
 
 .input.has-icon {
@@ -89,59 +88,59 @@ textarea.input {
 
 .tip {
   @apply
-    absolute
     duration-300
     ease-out-expo
     h-3
-    justify-center
-    pointer-events-none
     right-1
     rounded-full
     px-2
-    text-tone-neutral
-    text-center
     transition-cosmetic;
 
-  line-height: theme('spacing.3');
   background-color: rgb(var(--mds-input-tip-background));
+  color: theme('colors.tone-neutral');
+  justify-content: center;
+  line-height: theme('spacing.3');
+  pointer-events: none;
+  position: absolute;
+  text-align: center;
 }
 
 .tip-variant {
+
   --mds-input-tip-background: var(--mds-input-icon-color);
 }
 
 .read-only {
-  @apply
-    bg-status-info-05
-    text-status-info-09;
+  background-color: theme('colors.status-info-05');
+  color: theme('colors.tone-neutral');
 }
 
 .required {
   @apply
-    bg-status-error-05
-    text-tone-neutral
-    text-opacity-0
     p-0
     w-3;
+
+  background-color: theme('colors.status-error-05');
+  color: transparent;
 }
 
 .disabled {
-  @apply bg-tone-neutral-05;
+  background-color: theme('colors.tone-neutral-05');
 }
 
 .input:focus + .required {
-  @apply
-    text-opacity-100
-    w-24;
+  @apply w-24;
+
+  color: theme('colors.tone-neutral');
 }
 
 .icon {
   @apply
-    absolute
     left-3
     top-3;
 
   fill: rgb(var(--mds-input-icon-color));
+  position: absolute;
 }
 
 @import './css/mds-input-variant.css';

package/src/components/mds-input/readme.md

@@ -79,4 +79,4 @@ Type: `Promise<void>`
 
 ----------------------------------------------
 
-Built with love @ **Maggioli Informatica / R&D Department**
+Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)

package/src/components/mds-input/test/mds-input.stories.mdx

@@ -1,8 +1,6 @@
 import { Canvas, Meta, Story } from "@storybook/addon-docs";
 
-import MdsInput from "@component-dist/mds-input/mds-input";
-
-<Meta title="Form / Input / Known issues" component={MdsInput} />
+<Meta title="Form / Input / Known issues" />
 
 # Known issues
 

package/src/components/mds-input/test/mds-input.stories.tsx

@@ -177,13 +177,13 @@ const FormIntegration = (args: any) => (
       const form = document.querySelector('form') as HTMLFormElement
       const mdsInput = document.querySelector('mds-input') as HTMLMdsInputElement
 
-      console.log('Input', input)
-      console.log('Form', form)
-      console.log('Form elements', form.elements)
-      console.log('MdsInput', mdsInput)
+      console.info('Input', input)
+      console.info('Form', form)
+      console.info('Form elements', form.elements)
+      console.info('MdsInput', mdsInput)
 
       mdsInput.getInputElement().then((inputElement: HTMLInputElement) => {
-        console.log('MdsInput input element', inputElement)
+        console.info('MdsInput input element', inputElement)
       })
 
       input.addEventListener('input', (e: Event) => { console.error('Input', (e.target as HTMLInputElement).value)})