@maggioli-design-system/mds-input 5.0.0 → 5.1.1

package/dist/cjs/{index-98d5911a.js → index-018a48f0.js}

@@ -49,6 +49,13 @@ const uniqueTime = (key, measureText) => {
     }
 };
 const HYDRATED_CSS = '{visibility:hidden}[hydrated]{visibility:inherit}';
+/**
+ * Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+ *
+ * Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+ * support as of Stencil v4.
+ */
+const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
 /**
  * Default style mode id
  */
@@ -286,6 +293,10 @@ const addStyle = (styleContainerNode, cmpMeta, mode) => {
                     }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
+                // Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM
+                if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                    styleElm.innerHTML += SLOT_FB_CSS;
+                }
                 if (appliedStyles) {
                     appliedStyles.add(scopeId);
                 }
@@ -1475,12 +1486,13 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     const customElements = win.customElements;
     const head = doc.head;
     const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');
-    const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    const dataStyles = /*@__PURE__*/ doc.createElement('style');
     const deferredConnectedCallbacks = [];
     let appLoadFallback;
     let isBootstrapping = true;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    let hasSlotRelocation = false;
     lazyBundles.map((lazyBundle) => {
         lazyBundle[1].map((compactMeta) => {
             var _a;
@@ -1490,6 +1502,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 $members$: compactMeta[2],
                 $listeners$: compactMeta[3],
             };
+            // Check if we are using slots outside the shadow DOM in this component.
+            // We'll use this information later to add styles for `slot-fb` elements
+            if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                hasSlotRelocation = true;
+            }
             {
                 cmpMeta.$members$ = compactMeta[2];
             }
@@ -1552,15 +1569,23 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             }
         });
     });
+    // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
+    if (hasSlotRelocation) {
+        dataStyles.innerHTML += SLOT_FB_CSS;
+    }
+    // Add hydration styles
     {
-        visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
-        visibilityStyle.setAttribute('data-styles', '');
+        dataStyles.innerHTML += cmpTags + HYDRATED_CSS;
+    }
+    // If we have styles, add them to the DOM
+    if (dataStyles.innerHTML.length) {
+        dataStyles.setAttribute('data-styles', '');
+        head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
         // Apply CSP nonce to the style tag if it exists
         const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
         if (nonce != null) {
-            visibilityStyle.setAttribute('nonce', nonce);
+            dataStyles.setAttribute('nonce', nonce);
         }
-        head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
@@ -1728,7 +1753,7 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 exports.Host = Host;

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-98d5911a.js');
+const index = require('./index-018a48f0.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/mds-input.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-98d5911a.js');
+const index = require('./index-018a48f0.js');
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 

package/dist/cjs/mds-input.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-98d5911a.js');
+const index = require('./index-018a48f0.js');
 
 /*
- Stencil Client Patch Browser v4.7.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.7.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-input.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.7.1",
+    "version": "4.7.2",
     "typescriptVersion": "5.2.2"
   },
   "collections": [],

package/dist/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2023-11-08T15:41:36",
+  "timestamp": "2023-11-13T20:05:46",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.7.1",
+    "version": "4.7.2",
     "typescriptVersion": "5.2.2"
   },
   "components": [

package/dist/esm/{index-bb86e2ed.js → index-5376440a.js}

@@ -27,6 +27,13 @@ const uniqueTime = (key, measureText) => {
     }
 };
 const HYDRATED_CSS = '{visibility:hidden}[hydrated]{visibility:inherit}';
+/**
+ * Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+ *
+ * Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+ * support as of Stencil v4.
+ */
+const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
 /**
  * Default style mode id
  */
@@ -264,6 +271,10 @@ const addStyle = (styleContainerNode, cmpMeta, mode) => {
                     }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
+                // Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM
+                if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                    styleElm.innerHTML += SLOT_FB_CSS;
+                }
                 if (appliedStyles) {
                     appliedStyles.add(scopeId);
                 }
@@ -1453,12 +1464,13 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     const customElements = win.customElements;
     const head = doc.head;
     const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');
-    const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    const dataStyles = /*@__PURE__*/ doc.createElement('style');
     const deferredConnectedCallbacks = [];
     let appLoadFallback;
     let isBootstrapping = true;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    let hasSlotRelocation = false;
     lazyBundles.map((lazyBundle) => {
         lazyBundle[1].map((compactMeta) => {
             var _a;
@@ -1468,6 +1480,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 $members$: compactMeta[2],
                 $listeners$: compactMeta[3],
             };
+            // Check if we are using slots outside the shadow DOM in this component.
+            // We'll use this information later to add styles for `slot-fb` elements
+            if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                hasSlotRelocation = true;
+            }
             {
                 cmpMeta.$members$ = compactMeta[2];
             }
@@ -1530,15 +1547,23 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             }
         });
     });
