myrta-ui 1.1.4 → 1.1.5

package/esm2020/lib/components/form/input-text/input-text.component.mjs

@@ -129,7 +129,7 @@ InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => InputTextComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"mrx-input-text\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n  [class.mrx-input-text-with-icon]=\"icon\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [mrxCdkTooltip]=\"getTooltipValue\"\r\n  [tooltipPosition]=\"'top-start'\"\r\n>\r\n  <div class=\"mrx-input-text__wrapper\">\r\n    <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n    <input\r\n      autocomplete=\"nope\"\r\n      #inputElement\r\n      [type]=\"'text'\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"updateSelection($event)\"\r\n      [attr.title]=\"placeholder || ''\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readonly\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      [mask]=\"mask\"\r\n      [prefix]=\"maskPrefix\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n    />\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text.mrx-input-text{width:100%;position:relative}.mrx-input-text.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s}.mrx-input-text.mrx-input-text input:focus,.mrx-input-text.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text.mrx-input-text input::-webkit-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input::-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input:-ms-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input:-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-sm input{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: i1.CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }, { type: i2.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i4.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i6.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"mrx-input-text\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n  [class.mrx-input-text-with-icon]=\"icon\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [mrxCdkTooltip]=\"getTooltipValue\"\r\n  [tooltipPosition]=\"'top-start'\"\r\n>\r\n  <div class=\"mrx-input-text__wrapper\">\r\n    <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n    <input\r\n      autocomplete=\"nope\"\r\n      #inputElement\r\n      [type]=\"'text'\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"updateSelection($event)\"\r\n      [attr.title]=\"placeholder || ''\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readonly\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      [mask]=\"mask\"\r\n      [prefix]=\"maskPrefix\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n    />\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text{width:100%;position:relative}.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;color:var(--neutral-text-primary, #262626);transition:outline-width .2s,border .2s}.mrx-input-text input:focus,.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text input::-webkit-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input::-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input:-ms-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input:-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text-sm input{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: i1.CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }, { type: i2.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i4.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i6.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-input-text', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -138,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => InputTextComponent),
                             multi: true,
                         },
