@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/{cjs/cura-input-text.cjs.entry.js → components/cura-input-text2.js}

@@ -1,8 +1,7 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7616f620.js');
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './cura-icon2.js';
+import { d as defineCustomElement$2 } from './cura-label2.js';
+import { d as defineCustomElement$1 } from './cura-loader-circle2.js';
 
 /** Checks if value is string */
 function isString(str) {
@@ -3603,305 +3602,416 @@ try {
 } catch {}
 
 const maskOptions = {
-  cpf_cnpj: {
-    mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],
-    placeholderChar: '_',
-  },
-  cpf: {
-    mask: '000.000.000-00',
-    placeholderChar: '_',
-  },
-  cnpj: {
-    mask: '00.000.000/0000-00',
-    placeholderChar: '_',
-  },
-  phone: {
-    mask: '(00) 00000-0000',
-    blocks: {
-      '(00)': {
-        mask: '(00)',
-        maxLength: 2,
-        placeholderChar: '',
-      },
-      '00000': {
-        mask: '00000',
-        maxLength: 5,
+    cpf_cnpj: {
+        mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],
         placeholderChar: '_',
-      },
-      '-': {
-        mask: '-',
-      },
-      '0000': {
-        mask: '0000',
-        maxLength: 4,
+    },
+    cpf: {
+        mask: '000.000.000-00',
+        placeholderChar: '_',
+    },
+    cnpj: {
+        mask: '00.000.000/0000-00',
+        placeholderChar: '_',
+    },
+    phone: {
+        mask: '(00) 00000-0000',
+        blocks: {
+            '(00)': {
+                mask: '(00)',
+                maxLength: 2,
+                placeholderChar: '',
+            },
+            '00000': {
+                mask: '00000',
+                maxLength: 5,
+                placeholderChar: '_',
+            },
+            '-': {
+                mask: '-',
+            },
+            '0000': {
+                mask: '0000',
+                maxLength: 4,
+                placeholderChar: '_',
+            },
+        },
+        placeholderChar: '_',
+    },
+    date: {
+        mask: Date,
+        min: new Date(1900, 0, 1),
+        max: new Date(2099, 11, 31),
+        lazy: false,
         placeholderChar: '_',
-      },
     },
-    placeholderChar: '_',
-  },
-  date: {
-    mask: Date,
-    min: new Date(1900, 0, 1),
-    max: new Date(2099, 11, 31),
-    lazy: false,
-    placeholderChar: '_',
-  },
 };
 