+    // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
+    if (hasSlotRelocation) {
+        dataStyles.innerHTML += SLOT_FB_CSS;
+    }
+    // Add hydration styles
     {
-        visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
-        visibilityStyle.setAttribute('data-styles', '');
+        dataStyles.innerHTML += cmpTags + HYDRATED_CSS;
+    }
+    // If we have styles, add them to the DOM
+    if (dataStyles.innerHTML.length) {
+        dataStyles.setAttribute('data-styles', '');
+        head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
         // Apply CSP nonce to the style tag if it exists
         const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
         if (nonce != null) {
-            visibilityStyle.setAttribute('nonce', nonce);
+            dataStyles.setAttribute('nonce', nonce);
         }
-        head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
@@ -1706,7 +1731,7 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-bb86e2ed.js';
-export { s as setNonce } from './index-bb86e2ed.js';
+import { b as bootstrapLazy } from './index-5376440a.js';
+export { s as setNonce } from './index-5376440a.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/mds-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bb86e2ed.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5376440a.js';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 

package/dist/esm/mds-input.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-bb86e2ed.js';
-export { s as setNonce } from './index-bb86e2ed.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-5376440a.js';
+export { s as setNonce } from './index-5376440a.js';
 
 /*
- Stencil Client Patch Browser v4.7.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.7.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm-es5/index-5376440a.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var e=function(n,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)if(Object.prototype.hasOwnProperty.call(n,r))e[r]=n[r]};return e(n,r)};return function(n,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(n,r);function t(){this.constructor=n}n.prototype=r===null?Object.create(r):(t.prototype=r.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(e,n,r,t){function i(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,a){function o(e){try{f(t.next(e))}catch(e){a(e)}}function u(e){try{f(t["throw"](e))}catch(e){a(e)}}function f(e){e.done?r(e.value):i(e.value).then(o,u)}f((t=t.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(n){return f([e,n])}}function f(u){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(r=0)),r)try{if(t=1,i&&(a=u[0]&2?i["return"]:u[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,u[1])).done)return a;if(i=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:r.label++;return{value:u[1],done:false};case 5:r.label++;i=u[1];u=[0];continue;case 7:u=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){r=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){r.label=u[1];break}if(u[0]===6&&r.label<a[1]){r.label=a[1];a=u;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(u);break}if(a[2])r.ops.pop();r.trys.pop();continue}u=n.call(e,r)}catch(e){u=[6,e];i=0}finally{t=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,n,r){if(r||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 e.concat(a||Array.prototype.slice.call(n))};var NAMESPACE="mds-input";var scopeId;var hostTagName;var isSvgMode=false;var queuePending=false;var createTime=function(e,n){if(n===void 0){n=""}{return function(){return}}};var uniqueTime=function(e,n){{return function(){return}}};var HYDRATED_CSS="{visibility:hidden}[hydrated]{visibility:inherit}";var SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}";var EMPTY_OBJ={};var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var n,r,t;return(t=(r=(n=e.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||r===void 0?void 0:r.getAttribute("content"))!==null&&t!==void 0?t:undefined}var h=function(e,n){var r=[];for(var t=2;t<arguments.length;t++){r[t-2]=arguments[t]}var i=null;var a=false;var o=false;var u=[];var f=function(n){for(var r=0;r<n.length;r++){i=n[r];if(Array.isArray(i)){f(i)}else if(i!=null&&typeof i!=="boolean"){if(a=typeof e!=="function"&&!isComplexType(i)){i=String(i)}if(a&&o){u[u.length-1].t+=i}else{u.push(a?newVNode(null,i):i)}o=a}}};f(r);if(n){{var s=n.className||n.class;if(s){n.class=typeof s!=="object"?s:Object.keys(s).filter((function(e){return s[e]})).join(" ")}}}var l=newVNode(e,null);l.i=n;if(u.length>0){l.o=u}return l};var newVNode=function(e,n){var r={u:0,l:e,t:n,v:null,o:null};{r.i=null}return r};var Host={};var isHost=function(e){return e&&e.l===Host};var parsePropertyValue=function(e,n){if(e!=null&&!isComplexType(e)){if(n&4){return e==="false"?false:e===""||!!e}if(n&2){return parseFloat(e)}if(n&1){return String(e)}return e}return e};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,n,r){var t=getElement(e);return{emit:function(e){return emitEvent(t,n,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}}};var emitEvent=function(e,n,r){var t=plt.ce(n,r);e.dispatchEvent(t);return t};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,n,r){var t=styles.get(e);if(supportsConstructableStylesheets&&r){t=t||new CSSStyleSheet;if(typeof t==="string"){t=n}else{t.replaceSync(n)}}else{t=n}styles.set(e,t)};var addStyle=function(e,n,r){var t;var i=getScopeId(n);var a=styles.get(i);e=e.nodeType===11?e:doc;if(a){if(typeof a==="string"){e=e.head||e;var o=rootAppliedStyles.get(e);var u=void 0;if(!o){rootAppliedStyles.set(e,o=new Set)}if(!o.has(i)){{u=doc.createElement("style");u.innerHTML=a;var f=(t=plt.p)!==null&&t!==void 0?t:queryNonceMetaTagContent(doc);if(f!=null){u.setAttribute("nonce",f)}e.insertBefore(u,e.querySelector("link"))}if(n.u&4){u.innerHTML+=SLOT_FB_CSS}if(o){o.add(i)}}}else if(!e.adoptedStyleSheets.includes(a)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[a],false)}}return i};var attachStyles=function(e){var n=e.m;var r=e.$hostElement$;var t=n.u;var i=createTime("attachStyles",n.h);var a=addStyle(r.shadowRoot?r.shadowRoot:r.getRootNode(),n);if(t&10){r["s-sc"]=a;r.classList.add(a+"-h")}i()};var getScopeId=function(e,n){return"sc-"+e.h};var setAccessor=function(e,n,r,t,i,a){if(r!==t){var o=isMemberInElement(e,n);var u=n.toLowerCase();if(n==="class"){var f=e.classList;var s=parseClassList(r);var l=parseClassList(t);f.remove.apply(f,s.filter((function(e){return e&&!l.includes(e)})));f.add.apply(f,l.filter((function(e){return e&&!s.includes(e)})))}else if(n==="ref"){if(t){t(e)}}else if(!o&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(isMemberInElement(win,u)){n=u.slice(2)}else{n=u[2]+n.slice(3)}if(r||t){var c=n.endsWith(CAPTURE_EVENT_SUFFIX);n=n.replace(CAPTURE_EVENT_REGEX,"");if(r){plt.rel(e,n,r,c)}if(t){plt.ael(e,n,t,c)}}}else{var v=isComplexType(t);if((o||v&&t!==null)&&!i){try{if(!e.tagName.includes("-")){var d=t==null?"":t;if(n==="list"){o=false}else if(r==null||e[n]!=d){e[n]=d}}else{e[n]=t}}catch(e){}}if(t==null||t===false){if(t!==false||e.getAttribute(n)===""){{e.removeAttribute(n)}}}else if((!o||a&4||i)&&!v){t=t===true?"":t;{e.setAttribute(n,t)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var CAPTURE_EVENT_SUFFIX="Capture";var CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$");var updateElement=function(e,n,r,t){var i=n.v.nodeType===11&&n.v.host?n.v.host:n.v;var a=e&&e.i||EMPTY_OBJ;var o=n.i||EMPTY_OBJ;{for(t in a){if(!(t in o)){setAccessor(i,t,a[t],undefined,r,n.u)}}}for(t in o){setAccessor(i,t,a[t],o[t],r,n.u)}};var createElm=function(e,n,r,t){var i=n.o[r];var a=0;var o;var u;if(i.t!==null){o=i.v=doc.createTextNode(i.t)}else{o=i.v=doc.createElement(i.l);{updateElement(null,i,isSvgMode)}if(isDef(scopeId)&&o["s-si"]!==scopeId){o.classList.add(o["s-si"]=scopeId)}if(i.o){for(a=0;a<i.o.length;++a){u=createElm(e,i,a);if(u){o.appendChild(u)}}}}return o};var addVnodes=function(e,n,r,t,i,a){var o=e;var u;if(o.shadowRoot&&o.tagName===hostTagName){o=o.shadowRoot}for(;i<=a;++i){if(t[i]){u=createElm(null,r,i);if(u){t[i].v=u;o.insertBefore(u,n)}}}};var removeVnodes=function(e,n,r){for(var t=n;t<=r;++t){var i=e[t];if(i){var a=i.v;nullifyVNodeRefs(i);if(a){a.remove()}}}};var updateChildren=function(e,n,r,t){var i=0;var a=0;var o=n.length-1;var u=n[0];var f=n[o];var s=t.length-1;var l=t[0];var c=t[s];var v;while(i<=o&&a<=s){if(u==null){u=n[++i]}else if(f==null){f=n[--o]}else if(l==null){l=t[++a]}else if(c==null){c=t[--s]}else if(isSameVnode(u,l)){patch(u,l);u=n[++i];l=t[++a]}else if(isSameVnode(f,c)){patch(f,c);f=n[--o];c=t[--s]}else if(isSameVnode(u,c)){patch(u,c);e.insertBefore(u.v,f.v.nextSibling);u=n[++i];c=t[--s]}else if(isSameVnode(f,l)){patch(f,l);e.insertBefore(f.v,u.v);f=n[--o];l=t[++a]}else{{v=createElm(n&&n[a],r,a);l=t[++a]}if(v){{u.v.parentNode.insertBefore(v,u.v)}}}}if(i>o){addVnodes(e,t[s+1]==null?null:t[s+1].v,r,t,a,s)}else if(a>s){removeVnodes(n,i,o)}};var isSameVnode=function(e,n){if(e.l===n.l){return true}return false};var patch=function(e,n){var r=n.v=e.v;var t=e.o;var i=n.o;var a=n.t;if(a===null){{{updateElement(e,n,isSvgMode)}}if(t!==null&&i!==null){updateChildren(r,t,n,i)}else if(i!==null){if(e.t!==null){r.textContent=""}addVnodes(r,null,n,i,0,i.length-1)}else if(t!==null){removeVnodes(t,0,t.length-1)}}else if(e.t!==a){r.data=a}};var nullifyVNodeRefs=function(e){{e.i&&e.i.ref&&e.i.ref(null);e.o&&e.o.map(nullifyVNodeRefs)}};var renderVdom=function(e,n,r){if(r===void 0){r=false}var t=e.$hostElement$;var i=e.m;var a=e.S||newVNode(null,null);var o=isHost(n)?n:h(null,null,n);hostTagName=t.tagName;if(i.T){o.i=o.i||{};i.T.map((function(e){var n=e[0],r=e[1];return o.i[r]=t[n]}))}if(r&&o.i){for(var u=0,f=Object.keys(o.i);u<f.length;u++){var s=f[u];if(t.hasAttribute(s)&&!["key","ref","style","class"].includes(s)){o.i[s]=t[s]}}}o.l=null;o.u|=4;e.S=o;o.v=a.v=t.shadowRoot||t;{scopeId=t["s-sc"]}patch(a,o)};var attachToAncestor=function(e,n){if(n&&!e._&&n["s-p"]){n["s-p"].push(new Promise((function(n){return e._=n})))}};var scheduleUpdate=function(e,n){{e.u|=16}if(e.u&4){e.u|=512;return}attachToAncestor(e,e.C);var r=function(){return dispatchHooks(e,n)};return writeTask(r)};var dispatchHooks=function(e,n){var r=createTime("scheduleUpdate",e.m.h);var t=e.R;var i;if(n){{i=safeCall(t,"componentWillLoad")}}r();return enqueue(i,(function(){return updateComponent(e,t,n)}))};var enqueue=function(e,n){return isPromisey(e)?e.then(n):n()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,n,r){return __awaiter(void 0,void 0,void 0,(function(){var t,i,a,o,u,f,s;return __generator(this,(function(l){i=e.$hostElement$;a=createTime("update",e.m.h);o=i["s-rc"];if(r){attachStyles(e)}u=createTime("render",e.m.h);{callRender(e,n,i,r)}if(o){o.map((function(e){return e()}));i["s-rc"]=undefined}u();a();{f=(t=i["s-p"])!==null&&t!==void 0?t:[];s=function(){return postUpdateComponent(e)};if(f.length===0){s()}else{Promise.all(f).then(s);e.u|=4;f.length=0}}return[2]}))}))};var callRender=function(e,n,r,t){try{n=n.render();{e.u&=~16}{e.u|=2}{{{renderVdom(e,n,t)}}}}catch(n){consoleError(n,e.$hostElement$)}return null};var postUpdateComponent=function(e){var n=e.m.h;var r=e.$hostElement$;var t=createTime("postUpdate",n);var i=e.C;if(!(e.u&64)){e.u|=64;{addHydratedFlag(r)}t();{e.V(r);if(!i){appDidLoad()}}}else{t()}{e.A(r)}{if(e._){e._();e._=undefined}if(e.u&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.u&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,n,r){if(e&&e[n]){try{return e[n](r)}catch(e){consoleError(e)}}return undefined};var addHydratedFlag=function(e){return e.setAttribute("hydrated","")};var getValue=function(e,n){return getHostRef(e).$.get(n)};var setValue=function(e,n,r,t){var i=getHostRef(e);var a=i.$hostElement$;var o=i.$.get(n);var u=i.u;var f=i.R;r=parsePropertyValue(r,t.M[n][0]);var s=Number.isNaN(o)&&Number.isNaN(r);var l=r!==o&&!s;if((!(u&8)||o===undefined)&&l){i.$.set(n,r);if(f){if(t.k&&u&128){var c=t.k[n];if(c){c.map((function(e){try{f[e](r,o,n)}catch(e){consoleError(e,a)}}))}}if((u&(2|16))===2){scheduleUpdate(i,false)}}}};var proxyComponent=function(e,n,r){var t;if(n.M){if(e.watchers){n.k=e.watchers}var i=Object.entries(n.M);var a=e.prototype;i.map((function(e){var t=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,t,{get:function(){return getValue(this,t)},set:function(e){setValue(this,t,e,n)},configurable:true,enumerable:true})}else if(r&1&&i&64){Object.defineProperty(a,t,{value:function(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}var r=getHostRef(this);return r.H.then((function(){var n;return(n=r.R)[t].apply(n,e)}))}})}}));if(r&1){var o=new Map;a.attributeChangedCallback=function(e,r,t){var i=this;plt.jmp((function(){var u=o.get(e);if(i.hasOwnProperty(u)){t=i[u];delete i[u]}else if(a.hasOwnProperty(u)&&typeof i[u]==="number"&&i[u]==t){return}else if(u==null){var f=getHostRef(i);var s=f===null||f===void 0?void 0:f.u;if(!(s&8)&&s&128&&t!==r){var l=f.R;var c=n.k[e];c===null||c===void 0?void 0:c.forEach((function(n){if(l[n]!=null){l[n].call(l,t,r,e)}}))}return}i[u]=t===null&&typeof i[u]==="boolean"?false:t}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((t=n.k)!==null&&t!==void 0?t:{}),true),i.filter((function(e){var n=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],t=e[1];var i=t[1]||r;o.set(i,r);if(t[0]&512){n.T.push([r,i])}return i})),true)))}}return e};var initializeComponent=function(e,n,r,t){return __awaiter(void 0,void 0,void 0,(function(){var e,t,i,a,o,u,f,s;return __generator(this,(function(l){switch(l.label){case 0:if(!((n.u&32)===0))return[3,3];n.u|=32;e=loadModule(r);if(!e.then)return[3,2];t=uniqueTime();return[4,e];case 1:e=l.sent();t();l.label=2;case 2:if(!e.isProxied){{r.k=e.watchers}proxyComponent(e,r,2);e.isProxied=true}i=createTime("createInstance",r.h);{n.u|=8}try{new e(n)}catch(e){consoleError(e)}{n.u&=~8}{n.u|=128}i();if(e.style){a=e.style;o=getScopeId(r);if(!styles.has(o)){u=createTime("registerStyles",r.h);registerStyle(o,a,!!(r.u&1));u()}}l.label=3;case 3:f=n.C;s=function(){return scheduleUpdate(n,true)};if(f&&f["s-rc"]){f["s-rc"].push(s)}else{s()}return[2]}}))}))};var fireConnectedCallback=function(e){};var connectedCallback=function(e){if((plt.u&1)===0){var n=getHostRef(e);var r=n.m;var t=createTime("connectedCallback",r.h);if(!(n.u&1)){n.u|=1;{var i=e;while(i=i.parentNode||i.host){if(i["s-p"]){attachToAncestor(n,n.C=i);break}}}if(r.M){Object.entries(r.M).map((function(n){var r=n[0],t=n[1][0];if(t&31&&e.hasOwnProperty(r)){var i=e[r];delete e[r];e[r]=i}}))}{initializeComponent(e,n,r)}}else{if(n===null||n===void 0?void 0:n.R);else if(n===null||n===void 0?void 0:n.N){n.N.then((function(){return fireConnectedCallback()}))}}t()}};var disconnectInstance=function(e){};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var n;return __generator(this,(function(r){if((plt.u&1)===0){n=getHostRef(e);if(n===null||n===void 0?void 0:n.R);else if(n===null||n===void 0?void 0:n.N){n.N.then((function(){return disconnectInstance()}))}}return[2]}))}))};var bootstrapLazy=function(e,n){if(n===void 0){n={}}var r;var t=createTime();var i=[];var a=n.exclude||[];var o=win.customElements;var u=doc.head;var f=u.querySelector("meta[charset]");var s=doc.createElement("style");var l=[];var c;var v=true;Object.assign(plt,n);plt.P=new URL(n.resourcesUrl||"./",doc.baseURI).href;var d=false;e.map((function(e){e[1].map((function(n){var r;var t={u:n[0],h:n[1],M:n[2],q:n[3]};if(t.u&4){d=true}{t.M=n[2]}{t.T=[]}{t.k=(r=n[4])!==null&&r!==void 0?r:{}}var u=t.h;var f=function(e){__extends(n,e);function n(n){var r=e.call(this,n)||this;n=r;registerHost(n,t);if(t.u&1){{{n.attachShadow({mode:"open"})}}}return r}n.prototype.connectedCallback=function(){var e=this;if(c){clearTimeout(c);c=null}if(v){l.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};n.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};n.prototype.componentOnReady=function(){return getHostRef(this).N};return n}(HTMLElement);if(t.u&64){f.formAssociated=true}t.I=e[0];if(!a.includes(u)&&!o.get(u)){i.push(u);o.define(u,proxyComponent(f,t,1))}}))}));if(d){s.innerHTML+=SLOT_FB_CSS}{s.innerHTML+=i+HYDRATED_CSS}if(s.innerHTML.length){s.setAttribute("data-styles","");u.insertBefore(s,f?f.nextSibling:u.firstChild);var p=(r=plt.p)!==null&&r!==void 0?r:queryNonceMetaTagContent(doc);if(p!=null){s.setAttribute("nonce",p)}}v=false;if(l.length){l.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return c=setTimeout(appDidLoad,30)}))}}t()};var setNonce=function(e){return plt.p=e};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,n){return hostRefs.set(n.R=e,n)};var registerHost=function(e,n){var r={u:0,$hostElement$:e,m:n,$:new Map};{r.H=new Promise((function(e){return r.A=e}))}{r.N=new Promise((function(e){return r.V=e}));e["s-p"]=[];e["s-rc"]=[]}return hostRefs.set(e,r)};var isMemberInElement=function(e,n){return n in e};var consoleError=function(e,n){return(0,console.error)(e,n)};var cmpModules=new Map;var loadModule=function(e,n,r){var t=e.h.replace(/-/g,"_");var i=e.I;var a=cmpModules.get(i);if(a){return a[t]}if(!r||!BUILD.hotModuleReplacement){var o=function(e){cmpModules.set(i,e);return e[t]};switch(i){case"mds-input":return import("./mds-input.entry.js").then(o,consoleError)}}return import("./".concat(i,".entry.js").concat("")).then((function(e){{cmpModules.set(i,e)}return e[t]}),consoleError)};var styles=new Map;var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={u:0,P:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,n,r,t){return e.addEventListener(n,r,t)},rel:function(e,n,r,t){return e.removeEventListener(n,r,t)},ce:function(e,n){return new CustomEvent(e,n)}};var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,n){return function(r){e.push(r);if(!queuePending){queuePending=true;if(n&&plt.u&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var n=0;n<e.length;n++){try{e[n](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{Host as H,bootstrapLazy as b,createEvent as c,getElement as g,h,promiseResolve as p,registerInstance as r,setNonce as s};

package/dist/esm-es5/loader.js

@@ -1 +1 @@
-import{b as bootstrapLazy}from"./index-bb86e2ed.js";export{s as setNonce}from"./index-bb86e2ed.js";var defineCustomElements=function(e,o){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-input",[[65,"mds-input",{autocomplete:[1],autofocus:[4],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],controlIncreaseLabel:[513,"control-increase-label"],controlDecreaseLabel:[513,"control-decrease-label"],datalist:[16],disabled:[516],disabledLabel:[513,"disabled-label"],icon:[513],max:[1],maxlength:[2],min:[8],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[516],readonlyLabel:[513,"readonly-label"],required:[516],requiredLabel:[513,"required-label"],variant:[513],tip:[1],step:[1],type:[513],typography:[513],value:[1537],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],o)};export{defineCustomElements};
+import{b as bootstrapLazy}from"./index-5376440a.js";export{s as setNonce}from"./index-5376440a.js";var defineCustomElements=function(e,a){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-input",[[65,"mds-input",{autocomplete:[1],autofocus:[4],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],controlIncreaseLabel:[513,"control-increase-label"],controlDecreaseLabel:[513,"control-decrease-label"],datalist:[16],disabled:[516],disabledLabel:[513,"disabled-label"],icon:[513],max:[1],maxlength:[2],min:[8],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[516],readonlyLabel:[513,"readonly-label"],required:[516],requiredLabel:[513,"required-label"],variant:[513],tip:[1],step:[1],type:[513],typography:[513],value:[1537],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],a)};export{defineCustomElements};

package/dist/esm-es5/mds-input.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(n,t,i,o){function r(n){return n instanceof i?n:new i((function(t){t(n)}))}return new(i||(i=Promise))((function(i,e){function a(n){try{c(o.next(n))}catch(n){e(n)}}function s(n){try{c(o["throw"](n))}catch(n){e(n)}}function c(n){n.done?i(n.value):r(n.value).then(a,s)}c((o=o.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var i={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},o,r,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(n){return function(t){return c([n,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(o=1,r&&(e=s[0]&2?r["return"]:s[0]?r["throw"]||((e=r["return"])&&e.call(r),0):r.next)&&!(e=e.call(r,s[1])).done)return e;if(r=0,e)s=[s[0]&2,e.value];switch(s[0]){case 0:case 1:e=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(e=i.trys,e=e.length>0&&e[e.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!e||s[1]>e[0]&&s[1]<e[3])){i.label=s[1];break}if(s[0]===6&&i.label<e[1]){i.label=e[1];e=s;break}if(e&&i.label<e[2]){i.label=e[2];i.ops.push(s);break}if(e[2])i.ops.pop();i.trys.pop();continue}s=t.call(n,i)}catch(n){s=[6,n];r=0}finally{o=e=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-bb86e2ed.js";function r(n){var t,i,o="";if("string"==typeof n||"number"==typeof n)o+=n;else if("object"==typeof n)if(Array.isArray(n))for(t=0;t<n.length;t++)n[t]&&(i=r(n[t]))&&(o&&(o+=" "),o+=i);else for(t in n)n[t]&&(o&&(o+=" "),o+=t);return o}function clsx(){for(var n,t,i=0,o="";i<arguments.length;)(n=arguments[i++])&&(t=r(n))&&(o&&(o+=" "),o+=t);return o}var miBaselineAdd='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>';var miBaselineArrowDown='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>';var miBaselineArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var miBaselineRemove='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>';var miBaselineDone='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>';var mdsInputCss='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::-webkit-backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::-ms-backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.focus-bounce {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n.focus-bounce--focused,\n  .focus-bounce:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n.svg svg {\n  aspect-ratio: 1 / 1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n  * @prop --mds-input-background: Sets the background-color of the component\n  * @prop --mds-input-icon-color: Sets the icon color of the component\n  * @prop --mds-input-ring: Sets the box-shadow of the component\'s input\n  * @prop --mds-input-shadow: Sets the box-shadow of the component\'s input\n  * @prop --mds-input-tip-background: Sets the background color of the tip message at the bottom right of the component\n  * @prop --mds-input-variant-color: Sets the variant colors of the component\n  */\n\n:host {\n\n  --mds-input-background: rgb(var(--tone-neutral));\n  --mds-input-icon-color: var(--mds-input-variant-color);\n  --mds-input-tip-background: 84 84 84;\n  --mds-input-ring: 0 0 0 1px rgb(var(--mds-input-variant-color) / 0.1);\n  --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);\n  --mds-input-variant-color: 0 0 0;\n  --mds-input-controls-color: rgb(var(--tone-neutral-04));\n  --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-09));\n  font-family: Karla, -apple-system, BlinkMacSystemFont, \'San Francisco\', \'Segoe UI\', \'Helvetica Neue\', sans-serif;\n  font-size: 16px;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  gap: 0.5rem;\n\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n}\n\n:host( [typography="detail"] ) .input {\n  font-family: Karla, -apple-system, BlinkMacSystemFont, \'San Francisco\', \'Segoe UI\', \'Helvetica Neue\', sans-serif;\n  font-size: 16px;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="snippet"] ) .input {\n  font-family: \'Roboto Mono\', monospace;\n  font-size: 16px;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.input {\n  font-family: Karla, -apple-system, BlinkMacSystemFont, \'San Francisco\', \'Segoe UI\', \'Helvetica Neue\', sans-serif;\n  font-size: 16px;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  margin: 0px;\n  border-radius: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n    background-color: var(--mds-input-background);\n    border: 0;\n    -webkit-box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    color: rgb(var(--tone-neutral-02));\n    min-height: 3rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n}\n\n.input::-webkit-outer-spin-button,\n.input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n          appearance: none;\n  display: none;\n  margin: 0;\n}\n\ntextarea.input:active {\n  -webkit-transition-property: none;\n  transition-property: none;\n}\n\ntextarea.input {\n  max-height: 16rem;\n  min-height: 6rem;\n  border-bottom-right-radius: 0px;\n}\n\n.input:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  --mds-input-ring: 0 0 0 3px rgb(var(--mds-input-variant-color) / 1);\n  --mds-input-shadow: 0 4px 6px 3px rgb(var(--mds-input-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-variant-color) / 0.06);\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-10));\n}\n\n.input:disabled::-moz-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-webkit-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled:-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled,\n.input:disabled::placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input.has-icon {\n  padding-left: 2.75rem;\n}\n\n\n\n.icon {\n  left: 0.75rem;\n  top: 0.75rem;\n\n  fill: rgb(var(--mds-input-icon-color));\n  position: absolute;\n}\n\n.counter {\n  border-left: var(--mds-input-controls-border);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  gap: 0;\n  position: absolute;\n  right: 0;\n}\n\n.counter-button {\n  height: 1.5rem;\n  width: 1.75rem;\n  border-radius: 0.5rem;\n  padding: 0px;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: transparent;\n  border: 0;\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-input-controls-color);\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.counter-button:hover {\n  background-color: rgb(var(--tone-neutral-09));\n}\n\n.counter .counter-button:first-child {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 0;\n}\n\n.counter .counter-button:last-child {\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.counter-button--horizontal {\n  height: 3rem;\n  width: 3rem;\n\n  bottom: 0;\n  position: absolute;\n  top: 0;\n}\n\n.counter-button--decrease {\n  border-bottom-right-radius: 0;\n  border-right: var(--mds-input-controls-border);\n  border-top-right-radius: 0;\n  left: 0;\n}\n\n.counter-button--increase {\n  border-bottom-left-radius: 0;\n  border-left: var(--mds-input-controls-border);\n  border-top-left-radius: 0;\n  right: 0;\n}\n\n:host( [type="number"] ) .input {\n  padding-right: 2rem;\n}\n\n:host( [type="number"][controls-layout="horizontal"] ) .input {\n  padding-left: 3.5rem;\n  padding-right: 3.5rem;\n\n  text-align: center;\n}\n\n:host( [type="number"][controls-layout="horizontal"][icon] ) .input {\n  padding-left: 6rem;\n\n  text-align: left;\n}\n\n\n:host( [type="number"][controls-layout="horizontal"] ) .icon {\n  left: 3.75rem;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.grid {\n  display: grid;\n}\n\n.w-min {\n  width: -moz-min-content;\n  width: -webkit-min-content;\n  width: min-content;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-tone-neutral-08 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-08) / var(--tw-bg-opacity));\n}\n\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n:host {\n\n  --mds-input-icon-color: var(--brand-maggioli-03);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( :focus ) {\n\n  --mds-input-variant-color: var(--brand-maggioli-04);\n}\n\n:host( [variant="info"] ) {\n\n  --mds-input-icon-color: var(--status-info-05);\n  --mds-input-tip-background: var(--status-info-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:focus ) {\n\n  --mds-input-icon-color: var(--status-info-04);\n  --mds-input-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n  --mds-input-icon-color: var(--status-success-05);\n  --mds-input-tip-background: var(--status-success-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:focus ) {\n\n  --mds-input-icon-color: var(--status-success-04);\n  --mds-input-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-input-icon-color: var(--status-warning-05);\n  --mds-input-tip-background: var(--status-warning-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:focus ) {\n\n  --mds-input-icon-color: var(--status-warning-04);\n  --mds-input-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n  --mds-input-icon-color: var(--status-error-05);\n  --mds-input-tip-background: var(--status-error-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:focus ) {\n\n  --mds-input-icon-color: var(--status-error-04);\n  --mds-input-variant-color: var(--status-error-05);\n}\n\n.tip-container {\n  left: 0.25rem;\n  right: 0.25rem;\n  gap: 0.25rem;\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.tip-container:empty {\n  display: none;\n}\n\n.tip-container--top {\n  top: 0.25rem;\n}\n\n.tip-container--bottom {\n  bottom: 0.25rem;\n}\n\n.tip {\n  height: 0.75rem;\n  border-radius: 0.375rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgb(var(--mds-input-tip-background));\n  color: transparent;\n  color: rgb(var(--tone-neutral));\n  display: -ms-flexbox;\n  display: flex;\n  fill: rgb(var(--tone-neutral));\n  -ms-flex-pack: center;\n  justify-content: center;\n  min-width: 0.75rem;\n  padding: 0;\n  pointer-events: none;\n  position: static;\n  text-align: center;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n  -webkit-transition-property: background-color, border-radius, color, padding-left, padding-right, -webkit-transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, -webkit-transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n.tip__content {\n  height: 0.75rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  display: grid;\n  grid-template-columns: 0fr;\n  opacity: 0;\n  overflow: hidden;\n  -webkit-transition-property: grid-template-columns, opacity;\n  transition-property: grid-template-columns, opacity;\n  transition-property: grid-template-columns, opacity, -ms-grid-columns;\n}\n\n.tip__text {\n  -webkit-transform: translate(0, 1px);\n  transform: translate(0, 1px);\n}\n\n.tip__icon {\n  height: 0.75rem;\n  width: 0.75rem;\n\n  display: none;\n}\n\n:host(:focus-within) .tip-container--top {\n  -webkit-transform: translate(calc(0.25rem * -1), calc(0.25rem * -1));\n  transform: translate(calc(0.25rem * -1), calc(0.25rem * -1));\n}\n\n:host(:focus-within) .tip-container--bottom {\n  -webkit-transform: translate(calc(0.25rem * -1), 0.25rem);\n  transform: translate(calc(0.25rem * -1), 0.25rem);\n}\n\n:host(:focus-within) .tip-container--top .tip {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n:host(:focus-within) .tip-container--bottom .tip {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.tip--expanded,\n:host(:focus-within) .tip--expand {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.tip--expanded .tip__content,\n:host(:focus-within) .tip--expand .tip__content,\n:host( [value]:not([value=""]) ) .tip--expand .tip__content {\n  grid-template-columns: 1fr;\n  opacity: 1;\n}\n\n:host( [value]:not([value=""]) ) .tip--expand .tip__text {\n  display: none;\n}\n\n:host( [value]:not([value=""]) ) .tip__icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([value]:not([value=""]):focus-within) .tip--expand {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n:host( [type="number"] ) .tip-container {\n  right: 2.25rem;\n}\n\n:host( [type="number"][controls-layout="horizontal"] ) .tip-container {\n  left: 3.5rem;\n  right: 3.5rem;\n}\n\n:host( [value]:not([value=""]) ) .tip--required {\n\n  --mds-input-tip-background: var(--status-success-05);\n}\n\n.tip--required {\n\n  --mds-input-tip-background: var(--status-error-05);\n}\n\n.tip--read-only {\n\n  --mds-input-tip-background: var(--status-info-05);\n}\n\n.tip--disabled {\n\n  --mds-input-tip-background: var(--tone-neutral-05);\n}\n\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n\n    --mds-input-background: rgb(var(--brand-maggioli-07));\n  }\n}\n';var MdsInput=function(){function n(n){var t=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsInputChange",7);this.keyDownEvent=createEvent(this,"mdsInputKeydown",7);this.blurEvent=createEvent(this,"mdsInputBlur",7);this.focusEvent=createEvent(this,"mdsInputFocus",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.onInput=function(n){var i=n.target;if(i){t.value=i.value;t.internals.setFormValue(t.value)}t.keyDownEvent.emit(n)};this.onBlur=function(){t.hasFocus=false;t.blurEvent.emit()};this.onFocus=function(n){var i=n.target;t.hasFocus=true;t.focusEvent.emit();if(t.readonly){setTimeout((function(){i.select()}),10)}};this.stepUp=function(){if(t.nativeInput&&!t.readonly&&!t.disabled){t.nativeInput.stepUp();t.value=t.nativeInput.value}};this.stepDown=function(){if(t.nativeInput&&!t.readonly&&!t.disabled){t.nativeInput.stepDown();t.value=t.nativeInput.value}};this.hasFocus=false;this.autocomplete="off";this.autofocus=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.controlIncreaseLabel="Aumenta";this.controlDecreaseLabel="Riduci";this.datalist=undefined;this.disabled=false;this.disabledLabel="disattivato";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.readonlyLabel="sola lettura";this.required=false;this.requiredLabel="obbligatorio";this.variant=undefined;this.tip=undefined;this.step=undefined;this.type="text";this.typography="detail";this.value=""}n.prototype.componentWillLoad=function(){var n;if(this.el.hasAttribute("tabindex")){var t=this.el.getAttribute("tabindex");this.tabindex=t!==null?parseInt(t):undefined;this.el.removeAttribute("tabindex")}this.internals.setFormValue((n=this.value)!==null&&n!==void 0?n:null)};n.prototype.valueChanged=function(){var n;this.changeEvent.emit({value:this.value});this.internals.setFormValue((n=this.value)!==null&&n!==void 0?n:null)};n.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};n.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};n.prototype.render=function(){var n=this;return h(Host,null,this.type==="number"&&this.controlsLayout==="horizontal"&&h("mds-button",{class:"counter-button counter-button--horizontal counter-button--decrease focus-bounce",onClick:this.stepDown,role:"button",tabindex:"0",title:this.controlDecreaseLabel,part:"counter-button-decrease"},h("i",{class:"svg counter-button-icon",innerHTML:this.controlsIcon==="arrow"?miBaselineArrowDown:miBaselineRemove})),this.type==="textarea"?h("textarea",{class:clsx("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(t){return n.nativeInput=t},required:this.required,tabIndex:this.tabindex,value:this.value}):h("input",{class:clsx("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(t){return n.nativeInput=t},required:this.required,step:this.step,tabIndex:this.tabindex,type:this.type,value:this.value}),this.type==="number"&&this.controlsLayout==="vertical"&&h("div",{class:"counter counter--vertical"},h("mds-button",{class:"counter-button focus-bounce",onClick:this.stepUp,role:"button",tabindex:"0",title:this.controlIncreaseLabel,part:"counter-button-increase"},h("i",{class:"svg counter-button-icon",innerHTML:this.controlsIcon==="arrow"?miBaselineArrowUp:miBaselineAdd})),h("mds-button",{class:"counter-button focus-bounce",onClick:this.stepDown,role:"button",tabindex:"0",title:this.controlDecreaseLabel,part:"counter-button-decrease"},h("i",{class:"svg counter-button-icon",innerHTML:this.controlsIcon==="arrow"?miBaselineArrowDown:miBaselineRemove}))),this.type==="number"&&this.controlsLayout==="horizontal"&&h("mds-button",{class:"counter-button counter-button--horizontal counter-button--increase focus-bounce",onClick:this.stepUp,role:"button",tabindex:"0",title:this.controlIncreaseLabel,part:"counter-button-increase"},h("i",{class:"svg counter-button-icon",innerHTML:this.controlsIcon==="arrow"?miBaselineArrowUp:miBaselineAdd})),h("div",{class:"tip-container tip-container--top"},this.disabled&&h("div",{class:"tip tip--expanded tip--disabled"},h("div",{class:"tip__content"},h("mds-text",{typography:"option",truncate:true},h("span",{class:"tip__text"},this.disabledLabel)))),this.readonly&&h("div",{class:"tip tip--expanded tip--read-only"},h("div",{class:"tip__content"},h("mds-text",{typography:"option",truncate:true},h("span",{class:"tip__text"},this.readonlyLabel)))),this.required&&h("div",{class:"tip tip--expand tip--required"},h("div",{class:"tip__content"},h("mds-text",{typography:"option",truncate:true},h("span",{class:"tip__text"},this.requiredLabel),h("span",{class:"tip__icon svg",innerHTML:miBaselineDone}))))),h("div",{class:"tip-container tip-container--bottom"},this.tip&&h("div",{class:"tip tip--expanded tip--variant"},h("div",{class:"tip__content"},h("mds-text",{typography:"option",truncate:true},h("span",{class:"tip__text"},this.tip))))),this.datalist&&h("datalist",{id:"datalist",class:"datalist"},this.datalist.forEach((function(n){h("option",{value:n})}))),this.icon&&h("mds-icon",{class:clsx("icon",this.variant),name:this.icon}))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return n}();MdsInput.style=mdsInputCss;export{MdsInput as mds_input};
+var __awaiter=this&&this.__awaiter||function(n,t,i,o){function r(n){return n instanceof i?n:new i((function(t){t(n)}))}return new(i||(i=Promise))((function(i,e){function a(n){try{c(o.next(n))}catch(n){e(n)}}function s(n){try{c(o["throw"](n))}catch(n){e(n)}}function c(n){n.done?i(n.value):r(n.value).then(a,s)}c((o=o.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var i={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},o,r,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(n){return function(t){return c([n,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(o=1,r&&(e=s[0]&2?r["return"]:s[0]?r["throw"]||((e=r["return"])&&e.call(r),0):r.next)&&!(e=e.call(r,s[1])).done)return e;if(r=0,e)s=[s[0]&2,e.value];switch(s[0]){case 0:case 1:e=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(e=i.trys,e=e.length>0&&e[e.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!e||s[1]>e[0]&&s[1]<e[3])){i.label=s[1];break}if(s[0]===6&&i.label<e[1]){i.label=e[1];e=s;break}if(e&&i.label<e[2]){i.label=e[2];i.ops.push(s);break}if(e[2])i.ops.pop();i.trys.pop();continue}s=t.call(n,i)}catch(n){s=[6,n];r=0}finally{o=e=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5376440a.js";function r(n){var t,i,o="";if("string"==typeof n||"number"==typeof n)o+=n;else if("object"==typeof n)if(Array.isArray(n))for(t=0;t<n.length;t++)n[t]&&(i=r(n[t]))&&(o&&(o+=" "),o+=i);else for(t in n)n[t]&&(o&&(o+=" "),o+=t);return o}function clsx(){for(var n,t,i=0,o="";i<arguments.length;)(n=arguments[i++])&&(t=r(n))&&(o&&(o+=" "),o+=t);return o}var miBaselineAdd='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>';var miBaselineArrowDown='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>';var miBaselineArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var miBaselineRemove='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>';var miBaselineDone='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>';var mdsInputCss='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::-webkit-backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::-ms-backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.focus-bounce {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n.focus-bounce--focused,\n  .focus-bounce:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n.svg svg {\n  aspect-ratio: 1 / 1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n  * @prop --mds-input-background: Sets the background-color of the component\n  * @prop --mds-input-icon-color: Sets the icon color of the component\n  * @prop --mds-input-ring: Sets the box-shadow of the component\'s input\n  * @prop --mds-input-shadow: Sets the box-shadow of the component\'s input\n  * @prop --mds-input-tip-background: Sets the background color of the tip message at the bottom right of the component\n  * @prop --mds-input-variant-color: Sets the variant colors of the component\n  */\n\n:host {\n\n  --mds-input-background: rgb(var(--tone-neutral));\n  --mds-input-icon-color: var(--mds-input-variant-color);\n  --mds-input-tip-background: 84 84 84;\n  --mds-input-ring: 0 0 0 1px rgb(var(--mds-input-variant-color) / 0.1);\n  --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);\n  --mds-input-variant-color: 0 0 0;\n  --mds-input-controls-color: rgb(var(--tone-neutral-04));\n  --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-09));\n  font-family: Karla, -apple-system, BlinkMacSystemFont, \'San Francisco\', \'Segoe UI\', \'Helvetica Neue\', sans-serif;\n  font-size: 16px;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  gap: 0.5rem;\n\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n}\n\n:host( [typography="detail"] ) .input {\n  font-family: Karla, -apple-system, BlinkMacSystemFont, \'San Francisco\', \'Segoe UI\', \'Helvetica Neue\', sans-serif;\n  font-size: 16px;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="snippet"] ) .input {\n  font-family: \'Roboto Mono\', monospace;\n  font-size: 16px;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.input {\n  font-family: Karla, -apple-system, BlinkMacSystemFont, \'San Francisco\', \'Segoe UI\', \'Helvetica Neue\', sans-serif;\n  font-size: 16px;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  margin: 0px;\n  border-radius: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n    background-color: var(--mds-input-background);\n    border: 0;\n    -webkit-box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    color: rgb(var(--tone-neutral-02));\n    min-height: 3rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n}\n\n.input::-webkit-outer-spin-button,\n.input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n          appearance: none;\n  display: none;\n  margin: 0;\n}\n\ntextarea.input:active {\n  -webkit-transition-property: none;\n  transition-property: none;\n}\n\ntextarea.input {\n  max-height: 16rem;\n  min-height: 6rem;\n  border-bottom-right-radius: 0px;\n}\n\n.input:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  --mds-input-ring: 0 0 0 3px rgb(var(--mds-input-variant-color) / 1);\n  --mds-input-shadow: 0 4px 6px 3px rgb(var(--mds-input-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-variant-color) / 0.06);\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-10));\n}\n\n.input:disabled::-moz-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-webkit-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled:-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled,\n.input:disabled::placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input.has-icon {\n  padding-left: 2.75rem;\n}\n\n\n\n.icon {\n  left: 0.75rem;\n  top: 0.75rem;\n\n  fill: rgb(var(--mds-input-icon-color));\n  position: absolute;\n}\n\n.counter {\n  border-left: var(--mds-input-controls-border);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  gap: 0;\n  position: absolute;\n  right: 0;\n}\n\n.counter-button {\n  height: 1.5rem;\n  width: 1.75rem;\n  border-radius: 0.5rem;\n  padding: 0px;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: transparent;\n  border: 0;\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-input-controls-color);\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.counter-button:hover {\n  background-color: rgb(var(--tone-neutral-09));\n}\n\n.counter .counter-button:first-child {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 0;\n}\n\n.counter .counter-button:last-child {\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.counter-button--horizontal {\n  height: 3rem;\n  width: 3rem;\n\n  bottom: 0;\n  position: absolute;\n  top: 0;\n}\n\n.counter-button--decrease {\n  border-bottom-right-radius: 0;\n  border-right: var(--mds-input-controls-border);\n  border-top-right-radius: 0;\n  left: 0;\n}\n\n.counter-button--increase {\n  border-bottom-left-radius: 0;\n  border-left: var(--mds-input-controls-border);\n  border-top-left-radius: 0;\n  right: 0;\n}\n\n:host( [type="number"] ) .input {\n  padding-right: 2rem;\n}\n\n:host( [type="number"][controls-layout="horizontal"] ) .input {\n  padding-left: 3.5rem;\n  padding-right: 3.5rem;\n\n  text-align: center;\n}\n\n:host( [type="number"][controls-layout="horizontal"][icon] ) .input {\n  padding-left: 6rem;\n\n  text-align: left;\n}\n\n\n:host( [type="number"][controls-layout="horizontal"] ) .icon {\n  left: 3.75rem;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.grid {\n  display: grid;\n}\n\n.w-min {\n  width: -moz-min-content;\n  width: -webkit-min-content;\n  width: min-content;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-tone-neutral-08 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-08) / var(--tw-bg-opacity));\n}\n\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n:host {\n\n  --mds-input-icon-color: var(--brand-maggioli-03);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( :focus ) {\n\n  --mds-input-variant-color: var(--brand-maggioli-04);\n}\n\n:host( [variant="info"] ) {\n\n  --mds-input-icon-color: var(--status-info-05);\n  --mds-input-tip-background: var(--status-info-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:focus ) {\n\n  --mds-input-icon-color: var(--status-info-04);\n  --mds-input-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n  --mds-input-icon-color: var(--status-success-05);\n  --mds-input-tip-background: var(--status-success-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:focus ) {\n\n  --mds-input-icon-color: var(--status-success-04);\n  --mds-input-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-input-icon-color: var(--status-warning-05);\n  --mds-input-tip-background: var(--status-warning-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:focus ) {\n\n  --mds-input-icon-color: var(--status-warning-04);\n  --mds-input-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n  --mds-input-icon-color: var(--status-error-05);\n  --mds-input-tip-background: var(--status-error-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:focus ) {\n\n  --mds-input-icon-color: var(--status-error-04);\n  --mds-input-variant-color: var(--status-error-05);\n}\n\n.tip-container {\n  left: 0.25rem;\n  right: 0.25rem;\n  gap: 0.25rem;\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.tip-container:empty {\n  display: none;\n}\n\n.tip-container--top {\n  top: 0.25rem;\n}\n\n.tip-container--bottom {\n  bottom: 0.25rem;\n}\n\n.tip {\n  height: 0.75rem;\n  border-radius: 0.375rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgb(var(--mds-input-tip-background));\n  color: transparent;\n  color: rgb(var(--tone-neutral));\n  display: -ms-flexbox;\n  display: flex;\n  fill: rgb(var(--tone-neutral));\n  -ms-flex-pack: center;\n  justify-content: center;\n  min-width: 0.75rem;\n  padding: 0;\n  pointer-events: none;\n  position: static;\n  text-align: center;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n  -webkit-transition-property: background-color, border-radius, color, padding-left, padding-right, -webkit-transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, -webkit-transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n.tip__content {\n  height: 0.75rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  display: grid;\n  grid-template-columns: 0fr;\n  opacity: 0;\n  overflow: hidden;\n  -webkit-transition-property: grid-template-columns, opacity;\n  transition-property: grid-template-columns, opacity;\n  transition-property: grid-template-columns, opacity, -ms-grid-columns;\n}\n\n.tip__text {\n  -webkit-transform: translate(0, 1px);\n  transform: translate(0, 1px);\n}\n\n.tip__icon {\n  height: 0.75rem;\n  width: 0.75rem;\n\n  display: none;\n}\n\n:host(:focus-within) .tip-container--top {\n  -webkit-transform: translate(calc(0.25rem * -1), calc(0.25rem * -1));\n  transform: translate(calc(0.25rem * -1), calc(0.25rem * -1));\n}\n\n:host(:focus-within) .tip-container--bottom {\n  -webkit-transform: translate(calc(0.25rem * -1), 0.25rem);\n  transform: translate(calc(0.25rem * -1), 0.25rem);\n}\n\n:host(:focus-within) .tip-container--top .tip {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n:host(:focus-within) .tip-container--bottom .tip {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.tip--expanded,\n:host(:focus-within) .tip--expand {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.tip--expanded .tip__content,\n:host(:focus-within) .tip--expand .tip__content,\n:host( [value]:not([value=""]) ) .tip--expand .tip__content {\n  grid-template-columns: 1fr;\n  opacity: 1;\n}\n\n:host( [value]:not([value=""]) ) .tip--expand .tip__text {\n  display: none;\n}\n\n:host( [value]:not([value=""]) ) .tip__icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([value]:not([value=""]):focus-within) .tip--expand {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n:host( [type="number"] ) .tip-container {\n  right: 2.25rem;\n}\n\n:host( [type="number"][controls-layout="horizontal"] ) .tip-container {\n  left: 3.5rem;\n  right: 3.5rem;\n}\n\n:host( [value]:not([value=""]) ) .tip--required {\n\n  --mds-input-tip-background: var(--status-success-05);\n}\n\n.tip--required {\n\n  --mds-input-tip-background: var(--status-error-05);\n}\n\n.tip--read-only {\n\n  --mds-input-tip-background: var(--status-info-05);\n}\n\n.tip--disabled {\n\n  --mds-input-tip-background: var(--tone-neutral-05);\n}\n\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n\n    --mds-input-background: rgb(var(--brand-maggioli-07));\n  }\n}\n';var MdsInput=function(){function n(n){var t=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsInputChange",7);this.keyDownEvent=createEvent(this,"mdsInputKeydown",7);this.blurEvent=createEvent(this,"mdsInputBlur",7);this.focusEvent=createEvent(this,"mdsInputFocus",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.onInput=function(n){var i=n.target;if(i){t.value=i.value;t.internals.setFormValue(t.value)}t.keyDownEvent.emit(n)};this.onBlur=function(){t.hasFocus=false;t.blurEvent.emit()};this.onFocus=function(n){var i=n.target;t.hasFocus=true;t.focusEvent.emit();if(t.readonly){setTimeout((function(){i.select()}),10)}};this.stepUp=function(){if(t.nativeInput&&!t.readonly&&!t.disabled){t.nativeInput.stepUp();t.value=t.nativeInput.value}};this.stepDown=function(){if(t.nativeInput&&!t.readonly&&!t.disabled){t.nativeInput.stepDown();t.value=t.nativeInput.value}};this.hasFocus=false;this.autocomplete="off";this.autofocus=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.controlIncreaseLabel="Aumenta";this.controlDecreaseLabel="Riduci";this.datalist=undefined;this.disabled=false;this.disabledLabel="disattivato";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.readonlyLabel="sola lettura";this.required=false;this.requiredLabel="obbligatorio";this.variant=undefined;this.tip=undefined;this.step=undefined;this.type="text";this.typography="detail";this.value=""}n.prototype.componentWillLoad=function(){var n;if(this.el.hasAttribute("tabindex")){var t=this.el.getAttribute("tabindex");this.tabindex=t!==null?parseInt(t):undefined;this.el.removeAttribute("tabindex")}this.internals.setFormValue((n=this.value)!==null&&n!==void 0?n:null)};n.prototype.valueChanged=function(){var n;this.changeEvent.emit({value:this.value});this.internals.setFormValue((n=this.value)!==null&&n!==void 0?n:null)};n.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};n.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};n.prototype.render=function(){var n=this;return h(Host,null,this.type==="number"&&this.controlsLayout==="horizontal"&&h("mds-button",{class:"counter-button counter-button--horizontal counter-button--decrease focus-bounce",onClick:this.stepDown,role:"button",tabindex:"0",title:this.controlDecreaseLabel,part:"counter-button-decrease"},h("i",{class:"svg counter-button-icon",innerHTML:this.controlsIcon==="arrow"?miBaselineArrowDown:miBaselineRemove})),this.type==="textarea"?h("textarea",{class:clsx("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(t){return n.nativeInput=t},required:this.required,tabIndex:this.tabindex,value:this.value}):h("input",{class:clsx("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(t){return n.nativeInput=t},required:this.required,step:this.step,tabIndex:this.tabindex,type:this.type,value:this.value}),this.type==="number"&&this.controlsLayout==="vertical"&&h("div",{class:"counter counter--vertical"},h("mds-button",{class:"counter-button focus-bounce",onClick:this.stepUp,role:"button",tabindex:"0",title:this.controlIncreaseLabel,part:"counter-button-increase"},h("i",{class:"svg counter-button-icon",innerHTML:this.controlsIcon==="arrow"?miBaselineArrowUp:miBaselineAdd})),h("mds-button",{class:"counter-button focus-bounce",onClick:this.stepDown,role:"button",tabindex:"0",title:this.controlDecreaseLabel,part:"counter-button-decrease"},h("i",{class:"svg counter-button-icon",innerHTML:this.controlsIcon==="arrow"?miBaselineArrowDown:miBaselineRemove}))),this.type==="number"&&this.controlsLayout==="horizontal"&&h("mds-button",{class:"counter-button counter-button--horizontal counter-button--increase focus-bounce",onClick:this.stepUp,role:"button",tabindex:"0",title:this.controlIncreaseLabel,part:"counter-button-increase"},h("i",{class:"svg counter-button-icon",innerHTML:this.controlsIcon==="arrow"?miBaselineArrowUp:miBaselineAdd})),h("div",{class:"tip-container tip-container--top"},this.disabled&&h("div",{class:"tip tip--expanded tip--disabled"},h("div",{class:"tip__content"},h("mds-text",{typography:"option",truncate:true},h("span",{class:"tip__text"},this.disabledLabel)))),this.readonly&&h("div",{class:"tip tip--expanded tip--read-only"},h("div",{class:"tip__content"},h("mds-text",{typography:"option",truncate:true},h("span",{class:"tip__text"},this.readonlyLabel)))),this.required&&h("div",{class:"tip tip--expand tip--required"},h("div",{class:"tip__content"},h("mds-text",{typography:"option",truncate:true},h("span",{class:"tip__text"},this.requiredLabel),h("span",{class:"tip__icon svg",innerHTML:miBaselineDone}))))),h("div",{class:"tip-container tip-container--bottom"},this.tip&&h("div",{class:"tip tip--expanded tip--variant"},h("div",{class:"tip__content"},h("mds-text",{typography:"option",truncate:true},h("span",{class:"tip__text"},this.tip))))),this.datalist&&h("datalist",{id:"datalist",class:"datalist"},this.datalist.forEach((function(n){h("option",{value:n})}))),this.icon&&h("mds-icon",{class:clsx("icon",this.variant),name:this.icon}))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return n}();MdsInput.style=mdsInputCss;export{MdsInput as mds_input};

package/dist/esm-es5/mds-input.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-bb86e2ed.js";export{s as setNonce}from"./index-bb86e2ed.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){return bootstrapLazy([["mds-input",[[65,"mds-input",{autocomplete:[1],autofocus:[4],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],controlIncreaseLabel:[513,"control-increase-label"],controlDecreaseLabel:[513,"control-decrease-label"],datalist:[16],disabled:[516],disabledLabel:[513,"disabled-label"],icon:[513],max:[1],maxlength:[2],min:[8],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[516],readonlyLabel:[513,"readonly-label"],required:[516],requiredLabel:[513,"required-label"],variant:[513],tip:[1],step:[1],type:[513],typography:[513],value:[1537],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-5376440a.js";export{s as setNonce}from"./index-5376440a.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){return bootstrapLazy([["mds-input",[[65,"mds-input",{autocomplete:[1],autofocus:[4],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],controlIncreaseLabel:[513,"control-increase-label"],controlDecreaseLabel:[513,"control-decrease-label"],datalist:[16],disabled:[516],disabledLabel:[513,"disabled-label"],icon:[513],max:[1],maxlength:[2],min:[8],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[516],readonlyLabel:[513,"readonly-label"],required:[516],requiredLabel:[513,"required-label"],variant:[513],tip:[1],step:[1],type:[513],typography:[513],value:[1537],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],e)}));

package/dist/mds-input/mds-input.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-d01489d1.js";export{s as setNonce}from"./p-d01489d1.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-d84f00e9",[[65,"mds-input",{autocomplete:[1],autofocus:[4],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],controlIncreaseLabel:[513,"control-increase-label"],controlDecreaseLabel:[513,"control-decrease-label"],datalist:[16],disabled:[516],disabledLabel:[513,"disabled-label"],icon:[513],max:[1],maxlength:[2],min:[8],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[516],readonlyLabel:[513,"readonly-label"],required:[516],requiredLabel:[513,"required-label"],variant:[513],tip:[1],step:[1],type:[513],typography:[513],value:[1537],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],e)));
+import{p as e,b as a}from"./p-48b9a34f.js";export{s as setNonce}from"./p-48b9a34f.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-e655082f",[[65,"mds-input",{autocomplete:[1],autofocus:[4],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],controlIncreaseLabel:[513,"control-increase-label"],controlDecreaseLabel:[513,"control-decrease-label"],datalist:[16],disabled:[516],disabledLabel:[513,"disabled-label"],icon:[513],max:[1],maxlength:[2],min:[8],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[516],readonlyLabel:[513,"readonly-label"],required:[516],requiredLabel:[513,"required-label"],variant:[513],tip:[1],step:[1],type:[513],typography:[513],value:[1537],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],e)));

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

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-7a8b2b88.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-016672b3.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/dist/mds-input/{p-7a8b2b88.system.js → p-016672b3.system.js}

@@ -1 +1 @@
-System.register(["./p-9df6ee28.system.js"],(function(e,t){"use strict";var a,n;return{setters:[function(t){a=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return a(n)};e().then((function(e){return n([["p-27292af7.system",[[65,"mds-input",{autocomplete:[1],autofocus:[4],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],controlIncreaseLabel:[513,"control-increase-label"],controlDecreaseLabel:[513,"control-decrease-label"],datalist:[16],disabled:[516],disabledLabel:[513,"disabled-label"],icon:[513],max:[1],maxlength:[2],min:[8],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[516],readonlyLabel:[513,"readonly-label"],required:[516],requiredLabel:[513,"required-label"],variant:[513],tip:[1],step:[1],type:[513],typography:[513],value:[1537],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],e)}))}}}));
+System.register(["./p-21a66582.system.js"],(function(e,t){"use strict";var a,n;return{setters:[function(t){a=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return a(n)};e().then((function(e){return n([["p-9abb0dcf.system",[[65,"mds-input",{autocomplete:[1],autofocus:[4],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],controlIncreaseLabel:[513,"control-increase-label"],controlDecreaseLabel:[513,"control-decrease-label"],datalist:[16],disabled:[516],disabledLabel:[513,"disabled-label"],icon:[513],max:[1],maxlength:[2],min:[8],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[516],readonlyLabel:[513,"readonly-label"],required:[516],requiredLabel:[513,"required-label"],variant:[513],tip:[1],step:[1],type:[513],typography:[513],value:[1537],hasFocus:[32],setFocus:[64],getInputElement:[64]},null,{value:["valueChanged"]}]]]],e)}))}}}));

package/dist/mds-input/p-21a66582.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="slot-fb{display:contents}slot-fb[hidden]{display:none}";var s={};var d=function(r){return r!=null};var h=function(r){r=typeof r;return r==="object"||r==="function"};function y(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 p=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"&&!h(i)){i=String(i)}if(a&&u){f[f.length-1].t+=i}else{f.push(a?w(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=w(r,null);l.i=n;if(f.length>0){l.u=f}return l}));var w=function(r,n){var e={o:0,v:r,t:n,l:null,u:null};{e.i=null}return e};var b=r("H",{});var m=function(r){return r&&r.v===b};var _=function(r,n){if(r!=null&&!h(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 cr(r).$hostElement$}));var g=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=$r.ce(n,e);r.dispatchEvent(t);return t};var j=new WeakMap;var A=function(r,n,e){var t=br.get(r);if(Sr&&e){t=t||new CSSStyleSheet;if(typeof t==="string"){t=n}else{t.replaceSync(n)}}else{t=n}br.set(r,t)};var O=function(r,n,e){var t;var i=x(n);var a=br.get(i);r=r.nodeType===11?r:_r;if(a){if(typeof a==="string"){r=r.head||r;var u=j.get(r);var f=void 0;if(!u){j.set(r,u=new Set)}if(!u.has(i)){{f=_r.createElement("style");f.innerHTML=a;var o=(t=$r.h)!==null&&t!==void 0?t:y(_r);if(o!=null){f.setAttribute("nonce",o)}r.insertBefore(f,r.querySelector("link"))}if(n.o&4){f.innerHTML+=c}if(u){u.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var k=function(r){var n=r.p;var e=r.$hostElement$;var t=n.o;var i=o("attachStyles",n.m);var a=O(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(t&10){e["s-sc"]=a;e.classList.add(a+"-h")}i()};var x=function(r,n){return"sc-"+r.m};var M=function(r,n,e,t,i,a){if(e!==t){var u=hr(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(hr(mr,f)){n=f.slice(2)}else{n=f[2]+n.slice(3)}if(e||t){var c=n.endsWith(E);n=n.replace(T,"");if(e){$r.rel(r,n,e,c)}if(t){$r.ael(r,n,t,c)}}}else{var s=h(t);if((u||s&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var d=t==null?"":t;if(n==="list"){u=false}else if(e==null||r[n]!=d){r[n]=d}}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)&&!s){t=t===true?"":t;{r.setAttribute(n,t)}}}}};var C=/\s/;var P=function(r){return!r?[]:r.split(C)};var E="Capture";var T=new RegExp(E+"$");var U=function(r,n,e,t){var i=n.l.nodeType===11&&n.l.host?n.l.host:n.l;var a=r&&r.i||s;var u=n.i||s;{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 L=function(r,n,e,t){var a=n.u[e];var f=0;var o;var v;if(a.t!==null){o=a.l=_r.createTextNode(a.t)}else{o=a.l=_r.createElement(a.v);{U(null,a,u)}if(d(i)&&o["s-si"]!==i){o.classList.add(o["s-si"]=i)}if(a.u){for(f=0;f<a.u.length;++f){v=L(r,a,f);if(v){o.appendChild(v)}}}}return o};var N=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=L(null,e,i);if(o){t[i].l=o;f.insertBefore(o,n)}}}};var W=function(r,n,e){for(var t=n;t<=e;++t){var i=r[t];if(i){var a=i.l;q(i);if(a){a.remove()}}}};var F=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(H(f,l)){R(f,l);f=n[++i];l=t[++a]}else if(H(o,c)){R(o,c);o=n[--u];c=t[--v]}else if(H(f,c)){R(f,c);r.insertBefore(f.l,o.l.nextSibling);f=n[++i];c=t[--v]}else if(H(o,l)){R(o,l);r.insertBefore(o.l,f.l);o=n[--u];l=t[++a]}else{{s=L(n&&n[a],e,a);l=t[++a]}if(s){{f.l.parentNode.insertBefore(s,f.l)}}}}if(i>u){N(r,t[v+1]==null?null:t[v+1].l,e,t,a,v)}else if(a>v){W(n,i,u)}};var H=function(r,n){if(r.v===n.v){return true}return false};var R=function(r,n){var e=n.l=r.l;var t=r.u;var i=n.u;var a=n.t;if(a===null){{{U(r,n,u)}}if(t!==null&&i!==null){F(e,t,n,i)}else if(i!==null){if(r.t!==null){e.textContent=""}N(e,null,n,i,0,i.length-1)}else if(t!==null){W(t,0,t.length-1)}}else if(r.t!==a){e.data=a}};var q=function(r){{r.i&&r.i.ref&&r.i.ref(null);r.u&&r.u.map(q)}};var G=function(r,n,e){if(e===void 0){e=false}var t=r.$hostElement$;var u=r.p;var f=r._||w(null,null);var o=m(n)?n:p(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"]}R(f,o)};var I=function(r,n){if(n&&!r.S&&n["s-p"]){n["s-p"].push(new Promise((function(n){return r.S=n})))}};var V=function(r,n){{r.o|=16}if(r.o&4){r.o|=512;return}I(r,r.j);var e=function(){return z(r,n)};return Cr(e)};var z=function(r,n){var e=o("scheduleUpdate",r.p.m);var t=r.A;var i;if(n){{i=Y(t,"componentWillLoad")}}e();return B(i,(function(){return J(r,t,n)}))};var B=function(r,n){return D(r)?r.then(n):n()};var D=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var J=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){k(r)}f=o("render",r.p.m);{K(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 Q(r)};if(v.length===0){l()}else{Promise.all(v).then(l);r.o|=4;v.length=0}}return[2]}))}))};var K=function(r,n,e,t){try{n=n.render();{r.o&=~16}{r.o|=2}{{{G(r,n,t)}}}}catch(n){yr(n,r.$hostElement$)}return null};var Q=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;{Z(e)}t();{r.O(e);if(!i){X()}}}else{t()}{r.k(e)}{if(r.S){r.S();r.S=undefined}if(r.o&512){Mr((function(){return V(r,false)}))}r.o&=~(4|512)}};var X=function(r){{Z(_r.documentElement)}Mr((function(){return S(mr,"appload",{detail:{namespace:t}})}))};var Y=function(r,n,e){if(r&&r[n]){try{return r[n](e)}catch(r){yr(r)}}return undefined};var Z=function(r){return r.setAttribute("hydrated","")};var rr=function(r,n){return cr(r).M.get(n)};var nr=function(r,n,e,t){var i=cr(r);var a=i.$hostElement$;var u=i.M.get(n);var f=i.o;var o=i.A;e=_(e,t.C[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.P&&f&128){var c=t.P[n];if(c){c.map((function(r){try{o[r](e,u,n)}catch(r){yr(r,a)}}))}}if((f&(2|16))===2){V(i,false)}}}};var er=function(r,n,e){var t;if(n.C){if(r.watchers){n.P=r.watchers}var i=Object.entries(n.C);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 rr(this,t)},set:function(r){nr(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=cr(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;$r.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=cr(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.P[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.P)!==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 tr=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=wr(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.P=r.watchers}er(r,t,2);r.isProxied=true}i=o("createInstance",t.m);{n.o|=8}try{new r(n)}catch(r){yr(r)}{n.o&=~8}{n.o|=128}i();if(r.style){a=r.style;u=x(t);if(!br.has(u)){f=o("registerStyles",t.m);A(u,a,!!(t.o&1));f()}}s.label=3;case 3:l=n.j;c=function(){return V(n,true)};if(l&&l["s-rc"]){l["s-rc"].push(c)}else{c()}return[2]}}))}))};var ir=function(r){};var ar=function(r){if(($r.o&1)===0){var n=cr(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"]){I(n,n.j=i);break}}}if(e.C){Object.entries(e.C).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}}))}{tr(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 ir()}))}}t()}};var ur=function(r){};var fr=function(r){return __awaiter(e,void 0,void 0,(function(){var n;return __generator(this,(function(e){if(($r.o&1)===0){n=cr(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 ur()}))}}return[2]}))}))};var or=r("b",(function(r,n){if(n===void 0){n={}}var e;var t=o();var i=[];var a=n.exclude||[];var u=mr.customElements;var f=_r.head;var v=f.querySelector("meta[charset]");var s=_r.createElement("style");var d=[];var h;var p=true;Object.assign($r,n);$r.L=new URL(n.resourcesUrl||"./",_r.baseURI).href;var w=false;r.map((function(r){r[1].map((function(n){var e;var t={o:n[0],m:n[1],C:n[2],N:n[3]};if(t.o&4){w=true}{t.C=n[2]}{t.$=[]}{t.P=(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;dr(n,t);if(t.o&1){{{n.attachShadow({mode:"open"})}}}return e}n.prototype.connectedCallback=function(){var r=this;if(h){clearTimeout(h);h=null}if(p){d.push(this)}else{$r.jmp((function(){return ar(r)}))}};n.prototype.disconnectedCallback=function(){var r=this;$r.jmp((function(){return fr(r)}))};n.prototype.componentOnReady=function(){return cr(this).U};return n}(HTMLElement);if(t.o&64){o.formAssociated=true}t.W=r[0];if(!a.includes(f)&&!u.get(f)){i.push(f);u.define(f,er(o,t,1))}}))}));if(w){s.innerHTML+=c}{s.innerHTML+=i+l}if(s.innerHTML.length){s.setAttribute("data-styles","");f.insertBefore(s,v?v.nextSibling:f.firstChild);var b=(e=$r.h)!==null&&e!==void 0?e:y(_r);if(b!=null){s.setAttribute("nonce",b)}}p=false;if(d.length){d.map((function(r){return r.connectedCallback()}))}else{{$r.jmp((function(){return h=setTimeout(X,30)}))}}t()}));var vr=r("s",(function(r){return $r.h=r}));var lr=new WeakMap;var cr=function(r){return lr.get(r)};var sr=r("r",(function(r,n){return lr.set(n.A=r,n)}));var dr=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 lr.set(r,e)};var hr=function(r,n){return n in r};var yr=function(r,n){return(0,console.error)(r,n)};var pr=new Map;var wr=function(r,e,t){var i=r.m.replace(/-/g,"_");var a=r.W;var u=pr.get(a);if(u){return u[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return n.import("./".concat(a,".entry.js").concat("")).then((function(r){{pr.set(a,r)}return r[i]}),yr)};var br=new Map;var mr=typeof window!=="undefined"?window:{};var _r=mr.document||{head:{}};var $r={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 gr=r("p",(function(r){return Promise.resolve(r)}));var Sr=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var jr=[];var Ar=[];var Or=function(r,n){return function(e){r.push(e);if(!f){f=true;if(n&&$r.o&4){Mr(xr)}else{$r.raf(xr)}}}};var kr=function(r){for(var n=0;n<r.length;n++){try{r[n](performance.now())}catch(r){yr(r)}}r.length=0};var xr=function(){kr(jr);{kr(Ar);if(f=jr.length>0){$r.raf(xr)}}};var Mr=function(r){return gr().then(r)};var Cr=Or(Ar,true)}}}));

package/dist/mds-input/p-48b9a34f.js

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