-                    ], template: "<div\r\n  class=\"mrx-input-text\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n  [class.mrx-input-text-with-icon]=\"icon\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [mrxCdkTooltip]=\"getTooltipValue\"\r\n  [tooltipPosition]=\"'top-start'\"\r\n>\r\n  <div class=\"mrx-input-text__wrapper\">\r\n    <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n    <input\r\n      autocomplete=\"nope\"\r\n      #inputElement\r\n      [type]=\"'text'\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"updateSelection($event)\"\r\n      [attr.title]=\"placeholder || ''\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readonly\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      [mask]=\"mask\"\r\n      [prefix]=\"maskPrefix\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n    />\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text.mrx-input-text{width:100%;position:relative}.mrx-input-text.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s}.mrx-input-text.mrx-input-text input:focus,.mrx-input-text.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text.mrx-input-text input::-webkit-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input::-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input:-ms-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input:-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-sm input{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626)}\n"] }]
+                    ], template: "<div\r\n  class=\"mrx-input-text\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n  [class.mrx-input-text-with-icon]=\"icon\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [mrxCdkTooltip]=\"getTooltipValue\"\r\n  [tooltipPosition]=\"'top-start'\"\r\n>\r\n  <div class=\"mrx-input-text__wrapper\">\r\n    <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n    <input\r\n      autocomplete=\"nope\"\r\n      #inputElement\r\n      [type]=\"'text'\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"updateSelection($event)\"\r\n      [attr.title]=\"placeholder || ''\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readonly\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      [mask]=\"mask\"\r\n      [prefix]=\"maskPrefix\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n    />\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text{width:100%;position:relative}.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;color:var(--neutral-text-primary, #262626);transition:outline-width .2s,border .2s}.mrx-input-text input:focus,.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text input::-webkit-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input::-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input:-ms-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input:-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text-sm input{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626)}\n"] }]
         }], propDecorators: { fields: [{
                 type: Input
             }], disabled: [{

package/esm2020/lib/components/form/switch/switch.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewChild, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { SwitchSizeEnum, SwitchTypeEnum } from './switch.enum';
 import { v4 as uuidv4 } from 'uuid';
@@ -30,6 +30,18 @@ export class SwitchComponent {
     get getClasses() {
         return `${SwitchSizeEnum[this.size]} ${SwitchTypeEnum[this.type]} ${this.customClasses}`;
     }
+    ngAfterViewChecked() {
+        // console.log(this.ref)
+    }
+    get t() {
+        console.log(this.ref);
+        if (this.ref == undefined || this.ref.nativeElement.innerHTML == '') {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
     registerOnChange(fn) {
         this.onChange = fn;
     }
@@ -57,7 +69,7 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             useExisting: forwardRef(() => SwitchComponent),
             multi: true,
         },
-    ], ngImport: i0, template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n\r\n    <ng-container *ngSwitchCase=\"'toggle'\">\r\n      <p\r\n        class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n      >\r\n        {{ leftText }}\r\n      </p>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n      </label>\r\n      <p\r\n        class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n      >\r\n        {{ rightText }}\r\n      </p>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n\r\n        <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n          {{label}}\r\n          <ng-content></ng-content>\r\n        </p>\r\n      </label>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:20px;height:var(--sizing-4);width:var(--sizing-6);min-width:var(--sizing-6);margin-top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-3);height:var(--sizing-3);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-2))}.mrx-switch.mrx-switch.mrx-switch-default .mrx-switch-checkbox{display:inline-flex;align-items:flex-start}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch-checkbox{display:inline-flex;align-items:center}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch__trigger{white-space:nowrap}.mrx-switch.mrx-switch .mrx-switch__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .mrx-switch__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}\n"], components: [{ type: i1.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n\r\n    <ng-container *ngSwitchCase=\"'toggle'\">\r\n      <p\r\n        class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n      >\r\n        {{ leftText }}\r\n      </p>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n      </label>\r\n      <p\r\n        class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n      >\r\n        {{ rightText }}\r\n      </p>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n\r\n        <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n          {{label}}\r\n          <ng-content></ng-content>\r\n        </p>\r\n      </label>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:20px;height:var(--sizing-4);width:var(--sizing-6);min-width:var(--sizing-6);margin-top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-3);height:var(--sizing-3);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-2))}.mrx-switch.mrx-switch.mrx-switch-default .mrx-switch-checkbox{display:inline-flex;align-items:flex-start}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch-checkbox{display:inline-flex;align-items:center}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch__trigger{white-space:nowrap}.mrx-switch.mrx-switch .mrx-switch__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .mrx-switch__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}\n"], components: [{ type: i1.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-switch', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -93,5 +105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Output
             }], modelChange: [{
                 type: Output
+            }], ref: [{
+                type: ViewChild,
+                args: ['ref']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3N3aXRjaC9zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vc3dpdGNoL3N3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFDTCxjQUFjLEVBRWQsY0FBYyxFQUlmLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxFQUFFLElBQUksTUFBTSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7OztBQWdCcEMsTUFBTSxPQUFPLGVBQWU7SUFiNUI7UUFjUyxVQUFLLEdBQXFCLEtBQUssQ0FBQztRQUV2QyxhQUFhO1FBQ04sU0FBSSxHQUFXLE1BQU0sRUFBRSxDQUFBO1FBQ2QsV0FBTSxHQUFZLEVBQUUsQ0FBQztRQUVyQixTQUFJLEdBQW9CLE9BQU8sQ0FBQztRQUNoQyxTQUFJLEdBQW9CLFNBQVMsQ0FBQztRQUNsQyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQUNuQixhQUFRLEdBQUcsV0FBVyxDQUFDO1FBQ3ZCLGNBQVMsR0FBRyxVQUFVLENBQUM7UUFFdEIsWUFBTyxHQUFtQyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUMvRSxnQkFBVyxHQUFvQyxJQUFJLFlBQVksRUFBcUIsQ0FBQztRQU05RixhQUFRLEdBQUcsQ0FBQyxLQUF1QixFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDM0MsY0FBUyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQXlCOUI7SUE5QkMsSUFBVyxVQUFVO1FBQ25CLE9BQU8sR0FBRyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNGLENBQUM7SUFLTSxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFZO1FBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxVQUFVLENBQUMsWUFBOEI7UUFDOUMsSUFBSSxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUM7SUFDNUIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLFVBQW1CO1FBQ3pDLDhCQUE4QjtJQUNoQyxDQUFDO0lBRU0sV0FBVyxDQUFDLFdBQTZCO1FBQzlDLElBQUksQ0FBQyxLQUFLLEdBQUcsV0FBVyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQy9CLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBQyxDQUFDLENBQUE7UUFDMUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQzs7NEdBbERVLGVBQWU7Z0dBQWYsZUFBZSxvVkFSZjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQztZQUM5QyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDL0JILG13REFxREE7MkZEcEJhLGVBQWU7a0JBYjNCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGdCQUFnQixDQUFDOzRCQUM5QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFPZSxNQUFNO3NCQUFyQixLQUFLO2dCQUVVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTTtnQkFDVSxXQUFXO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7XHJcbiAgU3dpdGNoU2l6ZUVudW0sXHJcbiAgU3dpdGNoU2l6ZVR5cGVzLFxyXG4gIFN3aXRjaFR5cGVFbnVtLFxyXG4gIFN3aXRjaFR5cGVUeXBlcyxcclxuICBTd2l0Y2hWYWx1ZVR5cGVzLFxyXG4gIFN3aXRjaFZhbHVlV2l0aElkXHJcbn0gZnJvbSAnLi9zd2l0Y2guZW51bSc7XHJcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnO1xyXG5pbXBvcnQgeyBGaWVsZCB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL21yeC1hdXRvc2F2ZS9tcngtYXV0b3NhdmUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1zd2l0Y2gnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zd2l0Y2guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3N3aXRjaC5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3dpdGNoQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTd2l0Y2hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgcHVibGljIHZhbHVlOiBTd2l0Y2hWYWx1ZVR5cGVzID0gZmFsc2U7XHJcblxyXG4gIC8vIFNBVkUgU1RBVEVcclxuICBwdWJsaWMgdXVpZDogc3RyaW5nID0gdXVpZHY0KClcclxuICBASW5wdXQoKSBwdWJsaWMgZmllbGRzOiBGaWVsZFtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiBTd2l0Y2hTaXplVHlwZXMgPSAnbGFyZ2UnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0eXBlOiBTd2l0Y2hUeXBlVHlwZXMgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgcHVibGljIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGJvbGRMYWJlbCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZWFkb25seSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZXF1aXJlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21DbGFzc2VzID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGxlZnRUZXh0ID0gJ9Ce0YLQutC70Y7Rh9C40YLRjCc7XHJcbiAgQElucHV0KCkgcHVibGljIHJpZ2h0VGV4dCA9ICfQktC60LvRjtGH0LjRgtGMJztcclxuXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8U3dpdGNoVmFsdWVUeXBlcz4gPSBuZXcgRXZlbnRFbWl0dGVyPFN3aXRjaFZhbHVlVHlwZXM+KCk7XHJcbiAgQE91dHB1dCgpIHB1YmxpYyBtb2RlbENoYW5nZTogRXZlbnRFbWl0dGVyPFN3aXRjaFZhbHVlV2l0aElkPiA9IG5ldyBFdmVudEVtaXR0ZXI8U3dpdGNoVmFsdWVXaXRoSWQ+KCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke1N3aXRjaFNpemVFbnVtW3RoaXMuc2l6ZV19ICR7U3dpdGNoVHlwZUVudW1bdGhpcy50eXBlXX0gJHt0aGlzLmN1c3RvbUNsYXNzZXN9YDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgb25DaGFuZ2UgPSAodmFsdWU6IFN3aXRjaFZhbHVlVHlwZXMpID0+IHt9O1xyXG4gIHByaXZhdGUgb25Ub3VjaGVkID0gKCkgPT4ge307XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4ge30pOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgd3JpdGVWYWx1ZShvdXRzaWRlVmFsdWU6IFN3aXRjaFZhbHVlVHlwZXMpIHtcclxuICAgIHRoaXMudmFsdWUgPSBvdXRzaWRlVmFsdWU7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKSB7XHJcbiAgICAvLyB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB1cGRhdGVWYWx1ZShpbnNpZGVWYWx1ZTogU3dpdGNoVmFsdWVUeXBlcykge1xyXG4gICAgdGhpcy52YWx1ZSA9IGluc2lkZVZhbHVlO1xyXG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQoaW5zaWRlVmFsdWUpO1xyXG4gICAgdGhpcy5tb2RlbENoYW5nZS5lbWl0KHt2YWx1ZTogaW5zaWRlVmFsdWUsIGlkOiB0aGlzLnV1aWR9KVxyXG4gICAgdGhpcy5vbkNoYW5nZShpbnNpZGVWYWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXJ4LXN3aXRjaFwiIFtjbGFzc109XCJnZXRDbGFzc2VzXCI+XHJcbiAgPG1yeC1zYXZlLXN0YXRlIFtpZF09XCJ1dWlkXCIgW2ZpZWxkc109XCJmaWVsZHNcIiB0eXBlPVwic3dpdGNoXCI+PC9tcngtc2F2ZS1zdGF0ZT5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwidHlwZVwiPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIid0b2dnbGUnXCI+XHJcbiAgICAgIDxwXHJcbiAgICAgICAgY2xhc3M9XCJtci0xIGN1cnNvci1wb2ludGVyIG1yeC1zd2l0Y2hfX3RyaWdnZXJcIlxyXG4gICAgICAgIFtjbGFzcy50ZXh0LWJvbGRdPVwiYm9sZExhYmVsXCJcclxuICAgICAgICAoY2xpY2spPVwiIShkaXNhYmxlZCB8fCByZWFkb25seSkgJiYgdXBkYXRlVmFsdWUoZmFsc2UpXCJcclxuICAgICAgPlxyXG4gICAgICAgIHt7IGxlZnRUZXh0IH19XHJcbiAgICAgIDwvcD5cclxuICAgICAgPGxhYmVsIGNsYXNzPVwibXJ4LXN3aXRjaC1jaGVja2JveFwiPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcclxuICAgICAgICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXHJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgcmVhZG9ubHlcIlxyXG4gICAgICAgICAgW3JlYWRPbmx5XT1cInJlYWRvbmx5XCJcclxuICAgICAgICAgIFtuZ01vZGVsXT1cInZhbHVlXCJcclxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInVwZGF0ZVZhbHVlKCRldmVudClcIlxyXG4gICAgICAgID5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1zd2l0Y2gtc2xpZGVyXCI+PC9zcGFuPlxyXG4gICAgICA8L2xhYmVsPlxyXG4gICAgICA8cFxyXG4gICAgICAgIGNsYXNzPVwibWwtMSBjdXJzb3ItcG9pbnRlciBtcngtc3dpdGNoX190cmlnZ2VyXCJcclxuICAgICAgICBbY2xhc3MudGV4dC1ib2xkXT1cImJvbGRMYWJlbFwiXHJcbiAgICAgICAgKGNsaWNrKT1cIiEoZGlzYWJsZWQgfHwgcmVhZG9ubHkpICYmIHVwZGF0ZVZhbHVlKHRydWUpXCJcclxuICAgICAgPlxyXG4gICAgICAgIHt7IHJpZ2h0VGV4dCB9fVxyXG4gICAgICA8L3A+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XHJcbiAgICAgIDxsYWJlbCBjbGFzcz1cIm1yeC1zd2l0Y2gtY2hlY2tib3hcIj5cclxuICAgICAgICA8aW5wdXRcclxuICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXHJcbiAgICAgICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IHJlYWRvbmx5XCJcclxuICAgICAgICAgIFtyZWFkT25seV09XCJyZWFkb25seVwiXHJcbiAgICAgICAgICBbbmdNb2RlbF09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJ1cGRhdGVWYWx1ZSgkZXZlbnQpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtc3dpdGNoLXNsaWRlclwiPjwvc3Bhbj5cclxuXHJcbiAgICAgICAgPHAgY2xhc3M9XCJtbC0yXCIgW2NsYXNzXT1cImJvbGRMYWJlbCA/ICdtcngtc3dpdGNoX19sYWJlbC0tYm9sZCcgOiAnbXJ4LXN3aXRjaF9fbGFiZWwnXCI+XHJcbiAgICAgICAgICB7e2xhYmVsfX1cclxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8L3A+XHJcbiAgICAgIDwvbGFiZWw+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3N3aXRjaC9zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vc3dpdGNoL3N3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFHVCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQ0wsY0FBYyxFQUVkLGNBQWMsRUFJZixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsRUFBRSxJQUFJLE1BQU0sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFnQnBDLE1BQU0sT0FBTyxlQUFlO0lBYjVCO1FBY1MsVUFBSyxHQUFxQixLQUFLLENBQUM7UUFFdkMsYUFBYTtRQUNOLFNBQUksR0FBVyxNQUFNLEVBQUUsQ0FBQTtRQUNkLFdBQU0sR0FBWSxFQUFFLENBQUM7UUFFckIsU0FBSSxHQUFvQixPQUFPLENBQUM7UUFDaEMsU0FBSSxHQUFvQixTQUFTLENBQUM7UUFDbEMsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFHLFdBQVcsQ0FBQztRQUN2QixjQUFTLEdBQUcsVUFBVSxDQUFDO1FBRXRCLFlBQU8sR0FBbUMsSUFBSSxZQUFZLEVBQW9CLENBQUM7UUFDL0UsZ0JBQVcsR0FBb0MsSUFBSSxZQUFZLEVBQXFCLENBQUM7UUFxQjlGLGFBQVEsR0FBRyxDQUFDLEtBQXVCLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUMzQyxjQUFTLEdBQUcsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBeUI5QjtJQTdDQyxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0YsQ0FBQztJQUlELGtCQUFrQjtRQUNoQix3QkFBd0I7SUFDMUIsQ0FBQztJQUVELElBQVcsQ0FBQztRQUNWLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFBO1FBQ3JCLElBQUcsSUFBSSxDQUFDLEdBQUcsSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsU0FBUyxJQUFJLEVBQUUsRUFBRTtZQUNsRSxPQUFPLEtBQUssQ0FBQTtTQUNiO2FBQU07WUFDTCxPQUFPLElBQUksQ0FBQTtTQUNaO0lBQ0gsQ0FBQztJQUtNLGdCQUFnQixDQUFDLEVBQU87UUFDN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQVk7UUFDbkMsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxZQUE4QjtRQUM5QyxJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQztJQUM1QixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsVUFBbUI7UUFDekMsOEJBQThCO0lBQ2hDLENBQUM7SUFFTSxXQUFXLENBQUMsV0FBNkI7UUFDOUMsSUFBSSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBQyxLQUFLLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFDLENBQUMsQ0FBQTtRQUMxRCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDOzs0R0FqRVUsZUFBZTtnR0FBZixlQUFlLG9WQVJmO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO1lBQzlDLEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRixzSENsQ0gsbXdEQXFEQTsyRkRqQmEsZUFBZTtrQkFiM0IsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7NEJBQzlDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQU9lLE1BQU07c0JBQXJCLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxhQUFhO3NCQUE1QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFFVyxPQUFPO3NCQUF2QixNQUFNO2dCQUNVLFdBQVc7c0JBQTNCLE1BQU07Z0JBTVcsR0FBRztzQkFBcEIsU0FBUzt1QkFBQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIFZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQge1xyXG4gIFN3aXRjaFNpemVFbnVtLFxyXG4gIFN3aXRjaFNpemVUeXBlcyxcclxuICBTd2l0Y2hUeXBlRW51bSxcclxuICBTd2l0Y2hUeXBlVHlwZXMsXHJcbiAgU3dpdGNoVmFsdWVUeXBlcyxcclxuICBTd2l0Y2hWYWx1ZVdpdGhJZFxyXG59IGZyb20gJy4vc3dpdGNoLmVudW0nO1xyXG5pbXBvcnQgeyB2NCBhcyB1dWlkdjQgfSBmcm9tICd1dWlkJztcclxuaW1wb3J0IHsgRmllbGQgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9tcngtYXV0b3NhdmUvbXJ4LWF1dG9zYXZlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtc3dpdGNoJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zd2l0Y2guY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN3aXRjaENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIHB1YmxpYyB2YWx1ZTogU3dpdGNoVmFsdWVUeXBlcyA9IGZhbHNlO1xyXG5cclxuICAvLyBTQVZFIFNUQVRFXHJcbiAgcHVibGljIHV1aWQ6IHN0cmluZyA9IHV1aWR2NCgpXHJcbiAgQElucHV0KCkgcHVibGljIGZpZWxkczogRmllbGRbXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogU3dpdGNoU2l6ZVR5cGVzID0gJ2xhcmdlJztcclxuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogU3dpdGNoVHlwZVR5cGVzID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBib2xkTGFiZWwgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgcmVhZG9ubHkgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3NlcyA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBsZWZ0VGV4dCA9ICfQntGC0LrQu9GO0YfQuNGC0YwnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByaWdodFRleHQgPSAn0JLQutC70Y7Rh9C40YLRjCc7XHJcblxyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2hhbmdlZDogRXZlbnRFbWl0dGVyPFN3aXRjaFZhbHVlVHlwZXM+ID0gbmV3IEV2ZW50RW1pdHRlcjxTd2l0Y2hWYWx1ZVR5cGVzPigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgbW9kZWxDaGFuZ2U6IEV2ZW50RW1pdHRlcjxTd2l0Y2hWYWx1ZVdpdGhJZD4gPSBuZXcgRXZlbnRFbWl0dGVyPFN3aXRjaFZhbHVlV2l0aElkPigpO1xyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtTd2l0Y2hTaXplRW51bVt0aGlzLnNpemVdfSAke1N3aXRjaFR5cGVFbnVtW3RoaXMudHlwZV19ICR7dGhpcy5jdXN0b21DbGFzc2VzfWA7XHJcbiAgfVxyXG5cclxuICBAVmlld0NoaWxkKCdyZWYnKSByZWYhOiBFbGVtZW50UmVmO1xyXG5cclxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XHJcbiAgICAvLyBjb25zb2xlLmxvZyh0aGlzLnJlZilcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgdCgpIHtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMucmVmKVxyXG4gICAgaWYodGhpcy5yZWYgPT0gdW5kZWZpbmVkIHx8IHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQuaW5uZXJIVE1MID09ICcnKSB7XHJcbiAgICAgIHJldHVybiBmYWxzZSBcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiB0cnVlXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIG9uQ2hhbmdlID0gKHZhbHVlOiBTd2l0Y2hWYWx1ZVR5cGVzKSA9PiB7fTtcclxuICBwcml2YXRlIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHt9KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHdyaXRlVmFsdWUob3V0c2lkZVZhbHVlOiBTd2l0Y2hWYWx1ZVR5cGVzKSB7XHJcbiAgICB0aGlzLnZhbHVlID0gb3V0c2lkZVZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbikge1xyXG4gICAgLy8gdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdXBkYXRlVmFsdWUoaW5zaWRlVmFsdWU6IFN3aXRjaFZhbHVlVHlwZXMpIHtcclxuICAgIHRoaXMudmFsdWUgPSBpbnNpZGVWYWx1ZTtcclxuICAgIHRoaXMuY2hhbmdlZC5lbWl0KGluc2lkZVZhbHVlKTtcclxuICAgIHRoaXMubW9kZWxDaGFuZ2UuZW1pdCh7dmFsdWU6IGluc2lkZVZhbHVlLCBpZDogdGhpcy51dWlkfSlcclxuICAgIHRoaXMub25DaGFuZ2UoaW5zaWRlVmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1zd2l0Y2hcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiPlxyXG4gIDxtcngtc2F2ZS1zdGF0ZSBbaWRdPVwidXVpZFwiIFtmaWVsZHNdPVwiZmllbGRzXCIgdHlwZT1cInN3aXRjaFwiPjwvbXJ4LXNhdmUtc3RhdGU+XHJcblxyXG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIndG9nZ2xlJ1wiPlxyXG4gICAgICA8cFxyXG4gICAgICAgIGNsYXNzPVwibXItMSBjdXJzb3ItcG9pbnRlciBtcngtc3dpdGNoX190cmlnZ2VyXCJcclxuICAgICAgICBbY2xhc3MudGV4dC1ib2xkXT1cImJvbGRMYWJlbFwiXHJcbiAgICAgICAgKGNsaWNrKT1cIiEoZGlzYWJsZWQgfHwgcmVhZG9ubHkpICYmIHVwZGF0ZVZhbHVlKGZhbHNlKVwiXHJcbiAgICAgID5cclxuICAgICAgICB7eyBsZWZ0VGV4dCB9fVxyXG4gICAgICA8L3A+XHJcbiAgICAgIDxsYWJlbCBjbGFzcz1cIm1yeC1zd2l0Y2gtY2hlY2tib3hcIj5cclxuICAgICAgICA8aW5wdXRcclxuICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXHJcbiAgICAgICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IHJlYWRvbmx5XCJcclxuICAgICAgICAgIFtyZWFkT25seV09XCJyZWFkb25seVwiXHJcbiAgICAgICAgICBbbmdNb2RlbF09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJ1cGRhdGVWYWx1ZSgkZXZlbnQpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtc3dpdGNoLXNsaWRlclwiPjwvc3Bhbj5cclxuICAgICAgPC9sYWJlbD5cclxuICAgICAgPHBcclxuICAgICAgICBjbGFzcz1cIm1sLTEgY3Vyc29yLXBvaW50ZXIgbXJ4LXN3aXRjaF9fdHJpZ2dlclwiXHJcbiAgICAgICAgW2NsYXNzLnRleHQtYm9sZF09XCJib2xkTGFiZWxcIlxyXG4gICAgICAgIChjbGljayk9XCIhKGRpc2FibGVkIHx8IHJlYWRvbmx5KSAmJiB1cGRhdGVWYWx1ZSh0cnVlKVwiXHJcbiAgICAgID5cclxuICAgICAgICB7eyByaWdodFRleHQgfX1cclxuICAgICAgPC9wPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxyXG4gICAgICA8bGFiZWwgY2xhc3M9XCJtcngtc3dpdGNoLWNoZWNrYm94XCI+XHJcbiAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxyXG4gICAgICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcclxuICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCByZWFkb25seVwiXHJcbiAgICAgICAgICBbcmVhZE9ubHldPVwicmVhZG9ubHlcIlxyXG4gICAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxyXG4gICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwidXBkYXRlVmFsdWUoJGV2ZW50KVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LXN3aXRjaC1zbGlkZXJcIj48L3NwYW4+XHJcblxyXG4gICAgICAgIDxwIGNsYXNzPVwibWwtMlwiIFtjbGFzc109XCJib2xkTGFiZWwgPyAnbXJ4LXN3aXRjaF9fbGFiZWwtLWJvbGQnIDogJ21yeC1zd2l0Y2hfX2xhYmVsJ1wiPlxyXG4gICAgICAgICAge3tsYWJlbH19XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9wPlxyXG4gICAgICA8L2xhYmVsPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG4iXX0=

package/fesm2015/myrta-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, Pipe, EventEmitter, ChangeDetectionStrategy, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, forwardRef, InjectionToken, TemplateRef, Inject, Injector, Directive, HostListener, ContentChild, ViewChild, QueryList, Optional, ViewChildren, ElementRef, ViewEncapsulation, ContentChildren, HostBinding } from '@angular/core';
+import { Component, Input, Pipe, EventEmitter, ChangeDetectionStrategy, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, forwardRef, ViewChild, InjectionToken, TemplateRef, Inject, Injector, Directive, HostListener, ContentChild, QueryList, Optional, ViewChildren, ElementRef, ViewEncapsulation, ContentChildren, HostBinding } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, registerLocaleData, DatePipe } from '@angular/common';
 import * as i1 from '@angular/platform-browser';
@@ -867,6 +867,18 @@ class SwitchComponent {
     get getClasses() {
         return `${SwitchSizeEnum[this.size]} ${SwitchTypeEnum[this.type]} ${this.customClasses}`;
     }
+    ngAfterViewChecked() {
+        // console.log(this.ref)
+    }
+    get t() {
+        console.log(this.ref);
+        if (this.ref == undefined || this.ref.nativeElement.innerHTML == '') {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
     registerOnChange(fn) {
         this.onChange = fn;
     }
@@ -894,7 +906,7 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             useExisting: forwardRef(() => SwitchComponent),
             multi: true,
         },
-    ], ngImport: i0, template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n\r\n    <ng-container *ngSwitchCase=\"'toggle'\">\r\n      <p\r\n        class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n      >\r\n        {{ leftText }}\r\n      </p>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n      </label>\r\n      <p\r\n        class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n      >\r\n        {{ rightText }}\r\n      </p>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n\r\n        <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n          {{label}}\r\n          <ng-content></ng-content>\r\n        </p>\r\n      </label>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:20px;height:var(--sizing-4);width:var(--sizing-6);min-width:var(--sizing-6);margin-top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-3);height:var(--sizing-3);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-2))}.mrx-switch.mrx-switch.mrx-switch-default .mrx-switch-checkbox{display:inline-flex;align-items:flex-start}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch-checkbox{display:inline-flex;align-items:center}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch__trigger{white-space:nowrap}.mrx-switch.mrx-switch .mrx-switch__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .mrx-switch__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}\n"], components: [{ type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n\r\n    <ng-container *ngSwitchCase=\"'toggle'\">\r\n      <p\r\n        class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n      >\r\n        {{ leftText }}\r\n      </p>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n      </label>\r\n      <p\r\n        class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n      >\r\n        {{ rightText }}\r\n      </p>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n\r\n        <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n          {{label}}\r\n          <ng-content></ng-content>\r\n        </p>\r\n      </label>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:20px;height:var(--sizing-4);width:var(--sizing-6);min-width:var(--sizing-6);margin-top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-3);height:var(--sizing-3);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-2))}.mrx-switch.mrx-switch.mrx-switch-default .mrx-switch-checkbox{display:inline-flex;align-items:flex-start}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch-checkbox{display:inline-flex;align-items:center}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch__trigger{white-space:nowrap}.mrx-switch.mrx-switch .mrx-switch__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .mrx-switch__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}\n"], components: [{ type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-switch', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -930,6 +942,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Output
             }], modelChange: [{
                 type: Output
+            }], ref: [{
+                type: ViewChild,
+                args: ['ref']
             }] } });
 
 var Tooltip;
@@ -5518,7 +5533,7 @@ InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => InputTextComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"mrx-input-text\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n  [class.mrx-input-text-with-icon]=\"icon\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [mrxCdkTooltip]=\"getTooltipValue\"\r\n  [tooltipPosition]=\"'top-start'\"\r\n>\r\n  <div class=\"mrx-input-text__wrapper\">\r\n    <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n    <input\r\n      autocomplete=\"nope\"\r\n      #inputElement\r\n      [type]=\"'text'\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"updateSelection($event)\"\r\n      [attr.title]=\"placeholder || ''\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readonly\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      [mask]=\"mask\"\r\n      [prefix]=\"maskPrefix\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n    />\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text.mrx-input-text{width:100%;position:relative}.mrx-input-text.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s}.mrx-input-text.mrx-input-text input:focus,.mrx-input-text.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text.mrx-input-text input::-webkit-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input::-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input:-ms-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input:-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-sm input{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"mrx-input-text\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n  [class.mrx-input-text-with-icon]=\"icon\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [mrxCdkTooltip]=\"getTooltipValue\"\r\n  [tooltipPosition]=\"'top-start'\"\r\n>\r\n  <div class=\"mrx-input-text__wrapper\">\r\n    <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n    <input\r\n      autocomplete=\"nope\"\r\n      #inputElement\r\n      [type]=\"'text'\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"updateSelection($event)\"\r\n      [attr.title]=\"placeholder || ''\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readonly\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      [mask]=\"mask\"\r\n      [prefix]=\"maskPrefix\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n    />\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text{width:100%;position:relative}.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;color:var(--neutral-text-primary, #262626);transition:outline-width .2s,border .2s}.mrx-input-text input:focus,.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text input::-webkit-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input::-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input:-ms-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input:-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text-sm input{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-input-text', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -5527,7 +5542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => InputTextComponent),
                             multi: true,
                         },
-                    ], template: "<div\r\n  class=\"mrx-input-text\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n  [class.mrx-input-text-with-icon]=\"icon\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [mrxCdkTooltip]=\"getTooltipValue\"\r\n  [tooltipPosition]=\"'top-start'\"\r\n>\r\n  <div class=\"mrx-input-text__wrapper\">\r\n    <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n    <input\r\n      autocomplete=\"nope\"\r\n      #inputElement\r\n      [type]=\"'text'\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"updateSelection($event)\"\r\n      [attr.title]=\"placeholder || ''\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readonly\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      [mask]=\"mask\"\r\n      [prefix]=\"maskPrefix\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n    />\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text.mrx-input-text{width:100%;position:relative}.mrx-input-text.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s}.mrx-input-text.mrx-input-text input:focus,.mrx-input-text.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text.mrx-input-text input::-webkit-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input::-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input:-ms-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text input:-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-sm input{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626)}\n"] }]
+                    ], template: "<div\r\n  class=\"mrx-input-text\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n  [class.mrx-input-text-with-icon]=\"icon\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [mrxCdkTooltip]=\"getTooltipValue\"\r\n  [tooltipPosition]=\"'top-start'\"\r\n>\r\n  <div class=\"mrx-input-text__wrapper\">\r\n    <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n    <input\r\n      autocomplete=\"nope\"\r\n      #inputElement\r\n      [type]=\"'text'\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"updateSelection($event)\"\r\n      [attr.title]=\"placeholder || ''\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readonly\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      [mask]=\"mask\"\r\n      [prefix]=\"maskPrefix\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n    />\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text{width:100%;position:relative}.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;color:var(--neutral-text-primary, #262626);transition:outline-width .2s,border .2s}.mrx-input-text input:focus,.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text input::-webkit-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input::-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input:-ms-input-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text input:-moz-placeholder{color:var(--neutral-text-tertiary)}.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text-sm input{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626)}\n"] }]
         }], propDecorators: { fields: [{
                 type: Input
             }], disabled: [{