-const curaInputTextCss = ":host{display:block;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;font-size:12px;font-family:var(--font-family);color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;height:44px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden}.cura-input-group .cura-input-field input{width:100%;height:100%;background:transparent;border:none;outline:none;text-overflow:ellipsis;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;font-style:normal;line-height:20px;letter-spacing:0.32px;padding:0px 12px 0px 8px}.cura-input-group .cura-input-field input input::-webkit-input-placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field input input::-moz-placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field input input:-ms-input-placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field input input::-ms-input-placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field input input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field cura-loader-circle{margin:0px 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{padding-right:12px;cursor:pointer}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.isSuccess):not(.isError):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.isSuccess):not(.isError):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.isSuccess):not(.isError):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::-webkit-input-placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.isSuccess):not(.isError):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::-moz-placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.isSuccess):not(.isError):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input:-ms-input-placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.isSuccess):not(.isError):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::-ms-input-placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.isSuccess):not(.isError):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.isSuccess):not(.isError):not(.isFocused):not(.readOnly):not(.transparent) ::slotted(cura-label){color:var(--neutral-black)}.cura-input-group.isFocused .cura-input-field,.cura-input-group :focus-within :not(.readOnly) .cura-input-field{border:2px solid var(--info-base);background-color:var(--neutral-purewhite);outline:none}.cura-input-group.isFocused .cura-input-field input,.cura-input-group :focus-within :not(.readOnly) .cura-input-field input{letter-spacing:0.32px;line-height:20px;color:var(--neutral-black)}.cura-input-group.isFocused .helper-text,.cura-input-group :focus-within :not(.readOnly) .helper-text{color:var(--neutral-black)}.cura-input-group.isSuccess .cura-input-field{border:2px solid var(--success-dark);background-color:var(--success-lighter);overflow:hidden}.cura-input-group.isSuccess .cura-input-field input{letter-spacing:0.32px;line-height:20px;color:var(--success-darker)}.cura-input-group.isSuccess .cura-input-field input::-webkit-input-placeholder{color:var(--success-darker)}.cura-input-group.isSuccess .cura-input-field input::-moz-placeholder{color:var(--success-darker)}.cura-input-group.isSuccess .cura-input-field input:-ms-input-placeholder{color:var(--success-darker)}.cura-input-group.isSuccess .cura-input-field input::-ms-input-placeholder{color:var(--success-darker)}.cura-input-group.isSuccess .cura-input-field input::placeholder{color:var(--success-darker)}.cura-input-group.isSuccess .helper-text{color:var(--success-dark)}.cura-input-group.isError .cura-input-field{border:2px solid var(--error-dark);background-color:var(--error-lighter);letter-spacing:0.32px;line-height:20px;overflow:hidden}.cura-input-group.isError .cura-input-field input{letter-spacing:0.32px;line-height:20px;color:var(--error-darker)}.cura-input-group.isError .cura-input-field input::-webkit-input-placeholder{color:var(--error-darker)}.cura-input-group.isError .cura-input-field input::-moz-placeholder{color:var(--error-darker)}.cura-input-group.isError .cura-input-field input:-ms-input-placeholder{color:var(--error-darker)}.cura-input-group.isError .cura-input-field input::-ms-input-placeholder{color:var(--error-darker)}.cura-input-group.isError .cura-input-field input::placeholder{color:var(--error-darker)}.cura-input-group.isError .helper-text{color:var(--error-dark)}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--primary-base);color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base)}.cura-input-group.isLoading input::-webkit-input-placeholder{color:var(--primary-base)}.cura-input-group.isLoading input::-moz-placeholder{color:var(--primary-base)}.cura-input-group.isLoading input:-ms-input-placeholder{color:var(--primary-base)}.cura-input-group.isLoading input::-ms-input-placeholder{color:var(--primary-base)}.cura-input-group.isLoading input::placeholder{color:var(--primary-base)}.cura-input-group.isLoading .helper-text{color:var(--primary-base)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base);color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::-webkit-input-placeholder{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::-moz-placeholder{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input:-ms-input-placeholder{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::-ms-input-placeholder{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.readOnly[read-only] .cura-input-field{cursor:default}.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.readOnly[read-only] .helper-text{color:var(--neutral-dark)}.cura-input-group.transparent{display:-ms-flexbox;display:flex;background-color:transparent;padding:0px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;min-width:300px;max-height:80px;gap:4px}.cura-input-group.transparent .input-wrapper{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:start}.cura-input-group.transparent cura-label{margin-bottom:4px}.cura-input-group.transparent .cura-input-field{display:-ms-flexbox;display:flex;width:100%;background-color:transparent;border:none;border-radius:0;color:var(--primary-base);height:27px;letter-spacing:0.32px;line-height:20px;overflow:hidden}.cura-input-group.transparent .cura-input-field input{-ms-flex-order:1;order:1;color:var(--neutral-black);font-size:16px;font-weight:var(--font-weight-bold);line-height:20px;letter-spacing:0.32px;padding:0}.cura-input-group.transparent .cura-input-field input::-webkit-input-placeholder{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:var(--font-weight-medium);line-height:20px;letter-spacing:0.32px;color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field input::-moz-placeholder{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:var(--font-weight-medium);line-height:20px;letter-spacing:0.32px;color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field input:-ms-input-placeholder{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:var(--font-weight-medium);line-height:20px;letter-spacing:0.32px;color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field input::-ms-input-placeholder{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:var(--font-weight-medium);line-height:20px;letter-spacing:0.32px;color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field input::placeholder{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:var(--font-weight-medium);line-height:20px;letter-spacing:0.32px;color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .clear-button{-ms-flex-order:2;order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent .cura-input-field .feedback-icon{-ms-flex-order:3;order:3;margin:0 20px 0 0;padding:6px 0 0 0}.cura-input-group.transparent .cura-input-field cura-loader-circle{-ms-flex-order:2;order:2;margin:0 20px 0 0}.cura-input-group.transparent .helper-text{margin-top:0px}.cura-input-group.transparent.isError .cura-input-field{overflow:hidden}.cura-input-group.transparent.isError .clear-button{cursor:pointer;margin:0 16px 0 0}.cura-input-group.transparent.isError input{letter-spacing:0.32px;line-height:20px;color:var(--error-darker)}.cura-input-group.transparent.isError input::-webkit-input-placeholder{color:var(--error-darker)}.cura-input-group.transparent.isError input::-moz-placeholder{color:var(--error-darker)}.cura-input-group.transparent.isError input:-ms-input-placeholder{color:var(--error-darker)}.cura-input-group.transparent.isError input::-ms-input-placeholder{color:var(--error-darker)}.cura-input-group.transparent.isError input::placeholder{color:var(--error-darker)}.cura-input-group.transparent.isSuccess .cura-input-field{overflow:hidden}.cura-input-group.transparent.isSuccess .clear-button{cursor:pointer;margin:0 16px 0 0}.cura-input-group.transparent.isSuccess input{letter-spacing:0.32px;line-height:20px;color:var(--success-darker)}.cura-input-group.transparent.isSuccess input::-webkit-input-placeholder{color:var(--success-darker)}.cura-input-group.transparent.isSuccess input::-moz-placeholder{color:var(--success-darker)}.cura-input-group.transparent.isSuccess input:-ms-input-placeholder{color:var(--success-darker)}.cura-input-group.transparent.isSuccess input::-ms-input-placeholder{color:var(--success-darker)}.cura-input-group.transparent.isSuccess input::placeholder{color:var(--success-darker)}.cura-input-group.transparent.disabled .cura-input-field{color:var(--neutral-medium)}.cura-input-group.transparent.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.transparent.disabled .cura-input-field input::-webkit-input-placeholder{color:var(--neutral-medium)}.cura-input-group.transparent.disabled .cura-input-field input::-moz-placeholder{color:var(--neutral-medium)}.cura-input-group.transparent.disabled .cura-input-field input:-ms-input-placeholder{color:var(--neutral-medium)}.cura-input-group.transparent.disabled .cura-input-field input::-ms-input-placeholder{color:var(--neutral-medium)}.cura-input-group.transparent.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent.disabled .cura-input-field .helper-text{color:var(--neutral-medium)}.cura-input-group.small .cura-input-field{height:32px}.cura-input-group.small .cura-input-field input{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;font-style:normal;line-height:13px;letter-spacing:0.72px}.cura-input-group.small .helper-text{font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{height:40px}.cura-input-group.medium .cura-input-field input{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;font-style:normal;line-height:16px;letter-spacing:0.56px}.cura-input-group.medium .helper-text{font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{height:44px}.cura-input-group.large input::-webkit-input-placeholder{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;font-style:normal;line-height:20px;letter-spacing:0.32px}.cura-input-group.large input::-moz-placeholder{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;font-style:normal;line-height:20px;letter-spacing:0.32px}.cura-input-group.large input:-ms-input-placeholder{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;font-style:normal;line-height:20px;letter-spacing:0.32px}.cura-input-group.large input::-ms-input-placeholder{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;font-style:normal;line-height:20px;letter-spacing:0.32px}.cura-input-group.large input::placeholder{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;font-style:normal;line-height:20px;letter-spacing:0.32px}.cura-input-group.large .helper-text{font-weight:var(--font-weight-bold)}.cura-input-group input::-webkit-outer-spin-button,.cura-input-group input::-webkit-inner-spin-button{-webkit-appearance:none}";
-
-const CuraInputText = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.valueChange = index.createEvent(this, "valueChange", 7);
-    this.mode = 'default';
-    this.status = 'default';
-    this.size = 'medium';
-    this.type = 'text';
-    this.label = '';
-    this.placeholder = null;
-    this.value = undefined;
-    this.iconName = '';
-    this.helperText = undefined;
-    this.disabled = false;
-    this.required = false;
-    this.maskPreset = undefined;
-    this.maskRegex = undefined;
-    this.maskAdvanced = undefined;
-    this.maxlength = undefined;
-    this.readOnly = false;
-    this.isLoading = false;
-    this.isHovered = false;
-    this.isFocused = false;
-    this.styles = {};
-    this.clearIcon = true;
-  }
-  connectedCallback() {
-    this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);
-    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
-    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
-    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);
-    this.styles['--neutral-medium'] = window.CuraAPI.theme.colors.getColor(`neutral-medium`);
-    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);
-    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);
-    this.styles['--success-dark'] = window.CuraAPI.theme.colors.getColor(`success-dark`);
-    this.styles['--success-darker'] = window.CuraAPI.theme.colors.getColor(`success-darker`);
-    this.styles['--success-lighter'] = window.CuraAPI.theme.colors.getColor(`success-lighter`);
-    this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor(`error-lighter`);
-    this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor(`error-dark`);
-    this.styles['--error-darker'] = window.CuraAPI.theme.colors.getColor(`error-darker`);
-    this.styles['--error-base'] = window.CuraAPI.theme.colors.getColor(`error-base`);
-    this.styles['--info-base'] = window.CuraAPI.theme.colors.getColor(`info-base`);
-    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
-    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
-    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
-    this.weights = window.CuraAPI.theme.fonts.getWeights();
-    this.styles['--font-weight-medium'] = this.weights.medium;
-    this.styles['--font-weight-bold'] = this.weights.bold;
-    this.styles['--font-weight-regular'] = this.weights.regular;
-  }
-  getClasses() {
-    return {
-      [this.size.toLowerCase()]: this.mode === 'default',
-      disabled: this.disabled,
-      isLoading: this.isLoading,
-      isFocused: this.isFocused && !this.disabled && !this.readOnly && !this.isLoading,
-      isHovered: this.isHovered,
-      isSuccess: this.status === 'success',
-      isError: this.status === 'error',
-      transparent: this.mode === 'transparent',
-    };
-  }
-  getLabelColor() {
-    if (!!this.disabled) {
-      return 'neutral-medium';
+const curaInputTextCss = ":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0px 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{padding-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-input-group.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-input-group.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field input{color:var(--neutral-black) !important}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:var(--neutral-white) !important;border:2px solid var(--primary-base) !important}.cura-input-group.isLoading .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base) !important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base) !important}.cura-input-group.disabled .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.disabled .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.readOnly[read-only] .cura-input-field{cursor:default}.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.transparent{background-color:transparent;padding:0px;max-height:80px}.cura-input-group.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.cura-input-group.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0px}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0px;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px}.cura-input-group.transparent.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px;overflow:hidden}.cura-input-group.transparent.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.error.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-input-group.error:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.success.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-input-group.success:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";
+const CuraInputTextStyle0 = curaInputTextCss;
+
+const CuraInputText = /*@__PURE__*/ proxyCustomElement(class CuraInputText extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.valueChange = createEvent(this, "valueChange", 7);
+        this.internals = this.attachInternals();
+        this.mode = 'default';
+        this.status = 'default';
+        this.size = 'medium';
+        this.type = 'text';
+        this.inputMode = 'text';
+        this.label = '';
+        this.name = '';
+        this.placeholder = null;
+        this.value = '';
+        this.iconName = '';
+        this.helperText = undefined;
+        this.disabled = false;
+        this.required = false;
+        this.maskPreset = undefined;
+        this.maskRegex = undefined;
+        this.maskAdvanced = undefined;
+        this.maxlength = undefined;
+        this.readOnly = false;
+        this.isLoading = false;
+        this.isHovered = false;
+        this.isFocused = false;
+        this.styles = {};
+        this.clearIcon = true;
+        this.hideErrorIcon = false;
+    }
+    /**
+     * Callback to restore the switch state from the form.
+     */
+    formStateRestoreCallback(state) {
+        this.value = state.value;
+        this.applyValueToMask();
+        this.internals.setFormValue(this.value);
+    }
+    /**
+     * Callback for form association.
+     */
+    formAssociatedCallback(form) {
+        form.ariaLabel = this.label;
+    }
+    /**
+     * Callback to reset the switch state when the form is reset.
+     */
+    formResetCallback() {
+        this.handleClearInput();
+        this.internals.setValidity({});
+        this.internals.setFormValue('');
+    }
+    /**
+     * Callback to update the switch's disabled state when the form's disabled state changes.
+     */
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    connectedCallback() {
+        this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);
+        this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
+        this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
+        this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);
+        this.styles['--neutral-medium'] = window.CuraAPI.theme.colors.getColor(`neutral-medium`);
+        this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);
+        this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);
+        this.styles['--success-dark'] = window.CuraAPI.theme.colors.getColor(`success-dark`);
+        this.styles['--success-darker'] = window.CuraAPI.theme.colors.getColor(`success-darker`);
+        this.styles['--success-lighter'] = window.CuraAPI.theme.colors.getColor(`success-lighter`);
+        this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor(`error-lighter`);
+        this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor(`error-dark`);
+        this.styles['--error-darker'] = window.CuraAPI.theme.colors.getColor(`error-darker`);
+        this.styles['--error-base'] = window.CuraAPI.theme.colors.getColor(`error-base`);
+        this.styles['--info-base'] = window.CuraAPI.theme.colors.getColor(`info-base`);
+        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
+        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
+        this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
+        this.weights = window.CuraAPI.theme.fonts.getWeights();
+        this.styles['--font-weight-medium'] = this.weights.medium;
+        this.styles['--font-weight-bold'] = this.weights.bold;
+        this.styles['--font-weight-regular'] = this.weights.regular;
+    }
+    getClasses() {
+        return {
+            [this.size.toLowerCase()]: this.mode === 'default',
+            disabled: this.disabled,
+            isLoading: this.isLoading,
+            isFocused: this.isFocused && !this.disabled && !this.readOnly && !this.isLoading,
+            isHovered: this.isHovered,
+            [this.status]: true,
+            transparent: this.mode === 'transparent',
+        };
+    }
+    getLabelColor() {
+        if (!!this.disabled) {
+            return 'neutral-medium';
+        }
+        else if (this.isLoading && this.mode === 'transparent' && !this.isHovered) {
+            return 'neutral-dark';
+        }
+        else if (((this.isFocused || this.isHovered || this.status === 'success' || this.status === 'error') && !this.readOnly) || this.isHovered) {
+            return 'neutral-black';
+        }
+        else {
+            return 'neutral-dark';
+        }
+    }
+    renderIcon() {
+        if ((this.iconName === '' && this.status === 'default') || (this.mode === 'transparent' && this.isLoading) || (this.mode === 'transparent' && this.status === 'default')) {
+            return;
+        }
+        // Used when input is rendered in cura-dropdown-search with error status
+        if (this.status === 'error' && this.hideErrorIcon) {
+            return;
+        }
+        const iconSizeDefaultMode = this.size === 'large' ? 20 : 16;
+        const baseIconSize = this.mode === 'transparent' ? 20 : iconSizeDefaultMode;
+        const iconMap = {
+            loading: { name: this.iconName, color: 'primary-base' },
+            success: { name: 'checkCircle', color: 'success-dark' },
+            error: { name: 'alertCircle', color: 'error-dark' },
+            default: { name: this.iconName, color: 'neutral-dark' },
+        };
+        const iconConfig = iconMap[this.isLoading ? 'loading' : this.status || 'default'];
+        return (h("div", { class: "feedback-icon", style: this.styles }, h("cura-icon", { name: iconConfig.name, iconset: "default", size: baseIconSize, color: iconConfig.color })));
+    }
+    renderHelperText() {
+        const isError = this.status === 'error';
+        const isSuccess = this.status === 'success';
+        const isDefault = this.status === 'default';
+        const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';
+        const helperTextWeight = this.mode === 'transparent' ? 'bold' : 'regular';
+        const colorText = (() => {
+            if (this.disabled)
+                return 'neutral-medium';
+            if (this.isLoading)
+                return 'primary-base';
+            if (this.isFocused || this.isHovered)
+                return 'neutral-black';
+            return 'neutral-dark';
+        })();
+        return (h("div", { style: this.styles, class: "helper-text" }, isDefault && (h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: colorText, weight: helperTextWeight }, h("slot", null))), isError && (h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "error-dark", weight: helperTextWeight }, h("slot", null))), isSuccess && (h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "success-dark", weight: helperTextWeight }, h("slot", null)))));
+    }
+    handleMouseEnter() {
+        this.isHovered = true;
+    }
+    handleMouseLeave() {
+        this.isHovered = false;
+    }
+    componentDidLoad() {
+        this.initializeMask();
+    }
+    disconnectedCallback() {
+        this.destroyMask();
+    }
+    handleMaskUpdate() {
+        if (this.maskedInput) {
+            this.maskedInput.updateValue();
+        }
     }
