@maggioli-design-system/magma 2.0.0-alpha.1 → 2.0.0-beta.2

package/dist/components/mds-input2.js

@@ -1,738 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-import { m as miBaselineKeyboardArrowDown } from './keyboard-arrow-down.js';
-import { m as miBaselineKeyboardArrowUp } from './keyboard-arrow-up.js';
-import { m as miBaselineRemove } from './remove.js';
-import { m as miBaselineDone } from './done.js';
-import { L as Locale } from './locale.js';
-import { h as hashRandomValue } from './aria.js';
-import { d as defineCustomElement$6 } from './mds-button2.js';
-import { d as defineCustomElement$5 } from './mds-icon2.js';
-import { d as defineCustomElement$4 } from './mds-input-tip2.js';
-import { d as defineCustomElement$3 } from './mds-input-tip-item2.js';
-import { d as defineCustomElement$2 } from './mds-spinner2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-var mggAiChatbotOutline = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path d="M10 11H8V8h2zM16 11h-2V8h2z"/>
-  <path fill-rule="evenodd" d="M21.544 10.436a3 3 0 0 1 0 3.128l-3.667 6A3 3 0 0 1 15.317 21H8.683a3 3 0 0 1-2.56-1.436l-3.666-6a3 3 0 0 1 0-3.128l3.667-6A3 3 0 0 1 8.683 3h6.635a3 3 0 0 1 2.56 1.436zM4.162 11.479a1 1 0 0 0 0 1.043l3.668 6a1 1 0 0 0 .853.478h6.634a1 1 0 0 0 .853-.479l3.667-6a1 1 0 0 0 0-1.042l-3.667-6A1 1 0 0 0 15.317 5H8.683a1 1 0 0 0-.853.479z" clip-rule="evenodd"/>
-  <path d="M16.707 14.707C15.477 15.937 13.698 16.5 12 16.5s-3.477-.563-4.707-1.793l1.414-1.414c.77.77 1.991 1.207 3.293 1.207s2.523-.437 3.293-1.207z"/>
-</svg>
-`;
-
-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 miBaselineVisible = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"/></svg>`;
-
-var miBaselineVisibleOff = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c2.76 0 5 2.24 5 5c0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28l.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22L21 20.73L3.27 3L2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65c0 1.66 1.34 3 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53c-2.76 0-5-2.24-5-5c0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15l.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>`;
-
-var miOutlineMic = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"/><path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/></svg>`;
-
-var miOutlineMicOff = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3c-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3c.23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52c-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28a7.13 7.13 0 0 0 2.55-.9l4.2 4.2l1.41-1.41L4.41 2.86z"/></svg>`;
-
-const decrease$3 = "Μείωση";
-const hidePassword$3 = "Απόκρυψη κωδικού";
-const increase$3 = "Αύξηση";
-const showPassword$3 = "Εμφάνιση κωδικού";
-const speechToTextError$3 = "Η φωνητική υπαγόρευση δεν υποστηρίζεται από αυτό το πρόγραμμα περιήγησης";
-const speechToTextOff$3 = "Διακοπή φωνητικής υπαγόρευσης";
-const speechToTextOn$3 = "Έναρξη φωνητικής υπαγόρευσης";
-var localeEl = {
-	decrease: decrease$3,
-	hidePassword: hidePassword$3,
-	increase: increase$3,
-	showPassword: showPassword$3,
-	speechToTextError: speechToTextError$3,
-	speechToTextOff: speechToTextOff$3,
-	speechToTextOn: speechToTextOn$3
-};
-
-const decrease$2 = "Decrease";
-const hidePassword$2 = "Hide password";
-const increase$2 = "Increase";
-const showPassword$2 = "Show password";
-const speechToTextError$2 = "Voice dictation is not supported by this browser";
-const speechToTextOff$2 = "Stop voice dictation";
-const speechToTextOn$2 = "Start voice dictation";
-var localeEn = {
-	decrease: decrease$2,
-	hidePassword: hidePassword$2,
-	increase: increase$2,
-	showPassword: showPassword$2,
-	speechToTextError: speechToTextError$2,
-	speechToTextOff: speechToTextOff$2,
-	speechToTextOn: speechToTextOn$2
-};
-
-const decrease$1 = "Disminuir";
-const hidePassword$1 = "Ocultar contraseña";
-const increase$1 = "Aumentar";
-const showPassword$1 = "Mostrar contraseña";
-const speechToTextError$1 = "El dictado por voz no es compatible con este navegador";
-const speechToTextOff$1 = "Detener dictado por voz";
-const speechToTextOn$1 = "Iniciar dictado por voz";
-var localeEs = {
-	decrease: decrease$1,
-	hidePassword: hidePassword$1,
-	increase: increase$1,
-	showPassword: showPassword$1,
-	speechToTextError: speechToTextError$1,
-	speechToTextOff: speechToTextOff$1,
-	speechToTextOn: speechToTextOn$1
-};
-
-const decrease = "Diminuisci";
-const hidePassword = "Nascondi password";
-const increase = "Aumenta";
-const showPassword = "Visualizza password";
-const speechToTextError = "Dettatura vocale non supportata da questo browser";
-const speechToTextOff = "Ferma dettatura vocale";
-const speechToTextOn = "Inizia dettatura vocale";
-var localeIt = {
-	decrease: decrease,
-	hidePassword: hidePassword,
-	increase: increase,
-	showPassword: showPassword,
-	speechToTextError: speechToTextError,
-	speechToTextOff: speechToTextOff,
-	speechToTextOn: speechToTextOn
-};
-
-const NullValidator = () => null;
-const requiredValidor = (input) => {
-    return input.length > 0 ? null : { required: '' };
-};
-const maxValidator = (max) => {
-    return (input) => {
-        if (input === '' || max === null) {
-            return null; // don't validate empty values to allow optional controls
-        }
-        const value = parseFloat(input);
-        // Controls with NaN values after parsing should be treated as not having a
-        // maximum, per the HTML forms spec: https://www.w3.org/TR/html5/forms.html#attr-input-max
-        return !isNaN(value) && value > max ? { max: `valore massimo ${max}` } : null;
-    };
-};
-const minValidator = (min) => {
-    return (input) => {
-        if (input === '' || min === null) {
-            return null; // don't validate empty values to allow optional controls
-        }
-        const value = parseFloat(input);
-        // Controls with NaN values after parsing should be treated as not having a
-        // minimum, per the HTML forms spec: https://www.w3.org/TR/html5/forms.html#attr-input-min
-        return !isNaN(value) && value < min ? { min: `valore minimo ${min}` } : null;
-    };
-};
-const maxLenghtValidator = (length) => {
-    return (input) => {
-        if (input === '' || length === null) {
-            return null; // don't validate empty values to allow optional controls
-        }
-        return input.length > length
-            ? { minLenght: `La lunghezza massima accettata è ${length}` }
-            : null;
-    };
-};
-const minLenghtValidator = (length) => {
-    return (input) => {
-        if (input === '' || length === null) {
-            return null; // don't validate empty values to allow optional controls
-        }
-        return input.length < length
-            ? { minLenght: `La lunghezza minima accettata è ${length}` }
-            : null;
-    };
-};
-const isbnValidatorFn = (input) => {
-    if (input === '')
-        return null; // don't validate empty values to allow optional controls
-    if (Number.isNaN(input.slice(0, -1)) || (input.length !== 10 && input.length !== 13))
-        return { 'isbn-error': 'formato isbn non correto' };
-    const v = input.split('').map((v) => (v === 'X' ? 10 : Number(v)));
-    let check = 0;
-    // check isbn-10
-    if (input.length === 10) {
-        const numVerify = v.reduce((prev, curr, i) => {
-            return prev + (10 - i) * curr;
-        }, 0);
-        check = numVerify % 11;
-    }
-    else {
-        // check isbn-13
-        const numVerify = v.reduce((prev, curr, i) => {
-            const multiply = i % 2 === 0 ? 1 : 3;
-            return prev + curr * multiply;
-        }, 0);
-        check = numVerify % 10;
-    }
-    return check === 0 ? null : { 'isbn-error': 'codice isbn non valido' };
-};
-class Validator {
-    constructor() {
-        this._validators = [];
-        this._errors = null;
-        this.isValid = true;
-    }
-    addValidator(validator) {
-        if (Array.isArray(validator)) {
-            this._validators.push(...validator);
-        }
-        else {
-            this._validators.push(validator);
-        }
-    }
-    _hasValidator(validators, validator) {
-        return Array.isArray(validators) ? validators.includes(validator) : validators === validator;
-    }
-    hasValidator(validator) {
-        return validator
-            ? this._hasValidator(this._validators, validator)
-            : this._validators.length > 0;
-    }
-    removeValidator(validator) {
-        this._validators = this._validators.filter((v) => !this._hasValidator(validator, v));
-    }
-    validate(value) {
-        const res = this._validators
-            .map((v) => v(value))
-            .reduce((prev, curr) => (Object.assign(Object.assign({}, prev), curr)), NullValidator);
-        this._errors = Object.keys(res).length === 0 ? null : res;
-        this.isValid = !this._errors;
-    }
-    get errors() {
-        return this._errors;
-    }
-}
-
-class InputMaskPattern {
-}
-InputMaskPattern.CF_Regex = /^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i;
-InputMaskPattern.CF_MASK = 'A{6}(99|AA)A(99|AA)A(999|AAA)A';
-InputMaskPattern.CC_MASK = '9999-9999-9999-9999';
-
-// TODO use input mask when it will be supported by shadow dom
-// https://github.com/RobinHerbots/Inputmask/pull/2753
-// import InputMask from 'inputmask'
-class InputValidationManager {
-    // private _inputMask: InputMask.Instance
-    constructor(pattern) {
-        this.validator = new Validator();
-        this.pattern = pattern;
-        // this._inputMask = new InputMask()
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    mask(_nativeInput) {
-        if (!this.pattern) {
-            throw new Error('no pattern found, set pattern before mask');
-        }
-        // const inputMaskOptions : InputMask.Options = {
-        //   mask: this.pattern,
-        // }
-        // this._inputMask = new InputMask(inputMaskOptions)
-        // if (!nativeInput) throw new Error('input undefined or null')
-        // this._inputMask.mask(nativeInput)
-    }
-    isValid(value) {
-        this.validator.validate(value);
-        // if (this.pattern) {
-        //   return this._inputMask.isValid() && this.validator.isValid
-        // }
-        return this.validator.isValid;
-    }
-}
-function createInputValidationManager(type) {
-    let inputManager;
-    switch (type) {
-        case 'tel':
-            inputManager = new InputValidationManager('');
-            break;
-        case 'url':
-            inputManager = new InputValidationManager('');
-            break;
-        case 'cc':
-            inputManager = new InputValidationManager(InputMaskPattern.CC_MASK);
-            break;
-        case 'cf':
-            inputManager = new InputValidationManager(InputMaskPattern.CF_MASK);
-            inputManager.validator.addValidator((input) => {
-                if (input === '')
-                    return null; // don't validate empty values to allow optional controls
-                return InputMaskPattern.CF_Regex.test(input)
-                    ? null
-                    : { 'cf-regex': 'Codice fiscale inserito non corretto' };
-            });
-            inputManager.validator.addValidator((input) => {
-                if (input === '')
-                    return null; // don't validate empty values to allow optional controls
-                return input.length === 16
-                    ? null
-                    : { 'cf-length': 'Codice fiscale deve essere lungo 16 caratteri' };
-            });
-            break;
-        case 'isbn':
-            inputManager = new InputValidationManager();
-            inputManager.validator.addValidator(isbnValidatorFn);
-            break;
-        case 'piva':
-            inputManager = new InputValidationManager('');
-            break;
-        default:
-            inputManager = new InputValidationManager('');
-    }
-    return inputManager;
-}
-
-const mdsInputCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-background:rgb(var(--tone-neutral,0 0 0));--mds-input-placeholder-default-color:rgb(var(--tone-neutral-06,158 158 158));--mds-input-placeholder-focus-color:rgb(var(--tone-neutral-07,134 134 134));--mds-input-placeholder-hover-color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-icon-color:var(--mds-input-variant-color-rgb,0 0 0);--mds-input-variant-color-rgb:0 0 0;--mds-input-textarea-resize:none;--mds-input-textarea-max-height:calc(var(--spacing,.0025rem)*6400);--mds-input-textarea-min-height:calc(var(--spacing,.0025rem)*2400);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-textarea-field-sizing:content}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-input-tip,mds-input-tip-item,mds-spinner):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-variant-color-rgb{syntax:\"<integer>+\";inherits:false;initial-value:0 0 0}@property --mds-input-textarea-resize{syntax:\"none|vertical\";inherits:false;initial-value:none}@property --mds-input-textarea-field-sizing{syntax:\"content|fixed\";inherits:false;initial-value:content}:host{--mds-input-background:rgb(var(--tone-neutral,0 0 0));--mds-input-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-placeholder-default-color:rgb(var(--tone-neutral-06,158 158 158));--mds-input-placeholder-focus-color:rgb(var(--tone-neutral-07,134 134 134));--mds-input-placeholder-hover-color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-input-ring:0 0 0 1px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1);--mds-input-shadow:0 1px 3px 0 rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-variant-color-rgb,0 0 0)/.06);--mds-input-textarea-field-sizing:content;--mds-input-textarea-resize:none;--mds-input-textarea-max-height:calc(var(--spacing,.0025rem)*6400);--mds-input-textarea-min-height:calc(var(--spacing,.0025rem)*2400);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-border-radius:var(--radius-xl,20px);--mds-input-controls-border:2px solid rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-color:rgb(var(--tone-neutral-03,233 233 233));border-radius:var(--mds-input-border-radius);corner-shape:var(--magma-corner-shape,round);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));gap:calc(var(--spacing,.0025rem)*200);line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;position:relative;--mds-input-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-variant-color-rgb:0 0 0}:host([typography=detail]) .input{font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=snippet]) .input{font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.input{font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-ring),var(--mds-input-shadow);box-shadow:var(--mds-input-ring),var(--mds-input-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:inherit;border:0;margin:0;max-width:100%;min-height:3rem;overflow:hidden;padding:calc(var(--spacing,.0025rem)*300)calc(var(--spacing,.0025rem)*400);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input::-webkit-input-placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input:-ms-placeholder-shown{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::-moz-placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input:hover::placeholder{color:var(--mds-input-placeholder-hover-color,var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158))))}.input:hover:-ms-placeholder-shown{color:var(--mds-input-placeholder-hover-color,var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158))))}.input:focus::placeholder{color:var(--mds-input-placeholder-focus-color,rgb(var(--tone-neutral-07,134 134 134)))}.input:focus:-ms-placeholder-shown{color:var(--mds-input-placeholder-focus-color,rgb(var(--tone-neutral-07,134 134 134)))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}:host textarea.input,:host([typography]) textarea.input{border-radius:var(--radius-xs,8px);field-sizing:var(--mds-input-textarea-field-sizing,content);max-height:var(--mds-input-textarea-max-height,calc(var(--spacing,.0025rem)*6400));min-height:var(--mds-input-textarea-min-height,calc(var(--spacing,.0025rem)*2400));overflow:auto;resize:var(--mds-input-textarea-resize,none)}@container style(--mds-input-textarea-resize:none){:host textarea.input,:host([typography]) textarea.input{border-bottom-right-radius:0}}.input:focus{--tw-outline-style:none;outline-style:none;--mds-input-ring:0 0 0 3px rgb(var(--mds-input-variant-color-rgb,0 0 0)/1);--mds-input-shadow:0 4px 6px 3px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.06)}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input.has-icon{padding-left:calc(var(--spacing,.0025rem)*1100)}.input.has-right-icon{padding-right:calc(var(--spacing,.0025rem)*1100)}.await,.icon{fill:var(--mds-input-icon-color,var(--mds-input-variant-color-rgb,0 0 0));left:calc(var(--spacing,.0025rem)*300);position:absolute;top:calc(var(--spacing,.0025rem)*300)}.await{color:var(--mds-input-icon-color,var(--mds-input-variant-color-rgb,0 0 0));height:24px;width:24px}.counter{border-left:var(--mds-input-controls-border);display:flex;flex-direction:column;gap:0;position:absolute;right:0}.counter-button{aspect-ratio:unset;border:0;border-radius:var(--mds-input-border-radius);fill:var(--mds-input-controls-color);height:calc(var(--spacing,.0025rem)*600);min-height:0;width:calc(var(--spacing,.0025rem)*700)}.counter .counter-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:var(--mds-input-border-radius)}.counter .counter-button:last-child{border-bottom-left-radius:0;border-bottom-right-radius:var(--mds-input-border-radius);border-top-left-radius:0;border-top-right-radius:0}.counter-button--horizontal{bottom:0;height:calc(var(--spacing,.0025rem)*1200);position:absolute;top:0;width:calc(var(--spacing,.0025rem)*1200)}.counter-button--decrease{border-bottom-right-radius:0;border-right:var(--mds-input-controls-border);border-top-right-radius:0;left:0}.counter-button--increase{border-bottom-left-radius:0;border-left:var(--mds-input-controls-border);border-top-left-radius:0;right:0}.mic-toggle-button,.password-toggle-button{fill:var(--mds-input-controls-color);position:absolute;right:calc(var(--spacing,.0025rem)*150);top:calc(var(--spacing,.0025rem)*150)}.toggle-button--error{cursor:help;fill:rgb(var(--tone-neutral-06,158 158 158))}.mic-toggle-button--recording{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1)infinite)}:host([type=number]) .input{-moz-appearance:textfield;padding-right:calc(var(--spacing,.0025rem)*800)}:host([type=number][controls-layout=horizontal]) .input{padding-left:calc(var(--spacing,.0025rem)*1400);padding-right:calc(var(--spacing,.0025rem)*1400);text-align:center}:host([type=number][controls-layout=horizontal][icon]) .input{padding-left:calc(var(--spacing,.0025rem)*2400);text-align:left}:host([type=number][controls-layout=horizontal]) .icon{left:calc(var(--spacing,.0025rem)*1500)}:host([type=password]) .input{padding-right:calc(var(--spacing,.0025rem)*1000)}:host([type=password]) .input[type=text]:not(:-moz-placeholder-shown){font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=password]) .input[type=text]:not(:-ms-placeholder-shown){font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=password]) .input[type=text]:not(:placeholder-shown){font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=cf]) .input{font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:focus){--mds-input-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}:host-context(mds-input-field[variant=info]):host{--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=info]):host(:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host-context(mds-input-field[variant=warning]):host{--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=warning]):host(:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host-context(mds-input-field[variant=success]):host{--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=success]):host(:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host-context(mds-input-field[variant=error]):host{--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=error]):host(:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-input-ring:var(--shadow-outline-strong-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-ring:var(--shadow-outline-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}.password-mask{align-items:center;background-color:var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-xs,8px);bottom:0;display:flex;gap:calc(var(--spacing,.0025rem)*50);height:100%;justify-content:start;left:0;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*500);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*1200);top:0}.password-mask:before{background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)))));background-image:linear-gradient(to right,transparent,var(--mds-input-background,rgb(var(--tone-neutral,0 0 0))));bottom:0;content:\"\";display:inline-flex;position:absolute;right:0;top:0;width:calc(var(--spacing,.0025rem)*600)}.password-mask-items{background-color:rgb(var(--tone-neutral-08,107 107 107)/0);display:inline-flex;gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*100)}.password-mask-item,.password-mask-items{border-radius:1000px;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.password-mask-item{background-color:rgb(var(--tone-neutral-03,233 233 233));height:calc(var(--spacing,.0025rem)*200);width:calc(var(--spacing,.0025rem)*200)}:host(:focus-within) .password-mask-items{background-color:rgb(var(--tone-neutral-08,107 107 107))}@keyframes pulse{50%{opacity:.5}}@media (forced-colors:active){.input:focus{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-ring:var(--shadow-outline-strong-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-ring:var(--shadow-outline-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}";
-
-const MdsInput = /*@__PURE__*/ proxyCustomElement(class MdsInput extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.changeEvent = createEvent(this, "mdsInputChange", 7);
-        this.keyDownEvent = createEvent(this, "mdsInputKeydown", 7);
-        this.blurEvent = createEvent(this, "mdsInputBlur", 7);
-        this.focusEvent = createEvent(this, "mdsInputFocus", 7);
-        this.speechEvent = createEvent(this, "mdsInputSpeechEnd", 7);
-        this.validationEvent = createEvent(this, "mdsInputValidation", 7);
-        this.internals = this.attachInternals();
-        this.speechToTextIcon = miOutlineMic;
-        this.hasFocus = false;
-        this.isRecording = false;
-        this.countVariant = 'count-empty';
-        this.isPasswordVisible = false;
-        // private valuePristine?: string
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * Specifies whether the element should have autocomplete enabled
-         */
-        this.autocomplete = 'off';
-        /**
-         * Specifies that the element should automatically get focus when the page loads
-         */
-        this.autofocus = false;
-        /**
-         * Specifies if the spinner icon is shown, replacing the icon if present
-         */
-        this.await = false;
-        /**
-         * Specifies the layout of the counter button when the input type is set to `number`
-         */
-        this.controlsLayout = 'vertical';
-        /**
-         * Specifies the icon type of the counter button when the input type is set to `number`
-         */
-        this.controlsIcon = 'arrow';
-        /**
-         * If true, the element is displayed as disabled
-         */
-        this.disabled = false;
-        /**
-         * Specifies that the element is read-only
-         */
-        this.readonly = false;
-        /**
-         * Specifies that the element must be filled out before submitting the form
-         */
-        this.required = false;
-        /**
-         * Sets the variant of the input field
-         */
-        this.variant = 'primary';
-        /**
-         * Specifies the type of input element
-         */
-        this.type = 'text';
-        /**
-         * Specifies the typography of input element
-         */
-        this.typography = 'detail';
-        /**
-         * Specifies the value of the input element
-         */
-        this.value = '';
-        this.countMaxLength = () => {
-            var _a, _b, _c;
-            if (!this.maxlength)
-                return;
-            if (this.value === undefined)
-                return;
-            this.currentLengthLabel = `${(_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0} / ${this.maxlength}`;
-            const completionPerc = Math.round((this.value.length * 100) / this.maxlength);
-            if (((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) === this.maxlength) {
-                this.countVariant = 'count-full';
-                return;
-            }
-            if (completionPerc >= 100) {
-                this.countVariant = 'count-full';
-                return;
-            }
-            if (completionPerc >= 75) {
-                this.countVariant = 'count-almost-full';
-                return;
-            }
-            if (completionPerc >= 50) {
-                this.countVariant = 'count-almost';
-                return;
-            }
-            if (completionPerc >= 25) {
-                this.countVariant = 'count-incomplete';
-                return;
-            }
-            this.countVariant = 'count-empty';
-        };
-        this.onInput = (ev) => {
-            const input = ev.target;
-            if (input) {
-                this.value = input.value;
-                this.internals.setFormValue(this.value);
-            }
-            this.keyDownEvent.emit(ev);
-        };
-        this.onBlur = () => {
-            this.hasFocus = false;
-            this.validateInput();
-            this.blurEvent.emit();
-            // this.isValidInput = this.validateInput()
-        };
-        this.onFocus = (ev) => {
-            const input = ev.target;
-            this.hasFocus = true;
-            this.focusEvent.emit();
-            if (this.readonly) {
-                // setTimeout to avoid Safari 14.1.2
-                // to unselect text when mouse is clicked slowly
-                setTimeout(() => {
-                    input.select();
-                }, 10);
-            }
-        };
-        this.stepUp = () => {
-            if (this.nativeInput && !this.readonly && !this.disabled) {
-                this.nativeInput.stepUp();
-                this.value = this.nativeInput.value;
-            }
-        };
-        this.stepDown = () => {
-            if (this.nativeInput && !this.readonly && !this.disabled) {
-                this.nativeInput.stepDown();
-                this.value = this.nativeInput.value;
-            }
-        };
-        this.toggleTextRecognition = () => {
-            this.isRecording = !this.isRecording;
-            if (!this.isRecording) {
-                this.speechToTextLabel = this.t.get('speechToTextOn');
-                this.speechToTextIcon = miOutlineMic;
-                this.stopRecognition();
-                return;
-            }
-            this.speechToTextLabel = this.t.get('speechToTextOff');
-            this.speechToTextIcon = miBaselineDone;
-            this.startRecognition();
-        };
-        this.onSpeechRecognitionError = () => {
-            console.error('SpeechRecognition API may not work properly on Chrome based browsers.');
-            this.speechButton.classList.remove('mic-toggle-button--recording');
-            this.speechButton.classList.add('toggle-button--error');
-            this.isRecording = false;
-            this.speechToTextLabel = this.t.get('speechToTextError');
-            this.speechToTextIcon = miOutlineMicOff;
-        };
-        this.startRecognition = () => {
-            var _a, _b, _c;
-            if (!this.speechButton) {
-                this.speechButton = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.mic-toggle-button');
-            }
-            const SpeechRecognition = 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (_c = window.SpeechRecognition) !== null && _c !== void 0 ? _c : window.webkitSpeechRecognition;
-            this.value = '';
-            if (!SpeechRecognition) {
-                this.onSpeechRecognitionError();
-                return;
-            }
-            this.recognition = new SpeechRecognition();
-            this.recognition.continuous = true;
-            this.recognition.lang = navigator.language || 'it-IT';
-            this.recognition.interimResults = true;
-            this.recognition.maxAlternatives = 1;
-            let transcript = '';
-            let progress = 0; // need to save position progress on speech results
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            this.recognition.onresult = (event) => {
-                const speechResult = event.results;
-                const interimResult = speechResult[progress];
-                if (interimResult.isFinal) {
-                    transcript += interimResult[0].transcript;
-                    this.value = transcript;
-                    progress += 1;
-                    return;
-                }
-                this.value = transcript + interimResult[0].transcript;
-            };
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            this.recognition.onerror = (event) => {
-                console.error('SpeechRecognition API error:', event.error);
-                this.onSpeechRecognitionError();
-            };
-            this.recognition.start();
-        };
-        this.stopRecognition = () => {
-            if (this.recognition) {
-                this.recognition.stop();
-                this.speechEvent.emit();
-            }
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.el);
-        this.t.update();
-    }
-    formResetCallback() {
-        this.internals.setFormValue('');
-    }
-    connectedCallback() {
-        this.datalistId = `datalist-${hashRandomValue()}`;
-    }
-    componentWillLoad() {
-        var _a;
-        this.language = this.t.lang(this.el);
-        // this.valuePristine = this.value
-        this.speechToTextLabel = this.t.get('speechToTextOn');
-        // If the mds-input has a tabindex attribute we get the value
-        // and pass it down to the native input, then remove it from the
-        // mds-input to avoid causing tabbing twice on the same element
-        if (this.el.hasAttribute('tabindex')) {
-            const tabindex = this.el.getAttribute('tabindex');
-            this.tabindex = tabindex !== null ? parseInt(tabindex) : undefined;
-            this.el.removeAttribute('tabindex');
-        }
-        this.internals.setFormValue((_a = this.value) !== null && _a !== void 0 ? _a : null);
-        this.maxLengthChanged(this.maxlength);
-        this.isValid = !(this.required && !this.value);
-    }
-    componentDidLoad() {
-        var _a, _b, _c;
-        this.inputValidation = createInputValidationManager(this.type);
-        this.setValidators();
-        (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.setAttribute('pattern', String(this.inputValidation.pattern));
-        if (this.autofocus) {
-            (_b = this.nativeInput) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-        this.variantChanged((_c = this.variant) !== null && _c !== void 0 ? _c : 'primary');
-    }
-    setValidators() {
-        if (this.required)
-            this.inputValidation.validator.addValidator(requiredValidor);
-        if (this.max !== '' && Number(this.max))
-            this.inputValidation.validator.addValidator(maxValidator(Number(this.max)));
-        if (this.min !== '' && Number(this.min))
-            this.inputValidation.validator.addValidator(minValidator(Number(this.max)));
-        if (this.maxlength)
-            this.inputValidation.validator.addValidator(maxLenghtValidator(this.maxlength));
-        if (this.minlength)
-            this.inputValidation.validator.addValidator(minLenghtValidator(this.minlength));
-    }
-    /**
-     * Emits the change event when the component value changes
-     */
-    valueChanged() {
-        var _a;
-        this.changeEvent.emit({ value: this.value });
-        this.internals.setFormValue((_a = this.value) !== null && _a !== void 0 ? _a : null);
-        if (this.maxlength !== undefined) {
-            this.countMaxLength();
-        }
-        // if is necessary for skip validation when reset input to retype correct value, validation is always onBlur
-        if (this.value === '')
-            return;
-        if (!this.isValid)
-            this.validateInput();
-    }
-    variantChanged(newValue) {
-        if (newValue === 'ai' && this.icon === undefined) {
-            this.icon = mggAiChatbotOutline;
-        }
-    }
-    maxLengthChanged(newValue) {
-        if (newValue === undefined)
-            return;
-        if (newValue <= 0) {
-            this.maxlength = undefined;
-            return;
-        }
-        this.countMaxLength();
-    }
-    async addValidator(validator) {
-        this.inputValidation.validator.addValidator(validator);
-        return Promise.resolve();
-    }
-    async removeValidator(validator) {
-        this.inputValidation.validator.removeValidator(validator);
-    }
-    /**
-     * Returns if validator is presen
-     * @param validator validator to check if it is present
-     * @returns if a validator is present or not, if no validator given, return if there are at least one validator
-     */
-    async hasValidator(validator) {
-        return this.inputValidation.validator.hasValidator(validator);
-    }
-    async getErrors() {
-        return Promise.resolve(this.inputValidation.validator.errors);
-    }
-    validateInput() {
-        // validate input only when atleast one validator is present
-        if (this.inputValidation.validator.hasValidator()) {
-            this.isValid = this.inputValidation.isValid(this.value);
-            // set variant attribute
-            if (this.value === '' && !this.required)
-                this.variant = 'primary';
-            else
-                this.variant = this.isValid ? 'success' : 'error';
-            this.validationEvent.emit(this.isValid);
-        }
-        return this.isValid;
-    }
-    disabledChanged(newValue) {
-        /**
-         * This is related to ALL disabled attributes set on Magma input components
-         * if solved, please check mds-button, mds-input, mds-input-*
-         * https://github.com/ionic-team/stencil/issues/5461
-         */
-        if (newValue) {
-            this.internals.setFormValue(null);
-        }
-    }
-    /**
-     * Sets focus on the specified `my-input`.
-     * Use this method instead
-     * of the global `input.focus()`.
-     */
-    async setFocus() {
-        if (this.nativeInput) {
-            this.nativeInput.focus();
-        }
-    }
-    /**
-     * Returns the native `<input>` element used under the hood.
-     */
-    getInputElement() {
-        return Promise.resolve(this.nativeInput);
-    }
-    componentWillRender() {
-        this.t.lang(this.el);
-    }
-    render() {
-        var _a, _b, _c;
-        return (h(Host, { key: '63efd28d71e55c73c829a0dd566f62e735bb6736' }, this.type === 'number' && this.controlsLayout === 'horizontal' && (h("mds-button", { key: 'c7730f2bb6457570a922004478025712bbe0569c', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), variant: "dark", tone: "text", part: "counter-button-decrease" })), this.type === 'textarea' ? (h("textarea", { class: clsx('input', ((_a = this.icon) !== null && _a !== void 0 ? _a : this.await) && 'has-icon', this.mic && 'has-right-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, part: "field", placeholder: this.placeholder, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, tabIndex: this.tabindex, value: this.value })) : (h("input", { class: clsx('input', ((_b = this.icon) !== null && _b !== void 0 ? _b : this.await) && 'has-icon', this.mic && 'has-right-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.datalistId, part: "field", placeholder: this.placeholder, readOnly: this.readonly, ref: (input) => (this.nativeInput = input), required: this.required, step: this.step, tabIndex: this.tabindex, type: this.type === 'password' && this.isPasswordVisible ? 'text' : this.type, value: this.value })), this.type === 'number' && this.controlsLayout === 'vertical' && (h("div", { key: 'a11a1cdf049cfdbed17dc25b3d361d61e65fbfa3', class: "counter counter--vertical" }, h("mds-button", { key: '9456eac1d48a91187911f429f321a30a9f303b82', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), variant: "dark", size: "sm", tone: "text", part: "counter-button-increase" }), h("mds-button", { key: 'c29f7bdd570957db6055898dd0af0dd1525d98b0', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), variant: "dark", size: "sm", tone: "text", part: "counter-button-decrease" }))), this.type === 'number' && this.controlsLayout === 'horizontal' && (h("mds-button", { key: '3d755f49f8464bfe4f6f7ca9e85157db825c3905', class: "counter-button counter-button--horizontal counter-button--increase", variant: "dark", tone: "text", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" })), this.type === 'password' && (h("mds-button", { key: '6641194c7b448b1d27f806c52c7cd011c0ae3ad5', class: "password-toggle-button", variant: "dark", tone: "text", icon: this.isPasswordVisible ? miBaselineVisibleOff : miBaselineVisible, onClick: () => (this.isPasswordVisible = !this.isPasswordVisible), tabindex: "0", title: this.isPasswordVisible ? this.t.get('hidePassword') : this.t.get('showPassword'), part: "password-toggle-button" })), this.type === 'password' && !this.isPasswordVisible && ((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) > 0 && (h("div", { key: 'be0a893b00483e43582ebe1cbdf2de78ea9fdd1b', class: "password-mask" }, h("div", { key: '7ac73065205c17a04132d2076e768387f25c9164', class: "password-mask-items", part: "password-mask-items" }, Array.from({ length: this.value.length }).map((_, index) => (h("div", { key: index, class: "password-mask-item", part: "password-mask-item" })))))), this.mic && (h("mds-button", { key: '6fdca5aca12eb56670883c2fa414802f9c6eb32f', class: clsx('mic-toggle-button', this.isRecording && 'mic-toggle-button--recording'), icon: this.speechToTextIcon, onClick: () => this.toggleTextRecognition(), tabindex: "0", title: this.speechToTextLabel, variant: "dark", tone: "text", part: "mic-toggle-button" })), h("mds-input-tip", { key: 'ab202ab518990cb89eeaf6e2aaf0d51f0b701f05', lang: this.language, position: "top", active: this.hasFocus, part: "tip-top" }, this.disabled && h("mds-input-tip-item", { key: '76011dab3a8cf3fb65329be96e53748a86e17246', expanded: true, variant: "disabled" }), this.readonly && h("mds-input-tip-item", { key: '97a9d42fe7b76c4da7cc58c8cbb1135e635004e5', expanded: true, variant: "readonly" }), this.required && (h("mds-input-tip-item", { key: 'ccd9e6849514e7b6b8d556fffd5c0d8d2289ad08', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' }))), h("mds-input-tip", { key: 'db35b767d1030dfbea345de28279770e9b1e8293', lang: this.language, position: "bottom", active: this.hasFocus, part: "tip-bottom" }, this.tip && (h("mds-input-tip-item", { key: '31d65280cbd8b23e61e485c5afef05c00134d00e', expanded: true, variant: "text" }, this.tip)), this.maxlength && (h("mds-input-tip-item", { key: '3da21c408e5a10820ab5f3ee2ec0513546e58bd7', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel))), this.datalist && (h("datalist", { key: '7aaf629292a7f31c54c260367e5ee3ca66dce889', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
-            return h("option", { key: i, value: element });
-        }))), this.icon && !this.await && (h("mds-icon", { key: '237c929482c18f7a52fdf7b9e82c5bce509f73b0', class: clsx('icon', this.variant), name: this.icon })), h("mds-spinner", { key: '33902197107e138f7eed71b59f05d46f077762a3', running: this.await, class: clsx('await', this.variant) })));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "value": ["valueChanged"],
-        "variant": ["variantChanged"],
-        "maxlength": ["maxLengthChanged"],
-        "disabled": ["disabledChanged"]
-    }; }
-    static get style() { return mdsInputCss; }
-}, [321, "mds-input", {
-        "autocomplete": [513],
-        "autofocus": [516],
-        "await": [516],
-        "controlsLayout": [513, "controls-layout"],
-        "controlsIcon": [513, "controls-icon"],
-        "datalist": [16],
-        "disabled": [516],
-        "icon": [1537],
-        "max": [520],
-        "maxlength": [1538],
-        "mic": [516],
-        "min": [520],
-        "minlength": [514],
-        "name": [513],
-        "pattern": [513],
-        "placeholder": [513],
-        "readonly": [516],
-        "required": [516],
-        "variant": [1537],
-        "tip": [513],
-        "step": [513],
-        "type": [513],
-        "typography": [513],
-        "value": [1537],
-        "hasFocus": [32],
-        "language": [32],
-        "isRecording": [32],
-        "currentLengthLabel": [32],
-        "countVariant": [32],
-        "isPasswordVisible": [32],
-        "updateLang": [64],
-        "addValidator": [64],
-        "removeValidator": [64],
-        "hasValidator": [64],
-        "getErrors": [64],
-        "setFocus": [64],
-        "getInputElement": [64]
-    }, undefined, {
-        "value": ["valueChanged"],
-        "variant": ["variantChanged"],
-        "maxlength": ["maxLengthChanged"],
-        "disabled": ["disabledChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-input", "mds-button", "mds-icon", "mds-input-tip", "mds-input-tip-item", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsInput);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-input-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-input-tip-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsInput as M, defineCustomElement as d };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as a}from"./clsx.js";import{m as n}from"./keyboard-arrow-down.js";import{m as c}from"./keyboard-arrow-up.js";import{m as d}from"./remove.js";import{m as l}from"./done.js";import{L as h}from"./locale.js";import{h as u}from"./aria.js";import{d as p}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as g}from"./mds-input-tip2.js";import{d as v}from"./mds-input-tip-item2.js";import{d as b}from"./mds-spinner2.js";import{d as f}from"./mds-text2.js";var x='<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>',w='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"/><path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/></svg>',y={decrease:"Μείωση",hidePassword:"Απόκρυψη κωδικού",increase:"Αύξηση",showPassword:"Εμφάνιση κωδικού",speechToTextError:"Η φωνητική υπαγόρευση δεν υποστηρίζεται από αυτό το πρόγραμμα περιήγησης",speechToTextOff:"Διακοπή φωνητικής υπαγόρευσης",speechToTextOn:"Έναρξη φωνητικής υπαγόρευσης"},k={decrease:"Decrease",hidePassword:"Hide password",increase:"Increase",showPassword:"Show password",speechToTextError:"Voice dictation is not supported by this browser",speechToTextOff:"Stop voice dictation",speechToTextOn:"Start voice dictation"},z={decrease:"Disminuir",hidePassword:"Ocultar contraseña",increase:"Aumentar",showPassword:"Mostrar contraseña",speechToTextError:"El dictado por voz no es compatible con este navegador",speechToTextOff:"Detener dictado por voz",speechToTextOn:"Iniciar dictado por voz"},M={decrease:"Diminuisci",hidePassword:"Nascondi password",increase:"Aumenta",showPassword:"Visualizza password",speechToTextError:"Dettatura vocale non supportata da questo browser",speechToTextOff:"Ferma dettatura vocale",speechToTextOn:"Inizia dettatura vocale"};const L=()=>null,T=t=>t.length>0?null:{required:""},N=t=>{if(""===t)return null;if(Number.isNaN(t.slice(0,-1))||10!==t.length&&13!==t.length)return{"isbn-error":"formato isbn non correto"};const e=t.split("").map((t=>"X"===t?10:Number(t)));let i=0;return i=10===t.length?e.reduce(((t,e,i)=>t+(10-i)*e),0)%11:e.reduce(((t,e,i)=>t+e*(i%2==0?1:3)),0)%10,0===i?null:{"isbn-error":"codice isbn non valido"}};class V{constructor(){this._validators=[],this._errors=null,this.isValid=!0}addValidator(t){Array.isArray(t)?this._validators.push(...t):this._validators.push(t)}_hasValidator(t,e){return Array.isArray(t)?t.includes(e):t===e}hasValidator(t){return t?this._hasValidator(this._validators,t):this._validators.length>0}removeValidator(t){this._validators=this._validators.filter((e=>!this._hasValidator(t,e)))}validate(t){const e=this._validators.map((e=>e(t))).reduce(((t,e)=>Object.assign(Object.assign({},t),e)),L);this._errors=0===Object.keys(e).length?null:e,this.isValid=!this._errors}get errors(){return this._errors}}class C{}C.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i,C.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A",C.CC_MASK="9999-9999-9999-9999";class A{constructor(t){this.validator=new V,this.pattern=t}mask(t){if(!this.pattern)throw new Error("no pattern found, set pattern before mask")}isValid(t){return this.validator.validate(t),this.validator.isValid}}const P=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=i(this,"mdsInputChange",7),this.keyDownEvent=i(this,"mdsInputKeydown",7),this.blurEvent=i(this,"mdsInputBlur",7),this.focusEvent=i(this,"mdsInputFocus",7),this.speechEvent=i(this,"mdsInputSpeechEnd",7),this.validationEvent=i(this,"mdsInputValidation",7),this.internals=this.attachInternals(),this.speechToTextIcon=w,this.hasFocus=!1,this.isRecording=!1,this.countVariant="count-empty",this.isPasswordVisible=!1,this.t=new h({el:y,en:k,es:z,it:M}),this.autocomplete="off",this.autofocus=!1,this.await=!1,this.controlsLayout="vertical",this.controlsIcon="arrow",this.disabled=!1,this.readonly=!1,this.required=!1,this.variant="primary",this.type="text",this.typography="detail",this.value="",this.countMaxLength=()=>{var t,e,i;if(void 0===this.maxlength||0===this.maxlength||Number.isNaN(this.maxlength))return;if(void 0===this.value)return;this.currentLengthLabel=`${null!==(e=null===(t=this.value)||void 0===t?void 0:t.length)&&void 0!==e?e:0} / ${this.maxlength}`;const r=Math.round(100*this.value.length/this.maxlength);this.countVariant=(null===(i=this.value)||void 0===i?void 0:i.length)!==this.maxlength?r>=100?"count-full":r>=75?"count-almost-full":r>=50?"count-almost":r>=25?"count-incomplete":"count-empty":"count-full"},this.onInput=t=>{const e=t.target;e&&(this.value=e.value,this.internals.setFormValue(this.value)),this.keyDownEvent.emit(t)},this.onBlur=()=>{this.hasFocus=!1,this.validateInput(),this.blurEvent.emit()},this.onFocus=t=>{const e=t.target;this.hasFocus=!0,this.focusEvent.emit(),this.readonly&&setTimeout((()=>{e.select()}),10)},this.stepUp=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepUp(),this.value=this.nativeInput.value)},this.stepDown=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepDown(),this.value=this.nativeInput.value)},this.toggleTextRecognition=()=>{if(this.isRecording=!this.isRecording,!this.isRecording)return this.speechToTextLabel=this.t.get("speechToTextOn"),this.speechToTextIcon=w,void this.stopRecognition();this.speechToTextLabel=this.t.get("speechToTextOff"),this.speechToTextIcon=l,this.startRecognition()},this.onSpeechRecognitionError=()=>{console.error("SpeechRecognition API may not work properly on Chrome based browsers."),this.speechButton.classList.remove("mic-toggle-button--recording"),this.speechButton.classList.add("toggle-button--error"),this.isRecording=!1,this.speechToTextLabel=this.t.get("speechToTextError"),this.speechToTextIcon='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3c-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3c.23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52c-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28a7.13 7.13 0 0 0 2.55-.9l4.2 4.2l1.41-1.41L4.41 2.86z"/></svg>'},this.startRecognition=()=>{var t,e,i;null==this.speechButton&&(this.speechButton=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(".mic-toggle-button"));const r=null!==(i=window.SpeechRecognition)&&void 0!==i?i:window.webkitSpeechRecognition;if(this.value="",!r)return void this.onSpeechRecognitionError();this.recognition=new r,this.recognition.continuous=!0,this.recognition.lang=navigator.language||"it-IT",this.recognition.interimResults=!0,this.recognition.maxAlternatives=1;let o="",s=0;this.recognition.onresult=t=>{const e=t.results[s];if(e.isFinal)return o+=e[0].transcript,this.value=o,void(s+=1);this.value=o+e[0].transcript},this.recognition.onerror=t=>{console.error("SpeechRecognition API error:",t.error),this.onSpeechRecognitionError()},this.recognition.start()},this.stopRecognition=()=>{this.recognition&&(this.recognition.stop(),this.speechEvent.emit())}}async updateLang(){this.language=this.t.lang(this.el),this.t.update()}formResetCallback(){this.internals.setFormValue("")}connectedCallback(){this.datalistId=`datalist-${u()}`}componentWillLoad(){var t;if(this.language=this.t.lang(this.el),this.speechToTextLabel=this.t.get("speechToTextOn"),this.el.hasAttribute("tabindex")){const t=this.el.getAttribute("tabindex");this.tabindex=null!==t?parseInt(t):void 0,this.el.removeAttribute("tabindex")}this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null),this.maxLengthChanged(this.maxlength),this.isValid=!(this.required&&""===this.value)}componentDidLoad(){var t,e,i;this.inputValidation=function(t){let e;switch(t){case"tel":case"url":case"piva":default:e=new A("");break;case"cc":e=new A(C.CC_MASK);break;case"cf":e=new A(C.CF_MASK),e.validator.addValidator((t=>""===t||C.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"})),e.validator.addValidator((t=>""===t||16===t.length?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}));break;case"isbn":e=new A,e.validator.addValidator(N)}return e}(this.type),this.setValidators(),null===(t=this.nativeInput)||void 0===t||t.setAttribute("pattern",String(this.inputValidation.pattern)),this.autofocus&&(null===(e=this.nativeInput)||void 0===e||e.focus()),this.variantChanged(null!==(i=this.variant)&&void 0!==i?i:"primary")}setValidators(){var t,e,i;this.required&&this.inputValidation.validator.addValidator(T),""===this.max||0===Number(this.max)||Number.isNaN(Number(this.max))||this.inputValidation.validator.addValidator((t=Number(this.max),e=>{if(""===e||null===t)return null;const i=parseFloat(e);return!isNaN(i)&&i>t?{max:`valore massimo ${t}`}:null})),""===this.min||0===Number(this.min)||Number.isNaN(Number(this.min))||this.inputValidation.validator.addValidator((e=Number(this.max),t=>{if(""===t||null===e)return null;const i=parseFloat(t);return!isNaN(i)&&i<e?{min:`valore minimo ${e}`}:null})),void 0===this.maxlength||0===this.maxlength||Number.isNaN(this.maxlength)||this.inputValidation.validator.addValidator((i=this.maxlength,t=>""===t||null===i?null:t.length>i?{minLenght:`La lunghezza massima accettata è ${i}`}:null)),void 0===this.minlength||0===this.minlength||Number.isNaN(this.minlength)||this.inputValidation.validator.addValidator((t=>e=>""===e||null===t?null:e.length<t?{minLenght:`La lunghezza minima accettata è ${t}`}:null)(this.minlength))}valueChanged(){var t;this.changeEvent.emit({value:this.value}),this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null),void 0!==this.maxlength&&this.countMaxLength(),""!==this.value&&(this.isValid||this.validateInput())}variantChanged(t){"ai"===t&&void 0===this.icon&&(this.icon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M10 11H8V8h2zM16 11h-2V8h2z"/>\n  <path fill-rule="evenodd" d="M21.544 10.436a3 3 0 0 1 0 3.128l-3.667 6A3 3 0 0 1 15.317 21H8.683a3 3 0 0 1-2.56-1.436l-3.666-6a3 3 0 0 1 0-3.128l3.667-6A3 3 0 0 1 8.683 3h6.635a3 3 0 0 1 2.56 1.436zM4.162 11.479a1 1 0 0 0 0 1.043l3.668 6a1 1 0 0 0 .853.478h6.634a1 1 0 0 0 .853-.479l3.667-6a1 1 0 0 0 0-1.042l-3.667-6A1 1 0 0 0 15.317 5H8.683a1 1 0 0 0-.853.479z" clip-rule="evenodd"/>\n  <path d="M16.707 14.707C15.477 15.937 13.698 16.5 12 16.5s-3.477-.563-4.707-1.793l1.414-1.414c.77.77 1.991 1.207 3.293 1.207s2.523-.437 3.293-1.207z"/>\n</svg>\n')}maxLengthChanged(t){void 0!==t&&(t<=0?this.maxlength=void 0:this.countMaxLength())}async addValidator(t){return this.inputValidation.validator.addValidator(t),Promise.resolve()}async removeValidator(t){this.inputValidation.validator.removeValidator(t)}async hasValidator(t){return this.inputValidation.validator.hasValidator(t)}async getErrors(){return Promise.resolve(this.inputValidation.validator.errors)}validateInput(){return this.inputValidation.validator.hasValidator()&&(this.isValid=this.inputValidation.isValid(this.value),this.variant=""!==this.value||this.required?this.isValid?"success":"error":"primary",this.validationEvent.emit(this.isValid)),this.isValid}disabledChanged(t){t&&this.internals.setFormValue(null)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}getInputElement(){return Promise.resolve(this.nativeInput)}componentWillRender(){this.t.lang(this.el)}render(){var t,e,i;return r(o,{key:"ad6a22b8162d976d62a9991054934c71c218c500"},"number"===this.type&&"horizontal"===this.controlsLayout&&r("mds-button",{key:"68c91a11f6c37cea5e21c9695522e45213050d45",class:"counter-button counter-button--horizontal counter-button--decrease",icon:"arrow"===this.controlsIcon?n:d,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",tone:"text",part:"counter-button-decrease"}),"textarea"===this.type?r("textarea",{class:a("input",(null!==(t=this.icon)&&void 0!==t?t:this.await)&&"has-icon",this.mic&&"has-right-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,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:t=>this.nativeInput=t,required:this.required,tabIndex:this.tabindex,value:this.value}):r("input",{class:a("input",(null!==(e=this.icon)&&void 0!==e?e:this.await)&&"has-icon",this.mic&&"has-right-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.datalistId,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:t=>this.nativeInput=t,required:this.required,step:this.step,tabIndex:this.tabindex,type:"password"===this.type&&this.isPasswordVisible?"text":this.type,value:this.value}),"number"===this.type&&"vertical"===this.controlsLayout&&r("div",{key:"fd2b20e2a3ed42a61b6728fcadfd305f34c6a446",class:"counter counter--vertical"},r("mds-button",{key:"48a253a2ca7e4ee58228c0a6df600ef366e984cc",class:"counter-button",icon:"arrow"===this.controlsIcon?c:x,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),variant:"dark",size:"sm",tone:"text",part:"counter-button-increase"}),r("mds-button",{key:"0a6b850aae842b24dc4f7ef8988a75990de136aa",class:"counter-button",icon:"arrow"===this.controlsIcon?n:d,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",size:"sm",tone:"text",part:"counter-button-decrease"})),"number"===this.type&&"horizontal"===this.controlsLayout&&r("mds-button",{key:"ea3e0594d7a31601bbe20cc4e38afd4bec6cdff7",class:"counter-button counter-button--horizontal counter-button--increase",variant:"dark",tone:"text",icon:"arrow"===this.controlsIcon?c:x,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),"password"===this.type&&r("mds-button",{key:"bf34d6df82fc3e960fbcbc3067d92b433b42accd",class:"password-toggle-button",variant:"dark",tone:"text",icon:this.isPasswordVisible?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c2.76 0 5 2.24 5 5c0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28l.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22L21 20.73L3.27 3L2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65c0 1.66 1.34 3 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53c-2.76 0-5-2.24-5-5c0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15l.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"/></svg>',onClick:()=>this.isPasswordVisible=!this.isPasswordVisible,tabindex:"0",title:this.t.get(this.isPasswordVisible?"hidePassword":"showPassword"),part:"password-toggle-button"}),"password"===this.type&&!this.isPasswordVisible&&(null===(i=this.value)||void 0===i?void 0:i.length)>0&&r("div",{key:"99ec0f020348a5de910ab91fd42e1bd4484e4aff",class:"password-mask"},r("div",{key:"3551407dcbde2547391f940c3a010a7c0855ef85",class:"password-mask-items",part:"password-mask-items"},Array.from({length:this.value.length}).map(((t,e)=>r("div",{key:e,class:"password-mask-item",part:"password-mask-item"}))))),this.mic&&r("mds-button",{key:"49dbb6cffac109437ac5de7357a1a995d9c9d22f",class:a("mic-toggle-button",this.isRecording&&"mic-toggle-button--recording"),icon:this.speechToTextIcon,onClick:()=>this.toggleTextRecognition(),tabindex:"0",title:this.speechToTextLabel,variant:"dark",tone:"text",part:"mic-toggle-button"}),r("mds-input-tip",{key:"a81de1242c891bc7a82d6a213e854af3b7f7e6b6",lang:this.language,position:"top",active:this.hasFocus,part:"tip-top"},this.disabled&&r("mds-input-tip-item",{key:"b6ec44b88905eded511cf192504853c5e7eaa287",expanded:!0,variant:"disabled"}),this.readonly&&r("mds-input-tip-item",{key:"ce523b25baf2300715d12b5bef5c0842d2a19fd9",expanded:!0,variant:"readonly"}),this.required&&r("mds-input-tip-item",{key:"7aa2b62701797678d32bdb43f7c0d3c0da47443c",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),r("mds-input-tip",{key:"17cf961c116164a7266e5541693dc00435b72e16",lang:this.language,position:"bottom",active:this.hasFocus,part:"tip-bottom"},this.tip&&r("mds-input-tip-item",{key:"e604b97d70fd47ee4a9681272a1a95f1aafc3a82",expanded:!0,variant:"text"},this.tip),this.maxlength&&r("mds-input-tip-item",{key:"572470935113d9182e9d96c0ef743d4c30ffbf22",part:"tip-count",expanded:!0,variant:this.countVariant},this.currentLengthLabel)),this.datalist&&r("datalist",{key:"1501e7a01bc73103691be34570420ab8f2601e75",id:this.datalistId,class:"datalist"},this.datalist.map(((t,e)=>r("option",{key:e,value:t})))),this.icon&&!this.await&&r("mds-icon",{key:"5e3eb451e9d1bbc2d1c2c253c8baa80b5ba8a9ed",class:a("icon",this.variant),name:this.icon}),r("mds-spinner",{key:"f0606534fb2a0b698a28548d48352e5429302d1b",running:this.await,class:a("await",this.variant)}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],variant:[{variantChanged:0}],maxlength:[{maxLengthChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-background:rgb(var(--tone-neutral,0 0 0));--mds-input-placeholder-default-color:rgb(var(--tone-neutral-06,158 158 158));--mds-input-placeholder-focus-color:rgb(var(--tone-neutral-07,134 134 134));--mds-input-placeholder-hover-color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-icon-color:var(--mds-input-variant-color-rgb,0 0 0);--mds-input-variant-color-rgb:0 0 0;--mds-input-textarea-resize:none;--mds-input-textarea-max-height:calc(var(--spacing,.0025rem)*6400);--mds-input-textarea-min-height:calc(var(--spacing,.0025rem)*2400);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-textarea-field-sizing:content}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-input-tip,mds-input-tip-item,mds-spinner):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}@property --mds-input-textarea-resize{syntax:"none|vertical";inherits:false;initial-value:none}@property --mds-input-textarea-field-sizing{syntax:"content|fixed";inherits:false;initial-value:content}:host{--mds-input-background:rgb(var(--tone-neutral,0 0 0));--mds-input-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-placeholder-default-color:rgb(var(--tone-neutral-06,158 158 158));--mds-input-placeholder-focus-color:rgb(var(--tone-neutral-07,134 134 134));--mds-input-placeholder-hover-color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-input-ring:0 0 0 1px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1);--mds-input-shadow:0 1px 3px 0 rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-variant-color-rgb,0 0 0)/.06);--mds-input-textarea-field-sizing:content;--mds-input-textarea-resize:none;--mds-input-textarea-max-height:calc(var(--spacing,.0025rem)*6400);--mds-input-textarea-min-height:calc(var(--spacing,.0025rem)*2400);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-border-radius:var(--radius-xl,20px);--mds-input-controls-border:2px solid rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-color:rgb(var(--tone-neutral-03,233 233 233));border-radius:var(--mds-input-border-radius);corner-shape:var(--magma-corner-shape,round);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));gap:calc(var(--spacing,.0025rem)*200);line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;position:relative;--mds-input-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-variant-color-rgb:0 0 0}:host([typography=detail]) .input{font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=snippet]) .input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.input{font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-ring),var(--mds-input-shadow);box-shadow:var(--mds-input-ring),var(--mds-input-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:inherit;border:0;margin:0;max-width:100%;min-height:3rem;overflow:hidden;padding:calc(var(--spacing,.0025rem)*300) calc(var(--spacing,.0025rem)*400);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input::-webkit-input-placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input:-ms-placeholder-shown{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::-moz-placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input:hover::placeholder{color:var(--mds-input-placeholder-hover-color,var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158))))}.input:hover:-ms-placeholder-shown{color:var(--mds-input-placeholder-hover-color,var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158))))}.input:focus::placeholder{color:var(--mds-input-placeholder-focus-color,rgb(var(--tone-neutral-07,134 134 134)))}.input:focus:-ms-placeholder-shown{color:var(--mds-input-placeholder-focus-color,rgb(var(--tone-neutral-07,134 134 134)))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}:host textarea.input,:host([typography]) textarea.input{border-radius:var(--radius-xs,8px);field-sizing:var(--mds-input-textarea-field-sizing,content);max-height:var(--mds-input-textarea-max-height,calc(var(--spacing,.0025rem)*6400));min-height:var(--mds-input-textarea-min-height,calc(var(--spacing,.0025rem)*2400));overflow:auto;resize:var(--mds-input-textarea-resize,none)}@container style(--mds-input-textarea-resize:none){:host textarea.input,:host([typography]) textarea.input{border-bottom-right-radius:0}}.input:focus{--tw-outline-style:none;outline-style:none;--mds-input-ring:0 0 0 3px rgb(var(--mds-input-variant-color-rgb,0 0 0)/1);--mds-input-shadow:0 4px 6px 3px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.06)}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input.has-icon{padding-left:calc(var(--spacing,.0025rem)*1100)}.input.has-right-icon{padding-right:calc(var(--spacing,.0025rem)*1100)}.await,.icon{fill:var(--mds-input-icon-color,var(--mds-input-variant-color-rgb,0 0 0));left:calc(var(--spacing,.0025rem)*300);position:absolute;top:calc(var(--spacing,.0025rem)*300)}.await{color:var(--mds-input-icon-color,var(--mds-input-variant-color-rgb,0 0 0));height:24px;width:24px}.counter{border-left:var(--mds-input-controls-border);display:flex;flex-direction:column;gap:0;position:absolute;right:0}.counter-button{aspect-ratio:unset;border:0;border-radius:var(--mds-input-border-radius);fill:var(--mds-input-controls-color);height:calc(var(--spacing,.0025rem)*600);min-height:0;width:calc(var(--spacing,.0025rem)*700)}.counter .counter-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:var(--mds-input-border-radius)}.counter .counter-button:last-child{border-bottom-left-radius:0;border-bottom-right-radius:var(--mds-input-border-radius);border-top-left-radius:0;border-top-right-radius:0}.counter-button--horizontal{bottom:0;height:calc(var(--spacing,.0025rem)*1200);position:absolute;top:0;width:calc(var(--spacing,.0025rem)*1200)}.counter-button--decrease{border-bottom-right-radius:0;border-right:var(--mds-input-controls-border);border-top-right-radius:0;left:0}.counter-button--increase{border-bottom-left-radius:0;border-left:var(--mds-input-controls-border);border-top-left-radius:0;right:0}.mic-toggle-button,.password-toggle-button{fill:var(--mds-input-controls-color);position:absolute;right:calc(var(--spacing,.0025rem)*150);top:calc(var(--spacing,.0025rem)*150)}.toggle-button--error{cursor:help;fill:rgb(var(--tone-neutral-06,158 158 158))}.mic-toggle-button--recording{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1) infinite)}:host([type=number]) .input{-moz-appearance:textfield;padding-right:calc(var(--spacing,.0025rem)*800)}:host([type=number][controls-layout=horizontal]) .input{padding-left:calc(var(--spacing,.0025rem)*1400);padding-right:calc(var(--spacing,.0025rem)*1400);text-align:center}:host([type=number][controls-layout=horizontal][icon]) .input{padding-left:calc(var(--spacing,.0025rem)*2400);text-align:left}:host([type=number][controls-layout=horizontal]) .icon{left:calc(var(--spacing,.0025rem)*1500)}:host([type=password]) .input{padding-right:calc(var(--spacing,.0025rem)*1000)}:host([type=password]) .input[type=text]:not(:-moz-placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=password]) .input[type=text]:not(:-ms-placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=password]) .input[type=text]:not(:placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=cf]) .input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:focus){--mds-input-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}:host-context(mds-input-field[variant=info]):host{--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=info]):host(:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host-context(mds-input-field[variant=warning]):host{--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=warning]):host(:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host-context(mds-input-field[variant=success]):host{--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=success]):host(:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host-context(mds-input-field[variant=error]):host{--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=error]):host(:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-input-ring:var(--shadow-outline-strong-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-ring:var(--shadow-outline-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}.password-mask{align-items:center;background-color:var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-xs,8px);bottom:0;display:flex;gap:calc(var(--spacing,.0025rem)*50);height:100%;justify-content:start;left:0;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*500);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*1200);top:0}.password-mask:before{background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)))));background-image:linear-gradient(to right,transparent,var(--mds-input-background,rgb(var(--tone-neutral,0 0 0))));bottom:0;content:"";display:inline-flex;position:absolute;right:0;top:0;width:calc(var(--spacing,.0025rem)*600)}.password-mask-items{background-color:rgb(var(--tone-neutral-08,107 107 107)/0);display:inline-flex;gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*100)}.password-mask-item,.password-mask-items{border-radius:1000px;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.password-mask-item{background-color:rgb(var(--tone-neutral-03,233 233 233));height:calc(var(--spacing,.0025rem)*200);width:calc(var(--spacing,.0025rem)*200)}:host(:focus-within) .password-mask-items{background-color:rgb(var(--tone-neutral-08,107 107 107))}@keyframes pulse{50%{opacity:.5}}@media (forced-colors:active){.input:focus{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-ring:var(--shadow-outline-strong-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-ring:var(--shadow-outline-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}'}},[65,"mds-input",{autocomplete:[513],autofocus:[516],await:[516],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],datalist:[16],disabled:[516],icon:[1537],max:[520],maxlength:[1538],mic:[516],min:[520],minlength:[514],name:[513],pattern:[513],placeholder:[513],readonly:[516],required:[516],variant:[1537],tip:[513],step:[513],type:[513],typography:[513],value:[1537],hasFocus:[32],language:[32],isRecording:[32],currentLengthLabel:[32],countVariant:[32],isPasswordVisible:[32],updateLang:[64],addValidator:[64],removeValidator:[64],hasValidator:[64],getErrors:[64],setFocus:[64],getInputElement:[64]},void 0,{value:[{valueChanged:0}],variant:[{variantChanged:0}],maxlength:[{maxLengthChanged:0}],disabled:[{disabledChanged:0}]}]);function E(){"undefined"!=typeof customElements&&["mds-input","mds-button","mds-icon","mds-input-tip","mds-input-tip-item","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input":customElements.get(s(t))||customElements.define(s(t),P);break;case"mds-button":customElements.get(s(t))||p();break;case"mds-icon":customElements.get(s(t))||m();break;case"mds-input-tip":customElements.get(s(t))||g();break;case"mds-input-tip-item":customElements.get(s(t))||v();break;case"mds-spinner":customElements.get(s(t))||b();break;case"mds-text":customElements.get(s(t))||f()}}))}export{P as M,E as d}