npm - @rededor/site-front-end-lib - Versions diffs - 20.0.21 → 20.0.23 - Mend

@rededor/site-front-end-lib 20.0.21 → 20.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

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

@@ -561,7 +561,7 @@ class CuraInputTextComponent {
                 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()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      @if (iconConfig().icon) {\n        <div class=\"feedback-icon\" [style]=\"styles()\">\n          <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n        </div>\n      }\n\n      <input\n        #inputElement\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [type]=\"type()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled() || isLoading()\"\n        [required]=\"required()\"\n        [readonly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [(ngModel)]=\"value\"\n        [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n        [autocomplete]=\"autocomplete()\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleInputFocus()\"\n        (blur)=\"handleInputBlur()\"\n        (input)=\"handleInputChange($event)\"\n        (keydown)=\"handleKeyDown($event)\"\n      />\n\n      @if (shouldShowClearButton()) {\n        <cura-icon\n          [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n          color=\"primary-base\"\n          name=\"closeCircle\"\n          iconset=\"default\"\n          class=\"clear-button\"\n          (click)=\"handleClearInput()\"\n        >\n        </cura-icon>\n      }\n\n      @if (isLoading()) {\n        <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n      }\n    </div>\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n        <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\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"] }] }); }
+        ], 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()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      @if (iconConfig().icon) {\n        <div class=\"feedback-icon\" [style]=\"styles()\">\n          <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n        </div>\n      }\n\n      <input\n        #inputElement\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [type]=\"type()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled() || isLoading()\"\n        [required]=\"required()\"\n        [readonly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [(ngModel)]=\"value\"\n        [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n        [autocomplete]=\"autocomplete()\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleInputFocus()\"\n        (blur)=\"handleInputBlur()\"\n        (input)=\"handleInputChange($event)\"\n        (keydown)=\"handleKeyDown($event)\"\n      />\n\n      @if (shouldShowClearButton()) {\n        <cura-icon\n          [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n          color=\"primary-base\"\n          name=\"closeCircle\"\n          iconset=\"default\"\n          class=\"clear-button\"\n          (click)=\"handleClearInput()\"\n        >\n        </cura-icon>\n      }\n\n      @if (isLoading()) {\n        <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n      }\n    </div>\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n        <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\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:var(--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:var(--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:var(--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:var(--border-radius) var(--border-radius) 0px 0px}.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:var(--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:var(--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:var(--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:var(--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);border-radius:var(--border-radius, 4px);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);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:var(--border-radius, 0)!important;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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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.16", ngImport: i0, type: CuraInputTextComponent, decorators: [{
             type: Component,
@@ -576,7 +576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             useExisting: forwardRef(() => CuraInputTextComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      @if (iconConfig().icon) {\n        <div class=\"feedback-icon\" [style]=\"styles()\">\n          <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n        </div>\n      }\n\n      <input\n        #inputElement\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [type]=\"type()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled() || isLoading()\"\n        [required]=\"required()\"\n        [readonly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [(ngModel)]=\"value\"\n        [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n        [autocomplete]=\"autocomplete()\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleInputFocus()\"\n        (blur)=\"handleInputBlur()\"\n        (input)=\"handleInputChange($event)\"\n        (keydown)=\"handleKeyDown($event)\"\n      />\n\n      @if (shouldShowClearButton()) {\n        <cura-icon\n          [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n          color=\"primary-base\"\n          name=\"closeCircle\"\n          iconset=\"default\"\n          class=\"clear-button\"\n          (click)=\"handleClearInput()\"\n        >\n        </cura-icon>\n      }\n\n      @if (isLoading()) {\n        <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n      }\n    </div>\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n        <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\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"] }]
+                    ], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      @if (iconConfig().icon) {\n        <div class=\"feedback-icon\" [style]=\"styles()\">\n          <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n        </div>\n      }\n\n      <input\n        #inputElement\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [type]=\"type()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled() || isLoading()\"\n        [required]=\"required()\"\n        [readonly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [(ngModel)]=\"value\"\n        [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n        [autocomplete]=\"autocomplete()\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleInputFocus()\"\n        (blur)=\"handleInputBlur()\"\n        (input)=\"handleInputChange($event)\"\n        (keydown)=\"handleKeyDown($event)\"\n      />\n\n      @if (shouldShowClearButton()) {\n        <cura-icon\n          [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n          color=\"primary-base\"\n          name=\"closeCircle\"\n          iconset=\"default\"\n          class=\"clear-button\"\n          (click)=\"handleClearInput()\"\n        >\n        </cura-icon>\n      }\n\n      @if (isLoading()) {\n        <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n      }\n    </div>\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n        <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\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:var(--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:var(--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:var(--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:var(--border-radius) var(--border-radius) 0px 0px}.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:var(--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:var(--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:var(--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:var(--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);border-radius:var(--border-radius, 4px);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);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:var(--border-radius, 0)!important;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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--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: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], inputMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputMode", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], maskPreset: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskPreset", required: false }] }], enableSelectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSelectionMode", required: false }] }], maskRegex: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskRegex", required: false }] }], maskAdvanced: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskAdvanced", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], clearIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearIcon", required: false }] }], hideErrorIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideErrorIcon", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], inputClear: [{ type: i0.Output, args: ["inputClear"] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-input-text.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.definitions.ts","../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.component.html","../../../projects/site-front-end-lib/cura/forms/cura-input-text/rededor-site-front-end-lib-cura-forms-cura-input-text.ts"],"sourcesContent":["/*\n Display mode options for the input text component\n /\nexport type InputTextMode = 'default' \| 'transparent';\n\n/\n Size options for the input text component\n /\nexport type InputTextSize = 'small' \| 'medium' \| 'large';\n\n/\n Status options for the input text component\n /\nexport type InputTextStatus = 'success' \| 'error' \| 'default';\n\n/\n Input type options for the input text component\n /\nexport type InputTextType = 'text' \| 'number' \| 'email' \| 'password' \| 'tel' \| 'url';\n\n/\n Input mode options for the input text component\n /\nexport type InputTextInputMode = 'text' \| 'decimal' \| 'numeric' \| 'tel' \| 'search' \| 'email' \| 'url';\n\n/\n Mask preset options for input formatting\n /\nexport type MaskPreset = 'cpf' \| 'cnpj' \| 'cpf_cnpj' \| 'phone' \| 'date' \| 'dateRange';\n\n/\n Event payload emitted when the input value changes\n /\nexport interface InputTextValueChangeEvent {\n /\n The new value of the input\n /\n value: string \| number;\n}\n\n/\n Event payload emitted when the clear button is clicked\n /\nexport interface InputTextClearEvent {\n /\n The value that was cleared (usually empty string)\n /\n value: string \| number;\n}\n\n/\n Mask options map for IMask library\n /\nexport interface MaskOptionsMap {\n [key: string]: any;\n}\n\n/\n Mask configuration for different presets\n /\nexport const maskOptions: MaskOptionsMap = {\n cpf_cnpj: {\n mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],\n placeholderChar: '_',\n },\n cpf: {\n mask: '000.000.000-00',\n placeholderChar: '_',\n },\n cnpj: {\n mask: '00.000.000/0000-00',\n placeholderChar: '_',\n },\n phone: {\n mask: '(00) 00000-0000',\n blocks: {\n '(00)': {\n mask: '(00)',\n maxLength: 2,\n placeholderChar: '',\n },\n '00000': {\n mask: '00000',\n maxLength: 5,\n placeholderChar: '_',\n },\n '-': {\n mask: '-',\n },\n '0000': {\n mask: '0000',\n maxLength: 4,\n placeholderChar: '_',\n },\n },\n placeholderChar: '_',\n },\n date: {\n mask: '00/00/0000',\n },\n dateRange: {\n mask: '00/00/0000 - 00/00/0000',\n },\n};\n","import {\n Component,\n input,\n output,\n signal,\n computed,\n inject,\n forwardRef,\n ElementRef,\n AfterViewInit,\n OnDestroy,\n viewChild,\n model,\n effect,\n PLATFORM_ID,\n} from '@angular/core';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\nimport IMask, { FactoryArg, InputMask } from 'imask';\nimport {\n InputTextMode,\n InputTextSize,\n InputTextStatus,\n InputTextType,\n InputTextInputMode,\n MaskPreset,\n InputTextValueChangeEvent,\n InputTextClearEvent,\n maskOptions,\n} from './cura-input-text.definitions';\n\n@Component({\n selector: 'cura-input-text',\n imports: [CommonModule, FormsModule, CuraLabelComponent, CuraIconComponent, CuraLoaderCircleComponent],\n templateUrl: './cura-input-text.component.html',\n styleUrls: ['./cura-input-text.component.scss'],\n host: {\n role: 'textbox',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.aria-required]': 'required()',\n '[attr.aria-invalid]': 'status() === \"error\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CuraInputTextComponent),\n multi: true,\n },\n ],\n})\nexport class CuraInputTextComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {\n private curaApi: CuraApiService = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n /\n Mode of the input: 'default' or 'transparent'\n /\n mode = input<InputTextMode>('default');\n\n /\n Status of the input component\n /\n status = input<InputTextStatus>('default');\n\n /\n Size of the input component\n /\n size = input<InputTextSize>('medium');\n\n /\n Type of the input\n /\n type = input<InputTextType>('text');\n\n /\n Input mode for mobile keyboards\n /\n inputMode = input<InputTextInputMode>('text');\n\n /\n Label text for the input\n /\n label = input<string>('');\n\n /\n Name attribute for the input\n /\n name = input<string>('');\n\n /\n Placeholder text for the input\n /\n placeholder = input<string \| null>(null);\n\n /\n Current value of the input\n /\n value = model<string \| number \| any>('');\n\n /\n Icon name to display\n /\n iconName = input<string>('');\n\n /\n Helper text displayed below the input\n /\n // helperText = input<string>(''); // Não está sendo usado\n\n /\n Whether the input is disabled\n /\n disabled = input<boolean>(false);\n\n /\n Whether the input is required\n /\n required = input<boolean>(false);\n\n /\n Mask preset for input formatting\n /\n maskPreset = input<MaskPreset \| undefined>(undefined);\n\n /\n Controls whether the selection functionality is active\n /\n enableSelectionMode = input<boolean>(false);\n\n /\n Regular expression for custom input masking\n /\n maskRegex = input<string \| null>(null);\n\n /\n Advanced mask object for IMask library\n /\n maskAdvanced = input<any \| string \| null>(null);\n\n /\n Maximum length of the input value\n /\n maxlength = input<number \| undefined>(undefined);\n\n /\n Whether the input is read-only\n /\n readOnly = input<boolean>(false);\n\n /\n Whether the input is in loading state\n /\n isLoading = input<boolean>(false);\n\n /\n Whether to show the clear button\n /\n clearIcon = input<boolean>(true);\n\n /\n Removes the error icon when necessary\n /\n hideErrorIcon = input<boolean>(false);\n\n /\n Autocomplete attribute for the input\n /\n autocomplete = input<string>('on');\n\n /\n Event emitted when the value changes\n /\n valueChange = output<InputTextValueChangeEvent>();\n\n /\n Event emitted when the clear button is clicked\n /\n inputClear = output<InputTextClearEvent>();\n\n // Internal state signals\n private isHovered = signal<boolean>(false);\n private isFocused = signal<boolean>(false);\n\n // Form control callbacks\n private onChange = (value: string \| number) => {};\n private onTouched = () => {};\n\n // ViewChild references\n inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n /\n Instance of InputMask is returned when IMask constructor is called.\n /\n maskedInput?: InputMask<FactoryArg>;\n\n private _isWriting = false;\n\n // Reference to input element (equivalent to inputRef in Stencil)\n private inputRef?: HTMLInputElement;\n\n // Utility functions (equivalent to Stencil utils)\n private checkMobile(): boolean {\n if (isPlatformBrowser(this.platformId)) {\n return window?.innerWidth < 768; // Static.breakpoints.medium.min equivalent\n }\n return false;\n }\n\n private checkIOS(): boolean {\n if (isPlatformBrowser(this.platformId)) {\n return (\n ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.userAgent) \|\|\n // iPad on iOS 13 detection\n (navigator.userAgent.includes('Mac') && 'ontouchend' in document)\n );\n }\n return false;\n }\n\n private fakeInputIOSHack(targetElement: HTMLElement): HTMLInputElement \| null {\n if (!this.checkMobile() \|\| !this.checkIOS()) return null;\n const fakeInput = document.createElement('input');\n fakeInput.setAttribute('type', 'text');\n fakeInput.style.position = 'absolute';\n fakeInput.style.opacity = '0';\n fakeInput.style.height = '0';\n fakeInput.style.fontSize = '16px'; // disable auto zoom\n targetElement.prepend(fakeInput);\n // focus so that subsequent async focus will work\n fakeInput.focus();\n return fakeInput;\n }\n\n // Computed styles\n styles = computed(() => {\n const { fonts, colors } = this.curaApi?.theme \|\| { fonts: null, colors: null };\n\n const baseStyles: { [key: string]: string } = {};\n\n if (fonts) {\n const fontWeights = fonts.getWeights();\n baseStyles['--font-weight-medium'] = fontWeights.medium;\n baseStyles['--font-weight-bold'] = fontWeights.bold;\n baseStyles['--font-weight-regular'] = fontWeights.regular;\n baseStyles['--font-color'] = fonts.getColor();\n baseStyles['--font-family'] = fonts.getFamily();\n baseStyles['--font-size'] = fonts.getSize();\n }\n\n if (colors) {\n const colorKeys = [\n 'primary-base',\n 'neutral-purewhite',\n 'neutral-white',\n 'neutral-black',\n 'neutral-medium',\n 'neutral-base',\n 'neutral-dark',\n 'success-dark',\n 'success-darker',\n 'success-lighter',\n 'error-lighter',\n 'error-dark',\n 'error-darker',\n 'error-base',\n 'info-base',\n ];\n\n colorKeys.forEach((key) => {\n baseStyles[`--${key}`] = colors.getColor(key);\n });\n }\n\n return baseStyles;\n });\n\n constructor() {\n effect(() => {\n if (this.inputRef && (this.maskPreset() \|\| this.maskRegex() \|\| this.maskAdvanced())) {\n this.initializeMask();\n } else {\n this.destroyMask();\n }\n });\n }\n\n ngAfterViewInit() {\n const inputEl = this.inputElement();\n if (inputEl) {\n this.inputRef = inputEl.nativeElement;\n this.initializeMask();\n }\n }\n\n ngOnDestroy() {\n this.destroyMask();\n }\n\n // ControlValueAccessor implementation\n writeValue(value: string \| number): void {\n this._isWriting = true;\n try {\n if (this.maskedInput) {\n if (this.maskedInput.mask === Date \|\| this.maskedInput.mask === Number) {\n this.maskedInput.typedValue = value ?? '';\n } else {\n this.maskedInput.value = String(value ?? '');\n }\n this.maskedInput.updateValue();\n this.value.set(this.maskedInput.value);\n } else {\n this.value.set(value ?? '');\n }\n } finally {\n this._isWriting = false;\n }\n }\n\n registerOnChange(fn: (value: string \| number) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n // Public methods\n async setFocus(): Promise<void> {\n // IOS needs large timeout value to work\n const timeoutMs = this.checkMobile() && this.checkIOS() ? 1000 : 200;\n // IOS fake input hack\n let fakeInput = this.fakeInputIOSHack(this.elementRef.nativeElement);\n\n setTimeout(() => {\n if (this.inputRef) {\n this.inputRef.focus();\n }\n if (fakeInput) {\n fakeInput.remove();\n }\n }, timeoutMs);\n }\n\n // Computed signals\n classes = computed(() => ({\n [this.size().toLowerCase()]: this.mode() === 'default',\n disabled: this.disabled(),\n isLoading: this.isLoading(),\n isFocused: this.isFocused() && !this.disabled() && !this.readOnly() && !this.isLoading(),\n isHovered: this.isHovered(),\n [this.status()]: true,\n transparent: this.mode() === 'transparent',\n selection: this.enableSelectionMode(),\n }));\n\n labelColor = computed(() => {\n if (this.disabled()) {\n return 'neutral-medium';\n } else if (this.isLoading() && this.mode() === 'transparent' && !this.isHovered()) {\n return 'neutral-dark';\n } else if (((this.isFocused() \|\| this.isHovered() \|\| this.status() === 'success' \|\| this.status() === 'error') && !this.readOnly()) \|\| this.isHovered()) {\n return 'neutral-black';\n } else {\n return 'neutral-dark';\n }\n });\n\n iconConfig = computed(() => {\n const shouldShowIcon = (() => {\n if (\n (this.iconName() === '' && this.status() === 'default') \|\|\n (this.mode() === 'transparent' && this.isLoading()) \|\|\n (this.mode() === 'transparent' && this.status() === 'default')\n ) {\n return false;\n }\n if (this.status() === 'error' && this.hideErrorIcon()) {\n return false;\n }\n return true;\n })();\n\n if (!shouldShowIcon) {\n return {\n icon: null,\n size: 0,\n };\n }\n\n const iconSizeDefaultMode = this.size() === 'large' ? 20 : 16;\n const size = this.mode() === 'transparent' ? 20 : iconSizeDefaultMode;\n\n const iconMap: { [key: string]: { name: string; color: string } } = {\n loading: { name: this.iconName(), color: 'primary-base' },\n success: { name: 'checkCircle', color: 'success-dark' },\n error: { name: 'alertCircle', color: 'error-dark' },\n default: { name: this.iconName(), color: 'neutral-dark' },\n disabled: { name: this.iconName(), color: 'neutral-medium' },\n };\n\n const icon = iconMap[this.isLoading() ? 'loading' : this.disabled() ? 'disabled' : this.status() \|\| 'default'];\n\n return {\n icon,\n size,\n };\n });\n\n helperText = computed(() => {\n const isError = this.status() === 'error';\n const isSuccess = this.status() === 'success';\n const isDefault = this.status() === 'default';\n const helperTextSize = this.size() === 'large' ? 'small' : 'xsmall';\n\n const colorText = (() => {\n if (this.disabled()) return 'neutral-medium';\n if (this.isLoading()) return 'primary-base';\n if (this.isFocused() \|\| this.isHovered()) return 'neutral-black';\n return 'neutral-dark';\n })();\n\n return {\n size: helperTextSize,\n color: isDefault ? colorText : isError ? (this.mode() === 'transparent' ? 'neutral-black' : 'error-dark') : isSuccess ? 'success-dark' : colorText,\n };\n });\n\n shouldShowClearButton = computed(() => {\n return !!(this.clearIcon() && !this.readOnly() && !this.isLoading() && !this.disabled() && this.value() && this.isFocused());\n });\n\n // Event handlers\n handleMouseEnter(): void {\n this.isHovered.set(true);\n }\n\n handleMouseLeave(): void {\n this.isHovered.set(false);\n }\n\n handleInputFocus(): void {\n this.handleMaskUpdate();\n this.isFocused.set(true);\n }\n\n handleInputBlur(): void {\n this.handleMaskUpdate();\n this.onTouched();\n setTimeout(() => {\n this.isFocused.set(false);\n }, 150);\n }\n\n handleInputChange(event: Event): void {\n const inputValue = (event.target as HTMLInputElement).value;\n\n if (this.type() === 'number') {\n this.handleNumberInputChange(inputValue);\n } else {\n this.handleTextInputChange(inputValue);\n }\n }\n\n handleKeyDown(event: KeyboardEvent): void {\n if (this.type() === 'number') {\n this.handleBlockInvalidNumber(event);\n }\n }\n\n handleClearInput(): void {\n this.handleMaskUpdate();\n this.value.set('');\n if (this.inputRef) {\n this.inputRef.value = '';\n }\n this.valueChange.emit({ value: this.value() });\n this.inputClear.emit({ value: this.value() });\n this.onChange(this.value());\n this.handleMaskUpdate();\n this.setFocus();\n }\n\n // Private methods\n private handleNumberInputChange(inputValue: string): void {\n const numericValue = parseFloat(inputValue);\n if (!isNaN(numericValue)) {\n this.value.set(numericValue);\n } else {\n console.error('Invalid numeric input:', inputValue);\n }\n this.valueChange.emit({ value: inputValue });\n }\n\n private handleTextInputChange(inputValue: string): void {\n if (this.maskedInput) {\n // IMask's own event listener (registered after Angular's) processes the input\n // and fires the 'accept' event which handles signal sync, onChange, and valueChange.\n return;\n }\n this.value.set(inputValue);\n this.onChange(inputValue);\n this.valueChange.emit({ value: inputValue });\n }\n\n private handleBlockInvalidNumber(e: KeyboardEvent): void {\n if (['e', 'E', '+', '-'].includes(e.key)) {\n e.preventDefault();\n }\n }\n\n private shouldDisplayMask(): boolean {\n return !!(this.maskPreset() \|\| this.maskRegex() \|\| this.maskAdvanced());\n }\n\n private initializeMask(): void {\n if (this.shouldDisplayMask()) {\n if (this.maskedInput) {\n this.destroyMask();\n }\n if (this.maskPreset()) {\n this.initializePresetMask();\n } else if (this.maskRegex()) {\n this.initializeRegexMask();\n } else if (this.maskAdvanced()) {\n this.initializeAdvancedMask();\n }\n this.applyValueToMask();\n } else {\n this.clearMaskValue();\n }\n }\n\n initializePresetMask() {\n const preset = this.maskPreset();\n if (!preset) return;\n\n const options = maskOptions[preset];\n\n if (options && this.inputRef) {\n this.maskedInput = IMask(this.inputRef, options);\n this.subscribeToMaskEvents();\n } else {\n console.error(`Mask preset \"${preset}\" not found.`);\n }\n }\n\n initializeRegexMask() {\n const regex = this.maskRegex();\n if (!regex \|\| !this.inputRef) return;\n\n const cleanedRegexString = regex.replace(/^\\/\|\\/[gimsuy]$/g, '');\n const flags = (regex.match(/\\/[gimsuy]$/g) \|\| [''])[0].slice(1);\n this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });\n this.subscribeToMaskEvents();\n }\n\n initializeAdvancedMask() {\n if (!this.inputRef) return;\n\n try {\n const config = typeof this.maskAdvanced() === 'string' ? JSON.parse(this.maskAdvanced()) : this.maskAdvanced();\n this.maskedInput = IMask(this.inputRef, config);\n this.subscribeToMaskEvents();\n } catch (error) {\n console.error('Error defining maskAdvanced:', error);\n }\n }\n\n private subscribeToMaskEvents(): void {\n if (!this.maskedInput) return;\n this.maskedInput.on('accept', () => {\n if (this.maskedInput) {\n this.value.set(this.maskedInput.value);\n if (!this._isWriting) {\n this.onChange(this.maskedInput.value);\n this.valueChange.emit({ value: this.maskedInput.value });\n }\n }\n });\n }\n\n private applyValueToMask(): void {\n if (this.maskedInput) {\n this._isWriting = true;\n try {\n if (this.maskedInput.mask === Date \|\| this.maskedInput.mask === Number) {\n this.maskedInput.typedValue = this.value();\n } else {\n this.maskedInput.value = this.value() as string;\n }\n this.handleMaskUpdate();\n this.value.set(this.maskedInput.value);\n } finally {\n this._isWriting = false;\n }\n }\n }\n\n private clearMaskValue(): void {\n if (this.inputRef) {\n this.inputRef.value = this.value() as string;\n }\n }\n\n private destroyMask(): void {\n if (this.maskedInput) {\n this.maskedInput.destroy();\n this.maskedInput = undefined;\n }\n }\n\n private handleMaskUpdate(): void {\n if (this.maskedInput) {\n this.maskedInput.updateValue();\n }\n }\n}\n","<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\"></span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n @if (iconConfig().icon) {\n <div class=\"feedback-icon\" [style]=\"styles()\">\n <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n </div>\n }\n\n <input\n #inputElement\n [attr.id]=\"name() \|\| null\"\n [attr.name]=\"name() \|\| null\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled() \|\| isLoading()\"\n [required]=\"required()\"\n [readonly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n [autocomplete]=\"autocomplete()\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n (input)=\"handleInputChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n\n @if (shouldShowClearButton()) {\n <cura-icon\n [size]=\"size() === 'large' \|\| mode() === 'transparent' ? 20 : 16\"\n color=\"primary-base\"\n name=\"closeCircle\"\n iconset=\"default\"\n class=\"clear-button\"\n (click)=\"handleClearInput()\"\n >\n </cura-icon>\n }\n\n @if (isLoading()) {\n <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n }\n </div>\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n }\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-input-text.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.definitions.ts","../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.component.html","../../../projects/site-front-end-lib/cura/forms/cura-input-text/rededor-site-front-end-lib-cura-forms-cura-input-text.ts"],"sourcesContent":["/*\n Display mode options for the input text component\n /\nexport type InputTextMode = 'default' \| 'transparent';\n\n/\n Size options for the input text component\n /\nexport type InputTextSize = 'small' \| 'medium' \| 'large';\n\n/\n Status options for the input text component\n /\nexport type InputTextStatus = 'success' \| 'error' \| 'default';\n\n/\n Input type options for the input text component\n /\nexport type InputTextType = 'text' \| 'number' \| 'email' \| 'password' \| 'tel' \| 'url';\n\n/\n Input mode options for the input text component\n /\nexport type InputTextInputMode = 'text' \| 'decimal' \| 'numeric' \| 'tel' \| 'search' \| 'email' \| 'url';\n\n/\n Mask preset options for input formatting\n /\nexport type MaskPreset = 'cpf' \| 'cnpj' \| 'cpf_cnpj' \| 'phone' \| 'date' \| 'dateRange';\n\n/\n Event payload emitted when the input value changes\n /\nexport interface InputTextValueChangeEvent {\n /\n The new value of the input\n /\n value: string \| number;\n}\n\n/\n Event payload emitted when the clear button is clicked\n /\nexport interface InputTextClearEvent {\n /\n The value that was cleared (usually empty string)\n /\n value: string \| number;\n}\n\n/\n Mask options map for IMask library\n /\nexport interface MaskOptionsMap {\n [key: string]: any;\n}\n\n/\n Mask configuration for different presets\n /\nexport const maskOptions: MaskOptionsMap = {\n cpf_cnpj: {\n mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],\n placeholderChar: '_',\n },\n cpf: {\n mask: '000.000.000-00',\n placeholderChar: '_',\n },\n cnpj: {\n mask: '00.000.000/0000-00',\n placeholderChar: '_',\n },\n phone: {\n mask: '(00) 00000-0000',\n blocks: {\n '(00)': {\n mask: '(00)',\n maxLength: 2,\n placeholderChar: '',\n },\n '00000': {\n mask: '00000',\n maxLength: 5,\n placeholderChar: '_',\n },\n '-': {\n mask: '-',\n },\n '0000': {\n mask: '0000',\n maxLength: 4,\n placeholderChar: '_',\n },\n },\n placeholderChar: '_',\n },\n date: {\n mask: '00/00/0000',\n },\n dateRange: {\n mask: '00/00/0000 - 00/00/0000',\n },\n};\n","import {\n Component,\n input,\n output,\n signal,\n computed,\n inject,\n forwardRef,\n ElementRef,\n AfterViewInit,\n OnDestroy,\n viewChild,\n model,\n effect,\n PLATFORM_ID,\n} from '@angular/core';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\nimport IMask, { FactoryArg, InputMask } from 'imask';\nimport {\n InputTextMode,\n InputTextSize,\n InputTextStatus,\n InputTextType,\n InputTextInputMode,\n MaskPreset,\n InputTextValueChangeEvent,\n InputTextClearEvent,\n maskOptions,\n} from './cura-input-text.definitions';\n\n@Component({\n selector: 'cura-input-text',\n imports: [CommonModule, FormsModule, CuraLabelComponent, CuraIconComponent, CuraLoaderCircleComponent],\n templateUrl: './cura-input-text.component.html',\n styleUrls: ['./cura-input-text.component.scss'],\n host: {\n role: 'textbox',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.aria-required]': 'required()',\n '[attr.aria-invalid]': 'status() === \"error\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CuraInputTextComponent),\n multi: true,\n },\n ],\n})\nexport class CuraInputTextComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {\n private curaApi: CuraApiService = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n /\n Mode of the input: 'default' or 'transparent'\n /\n mode = input<InputTextMode>('default');\n\n /\n Status of the input component\n /\n status = input<InputTextStatus>('default');\n\n /\n Size of the input component\n /\n size = input<InputTextSize>('medium');\n\n /\n Type of the input\n /\n type = input<InputTextType>('text');\n\n /\n Input mode for mobile keyboards\n /\n inputMode = input<InputTextInputMode>('text');\n\n /\n Label text for the input\n /\n label = input<string>('');\n\n /\n Name attribute for the input\n /\n name = input<string>('');\n\n /\n Placeholder text for the input\n /\n placeholder = input<string \| null>(null);\n\n /\n Current value of the input\n /\n value = model<string \| number \| any>('');\n\n /\n Icon name to display\n /\n iconName = input<string>('');\n\n /\n Helper text displayed below the input\n /\n // helperText = input<string>(''); // Não está sendo usado\n\n /\n Whether the input is disabled\n /\n disabled = input<boolean>(false);\n\n /\n Whether the input is required\n /\n required = input<boolean>(false);\n\n /\n Mask preset for input formatting\n /\n maskPreset = input<MaskPreset \| undefined>(undefined);\n\n /\n Controls whether the selection functionality is active\n /\n enableSelectionMode = input<boolean>(false);\n\n /\n Regular expression for custom input masking\n /\n maskRegex = input<string \| null>(null);\n\n /\n Advanced mask object for IMask library\n /\n maskAdvanced = input<any \| string \| null>(null);\n\n /\n Maximum length of the input value\n /\n maxlength = input<number \| undefined>(undefined);\n\n /\n Whether the input is read-only\n /\n readOnly = input<boolean>(false);\n\n /\n Whether the input is in loading state\n /\n isLoading = input<boolean>(false);\n\n /\n Whether to show the clear button\n /\n clearIcon = input<boolean>(true);\n\n /\n Removes the error icon when necessary\n /\n hideErrorIcon = input<boolean>(false);\n\n /\n Autocomplete attribute for the input\n /\n autocomplete = input<string>('on');\n\n /\n Event emitted when the value changes\n /\n valueChange = output<InputTextValueChangeEvent>();\n\n /\n Event emitted when the clear button is clicked\n /\n inputClear = output<InputTextClearEvent>();\n\n // Internal state signals\n private isHovered = signal<boolean>(false);\n private isFocused = signal<boolean>(false);\n\n // Form control callbacks\n private onChange = (value: string \| number) => {};\n private onTouched = () => {};\n\n // ViewChild references\n inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n /\n Instance of InputMask is returned when IMask constructor is called.\n /\n maskedInput?: InputMask<FactoryArg>;\n\n private _isWriting = false;\n\n // Reference to input element (equivalent to inputRef in Stencil)\n private inputRef?: HTMLInputElement;\n\n // Utility functions (equivalent to Stencil utils)\n private checkMobile(): boolean {\n if (isPlatformBrowser(this.platformId)) {\n return window?.innerWidth < 768; // Static.breakpoints.medium.min equivalent\n }\n return false;\n }\n\n private checkIOS(): boolean {\n if (isPlatformBrowser(this.platformId)) {\n return (\n ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.userAgent) \|\|\n // iPad on iOS 13 detection\n (navigator.userAgent.includes('Mac') && 'ontouchend' in document)\n );\n }\n return false;\n }\n\n private fakeInputIOSHack(targetElement: HTMLElement): HTMLInputElement \| null {\n if (!this.checkMobile() \|\| !this.checkIOS()) return null;\n const fakeInput = document.createElement('input');\n fakeInput.setAttribute('type', 'text');\n fakeInput.style.position = 'absolute';\n fakeInput.style.opacity = '0';\n fakeInput.style.height = '0';\n fakeInput.style.fontSize = '16px'; // disable auto zoom\n targetElement.prepend(fakeInput);\n // focus so that subsequent async focus will work\n fakeInput.focus();\n return fakeInput;\n }\n\n // Computed styles\n styles = computed(() => {\n const { fonts, colors } = this.curaApi?.theme \|\| { fonts: null, colors: null };\n\n const baseStyles: { [key: string]: string } = {};\n\n if (fonts) {\n const fontWeights = fonts.getWeights();\n baseStyles['--font-weight-medium'] = fontWeights.medium;\n baseStyles['--font-weight-bold'] = fontWeights.bold;\n baseStyles['--font-weight-regular'] = fontWeights.regular;\n baseStyles['--font-color'] = fonts.getColor();\n baseStyles['--font-family'] = fonts.getFamily();\n baseStyles['--font-size'] = fonts.getSize();\n }\n\n if (colors) {\n const colorKeys = [\n 'primary-base',\n 'neutral-purewhite',\n 'neutral-white',\n 'neutral-black',\n 'neutral-medium',\n 'neutral-base',\n 'neutral-dark',\n 'success-dark',\n 'success-darker',\n 'success-lighter',\n 'error-lighter',\n 'error-dark',\n 'error-darker',\n 'error-base',\n 'info-base',\n ];\n\n colorKeys.forEach((key) => {\n baseStyles[`--${key}`] = colors.getColor(key);\n });\n }\n\n return baseStyles;\n });\n\n constructor() {\n effect(() => {\n if (this.inputRef && (this.maskPreset() \|\| this.maskRegex() \|\| this.maskAdvanced())) {\n this.initializeMask();\n } else {\n this.destroyMask();\n }\n });\n }\n\n ngAfterViewInit() {\n const inputEl = this.inputElement();\n if (inputEl) {\n this.inputRef = inputEl.nativeElement;\n this.initializeMask();\n }\n }\n\n ngOnDestroy() {\n this.destroyMask();\n }\n\n // ControlValueAccessor implementation\n writeValue(value: string \| number): void {\n this._isWriting = true;\n try {\n if (this.maskedInput) {\n if (this.maskedInput.mask === Date \|\| this.maskedInput.mask === Number) {\n this.maskedInput.typedValue = value ?? '';\n } else {\n this.maskedInput.value = String(value ?? '');\n }\n this.maskedInput.updateValue();\n this.value.set(this.maskedInput.value);\n } else {\n this.value.set(value ?? '');\n }\n } finally {\n this._isWriting = false;\n }\n }\n\n registerOnChange(fn: (value: string \| number) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n // Public methods\n async setFocus(): Promise<void> {\n // IOS needs large timeout value to work\n const timeoutMs = this.checkMobile() && this.checkIOS() ? 1000 : 200;\n // IOS fake input hack\n let fakeInput = this.fakeInputIOSHack(this.elementRef.nativeElement);\n\n setTimeout(() => {\n if (this.inputRef) {\n this.inputRef.focus();\n }\n if (fakeInput) {\n fakeInput.remove();\n }\n }, timeoutMs);\n }\n\n // Computed signals\n classes = computed(() => ({\n [this.size().toLowerCase()]: this.mode() === 'default',\n disabled: this.disabled(),\n isLoading: this.isLoading(),\n isFocused: this.isFocused() && !this.disabled() && !this.readOnly() && !this.isLoading(),\n isHovered: this.isHovered(),\n [this.status()]: true,\n transparent: this.mode() === 'transparent',\n selection: this.enableSelectionMode(),\n }));\n\n labelColor = computed(() => {\n if (this.disabled()) {\n return 'neutral-medium';\n } else if (this.isLoading() && this.mode() === 'transparent' && !this.isHovered()) {\n return 'neutral-dark';\n } else if (((this.isFocused() \|\| this.isHovered() \|\| this.status() === 'success' \|\| this.status() === 'error') && !this.readOnly()) \|\| this.isHovered()) {\n return 'neutral-black';\n } else {\n return 'neutral-dark';\n }\n });\n\n iconConfig = computed(() => {\n const shouldShowIcon = (() => {\n if (\n (this.iconName() === '' && this.status() === 'default') \|\|\n (this.mode() === 'transparent' && this.isLoading()) \|\|\n (this.mode() === 'transparent' && this.status() === 'default')\n ) {\n return false;\n }\n if (this.status() === 'error' && this.hideErrorIcon()) {\n return false;\n }\n return true;\n })();\n\n if (!shouldShowIcon) {\n return {\n icon: null,\n size: 0,\n };\n }\n\n const iconSizeDefaultMode = this.size() === 'large' ? 20 : 16;\n const size = this.mode() === 'transparent' ? 20 : iconSizeDefaultMode;\n\n const iconMap: { [key: string]: { name: string; color: string } } = {\n loading: { name: this.iconName(), color: 'primary-base' },\n success: { name: 'checkCircle', color: 'success-dark' },\n error: { name: 'alertCircle', color: 'error-dark' },\n default: { name: this.iconName(), color: 'neutral-dark' },\n disabled: { name: this.iconName(), color: 'neutral-medium' },\n };\n\n const icon = iconMap[this.isLoading() ? 'loading' : this.disabled() ? 'disabled' : this.status() \|\| 'default'];\n\n return {\n icon,\n size,\n };\n });\n\n helperText = computed(() => {\n const isError = this.status() === 'error';\n const isSuccess = this.status() === 'success';\n const isDefault = this.status() === 'default';\n const helperTextSize = this.size() === 'large' ? 'small' : 'xsmall';\n\n const colorText = (() => {\n if (this.disabled()) return 'neutral-medium';\n if (this.isLoading()) return 'primary-base';\n if (this.isFocused() \|\| this.isHovered()) return 'neutral-black';\n return 'neutral-dark';\n })();\n\n return {\n size: helperTextSize,\n color: isDefault ? colorText : isError ? (this.mode() === 'transparent' ? 'neutral-black' : 'error-dark') : isSuccess ? 'success-dark' : colorText,\n };\n });\n\n shouldShowClearButton = computed(() => {\n return !!(this.clearIcon() && !this.readOnly() && !this.isLoading() && !this.disabled() && this.value() && this.isFocused());\n });\n\n // Event handlers\n handleMouseEnter(): void {\n this.isHovered.set(true);\n }\n\n handleMouseLeave(): void {\n this.isHovered.set(false);\n }\n\n handleInputFocus(): void {\n this.handleMaskUpdate();\n this.isFocused.set(true);\n }\n\n handleInputBlur(): void {\n this.handleMaskUpdate();\n this.onTouched();\n setTimeout(() => {\n this.isFocused.set(false);\n }, 150);\n }\n\n handleInputChange(event: Event): void {\n const inputValue = (event.target as HTMLInputElement).value;\n\n if (this.type() === 'number') {\n this.handleNumberInputChange(inputValue);\n } else {\n this.handleTextInputChange(inputValue);\n }\n }\n\n handleKeyDown(event: KeyboardEvent): void {\n if (this.type() === 'number') {\n this.handleBlockInvalidNumber(event);\n }\n }\n\n handleClearInput(): void {\n this.handleMaskUpdate();\n this.value.set('');\n if (this.inputRef) {\n this.inputRef.value = '';\n }\n this.valueChange.emit({ value: this.value() });\n this.inputClear.emit({ value: this.value() });\n this.onChange(this.value());\n this.handleMaskUpdate();\n this.setFocus();\n }\n\n // Private methods\n private handleNumberInputChange(inputValue: string): void {\n const numericValue = parseFloat(inputValue);\n if (!isNaN(numericValue)) {\n this.value.set(numericValue);\n } else {\n console.error('Invalid numeric input:', inputValue);\n }\n this.valueChange.emit({ value: inputValue });\n }\n\n private handleTextInputChange(inputValue: string): void {\n if (this.maskedInput) {\n // IMask's own event listener (registered after Angular's) processes the input\n // and fires the 'accept' event which handles signal sync, onChange, and valueChange.\n return;\n }\n this.value.set(inputValue);\n this.onChange(inputValue);\n this.valueChange.emit({ value: inputValue });\n }\n\n private handleBlockInvalidNumber(e: KeyboardEvent): void {\n if (['e', 'E', '+', '-'].includes(e.key)) {\n e.preventDefault();\n }\n }\n\n private shouldDisplayMask(): boolean {\n return !!(this.maskPreset() \|\| this.maskRegex() \|\| this.maskAdvanced());\n }\n\n private initializeMask(): void {\n if (this.shouldDisplayMask()) {\n if (this.maskedInput) {\n this.destroyMask();\n }\n if (this.maskPreset()) {\n this.initializePresetMask();\n } else if (this.maskRegex()) {\n this.initializeRegexMask();\n } else if (this.maskAdvanced()) {\n this.initializeAdvancedMask();\n }\n this.applyValueToMask();\n } else {\n this.clearMaskValue();\n }\n }\n\n initializePresetMask() {\n const preset = this.maskPreset();\n if (!preset) return;\n\n const options = maskOptions[preset];\n\n if (options && this.inputRef) {\n this.maskedInput = IMask(this.inputRef, options);\n this.subscribeToMaskEvents();\n } else {\n console.error(`Mask preset \"${preset}\" not found.`);\n }\n }\n\n initializeRegexMask() {\n const regex = this.maskRegex();\n if (!regex \|\| !this.inputRef) return;\n\n const cleanedRegexString = regex.replace(/^\\/\|\\/[gimsuy]$/g, '');\n const flags = (regex.match(/\\/[gimsuy]$/g) \|\| [''])[0].slice(1);\n this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });\n this.subscribeToMaskEvents();\n }\n\n initializeAdvancedMask() {\n if (!this.inputRef) return;\n\n try {\n const config = typeof this.maskAdvanced() === 'string' ? JSON.parse(this.maskAdvanced()) : this.maskAdvanced();\n this.maskedInput = IMask(this.inputRef, config);\n this.subscribeToMaskEvents();\n } catch (error) {\n console.error('Error defining maskAdvanced:', error);\n }\n }\n\n private subscribeToMaskEvents(): void {\n if (!this.maskedInput) return;\n this.maskedInput.on('accept', () => {\n if (this.maskedInput) {\n this.value.set(this.maskedInput.value);\n if (!this._isWriting) {\n this.onChange(this.maskedInput.value);\n this.valueChange.emit({ value: this.maskedInput.value });\n }\n }\n });\n }\n\n private applyValueToMask(): void {\n if (this.maskedInput) {\n this._isWriting = true;\n try {\n if (this.maskedInput.mask === Date \|\| this.maskedInput.mask === Number) {\n this.maskedInput.typedValue = this.value();\n } else {\n this.maskedInput.value = this.value() as string;\n }\n this.handleMaskUpdate();\n this.value.set(this.maskedInput.value);\n } finally {\n this._isWriting = false;\n }\n }\n }\n\n private clearMaskValue(): void {\n if (this.inputRef) {\n this.inputRef.value = this.value() as string;\n }\n }\n\n private destroyMask(): void {\n if (this.maskedInput) {\n this.maskedInput.destroy();\n this.maskedInput = undefined;\n }\n }\n\n private handleMaskUpdate(): void {\n if (this.maskedInput) {\n this.maskedInput.updateValue();\n }\n }\n}\n","<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\"></span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n @if (iconConfig().icon) {\n <div class=\"feedback-icon\" [style]=\"styles()\">\n <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n </div>\n }\n\n <input\n #inputElement\n [attr.id]=\"name() \|\| null\"\n [attr.name]=\"name() \|\| null\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled() \|\| isLoading()\"\n [required]=\"required()\"\n [readonly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n [autocomplete]=\"autocomplete()\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n (input)=\"handleInputChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n\n @if (shouldShowClearButton()) {\n <cura-icon\n [size]=\"size() === 'large' \|\| mode() === 'transparent' ? 20 : 16\"\n color=\"primary-base\"\n name=\"closeCircle\"\n iconset=\"default\"\n class=\"clear-button\"\n (click)=\"handleClearInput()\"\n >\n </cura-icon>\n }\n\n @if (isLoading()) {\n <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n }\n </div>\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n }\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs CHANGED Viewed

@@ -216,7 +216,7 @@ class CuraRadioComponent {
                 useExisting: forwardRef(() => CuraRadioComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n  <div class=\"info\">\n    <div class=\"label-wrapper\">\n      <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n        {{ label() }}\n      </cura-label>\n\n      @if (required()) {\n        <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n      }\n    </div>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <input\n    type=\"radio\"\n    [class]=\"'radio ' + size().toLowerCase()\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [required]=\"required()\"\n    [tabIndex]=\"ontabindex()\"\n    [disabled]=\"disabled()\"\n    [checked]=\"checked()\"\n  />\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color .3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio:after{content:\"\";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity .3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base)!important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base)!important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio:after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter)!important;border-color:var(--success-base)!important}:host .success.checked .radio:hover:after{background:var(--success-base)!important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base)!important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio:after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter)!important;border-color:var(--error-base)!important}:host .error.checked .radio:hover:after{background:var(--error-base)!important}:host .checked .radio:after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light)!important}:host .checked .radio:hover:after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio:after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base)!important;background:var(--primary-darker-neutral-white)!important}:host .disabled.checked .radio:after{background:var(--primary-base-neutral-base)!important}:host .label.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}:host .message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}:host .square .radio{border-radius:0}:host .square .radio:after{border-radius:0;width:75%;height:75%}:host .square.error.checked .radio{background:var(--error-base);border-color:var(--error-base)}:host .square.error.checked .radio:hover{background:var(--error-base)!important;border-color:var(--error-base)!important}:host .square.error.checked .radio:hover:after{opacity:0}:host .square.disabled.checked .radio{background:var(--primary-base-neutral-base)!important;border-color:var(--primary-base-neutral-base)!important}:host .square.disabled.checked .radio:after{opacity:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+        ], ngImport: i0, template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n  <div class=\"info\">\n    <div class=\"label-wrapper\">\n      <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n        {{ label() }}\n      </cura-label>\n\n      @if (required()) {\n        <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n      }\n    </div>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <input\n    type=\"radio\"\n    [class]=\"'radio ' + size().toLowerCase()\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [required]=\"required()\"\n    [tabIndex]=\"ontabindex()\"\n    [disabled]=\"disabled()\"\n    [checked]=\"checked()\"\n  />\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color .3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio:after{content:\"\";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity .3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base)!important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base)!important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio:after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter)!important;border-color:var(--success-base)!important}:host .success.checked .radio:hover:after{background:var(--success-base)!important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base)!important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio:after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter)!important;border-color:var(--error-base)!important}:host .error.checked .radio:hover:after{background:var(--error-base)!important}:host .checked .radio:after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light)!important}:host .checked .radio:hover:after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio:after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base)!important;background:var(--primary-darker-neutral-white)!important}:host .disabled.checked .radio:after{background:var(--primary-base-neutral-base)!important}:host .label.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}:host .message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}:host .square .radio{border-radius:0}:host .square .radio:after{border-radius:0;width:70%;height:70%}:host .square.error.checked .radio{background:var(--error-base);border-color:var(--error-base)}:host .square.error.checked .radio:hover{background:var(--error-base)!important;border-color:var(--error-base)!important}:host .square.error.checked .radio:hover:after{opacity:0}:host .square.disabled.checked .radio{background:var(--primary-base-neutral-base)!important;border-color:var(--primary-base-neutral-base)!important}:host .square.disabled.checked .radio:after{opacity:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraRadioComponent, decorators: [{
             type: Component,
@@ -232,7 +232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             useExisting: forwardRef(() => CuraRadioComponent),
                             multi: true,
                         },
-                    ], template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n  <div class=\"info\">\n    <div class=\"label-wrapper\">\n      <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n        {{ label() }}\n      </cura-label>\n\n      @if (required()) {\n        <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n      }\n    </div>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <input\n    type=\"radio\"\n    [class]=\"'radio ' + size().toLowerCase()\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [required]=\"required()\"\n    [tabIndex]=\"ontabindex()\"\n    [disabled]=\"disabled()\"\n    [checked]=\"checked()\"\n  />\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color .3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio:after{content:\"\";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity .3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base)!important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base)!important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio:after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter)!important;border-color:var(--success-base)!important}:host .success.checked .radio:hover:after{background:var(--success-base)!important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base)!important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio:after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter)!important;border-color:var(--error-base)!important}:host .error.checked .radio:hover:after{background:var(--error-base)!important}:host .checked .radio:after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light)!important}:host .checked .radio:hover:after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio:after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base)!important;background:var(--primary-darker-neutral-white)!important}:host .disabled.checked .radio:after{background:var(--primary-base-neutral-base)!important}:host .label.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}:host .message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}:host .square .radio{border-radius:0}:host .square .radio:after{border-radius:0;width:75%;height:75%}:host .square.error.checked .radio{background:var(--error-base);border-color:var(--error-base)}:host .square.error.checked .radio:hover{background:var(--error-base)!important;border-color:var(--error-base)!important}:host .square.error.checked .radio:hover:after{opacity:0}:host .square.disabled.checked .radio{background:var(--primary-base-neutral-base)!important;border-color:var(--primary-base-neutral-base)!important}:host .square.disabled.checked .radio:after{opacity:0!important}\n"] }]
+                    ], template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"handleClick()\">\n  <div class=\"info\">\n    <div class=\"label-wrapper\">\n      <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n        {{ label() }}\n      </cura-label>\n\n      @if (required()) {\n        <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n      }\n    </div>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <input\n    type=\"radio\"\n    [class]=\"'radio ' + size().toLowerCase()\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [required]=\"required()\"\n    [tabIndex]=\"ontabindex()\"\n    [disabled]=\"disabled()\"\n    [checked]=\"checked()\"\n  />\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color .3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio:after{content:\"\";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity .3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base)!important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base)!important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio:after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter)!important;border-color:var(--success-base)!important}:host .success.checked .radio:hover:after{background:var(--success-base)!important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base)!important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio:after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter)!important;border-color:var(--error-base)!important}:host .error.checked .radio:hover:after{background:var(--error-base)!important}:host .checked .radio:after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light)!important}:host .checked .radio:hover:after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio:after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base)!important;background:var(--primary-darker-neutral-white)!important}:host .disabled.checked .radio:after{background:var(--primary-base-neutral-base)!important}:host .label.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}:host .message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}:host .square .radio{border-radius:0}:host .square .radio:after{border-radius:0;width:70%;height:70%}:host .square.error.checked .radio{background:var(--error-base);border-color:var(--error-base)}:host .square.error.checked .radio:hover{background:var(--error-base)!important;border-color:var(--error-base)!important}:host .square.error.checked .radio:hover:after{opacity:0}:host .square.disabled.checked .radio{background:var(--primary-base-neutral-base)!important;border-color:var(--primary-base-neutral-base)!important}:host .square.disabled.checked .radio:after{opacity:0!important}\n"] }]
         }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ontabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "ontabindex", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], isSquare: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSquare", required: false }] }], overflowLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowLabel", required: false }] }], overflowHelper: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowHelper", required: false }] }], onchange: [{ type: i0.Output, args: ["onchange"] }] } });
 /**

package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs CHANGED Viewed

@@ -102,7 +102,7 @@ class CuraSelectStateComponent {
                 useExisting: forwardRef(() => CuraSelectStateComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<cura-select\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [status]=\"status()\"\n  [(value)]=\"value\"\n  (selected)=\"handleSelected($event)\"\n>\n  @for (state of states(); track state.value) {\n    <cura-select-option [value]=\"state.value\">{{ state.label }}</cura-select-option>\n  }\n</cura-select>\n", dependencies: [{ kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }] }); }
+        ], ngImport: i0, template: "<cura-select\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [status]=\"status()\"\n  [(value)]=\"value\"\n  (selected)=\"handleSelected($event)\"\n>\n  @for (state of states(); track state.value) {\n    <cura-select-option [value]=\"state.value\">{{ state.label }}</cura-select-option>\n  }\n</cura-select>\n", dependencies: [{ kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["name", "label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraSelectStateComponent, decorators: [{
             type: Component,