@rededor/site-front-end-lib 4.0.0-alpha.5 → 17.0.0

package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs

@@ -1,547 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, PLATFORM_ID, input, model, output, signal, viewChild, computed, effect, forwardRef, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import * as i2 from '@angular/forms';
-import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-import { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';
-import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
-import { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';
-import IMask from 'imask';
-
-/**
- * Mask configuration for different presets
- */
-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,
-                placeholderChar: '_',
-            },
-            '-': {
-                mask: '-',
-            },
-            '0000': {
-                mask: '0000',
-                maxLength: 4,
-                placeholderChar: '_',
-            },
-        },
-        placeholderChar: '_',
-    },
-    date: {
-        mask: '00/00/0000',
-    },
-    dateRange: {
-        mask: '00/00/0000 - 00/00/0000',
-    },
-};
-
-class CuraInputTextComponent {
-    // Utility functions (equivalent to Stencil utils)
-    checkMobile() {
-        if (isPlatformBrowser(this.platformId)) {
-            return window?.innerWidth < 768; // Static.breakpoints.medium.min equivalent
-        }
-        return false;
-    }
-    checkIOS() {
-        if (isPlatformBrowser(this.platformId)) {
-            return (['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.userAgent) ||
-                // iPad on iOS 13 detection
-                (navigator.userAgent.includes('Mac') && 'ontouchend' in document));
-        }
-        return false;
-    }
-    fakeInputIOSHack(targetElement) {
-        if (!this.checkMobile() || !this.checkIOS())
-            return null;
-        const fakeInput = document.createElement('input');
-        fakeInput.setAttribute('type', 'text');
-        fakeInput.style.position = 'absolute';
-        fakeInput.style.opacity = '0';
-        fakeInput.style.height = '0';
-        fakeInput.style.fontSize = '16px'; // disable auto zoom
-        targetElement.prepend(fakeInput);
-        // focus so that subsequent async focus will work
-        fakeInput.focus();
-        return fakeInput;
-    }
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        this.elementRef = inject(ElementRef);
-        this.platformId = inject(PLATFORM_ID);
-        /**
-         * Mode of the input: 'default' or 'transparent'
-         */
-        this.mode = input('default', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-        /**
-         * Status of the input component
-         */
-        this.status = input('default', ...(ngDevMode ? [{ debugName: "status" }] : []));
-        /**
-         * Size of the input component
-         */
-        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
-        /**
-         * Type of the input
-         */
-        this.type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : []));
-        /**
-         * Input mode for mobile keyboards
-         */
-        this.inputMode = input('text', ...(ngDevMode ? [{ debugName: "inputMode" }] : []));
-        /**
-         * Label text for the input
-         */
-        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-        /**
-         * Name attribute for the input
-         */
-        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
-        /**
-         * Placeholder text for the input
-         */
-        this.placeholder = input(null, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-        /**
-         * Current value of the input
-         */
-        this.value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
-        /**
-         * Icon name to display
-         */
-        this.iconName = input('', ...(ngDevMode ? [{ debugName: "iconName" }] : []));
-        /**
-         * Helper text displayed below the input
-         */
-        // helperText = input<string>(''); // Não está sendo usado
-        /**
-         * Whether the input is disabled
-         */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        /**
-         * Whether the input is required
-         */
-        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
-        /**
-         * Mask preset for input formatting
-         */
-        this.maskPreset = input(undefined, ...(ngDevMode ? [{ debugName: "maskPreset" }] : []));
-        /**
-         * Controls whether the selection functionality is active
-         */
-        this.enableSelectionMode = input(false, ...(ngDevMode ? [{ debugName: "enableSelectionMode" }] : []));
-        /**
-         * Regular expression for custom input masking
-         */
-        this.maskRegex = input(null, ...(ngDevMode ? [{ debugName: "maskRegex" }] : []));
-        /**
-         * Advanced mask object for IMask library
-         */
-        this.maskAdvanced = input(null, ...(ngDevMode ? [{ debugName: "maskAdvanced" }] : []));
-        /**
-         * Maximum length of the input value
-         */
-        this.maxlength = input(undefined, ...(ngDevMode ? [{ debugName: "maxlength" }] : []));
-        /**
-         * Whether the input is read-only
-         */
-        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
-        /**
-         * Whether the input is in loading state
-         */
-        this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-        /**
-         * Whether to show the clear button
-         */
-        this.clearIcon = input(true, ...(ngDevMode ? [{ debugName: "clearIcon" }] : []));
-        /**
-         * Removes the error icon when necessary
-         */
-        this.hideErrorIcon = input(false, ...(ngDevMode ? [{ debugName: "hideErrorIcon" }] : []));
-        /**
-         * Autocomplete attribute for the input
-         */
-        this.autocomplete = input('on', ...(ngDevMode ? [{ debugName: "autocomplete" }] : []));
-        /**
-         * Event emitted when the value changes
-         */
-        this.valueChange = output();
-        /**
-         * Event emitted when the clear button is clicked
-         */
-        this.inputClear = output();
-        // Internal state signals
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
-        // Form control callbacks
-        this.onChange = (value) => { };
-        this.onTouched = () => { };
-        // ViewChild references
-        this.inputElement = viewChild('inputElement', ...(ngDevMode ? [{ debugName: "inputElement" }] : []));
-        // Computed styles
-        this.styles = computed(() => {
-            const { fonts, colors } = this.curaApi?.theme || { fonts: null, colors: null };
-            const baseStyles = {};
-            if (fonts) {
-                const fontWeights = fonts.getWeights();
-                baseStyles['--font-weight-medium'] = fontWeights.medium;
-                baseStyles['--font-weight-bold'] = fontWeights.bold;
-                baseStyles['--font-weight-regular'] = fontWeights.regular;
-                baseStyles['--font-color'] = fonts.getColor();
-                baseStyles['--font-family'] = fonts.getFamily();
-                baseStyles['--font-size'] = fonts.getSize();
-            }
-            if (colors) {
-                const colorKeys = [
-                    'primary-base',
-                    'neutral-purewhite',
-                    'neutral-white',
-                    'neutral-black',
-                    'neutral-medium',
-                    'neutral-base',
-                    'neutral-dark',
-                    'success-dark',
-                    'success-darker',
-                    'success-lighter',
-                    'error-lighter',
-                    'error-dark',
-                    'error-darker',
-                    'error-base',
-                    'info-base',
-                ];
-                colorKeys.forEach((key) => {
-                    baseStyles[`--${key}`] = colors.getColor(key);
-                });
-            }
-            return baseStyles;
-        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
-        // Computed signals
-        this.classes = computed(() => ({
-            [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',
-            selection: this.enableSelectionMode(),
-        }), ...(ngDevMode ? [{ debugName: "classes" }] : []));
-        this.labelColor = computed(() => {
-            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';
-            }
-        }, ...(ngDevMode ? [{ debugName: "labelColor" }] : []));
-        this.iconConfig = computed(() => {
-            const shouldShowIcon = (() => {
-                if ((this.iconName() === '' && this.status() === 'default') ||
-                    (this.mode() === 'transparent' && this.isLoading()) ||
-                    (this.mode() === 'transparent' && this.status() === 'default')) {
-                    return false;
-                }
-                if (this.status() === 'error' && this.hideErrorIcon()) {
-                    return false;
-                }
-                return true;
-            })();
-            if (!shouldShowIcon) {
-                return {
-                    icon: null,
-                    size: 0,
-                };
-            }
-            const iconSizeDefaultMode = this.size() === 'large' ? 20 : 16;
-            const size = 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' },
-                disabled: { name: this.iconName(), color: 'neutral-medium' },
-            };
-            const icon = iconMap[this.isLoading() ? 'loading' : this.disabled() ? 'disabled' : this.status() || 'default'];
-            return {
-                icon,
-                size,
-            };
-        }, ...(ngDevMode ? [{ debugName: "iconConfig" }] : []));
-        this.helperText = computed(() => {
-            const isError = this.status() === 'error';
-            const isSuccess = this.status() === 'success';
-            const isDefault = this.status() === 'default';
-            const helperTextSize = this.size() === 'large' ? 'small' : 'xsmall';
-            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 {
-                size: helperTextSize,
-                color: isDefault ? colorText : isError ? (this.mode() === 'transparent' ? 'neutral-black' : 'error-dark') : isSuccess ? 'success-dark' : colorText,
-            };
-        }, ...(ngDevMode ? [{ debugName: "helperText" }] : []));
-        this.shouldShowClearButton = computed(() => {
-            return !!(this.clearIcon() && !this.readOnly() && !this.isLoading() && !this.disabled() && this.value() && this.isFocused());
-        }, ...(ngDevMode ? [{ debugName: "shouldShowClearButton" }] : []));
-        effect(() => {
-            if (this.inputRef && (this.maskPreset() || this.maskRegex() || this.maskAdvanced())) {
-                this.initializeMask();
-            }
-            else {
-                this.destroyMask();
-            }
-        });
-    }
-    ngAfterViewInit() {
-        const inputEl = this.inputElement();
-        if (inputEl) {
-            this.inputRef = inputEl.nativeElement;
-            this.initializeMask();
-        }
-    }
-    ngOnDestroy() {
-        this.destroyMask();
-    }
-    // ControlValueAccessor implementation
-    writeValue(value) {
-        this.value.set(value);
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    // Public methods
-    async setFocus() {
-        // IOS needs large timeout value to work
-        const timeoutMs = this.checkMobile() && this.checkIOS() ? 1000 : 200;
-        // IOS fake input hack
-        let fakeInput = this.fakeInputIOSHack(this.elementRef.nativeElement);
-        setTimeout(() => {
-            if (this.inputRef) {
-                this.inputRef.focus();
-            }
-            if (fakeInput) {
-                fakeInput.remove();
-            }
-        }, timeoutMs);
-    }
-    // Event handlers
-    handleMouseEnter() {
-        this.isHovered.set(true);
-    }
-    handleMouseLeave() {
-        this.isHovered.set(false);
-    }
-    handleInputFocus() {
-        this.handleMaskUpdate();
-        this.isFocused.set(true);
-    }
-    handleInputBlur() {
-        this.handleMaskUpdate();
-        this.onTouched();
-        setTimeout(() => {
-            this.isFocused.set(false);
-        }, 150);
-    }
-    handleInputChange(event) {
-        const inputValue = event.target.value;
-        if (this.type() === 'number') {
-            this.handleNumberInputChange(inputValue);
-        }
-        else {
-            this.handleTextInputChange(inputValue);
-        }
-    }
-    handleKeyDown(event) {
-        if (this.type() === 'number') {
-            this.handleBlockInvalidNumber(event);
-        }
-    }
-    handleClearInput() {
-        this.handleMaskUpdate();
-        this.value.set('');
-        if (this.inputRef) {
-            this.inputRef.value = '';
-        }
-        this.valueChange.emit({ value: this.value() });
-        this.inputClear.emit({ value: this.value() });
-        this.onChange(this.value());
-        this.handleMaskUpdate();
-        this.setFocus();
-    }
-    // Private methods
-    handleNumberInputChange(inputValue) {
-        const numericValue = parseFloat(inputValue);
-        if (!isNaN(numericValue)) {
-            this.value.set(numericValue);
-        }
-        else {
-            console.error('Invalid numeric input:', inputValue);
-        }
-        this.valueChange.emit({ value: inputValue });
-    }
-    handleTextInputChange(inputValue) {
-        if (this.maskedInput) {
-            if (this.maskedInput.mask instanceof Date || this.maskedInput.mask === Number) {
-                this.maskedInput.typedValue = inputValue;
-            }
-            this.maskedInput.value = inputValue;
-            this.valueChange.emit({ value: this.maskedInput.value });
-        }
-        else {
-            this.valueChange.emit({ value: inputValue });
-        }
-    }
-    handleBlockInvalidNumber(e) {
-        if (['e', 'E', '+', '-'].includes(e.key)) {
-            e.preventDefault();
-        }
-    }
-    shouldDisplayMask() {
-        return !!(this.maskPreset() || this.maskRegex() || this.maskAdvanced());
-    }
-    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();
-        }
-    }
-    initializePresetMask() {
-        const preset = this.maskPreset();
-        if (!preset)
-            return;
-        const options = maskOptions[preset];
-        if (options && this.inputRef) {
-            this.maskedInput = IMask(this.inputRef, options);
-        }
-        else {
-            console.error(`Mask preset "${preset}" not found.`);
-        }
-    }
-    initializeRegexMask() {
-        const regex = this.maskRegex();
-        if (!regex || !this.inputRef)
-            return;
-        const cleanedRegexString = regex.replace(/^\/|\/[gimsuy]*$/g, '');
-        const flags = (regex.match(/\/[gimsuy]*$/g) || [''])[0].slice(1);
-        this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });
-    }
-    initializeAdvancedMask() {
-        if (!this.inputRef)
-            return;
-        try {
-            const config = typeof this.maskAdvanced() === 'string' ? JSON.parse(this.maskAdvanced()) : this.maskAdvanced();
-            this.maskedInput = IMask(this.inputRef, config);
-        }
-        catch (error) {
-            console.error('Error defining maskAdvanced:', error);
-        }
-    }
-    applyValueToMask() {
-        if (this.maskedInput) {
-            if (this.maskedInput.mask === Date || this.maskedInput.mask === Number) {
-                this.maskedInput.typedValue = this.value();
-            }
-            else {
-                this.maskedInput.value = this.value();
-            }
-            this.handleMaskUpdate();
-        }
-    }
-    clearMaskValue() {
-        if (this.inputRef) {
-            this.inputRef.value = this.value();
-        }
-    }
-    destroyMask() {
-        if (this.maskedInput) {
-            this.maskedInput.destroy();
-            this.maskedInput = undefined;
-        }
-    }
-    handleMaskUpdate() {
-        if (this.maskedInput) {
-            this.maskedInput.updateValue();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CuraInputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: CuraInputTextComponent, isStandalone: true, selector: "cura-input-text", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, inputMode: { classPropertyName: "inputMode", publicName: "inputMode", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, maskPreset: { classPropertyName: "maskPreset", publicName: "maskPreset", isSignal: true, isRequired: false, transformFunction: null }, enableSelectionMode: { classPropertyName: "enableSelectionMode", publicName: "enableSelectionMode", isSignal: true, isRequired: false, transformFunction: null }, maskRegex: { classPropertyName: "maskRegex", publicName: "maskRegex", isSignal: true, isRequired: false, transformFunction: null }, maskAdvanced: { classPropertyName: "maskAdvanced", publicName: "maskAdvanced", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, clearIcon: { classPropertyName: "clearIcon", publicName: "clearIcon", isSignal: true, isRequired: false, transformFunction: null }, hideErrorIcon: { classPropertyName: "hideErrorIcon", publicName: "hideErrorIcon", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange", inputClear: "inputClear" }, host: { attributes: { "role": "textbox" }, properties: { "attr.aria-disabled": "disabled()", "attr.aria-required": "required()", "attr.aria-invalid": "status() === \"error\"" } }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => CuraInputTextComponent),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\r\n  <div class=\"input-wrapper\">\r\n    @if (label()) {\r\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\r\n        {{ label() }}\r\n        @if (required()) {\r\n          <span class=\"required\">*</span>\r\n        }\r\n      </cura-label>\r\n    }\r\n\r\n    <div class=\"cura-input-field\" [style]=\"styles()\">\r\n      @if (iconConfig().icon) {\r\n        <div class=\"feedback-icon\" [style]=\"styles()\">\r\n          <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\r\n        </div>\r\n      }\r\n\r\n      <input\r\n        #inputElement\r\n        [name]=\"name() || ''\"\r\n        [type]=\"type()\"\r\n        [placeholder]=\"placeholder()\"\r\n        [disabled]=\"disabled() || isLoading()\"\r\n        [required]=\"required()\"\r\n        [readonly]=\"readOnly()\"\r\n        [attr.maxlength]=\"maxlength()\"\r\n        [(ngModel)]=\"value\"\r\n        [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\r\n        [autocomplete]=\"autocomplete()\"\r\n        [ngClass]=\"classes()\"\r\n        [style]=\"styles()\"\r\n        (focus)=\"handleInputFocus()\"\r\n        (blur)=\"handleInputBlur()\"\r\n        (input)=\"handleInputChange($event)\"\r\n        (keydown)=\"handleKeyDown($event)\"\r\n      />\r\n\r\n      @if (shouldShowClearButton()) {\r\n        <cura-icon\r\n          [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\r\n          color=\"primary-base\"\r\n          name=\"closeCircle\"\r\n          iconset=\"default\"\r\n          class=\"clear-button\"\r\n          (click)=\"handleClearInput()\"\r\n        >\r\n        </cura-icon>\r\n      }\r\n\r\n      @if (isLoading()) {\r\n        <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\r\n      }\r\n    </div>\r\n\r\n    @if (helperText()) {\r\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\r\n        <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\r\n          <ng-content></ng-content>\r\n        </cura-label>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":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 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:.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:0 12px 0 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:0 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{margin-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.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:.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:0 12px 0 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: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:.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:0 12px 0 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:not(.selection) .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black)!important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:4px 4px 0 0}.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:.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:0 12px 0 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.readOnly[read-only] .cura-input-field,.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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:.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:0 12px 0 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.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.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.transparent{background-color:transparent;padding:0;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);color:var(--primary-base);letter-spacing:.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:0 12px 0 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:0}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0;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;--color-body: var(--neutral-dark) !important}.cura-input-group.transparent.transparent.error cura-label{--color-body: var(--neutral-black) !important}.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);color:var(--primary-base);letter-spacing:.32px;line-height:20px;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:0 12px 0 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}.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:.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:0 12px 0 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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:0 12px 0 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:.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:0 12px 0 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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:0 12px 0 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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CuraInputTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-input-text', imports: [CommonModule, FormsModule, CuraLabelComponent, CuraIconComponent, CuraLoaderCircleComponent], host: {
-                        role: 'textbox',
-                        '[attr.aria-disabled]': 'disabled()',
-                        '[attr.aria-required]': 'required()',
-                        '[attr.aria-invalid]': 'status() === "error"',
-                    }, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => CuraInputTextComponent),
-                            multi: true,
-                        },
-                    ], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\r\n  <div class=\"input-wrapper\">\r\n    @if (label()) {\r\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\r\n        {{ label() }}\r\n        @if (required()) {\r\n          <span class=\"required\">*</span>\r\n        }\r\n      </cura-label>\r\n    }\r\n\r\n    <div class=\"cura-input-field\" [style]=\"styles()\">\r\n      @if (iconConfig().icon) {\r\n        <div class=\"feedback-icon\" [style]=\"styles()\">\r\n          <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\r\n        </div>\r\n      }\r\n\r\n      <input\r\n        #inputElement\r\n        [name]=\"name() || ''\"\r\n        [type]=\"type()\"\r\n        [placeholder]=\"placeholder()\"\r\n        [disabled]=\"disabled() || isLoading()\"\r\n        [required]=\"required()\"\r\n        [readonly]=\"readOnly()\"\r\n        [attr.maxlength]=\"maxlength()\"\r\n        [(ngModel)]=\"value\"\r\n        [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\r\n        [autocomplete]=\"autocomplete()\"\r\n        [ngClass]=\"classes()\"\r\n        [style]=\"styles()\"\r\n        (focus)=\"handleInputFocus()\"\r\n        (blur)=\"handleInputBlur()\"\r\n        (input)=\"handleInputChange($event)\"\r\n        (keydown)=\"handleKeyDown($event)\"\r\n      />\r\n\r\n      @if (shouldShowClearButton()) {\r\n        <cura-icon\r\n          [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\r\n          color=\"primary-base\"\r\n          name=\"closeCircle\"\r\n          iconset=\"default\"\r\n          class=\"clear-button\"\r\n          (click)=\"handleClearInput()\"\r\n        >\r\n        </cura-icon>\r\n      }\r\n\r\n      @if (isLoading()) {\r\n        <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\r\n      }\r\n    </div>\r\n\r\n    @if (helperText()) {\r\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\r\n        <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\r\n          <ng-content></ng-content>\r\n        </cura-label>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":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 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:.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:0 12px 0 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:0 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{margin-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.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:.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:0 12px 0 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: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:.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:0 12px 0 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:not(.selection) .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black)!important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:4px 4px 0 0}.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:.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:0 12px 0 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.readOnly[read-only] .cura-input-field,.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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:.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:0 12px 0 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.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.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.transparent{background-color:transparent;padding:0;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);color:var(--primary-base);letter-spacing:.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:0 12px 0 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:0}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0;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;--color-body: var(--neutral-dark) !important}.cura-input-group.transparent.transparent.error cura-label{--color-body: var(--neutral-black) !important}.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);color:var(--primary-base);letter-spacing:.32px;line-height:20px;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:0 12px 0 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}.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:.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:0 12px 0 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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:0 12px 0 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:.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:0 12px 0 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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:.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:0 12px 0 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:.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:0 12px 0 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}\n"] }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CuraInputTextComponent, maskOptions };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-forms-cura-input-text.mjs.map