-    else if (this.isLoading && this.mode === 'transparent' && !this.isHovered) {
-      return 'neutral-dark';
+    handleClearInput() {
+        this.handleMaskUpdate();
+        this.value = '';
+        this.inputRef.value = '';
+        this.valueChange.emit(this.value);
+        this.handleMaskUpdate();
     }
-    else if (((this.isFocused || this.isHovered || this.status === 'success' || this.status === 'error') && !this.readOnly) || this.isHovered) {
-      return 'neutral-black';
+    handleInputFocus() {
+        this.handleMaskUpdate();
+        this.isFocused = true;
     }
-    else {
-      return 'neutral-dark';
+    handleInputBlur() {
+        this.handleMaskUpdate();
+        setTimeout(() => {
+            this.isFocused = false;
+        }, 150);
     }
-  }
-  renderIcon() {
-    if ((!this.iconName && this.status === 'default') || (this.mode === 'transparent' && this.isLoading) || (this.mode === 'transparent' && this.status === 'default')) {
-      return;
+    shouldDisplayMask() {
+        return this.maskPreset || this.maskRegex || this.maskAdvanced;
     }
-    const iconSizeDefaultMode = this.size === 'large' ? 20 : 16;
-    const baseIconSize = this.mode === 'transparent' ? 20 : iconSizeDefaultMode;
-    const iconMap = {
-      loading: { name: this.iconName, color: 'primary-base' },
-      success: { name: 'checkCircle', color: 'success-dark' },
-      error: { name: 'alertCircle', color: 'error-dark' },
-      default: { name: this.iconName, color: 'neutral-dark' },
-    };
-    const iconConfig = iconMap[this.isLoading ? 'loading' : this.status || 'default'];
-    return (index.h("div", { class: 'feedback-icon', style: this.styles }, index.h("cura-icon", { name: iconConfig.name, iconset: 'default', size: baseIconSize, color: iconConfig.color })));
-  }
-  renderHelperText() {
-    const isError = this.status === 'error';
-    const isSuccess = this.status === 'success';
-    const isDefault = this.status === 'default';
-    const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';
-    const helperTextWeight = this.mode === 'transparent' ? 'bold' : 'regular';
-    const colorText = (() => {
-      if (this.disabled)
-        return 'neutral-medium';
-      if (this.isLoading)
-        return 'primary-base';
-      if (this.isFocused || this.isHovered)
-        return 'neutral-black';
-      return 'neutral-dark';
-    })();
-    return (index.h("div", { style: this.styles, class: 'helper-text' }, isDefault && (index.h("cura-label", { size: helperTextSize, color: colorText, weight: helperTextWeight }, index.h("slot", null))), isError && (index.h("cura-label", { size: helperTextSize, lineHeight: 'xsmall', color: 'error-dark', weight: helperTextWeight }, index.h("slot", null))), isSuccess && (index.h("cura-label", { size: helperTextSize, color: 'success-dark', weight: helperTextWeight }, index.h("slot", null)))));
-  }
-  componentDidLoad() {
-    this.initializeMask();
-  }
-  handleMouseEnter() {
-    this.isHovered = true;
-  }
-  handleMouseLeave() {
-    this.isHovered = false;
-  }
-  handleMaskUpdate() {
-    if (!!this.maskedInput) {
-      this.maskedInput.updateValue();
-    }
-  }
-  handleClearInput() {
-    this.handleMaskUpdate();
-    this.value = '';
-    this.inputRef.value = '';
-    this.handleMaskUpdate();
-  }
-  handleInputFocus() {
-    this.handleMaskUpdate();
-    this.isFocused = true;
-  }
-  handleInputBlur() {
-    this.handleMaskUpdate();
-    setTimeout(() => {
-      this.isFocused = false;
-    }, 150);
-  }
-  handleMaskPresetChange() {
-    this.initializeMask();
-  }
-  handleMaskRegexChange() {
-    this.initializeMask();
-  }
-  handlemaskAdvancedChange() {
-    this.initializeMask();
-  }
-  handleValueChange(newValue) {
-    if (this.maskedInput && this.maskedInput.value !== newValue) {
-      this.maskedInput.value = newValue;
-    }
-  }
-  initializeMask() {
-    if (this.maskedInput) {
-      this.maskedInput.destroy();
-    }
-    if (!!this.maskRegex) {
-      if (typeof this.maskRegex === 'string') {
+    initializeMask() {
+        if (this.shouldDisplayMask()) {
+            if (this.maskedInput) {
+                this.destroyMask();
+            }
+            if (this.maskPreset) {
+                this.initializePresetMask();
+            }
+            else if (this.maskRegex) {
+                this.initializeRegexMask();
+            }
+            else if (this.maskAdvanced) {
+                this.initializeAdvancedMask();
+            }
+            this.applyValueToMask();
+        }
+        else {
+            this.clearMaskValue();
+        }
+    }
+    initializeRegexMask() {
         const cleanedRegexString = this.maskRegex.replace(/^\/|\/[gimsuy]*$/g, '');
         const flags = (this.maskRegex.match(/\/[gimsuy]*$/g) || [''])[0].slice(1);
         this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });
-        this.handleMaskUpdate();
-      }
-      else {
-        this.maskedInput = IMask(this.inputRef, { mask: this.maskRegex });
-        this.handleMaskUpdate();
-      }
     }
-    else if (!!this.maskPreset) {
-      const options = maskOptions[this.maskPreset];
-      if (!options) {
-        console.error(`Mask preset "${this.maskPreset}" not found.`);
-        return;
-      }
-      this.maskedInput = IMask(this.inputRef, options);
-      if (options === Date) {
-        if (this.value) {
-          this.maskedInput.typedValue = this.value;
+    initializePresetMask() {
+        const options = maskOptions[this.maskPreset];
+        if (options) {
+            this.maskedInput = IMask(this.inputRef, options);
         }
-      }
-      else if (options === Number) {
-        if (this.value) {
-          this.maskedInput.typedValue = this.value;
+        else {
+            console.error(`Mask preset "${this.maskPreset}" not found.`);
         }
-      }
-      else {
-        this.maskedInput.value = this.value || '';
-      }
     }
-    else if (!!this.maskAdvanced) {
-      try {
-        if (this.maskAdvanced.constructor === Object) {
-          this.maskedInput = IMask(this.inputRef, this.maskAdvanced);
+    initializeAdvancedMask() {
+        try {
+            const config = typeof this.maskAdvanced === 'string' ? JSON.parse(this.maskAdvanced) : this.maskAdvanced;
+            this.maskedInput = IMask(this.inputRef, config);
         }
-        else if (typeof this.maskAdvanced === 'string') {
-          this.maskedInput = IMask(this.inputRef, JSON.parse(this.maskAdvanced));
+        catch (error) {
+            console.error('Error defining maskAdvanced:', error);
         }
-      }
-      catch (error) {
-        console.error('Erro ao definir a maskAdvanced:', error);
-      }
     }
-    this.handleMaskUpdate();
-  }
-  handleInputChange(event) {
-    const inputValue = event.target.value;
-    if (this.type === 'number') {
-      const numericValue = parseFloat(inputValue);
-      if (!isNaN(numericValue)) {
-        this.value = numericValue;
-        this.valueChange.emit(numericValue);
-      }
-      else {
-        console.error('Invalid input:', inputValue);
-      }
+    applyValueToMask() {
+        if (this.maskedInput) {
+            if (this.maskedInput.mask === Date || this.maskedInput.mask === Number) {
+                this.maskedInput.typedValue = this.value;
+            }
+            else {
+                this.value = this.maskedInput.value;
+            }
+            this.handleMaskUpdate();
+        }
     }
-    if (this.maskedInput) {
-      if (this.maskedInput.mask instanceof Date || this.maskedInput.mask === Number) {
-        this.maskedInput.typedValue = inputValue;
-        this.value = this.maskedInput.typedValue;
-      }
-      else {
-        this.maskedInput.value = inputValue;
-        this.value = this.maskedInput.value;
-      }
+    clearMaskValue() {
+        this.inputRef.value = this.value;
     }
-    this.value = inputValue;
-    this.valueChange.emit(this.value);
-  }
-  handleKeyDown(event) {
-    this.handleMaskUpdate();
-    this.type === 'number' ? this.handleBlockInvalidNumber(event) : undefined;
-  }
-  handleBlockInvalidNumber(e) {
-    return ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, index.h("div", { class: 'input-wrapper' }, this.label && (index.h("cura-label", { class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && index.h("span", { class: 'required' }, "* "))), index.h("div", { class: 'cura-input-field', style: this.styles }, this.renderIcon(), index.h("input", { type: this.type, autocomplete: 'off', "aria-autocomplete": 'none', "aria-required": this.required ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-invalid": this.status === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value, ref: ref => (this.inputRef = ref) }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (index.h("cura-icon", { size: this.size === 'large' ? 20 : 16, color: 'primary-base', name: 'closeCircle', iconset: 'default', class: 'clear-button', onClick: () => this.handleClearInput() })), this.isLoading && index.h("cura-loader-circle", { size: this.size === 'large' ? 'medium' : 'small', color: 'primary-base' })), this.renderHelperText()))));
-  }
-  static get watchers() { return {
-    "styles": ["connectedCallback"],
-    "size": ["getClasses"],
-    "status": ["renderIcon"],
-    "mode": ["renderIcon"],
-    "maskPreset": ["handleMaskPresetChange"],
-    "maskRegex": ["handleMaskRegexChange"],
-    "maskAdvanced": ["handlemaskAdvancedChange"],
-    "value": ["handleValueChange"]
-  }; }
-};
-CuraInputText.style = curaInputTextCss;
+    destroyMask() {
+        if (this.maskedInput) {
+            this.maskedInput.destroy();
+            this.maskedInput = undefined;
+        }
+    }
+    handleInputChange(event) {
+        const inputValue = event.target.value;
+        if (this.type === 'number') {
+            this.handleNumberInputChange(inputValue);
+        }
+        else {
+            this.handleTextInputChange(inputValue);
+        }
+        this.internals.setFormValue(this.value);
+    }
+    handleNumberInputChange(inputValue) {
+        const numericValue = parseFloat(inputValue);
+        if (!isNaN(numericValue)) {
+            this.value = numericValue;
+        }
+        else {
+            console.error('Invalid numeric input:', inputValue);
+        }
+    }
+    handleTextInputChange(inputValue) {
+        if (this.maskedInput) {
+            if (this.maskedInput.mask instanceof Date || this.maskedInput.mask === Number) {
+                this.maskedInput.typedValue = inputValue;
+                this.value = this.maskedInput.typedValue;
+            }
+            this.value = this.maskedInput.value;
+        }
+        else {
+            this.value = inputValue;
+        }
+    }
+    handleKeyDown(event) {
+        if (this.type === 'number') {
+            this.handleBlockInvalidNumber(event);
+        }
+    }
+    handleBlockInvalidNumber(e) {
+        if (['e', 'E', '+', '-'].includes(e.key))
+            e.preventDefault();
+    }
+    render() {
+        return (h(Host, { key: '958e9c9ce207852a9a89bcbf6b2300a020e57e21' }, h("div", { key: 'a0b0a2dc0cef39d82f922f19a68adc2fea19ada4', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, h("div", { key: '600ac418f5e11b145546efd999e46f6dc439dbe2', class: "input-wrapper" }, this.label && (h("cura-label", { key: 'b7d8c89801d73f6b304b15cb3a1fb053be6c10a3', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && h("span", { key: 'fbfc7e95fae3d2f695af8e966d50c36eaddf83ff', class: "required" }, "* "))), h("div", { key: '50b2e6a4edb17507bcbed66ddb262b5816eeea98', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), h("input", { key: 'e0fb2fe18ca4555b15396bc794dc553273f06921', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref) }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (h("cura-icon", { key: 'dde6d704a5fa3aac4bfa2428b636fc7e19301ace', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onClick: () => this.handleClearInput() })), this.isLoading && h("cura-loader-circle", { key: '9322c8e784058c1e0880b3d248c5f1272a1518c4', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
+    }
+    static get formAssociated() { return true; }
+    static get watchers() { return {
+        "styles": ["connectedCallback"],
+        "size": ["getClasses"],
+        "status": ["renderIcon"],
+        "mode": ["renderIcon"],
+        "maskPreset": ["initializeMask"],
+        "maskRegex": ["initializeMask"],
+        "maskAdvanced": ["initializeMask"]
+    }; }
+    static get style() { return CuraInputTextStyle0; }
+}, [65, "cura-input-text", {
+        "mode": [1537],
+        "status": [1537],
+        "size": [1537],
+        "type": [513],
+        "inputMode": [513, "input-mode"],
+        "label": [513],
+        "name": [513],
+        "placeholder": [513],
+        "value": [1032],
+        "iconName": [1537, "icon-name"],
+        "helperText": [1537, "helper-text"],
+        "disabled": [516],
+        "required": [516],
+        "maskPreset": [8, "mask-preset"],
+        "maskRegex": [1537, "mask-regex"],
+        "maskAdvanced": [1544, "mask-advanced"],
+        "maxlength": [1538],
+        "readOnly": [516, "read-only"],
+        "isLoading": [1540, "is-loading"],
+        "clearIcon": [1540, "clear-icon"],
+        "hideErrorIcon": [4, "hide-error-icon"],
+        "isHovered": [32],
+        "isFocused": [32],
+        "styles": [32]
+    }, undefined, {
+        "styles": ["connectedCallback"],
+        "size": ["getClasses"],
+        "status": ["renderIcon"],
+        "mode": ["renderIcon"],
+        "maskPreset": ["initializeMask"],
+        "maskRegex": ["initializeMask"],
+        "maskAdvanced": ["initializeMask"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["cura-input-text", "cura-icon", "cura-label", "cura-loader-circle"];
+    components.forEach(tagName => { switch (tagName) {
+        case "cura-input-text":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CuraInputText);
+            }
+            break;
+        case "cura-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "cura-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "cura-loader-circle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
 
-exports.cura_input_text = CuraInputText;
+export { CuraInputText as C, defineCustomElement as d };
 
-//# sourceMappingURL=cura-input-text.cjs.entry.js.map
+//# sourceMappingURL=cura-input-text2.js.map