@eui/components 15.0.0-next.2 → 15.0.0-next.3

package/fesm2020/eui-components-legacy-ux-form-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-legacy-ux-form-control.mjs","sources":["../../legacy/ux-form-control/remove-id.directive.ts","../../legacy/ux-form-control/string-to-number.pipe.ts","../../legacy/ux-form-control/ux-form-control.component.ts","../../legacy/ux-form-control/ux-form-control.component.html","../../legacy/ux-form-control/eui-components-legacy-ux-form-control.ts"],"sourcesContent":["import { Directive, ElementRef } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'ux-form-control[id]'\n})\nexport class RemoveIdDirective {\n    constructor(private el: ElementRef) {\n        el.nativeElement.removeAttribute('id');\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { getLocaleNumberFormat, NumberFormatStyle } from '@angular/common';\n\n@Pipe({\n    name: 'stringToNumber',\n    pure: false,\n})\nexport class StringToNumberPipe implements PipeTransform {\n\n    /**\n     * This pipe transforms a given formatted number value of type String to number. The correct conversion is based on\n     * current numbers format which is extracted from the given Locale.\n     * @param value - a formatted string value e.g. '100,000,999.101'\n     * @param locale - the LOCALE_ID of the formatted number in value. e.g. 'en-US'\n     */\n    transform(value: string | number, locale: string): number {\n        // check for undefined\n        if (!value) { return 0; }\n        // check if type is already number\n        if ( typeof value === 'number') { return value; }\n\n        // retrieve separators\n        const { thousand, decimal } = this.getSeparators(locale);\n        // replace those separators and return typeof Number\n        return Number(value.split(thousand).join('').replace(decimal, '.').replace(/\\.(?=.*\\.)/g, ''));\n    }\n\n    public getSeparators(locale: string): {thousand: string; decimal: string; } {\n        // get formatNumber based on locale\n        const numberFormat = getLocaleNumberFormat(locale, NumberFormatStyle.Decimal);\n        // based on given format extract decimal and thousand separators\n        // TODO: this could be easily done with Array Destructuring (ES6 feat) but it's disabled in current tsconfig :/\n        const format: string = numberFormat.split('#').join('').split('0').join('');\n        return { thousand: format[0], decimal: format[1] };\n    }\n\n}\n","import {\n    AfterContentInit,\n    AfterViewInit,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Host,\n    Inject,\n    Input,\n    LOCALE_ID,\n    NgModule,\n    OnChanges,\n    OnDestroy,\n    Optional,\n    Output,\n    SimpleChanges,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { UxValidationErrorI18nMessage, UxFormValidationError } from '@eui/base';\nimport { CommonModule, DecimalPipe } from '@angular/common';\nimport { Clipboard } from '@angular/cdk/clipboard';\nimport {\n    ControlValueAccessor,\n    FormControl,\n    FormsModule,\n    NG_VALIDATORS,\n    NG_VALUE_ACCESSOR,\n    Validator\n} from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { UxFormGroupComponent } from '@eui/components/legacy/ux-form-group';\nimport { UxControlFeedbackComponentModule } from '@eui/components/legacy/ux-control-feedback';\nimport { RemoveIdDirective } from './remove-id.directive';\nimport { StringToNumberPipe } from './string-to-number.pipe';\nimport { CleaveOptions } from 'cleave.js/options';\nimport { UxCleaveModule, UxMaxlengthModule, UxAutoResizeModule } from '@eui/components/legacy/common/ux-directives';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-form-control',\n    templateUrl: './ux-form-control.component.html',\n    providers: [{\n        provide: NG_VALUE_ACCESSOR,\n        useExisting: forwardRef(() => UxFormControlComponent),\n        multi: true,\n    }, {\n        provide: NG_VALIDATORS,\n        useExisting: forwardRef(() => UxFormControlComponent),\n        multi: true,\n    }],\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxFormControlComponent implements OnDestroy, ControlValueAccessor, Validator, AfterContentInit, OnChanges, AfterViewInit {\n    @Input() id: string;\n    @Input() feedbackTypeClass: string;\n    @Input()\n    get isReadOnly(): boolean { return this._isReadOnly; }\n    set isReadOnly(value: BooleanInput) { this._isReadOnly = coerceBooleanProperty(value); }\n    private _isReadOnly: boolean = false;\n    @Input()\n    get isRequired(): boolean { return this._isRequired; }\n    set isRequired(value: BooleanInput) { this._isRequired = coerceBooleanProperty(value); }\n    private _isRequired: boolean = false;\n    @Input() styleClass: string;\n    @Input() validationErrorMessage: string | UxValidationErrorI18nMessage;\n    @Input() infoLabel: string;\n    @Input() placeholderLabel: string;\n    @Input()\n    get autofocus(): boolean { return this._autofocus; }\n    set autofocus(value: BooleanInput) { this._autofocus = coerceBooleanProperty(value); }\n    private _autofocus: boolean = false;\n\n    @Input() formControlName: string;\n\n    @Input()\n    get isInputText(): boolean { return this._isInputText; }\n    set isInputText(value: BooleanInput) { this._isInputText = coerceBooleanProperty(value); }\n    private _isInputText: boolean = false;\n\n    @Input()\n    get isTextarea(): boolean { return this._isTextarea; }\n    set isTextarea(value: BooleanInput) { this._isTextarea = coerceBooleanProperty(value); }\n    private _isTextarea: boolean = false;\n    @Input() rows: number = 2;\n    @Input() minRows: number;\n    @Input()\n    get isTextareaAutoresize(): boolean { return this._isTextareaAutoresize; }\n    set isTextareaAutoresize(value: BooleanInput) { this._isTextareaAutoresize = coerceBooleanProperty(value); }\n    private _isTextareaAutoresize: boolean = false; // TODO : enable activation of uxAutoresize directive\n\n    // @Input() isDatepicker: boolean = false;\n    // @Input() isDatetimepicker: boolean = false;\n    // @Input() datepickerDateformat: string = 'dd/mm/yy';\n    // @Input() datepickerYearRange: string = '1900:2050';\n    // @Input() datepickerLocale;\n    // @Input() dateOutputFormat;\n\n    // @Input() minDateValue: Date = null;\n    // @Input() maxDateValue: Date = null;\n\n    @Input()\n    get isSelect(): boolean { return this._isSelect; }\n    set isSelect(value: BooleanInput) { this._isSelect = coerceBooleanProperty(value); }\n    private _isSelect: boolean = false;\n    @Input() selectOptions: any[];\n    @Input() selectKeyName: string = 'id';\n    @Input() selectValueName: string = 'value';\n    @Input()\n    get isSelectStringValue(): boolean { return this._isSelectStringValue; }\n    set isSelectStringValue(value: BooleanInput) { this._isSelectStringValue = coerceBooleanProperty(value); }\n    private _isSelectStringValue: boolean = false;\n\n    @Input()\n    get isCheckbox(): boolean { return this._isCheckbox; }\n    set isCheckbox(value: BooleanInput) { this._isCheckbox = coerceBooleanProperty(value); }\n    private _isCheckbox: boolean = false;\n    @Input() checkboxLabel: string;\n\n    @Input()\n    get isRadio(): boolean { return this._isRadio; }\n    set isRadio(value: BooleanInput) { this._isRadio = coerceBooleanProperty(value); }\n    private _isRadio: boolean = false;\n    @Input()\n    get isRadioDeselect(): boolean { return this._isRadioDeselect; }\n    set isRadioDeselect(value: BooleanInput) { this._isRadioDeselect = coerceBooleanProperty(value); }\n    private _isRadioDeselect: boolean = false;\n    @Input() radioLabel: string;\n    @Input() formControlValue: any;\n\n    @Input()\n    get isNumber(): boolean { return this._isNumber; }\n    set isNumber(value: BooleanInput) { this._isNumber = coerceBooleanProperty(value); }\n    private _isNumber: boolean = false;\n    /**\n     * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n     *      minIntegerDigits: The minimum number of integer digits before the decimal point. Default is 1.\n     *      minFractionDigits: The minimum number of digits after the decimal point. Default is 0.\n     *      maxFractionDigits: The maximum number of digits after the decimal point. Default is 3.\n     */\n    @Input() digitsInfo: string = '1.0-3';\n    @Input()\n    get isNumberFormatPlaceholder(): boolean { return this._isNumberFormatPlaceholder; }\n    set isNumberFormatPlaceholder(value: BooleanInput) { this._isNumberFormatPlaceholder = coerceBooleanProperty(value); }\n    private _isNumberFormatPlaceholder: boolean = true;\n    @Input() cleaveOptions: CleaveOptions = {\n        numeral: true,\n        delimiter: '',\n        numeralDecimalMark: '',\n        numeralDecimalScale: 0\n    };\n\n    @Input() maxlength: number;\n    @Input() maxLengthValidationErrorMessage: string;\n\n    @Input()\n    get isDisabled(): boolean { return this._isDisabled; }\n    set isDisabled(value: BooleanInput) { this._isDisabled = coerceBooleanProperty(value); }\n    private _isDisabled: boolean = false;\n\n    @Input() inputStyleClass: string;\n    @Input() tabindex: string = '0';\n\n    @Input() groupId: string = '';\n\n    @Output() modelChange = new EventEmitter<any>();\n    @Output() touched = new EventEmitter<any>();\n    @Output() focus = new EventEmitter<any>();\n\n    @Input()\n    get selectNoBlankLine(): boolean { return this._selectNoBlankLine; }\n    set selectNoBlankLine(value: BooleanInput) { this._selectNoBlankLine = coerceBooleanProperty(value); }\n    private _selectNoBlankLine: boolean = false;\n    @Input()\n    get isShowMaxlengthCounter(): boolean { return this._isShowMaxlengthCounter; }\n    set isShowMaxlengthCounter(value: BooleanInput) { this._isShowMaxlengthCounter = coerceBooleanProperty(value); }\n    private _isShowMaxlengthCounter: boolean = true;\n\n    @Input() e2eAttr: string = 'ux-form-control';\n    @Input() emptyValueTextOnReadOnly;\n\n    @ViewChild('radioElement') radioElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputRef') inputRef: ElementRef<HTMLInputElement>;\n    @ViewChild('formControlRef', { read: ElementRef }) formControlRef: ElementRef;\n\n    inputValue: any;\n    data: any;\n    generatedId: string;\n    checked: boolean;\n    isMaxLengthValid: boolean = true;\n    feedbackLabel: string;\n    uxFormGroupComponent: UxFormGroupComponent;\n    isSelectHasOptions: boolean = false;\n    ariaInvalid: boolean = false;\n\n    hasFormGroupParent: boolean = false;\n\n    // Stores the isValid value for the parent form in case the user edits the field for the first time,\n    // i.e.: not \"touched\" yet, but still invalid.\n    // In such cases, the parent formGroup should become invalid when the user blurs the field.\n    intendedFormGroupIsValid: boolean = true;\n    validationErrorType: string;\n\n    // Stores the last value for fields that are auto-corrected, i.e.: numeric fields or fields limited to a maximum length.\n    // This is to fix a bug for when a user types an invalid value, and then switching off read-only mode.\n    // In such cases, the last characters would remain in the (read-only) value.\n    // To prevent this, we will force the value to the last known correct value.\n    protected lastAutoCorrectedValue;\n\n    private _formControl: FormControl;\n    private languageChangeSubscription: Subscription;\n\n    constructor(@Optional() @Host() @Inject(forwardRef(() => UxFormGroupComponent)) uxFormGroupComponent: UxFormGroupComponent,\n                @Inject(LOCALE_ID) public locale: string,\n                protected elementRef: ElementRef\n    ) {\n        this.uxFormGroupComponent = uxFormGroupComponent;\n        this.hasFormGroupParent = this.uxFormGroupComponent ? true : false;\n\n        // this.languageChangeSubscription = translateService.onLangChange.subscribe((evt: LangChangeEvent) => {\n        //     if (this.calendarControl && !this.datepickerLocale) {\n        //         const locale = calendarLocales[evt.lang] || calendarLocales['en'];\n        //         this.calendarControl.locale = locale;\n        //     }\n        // });\n    }\n\n    // @HostListener('document:keydown.escape', ['$event']) onKeydownHandler(event: KeyboardEvent) {\n    //     if (event.keyCode === 27 && this.isDatepicker) { // ESC\n    //         this.calendarControl.overlayVisible = false;\n    //     }\n    // }\n\n    ngAfterViewInit() {\n        if (this.formControlRef && this.autofocus) {\n            this.formControlRef.nativeElement.focus();\n        }\n    }\n\n    ngAfterContentInit() {\n        if (!this.id) {\n            this.generatedId = 'ux-form-control-' + (Math.floor(Math.random() * 1000000) + 1).toString();\n        } else {\n            this.generatedId = this.id;\n        }\n        if (this.uxFormGroupComponent && !this.uxFormGroupComponent.id) {\n            this.uxFormGroupComponent.id = this.generatedId;\n            if (!this.uxFormGroupComponent.isRequired) {\n                this.uxFormGroupComponent.isRequired = this.isRequired;\n            } else if (!this.isRequired) {\n                this.isRequired = true;\n            }\n        }\n        if (!this.isInputText && !this.isTextarea &&\n            !this.isSelect && !this.isCheckbox && !this.isRadio &&\n            !this.isNumber) {\n            this.isInputText = true;\n        }\n\n        if (this._formControl) {\n            this._formControl.statusChanges.subscribe(v => {\n                if (this.uxFormGroupComponent) {\n                    this.intendedFormGroupIsValid = true;\n                    this.uxFormGroupComponent.isValid = (v !== 'INVALID');\n                    if (!this._formControl.touched) {\n                        this.intendedFormGroupIsValid = this.uxFormGroupComponent.isValid;\n                        this.uxFormGroupComponent.isValid = true;\n                    }\n                    if (!this.uxFormGroupComponent.validationErrorMessage && this.validationErrorMessage) {\n                        this.uxFormGroupComponent.validationErrorMessage = this.validationErrorMessage;\n                    } else if (this._formControl.errors &&\n                        this._formControl.errors.uxValidationError) {\n                        this.setUxValidationErrorsToParentFormGroup();\n                    }\n                } else if (this._formControl.errors && this._formControl.errors.uxValidationError) {\n                    this.setUxValidationErrorsToFormControl();\n                }\n\n            });\n        }\n\n        this.lastAutoCorrectedValue = this.inputValue;\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['cleaveOptions'] && (this.isNumber)) {\n            this.cleaveOptions = { ...changes['cleaveOptions'].currentValue, numeral: true };\n        }\n\n        // Bug fix for when a user types an invalid value, and then switching off read-only mode.\n        // In such cases, the last characters would remain in the (read-only) value.\n        // To prevent this, we will force the value to the last known correct value.\n        if (changes && changes['isReadOnly'] && this.isNumber) {\n            if (this.isReadOnly) {\n                this.inputValue = this.lastAutoCorrectedValue;\n            }\n        }\n\n        if (changes && changes['isReadOnly'] && (this.isRadio)) {\n            if (!this.isReadOnly && this._formControl) {\n                this.writeValue(this._formControl.value);\n            }\n        }\n\n        if (changes && changes['isReadOnly'] && (this.isSelect)) {\n            if (this.isReadOnly && this._formControl) {\n                this.writeValue(this._formControl.value);\n            }\n        }\n\n        this.updateSelectHasOptions();\n\n        this.updateAriaInvalid();\n    }\n\n    ngOnDestroy() {\n        if (this.languageChangeSubscription) {\n            this.languageChangeSubscription.unsubscribe();\n        }\n    }\n\n    setUxValidationErrorsToFormControl() {\n        const errors = this._formControl.errors as UxFormValidationError;\n        if (errors.uxValidationError.message) {\n            this.validationErrorMessage = errors.uxValidationError.message;\n        }\n        if (errors.uxValidationError.type) {\n            this.validationErrorType = errors.uxValidationError.type;\n        }\n    }\n\n    setUxValidationErrorsToParentFormGroup() {\n        const errors = this._formControl.errors as UxFormValidationError;\n        if (errors.uxValidationError.message) {\n            this.uxFormGroupComponent.validationErrorMessage = errors.uxValidationError.message;\n        }\n        if (errors.uxValidationError.type) {\n            this.uxFormGroupComponent.validationErrorFeedbackClass = errors.uxValidationError.type;\n        }\n    }\n\n    get isFieldValid(): boolean {\n        if (this._formControl) {\n            if (this._formControl.touched && this._formControl.invalid) {\n                return false;\n            }\n        }\n        return true;\n    }\n\n    get isRadioOptionChecked(): boolean {\n        if (this._formControl && this.isRadio) {\n            return (this._formControl.value === this.formControlValue);\n        }\n        return null;\n    }\n\n    OnMaxLengthValidityChange(state: boolean) {\n        this.isMaxLengthValid = state;\n    }\n\n    public writeValue(value: any) {\n        if (this.isNumber) {\n            this.inputValue = value;\n        } else {\n            if (this.isRadio) {\n                if (this.isReadOnly) {\n                    this.inputValue = value;\n                } else {\n                    this.checked = (value === this.formControlValue);\n                    if (this.radioElement) {\n                        (<any>this.radioElement).nativeElement.checked = this.checked;\n                    }\n                }\n            } else {\n                this.inputValue = value;\n            }\n\n        }\n\n        // Save the last correct input value to show when a user switch off to read-only mode.\n        if (this.inputValue) {\n            this.lastAutoCorrectedValue = this.inputValue;\n        }\n    }\n\n    public registerOnChange(fn: any) {\n        this.propagateChange = fn;\n    }\n\n    public registerOnTouched(fn: any) {\n        if (\n            this._formControl &&\n            !this._formControl.touched &&\n            this.uxFormGroupComponent &&\n            (typeof this.intendedFormGroupIsValid !== 'undefined')\n        ) {\n            this.uxFormGroupComponent.isValid = this.intendedFormGroupIsValid;\n        }\n\n        this.propagateTouched = fn;\n    }\n\n    public validate(c: FormControl) {\n        this._formControl = c;\n        setTimeout(() => {\n            this.updateAriaInvalid();\n        }, 0);\n        return (c.invalid) ? {\n            fieldError: {\n                errorMessage: this.validationErrorMessage || 'error'\n            }\n        } : null;\n    }\n\n    public onChange(event) {\n        let newValue: any;\n\n        if (event.target) {\n            // Ignore, if TAB, Shift + Tab key combinations are used\n            if (event.keyCode === 9 || event.keyCode === 16) {\n                return;\n            }\n\n            newValue = event.target.value;\n\n            if (this.isCheckbox) {\n                newValue = event.target.checked;\n            }\n\n            if (this.isNumber) {\n                newValue = this.inputValue;\n            }\n            if (this.isSelect) {\n                if (event.target.value === 'null' || event.target.value === '') {\n                    newValue = null;\n                } else {\n                    const value: string = event.target.value;\n                    if (isNaN(Number(value)) || this.isSelectStringValue) {\n                        newValue = value;\n                    } else {\n                        newValue = Number(value);\n                    }\n                }\n            }\n            if (this.isRadio) {\n                if (!this.isRadioDeselect) {\n                    newValue = this.formControlValue;\n                } else {\n                    if (this.isRadioOptionChecked\n                        && event.target.value === this.formControlValue) {\n                        newValue = null;\n                        this._formControl.setValue(null, { emitEvent: true });\n                    } else {\n                        newValue = this.formControlValue;\n                    }\n                }\n            }\n\n            if (this.isNumber || this.maxlength) {\n                this.lastAutoCorrectedValue = newValue;\n            }\n\n        } else {\n            newValue = event;\n        }\n\n        this.propagateChange(newValue);\n        this.modelChange.emit(newValue);\n    }\n\n    public onTouched(event) {\n        this.touched.emit(event);\n        this.propagateTouched();\n        this.updateFormGroupValidationStatus();\n    }\n\n    public onFocus(event) {\n        this.focus.emit(event);\n    }\n\n    public get selectValue(): string {\n        let valueItem = null;\n        if (this.selectOptions) {\n            valueItem = this.selectOptions.find(item => item[this.selectKeyName] === this.inputValue);\n        }\n        if (valueItem) {\n            return valueItem[this.selectValueName];\n        } else {\n            return null;\n        }\n    }\n\n    protected updateAriaInvalid() {\n        this.ariaInvalid = (!this.isMaxLengthValid || (this._formControl && this._formControl.touched && this._formControl.invalid));\n    }\n\n    private updateFormGroupValidationStatus() {\n        if (this._formControl &&\n            this.uxFormGroupComponent &&\n            this._formControl.dirty) {\n            this.uxFormGroupComponent.isValid = !this._formControl.invalid;\n        }\n    }\n\n    private updateSelectHasOptions() {\n        if (this.isSelect && this.selectOptions) {\n            this.selectOptions.forEach((item) => {\n                if (item.options) {\n                    this.isSelectHasOptions = true;\n                    return;\n                }\n            });\n        }\n    }\n\n    private propagateChange = (_: any) => {\n    }\n\n    private propagateTouched = () => {\n    }\n}\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UxControlFeedbackComponentModule,\n        FormsModule,\n        UxMaxlengthModule,\n        UxAutoResizeModule,\n        UxCleaveModule,\n        TranslateModule,\n    ],\n    providers: [DecimalPipe, Clipboard, StringToNumberPipe],\n    exports: [UxFormControlComponent, RemoveIdDirective, StringToNumberPipe],\n    declarations: [UxFormControlComponent, RemoveIdDirective, StringToNumberPipe],\n})\nexport class UxFormControlComponentModule {\n}\n","<ng-container *ngIf=\"isInputText && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n                type=\"text\" [(ngModel)]=\"inputValue\"\n                class=\"ux-form-control {{inputStyleClass}}\"\n                (change)=\"onChange($event)\"\n                (keyup)=\"onChange($event)\"\n                (blur)=\"onTouched($event)\"\n                (focus)=\"onFocus($event)\"\n                placeholder=\"{{placeholderLabel}}\"\n                [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                [disabled]=\"isDisabled\"\n                [tabindex]=\"tabindex\"\n                [attr.aria-invalid]=\"ariaInvalid\"\n                [attr.aria-required]=\"isRequired\" />\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n        <textarea #formControlRef id=\"{{generatedId}}\"\n                    class=\"ux-form-control {{inputStyleClass}}\"\n                    [(ngModel)]=\"inputValue\"\n                    (change)=\"onChange($event)\"\n                    (keyup)=\"onChange($event)\"\n                    (blur)=\"onTouched($event)\"\n                    (focus)=\"onFocus($event)\"\n                    placeholder=\"{{placeholderLabel}}\"\n                    [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                    [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                    [attr.rows]=\"rows\"\n                    [minRows]=\"minRows\"\n                    [disabled]=\"isDisabled\"\n                    [tabindex]=\"tabindex\"\n                    [attr.aria-invalid]=\"ariaInvalid\"\n                    [attr.aria-required]=\"isRequired\"\n                    [uxAutoResize]=\"isTextareaAutoresize\">\n        </textarea>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n    <select #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-form-control ux-form-control__custom-select {{inputStyleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (change)=\"onChange($event)\"\n            (keyup)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n\t\t\tattr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n        <ng-container *ngIf=\"selectOptions\">\n            <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{placeholderLabel}}</option>\n            <ng-template [ngIf]=\"isSelectHasOptions\">\n                <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n                    <optgroup *ngIf=\"item.options\" label=\"{{item.value}}\" class=\"ux-u-font-regular\">\n                        <option *ngFor=\"let opt of item.options\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                            {{opt[selectValueName]}}\n                        </option>\n                    </optgroup>\n                    <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n                        {{item[selectValueName]}}\n                    </option>\n                </ng-template>\n            </ng-template>\n\n            <ng-template [ngIf]=\"!isSelectHasOptions\">\n                <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                    {{opt[selectValueName]}}\n                </option>\n            </ng-template>\n        </ng-container>\n        <ng-content *ngIf=\"! selectOptions\"></ng-content>\n    </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n    <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n        [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            type=\"checkbox\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (click)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            type=\"checkbox\"\n            [checked]=\"inputValue\"\n            onclick=\"return false;\"\n            [tabindex]=\"tabindex\"\n            readonly=\"readonly\"\n            aria-readonly=\"true\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n    <input #radioElement #formControlRef\n           id=\"{{generatedId}}\"\n           class=\"ux-input__radio {{styleClass}}\"\n           type=\"radio\"\n           [checked]=\"checked\"\n           [name]=\"formControlName + groupId\"\n           [value]=\"formControlValue\"\n           (click)=\"onChange($event)\"\n           (blur)=\"onTouched($event)\"\n           (focus)=\"onFocus($event)\"\n           [disabled]=\"isDisabled\"\n           [tabindex]=\"tabindex\"\n           [attr.aria-invalid]=\"ariaInvalid\"\n           [attr.aria-required]=\"isRequired\"\n           attr.data-e2e=\"{{ e2eAttr }}-ra-rw\"/>\n    <label for=\"{{generatedId}}\" class=\"radio-label\">{{radioLabel || '&nbsp;'}}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n    <div *ngIf=\"radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{radioLabel}}</div>\n    <div *ngIf=\"!radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n    <div *ngIf=\"isReadOnly\"\n         id=\"{{generatedId}}\"\n         class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value}}\n    </div>\n    <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n               type=\"text\"\n               [uxCleave]=\"cleaveOptions\"\n               [readOnly]=\"isReadOnly\"\n               [(ngModel)]=\"inputValue\"\n               [isModelNumber]=\"true\"\n               class=\"ux-form-control {{inputStyleClass}}\"\n               (change)=\"onChange($event)\"\n               (keyup)=\"onChange($event)\"\n               (blur)=\"onTouched($event)\"\n               (focus)=\"onFocus($event)\"\n               placeholder=\"{{placeholderLabel}}\"\n               [disabled]=\"isDisabled\"\n               [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n               [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n               [tabindex]=\"tabindex\"\n               [attr.aria-invalid]=\"ariaInvalid\"\n               [attr.aria-required]=\"isRequired\"/>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">\n        <pre>{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</pre>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n    <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                         typeClass=\"{{validationErrorType ? validationErrorType : 'danger' }}\"\n                         attr.data-e2e=\"{{ e2eAttr }}\">\n        {{validationErrorMessage && $any(validationErrorMessage).id ?\n        ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n        validationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n    <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n        {{maxLengthValidationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-legacy-ux-form-control.mjs","sources":["../../legacy/ux-form-control/remove-id.directive.ts","../../legacy/ux-form-control/string-to-number.pipe.ts","../../legacy/ux-form-control/ux-form-control.component.ts","../../legacy/ux-form-control/ux-form-control.component.html","../../legacy/ux-form-control/eui-components-legacy-ux-form-control.ts"],"sourcesContent":["import { Directive, ElementRef } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'ux-form-control[id]'\n})\nexport class RemoveIdDirective {\n    constructor(private el: ElementRef) {\n        el.nativeElement.removeAttribute('id');\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { getLocaleNumberFormat, NumberFormatStyle } from '@angular/common';\n\n@Pipe({\n    name: 'stringToNumber',\n    pure: false,\n})\nexport class StringToNumberPipe implements PipeTransform {\n\n    /**\n     * This pipe transforms a given formatted number value of type String to number. The correct conversion is based on\n     * current numbers format which is extracted from the given Locale.\n     * @param value - a formatted string value e.g. '100,000,999.101'\n     * @param locale - the LOCALE_ID of the formatted number in value. e.g. 'en-US'\n     */\n    transform(value: string | number, locale: string): number {\n        // check for undefined\n        if (!value) { return 0; }\n        // check if type is already number\n        if ( typeof value === 'number') { return value; }\n\n        // retrieve separators\n        const { thousand, decimal } = this.getSeparators(locale);\n        // replace those separators and return typeof Number\n        return Number(value.split(thousand).join('').replace(decimal, '.').replace(/\\.(?=.*\\.)/g, ''));\n    }\n\n    public getSeparators(locale: string): {thousand: string; decimal: string; } {\n        // get formatNumber based on locale\n        const numberFormat = getLocaleNumberFormat(locale, NumberFormatStyle.Decimal);\n        // based on given format extract decimal and thousand separators\n        // TODO: this could be easily done with Array Destructuring (ES6 feat) but it's disabled in current tsconfig :/\n        const format: string = numberFormat.split('#').join('').split('0').join('');\n        return { thousand: format[0], decimal: format[1] };\n    }\n\n}\n","import {\n    AfterContentInit,\n    AfterViewInit,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Host,\n    Inject,\n    Input,\n    LOCALE_ID,\n    NgModule,\n    OnChanges,\n    OnDestroy,\n    Optional,\n    Output,\n    SimpleChanges,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { UxValidationErrorI18nMessage, UxFormValidationError } from '@eui/base';\nimport { CommonModule, DecimalPipe } from '@angular/common';\nimport { Clipboard } from '@angular/cdk/clipboard';\nimport {\n    ControlValueAccessor,\n    FormControl,\n    FormsModule,\n    NG_VALIDATORS,\n    NG_VALUE_ACCESSOR,\n    Validator\n} from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { UxFormGroupComponent } from '@eui/components/legacy/ux-form-group';\nimport { UxControlFeedbackComponentModule } from '@eui/components/legacy/ux-control-feedback';\nimport { RemoveIdDirective } from './remove-id.directive';\nimport { StringToNumberPipe } from './string-to-number.pipe';\nimport { CleaveOptions } from 'cleave.js/options';\nimport { UxCleaveModule, UxMaxlengthModule, UxAutoResizeModule } from '@eui/components/legacy/common/ux-directives';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-form-control',\n    templateUrl: './ux-form-control.component.html',\n    providers: [{\n        provide: NG_VALUE_ACCESSOR,\n        useExisting: forwardRef(() => UxFormControlComponent),\n        multi: true,\n    }, {\n        provide: NG_VALIDATORS,\n        useExisting: forwardRef(() => UxFormControlComponent),\n        multi: true,\n    }],\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxFormControlComponent implements OnDestroy, ControlValueAccessor, Validator, AfterContentInit, OnChanges, AfterViewInit {\n    @Input() id: string;\n    @Input() feedbackTypeClass: string;\n    @Input()\n    get isReadOnly(): boolean { return this._isReadOnly; }\n    set isReadOnly(value: BooleanInput) { this._isReadOnly = coerceBooleanProperty(value); }\n    private _isReadOnly: boolean = false;\n    @Input()\n    get isRequired(): boolean { return this._isRequired; }\n    set isRequired(value: BooleanInput) { this._isRequired = coerceBooleanProperty(value); }\n    private _isRequired: boolean = false;\n    @Input() styleClass: string;\n    @Input() validationErrorMessage: string | UxValidationErrorI18nMessage;\n    @Input() infoLabel: string;\n    @Input() placeholderLabel: string;\n    @Input()\n    get autofocus(): boolean { return this._autofocus; }\n    set autofocus(value: BooleanInput) { this._autofocus = coerceBooleanProperty(value); }\n    private _autofocus: boolean = false;\n\n    @Input() formControlName: string;\n\n    @Input()\n    get isInputText(): boolean { return this._isInputText; }\n    set isInputText(value: BooleanInput) { this._isInputText = coerceBooleanProperty(value); }\n    private _isInputText: boolean = false;\n\n    @Input()\n    get isTextarea(): boolean { return this._isTextarea; }\n    set isTextarea(value: BooleanInput) { this._isTextarea = coerceBooleanProperty(value); }\n    private _isTextarea: boolean = false;\n    @Input() rows: number = 2;\n    @Input() minRows: number;\n    @Input()\n    get isTextareaAutoresize(): boolean { return this._isTextareaAutoresize; }\n    set isTextareaAutoresize(value: BooleanInput) { this._isTextareaAutoresize = coerceBooleanProperty(value); }\n    private _isTextareaAutoresize: boolean = false; // TODO : enable activation of uxAutoresize directive\n\n    // @Input() isDatepicker: boolean = false;\n    // @Input() isDatetimepicker: boolean = false;\n    // @Input() datepickerDateformat: string = 'dd/mm/yy';\n    // @Input() datepickerYearRange: string = '1900:2050';\n    // @Input() datepickerLocale;\n    // @Input() dateOutputFormat;\n\n    // @Input() minDateValue: Date = null;\n    // @Input() maxDateValue: Date = null;\n\n    @Input()\n    get isSelect(): boolean { return this._isSelect; }\n    set isSelect(value: BooleanInput) { this._isSelect = coerceBooleanProperty(value); }\n    private _isSelect: boolean = false;\n    @Input() selectOptions: any[];\n    @Input() selectKeyName: string = 'id';\n    @Input() selectValueName: string = 'value';\n    @Input()\n    get isSelectStringValue(): boolean { return this._isSelectStringValue; }\n    set isSelectStringValue(value: BooleanInput) { this._isSelectStringValue = coerceBooleanProperty(value); }\n    private _isSelectStringValue: boolean = false;\n\n    @Input()\n    get isCheckbox(): boolean { return this._isCheckbox; }\n    set isCheckbox(value: BooleanInput) { this._isCheckbox = coerceBooleanProperty(value); }\n    private _isCheckbox: boolean = false;\n    @Input() checkboxLabel: string;\n\n    @Input()\n    get isRadio(): boolean { return this._isRadio; }\n    set isRadio(value: BooleanInput) { this._isRadio = coerceBooleanProperty(value); }\n    private _isRadio: boolean = false;\n    @Input()\n    get isRadioDeselect(): boolean { return this._isRadioDeselect; }\n    set isRadioDeselect(value: BooleanInput) { this._isRadioDeselect = coerceBooleanProperty(value); }\n    private _isRadioDeselect: boolean = false;\n    @Input() radioLabel: string;\n    @Input() formControlValue: any;\n\n    @Input()\n    get isNumber(): boolean { return this._isNumber; }\n    set isNumber(value: BooleanInput) { this._isNumber = coerceBooleanProperty(value); }\n    private _isNumber: boolean = false;\n    /**\n     * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\n     *      minIntegerDigits: The minimum number of integer digits before the decimal point. Default is 1.\n     *      minFractionDigits: The minimum number of digits after the decimal point. Default is 0.\n     *      maxFractionDigits: The maximum number of digits after the decimal point. Default is 3.\n     */\n    @Input() digitsInfo: string = '1.0-3';\n    @Input()\n    get isNumberFormatPlaceholder(): boolean { return this._isNumberFormatPlaceholder; }\n    set isNumberFormatPlaceholder(value: BooleanInput) { this._isNumberFormatPlaceholder = coerceBooleanProperty(value); }\n    private _isNumberFormatPlaceholder: boolean = true;\n    @Input() cleaveOptions: CleaveOptions = {\n        numeral: true,\n        delimiter: '',\n        numeralDecimalMark: '',\n        numeralDecimalScale: 0\n    };\n\n    @Input() maxlength: number;\n    @Input() maxLengthValidationErrorMessage: string;\n\n    @Input()\n    get isDisabled(): boolean { return this._isDisabled; }\n    set isDisabled(value: BooleanInput) { this._isDisabled = coerceBooleanProperty(value); }\n    private _isDisabled: boolean = false;\n\n    @Input() inputStyleClass: string;\n    @Input() tabindex: string = '0';\n\n    @Input() groupId: string = '';\n\n    @Output() modelChange = new EventEmitter<any>();\n    @Output() touched = new EventEmitter<any>();\n    @Output() focus = new EventEmitter<any>();\n\n    @Input()\n    get selectNoBlankLine(): boolean { return this._selectNoBlankLine; }\n    set selectNoBlankLine(value: BooleanInput) { this._selectNoBlankLine = coerceBooleanProperty(value); }\n    private _selectNoBlankLine: boolean = false;\n    @Input()\n    get isShowMaxlengthCounter(): boolean { return this._isShowMaxlengthCounter; }\n    set isShowMaxlengthCounter(value: BooleanInput) { this._isShowMaxlengthCounter = coerceBooleanProperty(value); }\n    private _isShowMaxlengthCounter: boolean = true;\n\n    @Input() e2eAttr: string = 'ux-form-control';\n    @Input() emptyValueTextOnReadOnly;\n\n    @ViewChild('radioElement') radioElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputRef') inputRef: ElementRef<HTMLInputElement>;\n    @ViewChild('formControlRef', { read: ElementRef }) formControlRef: ElementRef;\n\n    inputValue: any;\n    data: any;\n    generatedId: string;\n    checked: boolean;\n    isMaxLengthValid: boolean = true;\n    feedbackLabel: string;\n    uxFormGroupComponent: UxFormGroupComponent;\n    isSelectHasOptions: boolean = false;\n    ariaInvalid: boolean = false;\n\n    hasFormGroupParent: boolean = false;\n\n    // Stores the isValid value for the parent form in case the user edits the field for the first time,\n    // i.e.: not \"touched\" yet, but still invalid.\n    // In such cases, the parent formGroup should become invalid when the user blurs the field.\n    intendedFormGroupIsValid: boolean = true;\n    validationErrorType: string;\n\n    // Stores the last value for fields that are auto-corrected, i.e.: numeric fields or fields limited to a maximum length.\n    // This is to fix a bug for when a user types an invalid value, and then switching off read-only mode.\n    // In such cases, the last characters would remain in the (read-only) value.\n    // To prevent this, we will force the value to the last known correct value.\n    protected lastAutoCorrectedValue;\n\n    private _formControl: FormControl;\n    private languageChangeSubscription: Subscription;\n\n    constructor(@Optional() @Host() @Inject(forwardRef(() => UxFormGroupComponent)) uxFormGroupComponent: UxFormGroupComponent,\n                @Inject(LOCALE_ID) public locale: string,\n                protected elementRef: ElementRef\n    ) {\n        this.uxFormGroupComponent = uxFormGroupComponent;\n        this.hasFormGroupParent = this.uxFormGroupComponent ? true : false;\n\n        // this.languageChangeSubscription = translateService.onLangChange.subscribe((evt: LangChangeEvent) => {\n        //     if (this.calendarControl && !this.datepickerLocale) {\n        //         const locale = calendarLocales[evt.lang] || calendarLocales['en'];\n        //         this.calendarControl.locale = locale;\n        //     }\n        // });\n    }\n\n    // @HostListener('document:keydown.escape', ['$event']) onKeydownHandler(event: KeyboardEvent) {\n    //     if (event.keyCode === 27 && this.isDatepicker) { // ESC\n    //         this.calendarControl.overlayVisible = false;\n    //     }\n    // }\n\n    ngAfterViewInit() {\n        if (this.formControlRef && this.autofocus) {\n            this.formControlRef.nativeElement.focus();\n        }\n    }\n\n    ngAfterContentInit() {\n        if (!this.id) {\n            this.generatedId = 'ux-form-control-' + (Math.floor(Math.random() * 1000000) + 1).toString();\n        } else {\n            this.generatedId = this.id;\n        }\n        if (this.uxFormGroupComponent && !this.uxFormGroupComponent.id) {\n            this.uxFormGroupComponent.id = this.generatedId;\n            if (!this.uxFormGroupComponent.isRequired) {\n                this.uxFormGroupComponent.isRequired = this.isRequired;\n            } else if (!this.isRequired) {\n                this.isRequired = true;\n            }\n        }\n        if (!this.isInputText && !this.isTextarea &&\n            !this.isSelect && !this.isCheckbox && !this.isRadio &&\n            !this.isNumber) {\n            this.isInputText = true;\n        }\n\n        if (this._formControl) {\n            this._formControl.statusChanges.subscribe(v => {\n                if (this.uxFormGroupComponent) {\n                    this.intendedFormGroupIsValid = true;\n                    this.uxFormGroupComponent.isValid = (v !== 'INVALID');\n                    if (!this._formControl.touched) {\n                        this.intendedFormGroupIsValid = this.uxFormGroupComponent.isValid;\n                        this.uxFormGroupComponent.isValid = true;\n                    }\n                    if (!this.uxFormGroupComponent.validationErrorMessage && this.validationErrorMessage) {\n                        this.uxFormGroupComponent.validationErrorMessage = this.validationErrorMessage;\n                    } else if (this._formControl.errors &&\n                        this._formControl.errors.uxValidationError) {\n                        this.setUxValidationErrorsToParentFormGroup();\n                    }\n                } else if (this._formControl.errors && this._formControl.errors.uxValidationError) {\n                    this.setUxValidationErrorsToFormControl();\n                }\n\n            });\n        }\n\n        this.lastAutoCorrectedValue = this.inputValue;\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['cleaveOptions'] && (this.isNumber)) {\n            this.cleaveOptions = { ...changes['cleaveOptions'].currentValue, numeral: true };\n        }\n\n        // Bug fix for when a user types an invalid value, and then switching off read-only mode.\n        // In such cases, the last characters would remain in the (read-only) value.\n        // To prevent this, we will force the value to the last known correct value.\n        if (changes && changes['isReadOnly'] && this.isNumber) {\n            if (this.isReadOnly) {\n                this.inputValue = this.lastAutoCorrectedValue;\n            }\n        }\n\n        if (changes && changes['isReadOnly'] && (this.isRadio)) {\n            if (!this.isReadOnly && this._formControl) {\n                this.writeValue(this._formControl.value);\n            }\n        }\n\n        if (changes && changes['isReadOnly'] && (this.isSelect)) {\n            if (this.isReadOnly && this._formControl) {\n                this.writeValue(this._formControl.value);\n            }\n        }\n\n        this.updateSelectHasOptions();\n\n        this.updateAriaInvalid();\n    }\n\n    ngOnDestroy() {\n        if (this.languageChangeSubscription) {\n            this.languageChangeSubscription.unsubscribe();\n        }\n    }\n\n    setUxValidationErrorsToFormControl() {\n        const errors = this._formControl.errors as UxFormValidationError;\n        if (errors.uxValidationError.message) {\n            this.validationErrorMessage = errors.uxValidationError.message;\n        }\n        if (errors.uxValidationError.type) {\n            this.validationErrorType = errors.uxValidationError.type;\n        }\n    }\n\n    setUxValidationErrorsToParentFormGroup() {\n        const errors = this._formControl.errors as UxFormValidationError;\n        if (errors.uxValidationError.message) {\n            this.uxFormGroupComponent.validationErrorMessage = errors.uxValidationError.message;\n        }\n        if (errors.uxValidationError.type) {\n            this.uxFormGroupComponent.validationErrorFeedbackClass = errors.uxValidationError.type;\n        }\n    }\n\n    get isFieldValid(): boolean {\n        if (this._formControl) {\n            if (this._formControl.touched && this._formControl.invalid) {\n                return false;\n            }\n        }\n        return true;\n    }\n\n    get isRadioOptionChecked(): boolean {\n        if (this._formControl && this.isRadio) {\n            return (this._formControl.value === this.formControlValue);\n        }\n        return null;\n    }\n\n    OnMaxLengthValidityChange(state: boolean) {\n        this.isMaxLengthValid = state;\n    }\n\n    public writeValue(value: any) {\n        if (this.isNumber) {\n            this.inputValue = value;\n        } else {\n            if (this.isRadio) {\n                if (this.isReadOnly) {\n                    this.inputValue = value;\n                } else {\n                    this.checked = (value === this.formControlValue);\n                    if (this.radioElement) {\n                        (<any>this.radioElement).nativeElement.checked = this.checked;\n                    }\n                }\n            } else {\n                this.inputValue = value;\n            }\n\n        }\n\n        // Save the last correct input value to show when a user switch off to read-only mode.\n        if (this.inputValue) {\n            this.lastAutoCorrectedValue = this.inputValue;\n        }\n    }\n\n    public registerOnChange(fn: any) {\n        this.propagateChange = fn;\n    }\n\n    public registerOnTouched(fn: any) {\n        if (\n            this._formControl &&\n            !this._formControl.touched &&\n            this.uxFormGroupComponent &&\n            (typeof this.intendedFormGroupIsValid !== 'undefined')\n        ) {\n            this.uxFormGroupComponent.isValid = this.intendedFormGroupIsValid;\n        }\n\n        this.propagateTouched = fn;\n    }\n\n    public validate(c: FormControl) {\n        this._formControl = c;\n        setTimeout(() => {\n            this.updateAriaInvalid();\n        }, 0);\n        return (c.invalid) ? {\n            fieldError: {\n                errorMessage: this.validationErrorMessage || 'error'\n            }\n        } : null;\n    }\n\n    public onChange(event) {\n        let newValue: any;\n\n        if (event.target) {\n            // Ignore, if TAB, Shift + Tab key combinations are used\n            if (event.keyCode === 9 || event.keyCode === 16) {\n                return;\n            }\n\n            newValue = event.target.value;\n\n            if (this.isCheckbox) {\n                newValue = event.target.checked;\n            }\n\n            if (this.isNumber) {\n                newValue = this.inputValue;\n            }\n            if (this.isSelect) {\n                if (event.target.value === 'null' || event.target.value === '') {\n                    newValue = null;\n                } else {\n                    const value: string = event.target.value;\n                    if (isNaN(Number(value)) || this.isSelectStringValue) {\n                        newValue = value;\n                    } else {\n                        newValue = Number(value);\n                    }\n                }\n            }\n            if (this.isRadio) {\n                if (!this.isRadioDeselect) {\n                    newValue = this.formControlValue;\n                } else {\n                    if (this.isRadioOptionChecked\n                        && event.target.value === this.formControlValue) {\n                        newValue = null;\n                        this._formControl.setValue(null, { emitEvent: true });\n                    } else {\n                        newValue = this.formControlValue;\n                    }\n                }\n            }\n\n            if (this.isNumber || this.maxlength) {\n                this.lastAutoCorrectedValue = newValue;\n            }\n\n        } else {\n            newValue = event;\n        }\n\n        this.propagateChange(newValue);\n        this.modelChange.emit(newValue);\n    }\n\n    public onTouched(event) {\n        this.touched.emit(event);\n        this.propagateTouched();\n        this.updateFormGroupValidationStatus();\n    }\n\n    public onFocus(event) {\n        this.focus.emit(event);\n    }\n\n    public get selectValue(): string {\n        let valueItem = null;\n        if (this.selectOptions) {\n            valueItem = this.selectOptions.find(item => item[this.selectKeyName] === this.inputValue);\n        }\n        if (valueItem) {\n            return valueItem[this.selectValueName];\n        } else {\n            return null;\n        }\n    }\n\n    protected updateAriaInvalid() {\n        this.ariaInvalid = (!this.isMaxLengthValid || (this._formControl && this._formControl.touched && this._formControl.invalid));\n    }\n\n    private updateFormGroupValidationStatus() {\n        if (this._formControl &&\n            this.uxFormGroupComponent &&\n            this._formControl.dirty) {\n            this.uxFormGroupComponent.isValid = !this._formControl.invalid;\n        }\n    }\n\n    private updateSelectHasOptions() {\n        if (this.isSelect && this.selectOptions) {\n            this.selectOptions.forEach((item) => {\n                if (item.options) {\n                    this.isSelectHasOptions = true;\n                    return;\n                }\n            });\n        }\n    }\n\n    private propagateChange = (_: any) => {\n    }\n\n    private propagateTouched = () => {\n    }\n}\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UxControlFeedbackComponentModule,\n        FormsModule,\n        UxMaxlengthModule,\n        UxAutoResizeModule,\n        UxCleaveModule,\n        TranslateModule,\n    ],\n    providers: [DecimalPipe, Clipboard, StringToNumberPipe],\n    exports: [UxFormControlComponent, RemoveIdDirective, StringToNumberPipe],\n    declarations: [UxFormControlComponent, RemoveIdDirective, StringToNumberPipe],\n})\nexport class UxFormControlComponentModule {\n}\n","<ng-container *ngIf=\"isInputText && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n                type=\"text\" [(ngModel)]=\"inputValue\"\n                class=\"ux-form-control {{inputStyleClass}}\"\n                (change)=\"onChange($event)\"\n                (keyup)=\"onChange($event)\"\n                (blur)=\"onTouched($event)\"\n                (focus)=\"onFocus($event)\"\n                placeholder=\"{{placeholderLabel}}\"\n                [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                [disabled]=\"isDisabled\"\n                [tabindex]=\"tabindex\"\n                [attr.aria-invalid]=\"ariaInvalid\"\n                [attr.aria-required]=\"isRequired\" />\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n        <textarea #formControlRef id=\"{{generatedId}}\"\n                    class=\"ux-form-control {{inputStyleClass}}\"\n                    [(ngModel)]=\"inputValue\"\n                    (change)=\"onChange($event)\"\n                    (keyup)=\"onChange($event)\"\n                    (blur)=\"onTouched($event)\"\n                    (focus)=\"onFocus($event)\"\n                    placeholder=\"{{placeholderLabel}}\"\n                    [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                    [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                    [attr.rows]=\"rows\"\n                    [minRows]=\"minRows\"\n                    [disabled]=\"isDisabled\"\n                    [tabindex]=\"tabindex\"\n                    [attr.aria-invalid]=\"ariaInvalid\"\n                    [attr.aria-required]=\"isRequired\"\n                    [uxAutoResize]=\"isTextareaAutoresize\">\n        </textarea>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n    <select #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-form-control ux-form-control__custom-select {{inputStyleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (change)=\"onChange($event)\"\n            (keyup)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n\t\t\tattr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n        <ng-container *ngIf=\"selectOptions\">\n            <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{placeholderLabel}}</option>\n            <ng-template [ngIf]=\"isSelectHasOptions\">\n                <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n                    <optgroup *ngIf=\"item.options\" label=\"{{item.value}}\" class=\"ux-u-font-regular\">\n                        <option *ngFor=\"let opt of item.options\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                            {{opt[selectValueName]}}\n                        </option>\n                    </optgroup>\n                    <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n                        {{item[selectValueName]}}\n                    </option>\n                </ng-template>\n            </ng-template>\n\n            <ng-template [ngIf]=\"!isSelectHasOptions\">\n                <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                    {{opt[selectValueName]}}\n                </option>\n            </ng-template>\n        </ng-container>\n        <ng-content *ngIf=\"! selectOptions\"></ng-content>\n    </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n    <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n        [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            type=\"checkbox\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (click)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            type=\"checkbox\"\n            [checked]=\"inputValue\"\n            onclick=\"return false;\"\n            [tabindex]=\"tabindex\"\n            readonly=\"readonly\"\n            aria-readonly=\"true\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n    <input #radioElement #formControlRef\n           id=\"{{generatedId}}\"\n           class=\"ux-input__radio {{styleClass}}\"\n           type=\"radio\"\n           [checked]=\"checked\"\n           [name]=\"formControlName + groupId\"\n           [value]=\"formControlValue\"\n           (click)=\"onChange($event)\"\n           (blur)=\"onTouched($event)\"\n           (focus)=\"onFocus($event)\"\n           [disabled]=\"isDisabled\"\n           [tabindex]=\"tabindex\"\n           [attr.aria-invalid]=\"ariaInvalid\"\n           [attr.aria-required]=\"isRequired\"\n           attr.data-e2e=\"{{ e2eAttr }}-ra-rw\"/>\n    <label for=\"{{generatedId}}\" class=\"radio-label\">{{radioLabel || '&nbsp;'}}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n    <div *ngIf=\"radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{radioLabel}}</div>\n    <div *ngIf=\"!radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n    <div *ngIf=\"isReadOnly\"\n         id=\"{{generatedId}}\"\n         class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value}}\n    </div>\n    <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n               type=\"text\"\n               [uxCleave]=\"cleaveOptions\"\n               [readOnly]=\"isReadOnly\"\n               [(ngModel)]=\"inputValue\"\n               [isModelNumber]=\"true\"\n               class=\"ux-form-control {{inputStyleClass}}\"\n               (change)=\"onChange($event)\"\n               (keyup)=\"onChange($event)\"\n               (blur)=\"onTouched($event)\"\n               (focus)=\"onFocus($event)\"\n               placeholder=\"{{placeholderLabel}}\"\n               [disabled]=\"isDisabled\"\n               [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n               [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n               [tabindex]=\"tabindex\"\n               [attr.aria-invalid]=\"ariaInvalid\"\n               [attr.aria-required]=\"isRequired\"/>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">\n        <pre>{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</pre>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n    <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                         typeClass=\"{{validationErrorType ? validationErrorType : 'danger' }}\"\n                         attr.data-e2e=\"{{ e2eAttr }}\">\n        {{validationErrorMessage && $any(validationErrorMessage).id ?\n        ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n        validationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n    <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n        {{maxLengthValidationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/eui-components-legacy-ux-form-group.mjs

@@ -126,10 +126,10 @@ class UxFormGroupComponent {
     }
 }
 /** @nocollapse */ UxFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: UxFormGroupComponent, deps: [{ token: forwardRef(() => UxFieldsetComponent), host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UxFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: UxFormGroupComponent, selector: "ux-form-group", inputs: { id: "id", label: "label", isVertical: "isVertical", isRequired: "isRequired", isRequiredTooltipTypeClass: "isRequiredTooltipTypeClass", feedbackTypeClass: "feedbackTypeClass", labelWidthClass: "labelWidthClass", inputWidthClass: "inputWidthClass", isReadOnly: "isReadOnly", styleClass: "styleClass", validationErrorMessage: "validationErrorMessage", validationErrorFeedbackClass: "validationErrorFeedbackClass", infoLabel: "infoLabel", isValid: "isValid", isLoadingIndicatorActive: "isLoadingIndicatorActive", isCompact: "isCompact", isUltraCompact: "isUltraCompact", isRenderHTML: "isRenderHTML", iconClass: "iconClass", iconTypeClass: "iconTypeClass", isInline: "isInline", e2eAttr: "e2eAttr" }, queries: [{ propertyName: "customSubContent", first: true, predicate: i0.forwardRef(function () { return UxFormGroupSubContentTagDirective; }), descendants: true }, { propertyName: "leftTitleContent", first: true, predicate: i0.forwardRef(function () { return UxFormGroupLeftTitleContentTagDirective; }), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ux-form-group ux-form-group__input-group {{stateClass}} {{dynamicStateClass}} {{styleClass}}\"\n     [class.has-danger]=\"!isValid && !validationErrorFeedbackClass\" attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <label for=\"{{id}}\" class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"label\"\n            [class.col-form-label]=\"!isVertical\"\n            [class.form-control-label]=\"isVertical\">\n\n            <span *ngIf=\"isRenderHTML\" class=\"ux-form-group__label\" [innerHTML]=\"label\"></span>\n            <span *ngIf=\"!isRenderHTML\" class=\"ux-form-group__label\">\n                <ng-container *ngIf=\"label\">{{label}}</ng-container>\n                <ng-container *ngIf=\"!label\">&nbsp;</ng-container>\n            </span>\n            <span *ngIf=\"isRequired\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n            <span *ngIf=\"infoLabel\"\n                class=\"ux-form-group__info-label {{ iconClass }} ux-u-color-{{iconTypeClass}}\"\n                [class.ux-u-cursor-help]=\"infoLabel !== ''\" title=\"{{infoLabel}}\">\n            </span>\n            <ng-content select=\"uxFormGroupLeftTitleContent\"></ng-content>\n    </label>\n\n    <div class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"!label\"\n         [class.col-form-label]=\"!isVertical\"\n         [class.form-control-label]=\"isVertical\">\n    </div>\n\n    <div class=\"{{inputWidthClass}}\">\n        <div class=\"ux-form-group__input-content\">\n            <div [class.ux-form-group--read-only]=\"isReadOnly\">\n                <ng-content></ng-content>\n            </div>\n            <span *ngIf=\"isLoadingIndicatorActive\"\n                class=\"ux-form-group__loading-indicator ux-icon ux-icon-refresh ux-icon-spin ux-u-color-primary\">\n            </span>\n            <span *ngIf=\"isRequired && !label\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"validationErrorMessage\" class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-validationErrorMessage\">\n    <div class=\"{{labelWidthClass}}\"></div>\n    <div class=\"{{inputWidthClass}}\">\n        <ng-container *ngIf=\"!isValid\">\n            <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                                 typeClass=\"{{validationErrorFeedbackClass?validationErrorFeedbackClass:'danger'}}\">\n                {{validationErrorMessage && $any(validationErrorMessage).id ?\n                ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n                validationErrorMessage}}\n            </ux-control-feedback>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template [ngIf]=\"customSubContent\">\n    <div class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-subContent\">\n        <div class=\"{{labelWidthClass}}\"></div>\n        <div class=\"{{inputWidthClass}}\">\n            <ng-content select=\"uxFormGroupSubContent\"></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".ux-form-group--primary .ux-input-group-text,.ux-form-group--info .ux-input-group-text,.ux-form-group--success .ux-input-group-text,.ux-form-group--danger .ux-input-group-text{color:var(--eui-base-color-white)!important}.ux-form-group--secondary .ux-input-group-text,.ux-form-group--warning .ux-input-group-text,.ux-form-group--accent .ux-input-group-text{color:var(--eui-base-color-black)!important}.ux-form-group--read-only pre{color:var(--eui-base-color-grey-100);font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);margin:0;white-space:pre-line;word-break:break-word;font-style:normal;font-weight:700}.ux-form-group__loading-indicator{position:absolute;right:0;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs) + 2px)}.ux-form-group__loading-indicator.ux-icon-spin{animation:none}.ux-form-group--compact.ux-form-group--vertical input[type=checkbox].ux-input__checkbox+label,.ux-form-group--compact.ux-form-group--vertical input[type=radio].ux-input__radio+label{margin-bottom:var(--eui-base-spacing-2xs);margin-top:var(--eui-base-spacing-2xs)!important}.ux-form-group--compact.ux-form-group--vertical .ux-datepicker--read-only{margin-bottom:0!important}.ux-form-group{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-s)}.ux-form-group__label-wrapper{margin-bottom:0;padding-right:var(--eui-base-spacing-m);padding-top:0;position:relative}.ux-form-group__label{margin-left:auto;margin-right:0}.ux-form-group__input-content{position:relative}.ux-form-group__required-indicator{color:var(--eui-base-color-danger-100);font-size:calc(var(--eui-base-font-size) + 4px);line-height:.75;margin:0 -.75rem 0 .25rem}.ux-form-group__required-indicator--no-label{right:-10px;top:0}.ux-form-group__loading-indicator{align-items:center;display:flex;background-color:var(--eui-base-color-white);cursor:default;right:var(--eui-base-spacing-xs);top:calc(-1 * var(--eui-base-spacing-s))}.ux-form-group__loading-indicator:after,.ux-form-group__loading-indicator:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-form-group__loading-indicator:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-form-group__loading-indicator:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-form-group__loading-indicator--sm:after,.ux-form-group__loading-indicator--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-form-group__loading-indicator:after{right:0}.ux-form-group__loading-indicator:before{position:relative;right:0}.ux-form-group__info-label{font-size:var(--eui-base-font-size-xl);margin-left:var(--eui-base-spacing-s);margin-right:calc(-1 * var(--eui-base-spacing-s))}.ux-form-group--read-only,.ux-form-group--disabled{align-items:center;color:var(--eui-base-color-grey-90)!important;display:inline-flex;font-size:var(--eui-base-font-size);height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-s) var(--eui-base-spacing-s) 0!important;font-style:normal;font-weight:700}.ux-form-group--read-only{height:auto}.ux-form-group--read-only pre{color:var(--eui-base-color-grey-90)!important;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);margin-bottom:0;white-space:pre-wrap;word-break:break-word;font-style:normal;font-weight:700}.ux-form-group--vertical{display:block!important}.ux-form-group--vertical .ux-form-group__label{margin-left:0;margin-right:0}.ux-form-group--vertical .ux-form-group__required-indicator{right:0;top:0}.ux-form-group--vertical .ux-form-group__required-indicator--no-label{right:-10px;top:0}.ux-form-group--vertical .ux-form-group__label-wrapper{margin-bottom:0;padding-right:var(--eui-base-spacing-s)}.ux-form-group--no-label .ux-form-group__required-indicator{position:absolute;right:0;top:10px}.ux-form-group--compact{margin-bottom:var(--eui-base-spacing-xs)}.ux-form-group--compact input[type=checkbox].ux-input__checkbox+label,.ux-form-group--compact input[type=radio].ux-input__radio+label{margin-top:var(--eui-base-spacing-2xs)}.ux-form-group--compact.ux-form-group--vertical .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.ux-form-group--vertical .ux-datepicker--read-only{margin-bottom:var(--eui-base-spacing-xs)}.ux-form-group--compact.ux-form-group--vertical input[type=checkbox].ux-input__checkbox+label{margin-top:0}.ux-form-group--compact.row.ux-form-group .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.row.ux-form-group .ux-datepicker--read-only{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.row.ux-form-group input[type=checkbox].ux-input__checkbox+label{margin-top:0}.ux-form-group--inline{display:inline-flex!important}.ux-form-group--no-label.ux-form-group--vertical .ux-form-group__required-indicator{position:absolute;top:10px}.ux-form-group__messages-wrapper{margin-bottom:var(--eui-base-spacing-s);margin-top:calc(-1 * var(--eui-base-spacing-xs))}.ux-form-group__messages-wrapper:not(.ux-form-group--vertical){margin-bottom:var(--eui-base-spacing-s);margin-top:calc(-1 * var(--eui-base-spacing-xs))}@media screen and (max-width: 995px){.ux-form-group__label{margin-right:var(--eui-base-spacing-xs)}.ux-form-group__required-indicator{position:relative;right:auto}}.ux-form-group--secondary .ux-form-control-feedback,.ux-form-group--secondary .form-control-label,.ux-form-group--secondary .col-form-label,.ux-form-group--secondary .form-check-label,.ux-form-group--secondary .custom-control,.ux-form-group--secondary .ux-custom-control{color:#000}.ux-form-group--secondary .ux-form-control{border-color:#000}.ux-form-group--secondary .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--secondary .ux-input-group-text{background-color:#000;border-color:#000;color:#000}.ux-form-group--secondary input,.ux-form-group--secondary select,.ux-form-group--secondary textarea,.ux-form-group--secondary .form-control,.ux-form-group--secondary .input-group-text,.ux-form-group--secondary .ui-widget input,.ux-form-group--secondary .ui-widget select,.ux-form-group--secondary .ui-widget textarea{border:1px solid var(--eui-base-color-grey-15)}.ux-form-group--secondary input:focus,.ux-form-group--secondary select:focus,.ux-form-group--secondary textarea:focus,.ux-form-group--secondary .form-control:focus,.ux-form-group--secondary .input-group-text:focus,.ux-form-group--secondary .ui-widget input:focus,.ux-form-group--secondary .ui-widget select:focus,.ux-form-group--secondary .ui-widget textarea:focus{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-20)}.ux-form-group--info .ux-form-control-feedback,.ux-form-group--info .form-control-label,.ux-form-group--info .col-form-label,.ux-form-group--info .form-check-label,.ux-form-group--info .custom-control,.ux-form-group--info .ux-custom-control{color:#006fb4}.ux-form-group--info .ux-form-control{border-color:#006fb4}.ux-form-group--info .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--info .ux-input-group-text{background-color:#4093c7;border-color:#006fb4;color:#006fb4}.ux-form-group--info input,.ux-form-group--info select,.ux-form-group--info textarea,.ux-form-group--info .form-control,.ux-form-group--info .input-group-text,.ux-form-group--info .ui-widget input,.ux-form-group--info .ui-widget select,.ux-form-group--info .ui-widget textarea{border:1px solid var(--eui-base-color-info-25)}.ux-form-group--info input:focus,.ux-form-group--info select:focus,.ux-form-group--info textarea:focus,.ux-form-group--info .form-control:focus,.ux-form-group--info .input-group-text:focus,.ux-form-group--info .ui-widget input:focus,.ux-form-group--info .ui-widget select:focus,.ux-form-group--info .ui-widget textarea:focus{background-color:var(--eui-base-color-info-5);border:1px solid var(--eui-base-color-info-75)}.ux-form-group--success .ux-form-control-feedback,.ux-form-group--success .form-control-label,.ux-form-group--success .col-form-label,.ux-form-group--success .form-check-label,.ux-form-group--success .custom-control,.ux-form-group--success .ux-custom-control{color:#467a39}.ux-form-group--success .ux-form-control{border-color:#467a39}.ux-form-group--success .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--success .ux-input-group-text{background-color:#749b6b;border-color:#467a39;color:#467a39}.ux-form-group--success input,.ux-form-group--success select,.ux-form-group--success textarea,.ux-form-group--success .form-control,.ux-form-group--success .input-group-text,.ux-form-group--success .ui-widget input,.ux-form-group--success .ui-widget select,.ux-form-group--success .ui-widget textarea{border:1px solid var(--eui-base-color-success-25)}.ux-form-group--success input:focus,.ux-form-group--success select:focus,.ux-form-group--success textarea:focus,.ux-form-group--success .form-control:focus,.ux-form-group--success .input-group-text:focus,.ux-form-group--success .ui-widget input:focus,.ux-form-group--success .ui-widget select:focus,.ux-form-group--success .ui-widget textarea:focus{background-color:var(--eui-base-color-success-5);border:1px solid var(--eui-base-color-success-75)}.ux-form-group--warning .ux-form-control-feedback,.ux-form-group--warning .form-control-label,.ux-form-group--warning .col-form-label,.ux-form-group--warning .form-check-label,.ux-form-group--warning .custom-control,.ux-form-group--warning .ux-custom-control{color:#f29527}.ux-form-group--warning .ux-form-control{border-color:#f29527}.ux-form-group--warning .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--warning .ux-input-group-text{background-color:#f5b05d;border-color:#f29527;color:#f29527}.ux-form-group--warning input,.ux-form-group--warning select,.ux-form-group--warning textarea,.ux-form-group--warning .form-control,.ux-form-group--warning .input-group-text,.ux-form-group--warning .ui-widget input,.ux-form-group--warning .ui-widget select,.ux-form-group--warning .ui-widget textarea{border:1px solid var(--eui-base-color-warning-25)}.ux-form-group--warning input:focus,.ux-form-group--warning select:focus,.ux-form-group--warning textarea:focus,.ux-form-group--warning .form-control:focus,.ux-form-group--warning .input-group-text:focus,.ux-form-group--warning .ui-widget input:focus,.ux-form-group--warning .ui-widget select:focus,.ux-form-group--warning .ui-widget textarea:focus{background-color:var(--eui-base-color-warning-5);border:1px solid var(--eui-base-color-warning-75)}.ux-form-group--danger .ux-form-control-feedback,.ux-form-group--danger .form-control-label,.ux-form-group--danger .col-form-label,.ux-form-group--danger .form-check-label,.ux-form-group--danger .custom-control,.ux-form-group--danger .ux-custom-control{color:#da2131}.ux-form-group--danger .ux-form-control{border-color:#da2131}.ux-form-group--danger .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--danger .ux-input-group-text{background-color:#e35965;border-color:#da2131;color:#da2131}.ux-form-group--danger input,.ux-form-group--danger select,.ux-form-group--danger textarea,.ux-form-group--danger .form-control,.ux-form-group--danger .input-group-text,.ux-form-group--danger .ui-widget input,.ux-form-group--danger .ui-widget select,.ux-form-group--danger .ui-widget textarea{border:1px solid var(--eui-base-color-danger-100)}.ux-form-group--danger input:focus,.ux-form-group--danger select:focus,.ux-form-group--danger textarea:focus,.ux-form-group--danger .form-control:focus,.ux-form-group--danger .input-group-text:focus,.ux-form-group--danger .ui-widget input:focus,.ux-form-group--danger .ui-widget select:focus,.ux-form-group--danger .ui-widget textarea:focus{background-color:var(--eui-base-color-danger-5);border:1px solid var(--eui-base-color-danger-75)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UxControlFeedbackComponent, selector: "ux-control-feedback", inputs: ["styleClass", "typeClass", "e2eAttr"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ UxFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: UxFormGroupComponent, selector: "ux-form-group", inputs: { id: "id", label: "label", isVertical: "isVertical", isRequired: "isRequired", isRequiredTooltipTypeClass: "isRequiredTooltipTypeClass", feedbackTypeClass: "feedbackTypeClass", labelWidthClass: "labelWidthClass", inputWidthClass: "inputWidthClass", isReadOnly: "isReadOnly", styleClass: "styleClass", validationErrorMessage: "validationErrorMessage", validationErrorFeedbackClass: "validationErrorFeedbackClass", infoLabel: "infoLabel", isValid: "isValid", isLoadingIndicatorActive: "isLoadingIndicatorActive", isCompact: "isCompact", isUltraCompact: "isUltraCompact", isRenderHTML: "isRenderHTML", iconClass: "iconClass", iconTypeClass: "iconTypeClass", isInline: "isInline", e2eAttr: "e2eAttr" }, queries: [{ propertyName: "customSubContent", first: true, predicate: i0.forwardRef(function () { return UxFormGroupSubContentTagDirective; }), descendants: true }, { propertyName: "leftTitleContent", first: true, predicate: i0.forwardRef(function () { return UxFormGroupLeftTitleContentTagDirective; }), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ux-form-group ux-form-group__input-group {{stateClass}} {{dynamicStateClass}} {{styleClass}}\"\n     [class.has-danger]=\"!isValid && !validationErrorFeedbackClass\" attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <label for=\"{{id}}\" class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"label\"\n            [class.col-form-label]=\"!isVertical\"\n            [class.form-control-label]=\"isVertical\">\n\n            <span *ngIf=\"isRenderHTML\" class=\"ux-form-group__label\" [innerHTML]=\"label\"></span>\n            <span *ngIf=\"!isRenderHTML\" class=\"ux-form-group__label\">\n                <ng-container *ngIf=\"label\">{{label}}</ng-container>\n                <ng-container *ngIf=\"!label\">&nbsp;</ng-container>\n            </span>\n            <span *ngIf=\"isRequired\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n            <span *ngIf=\"infoLabel\"\n                class=\"ux-form-group__info-label {{ iconClass }} ux-u-color-{{iconTypeClass}}\"\n                [class.ux-u-cursor-help]=\"infoLabel !== ''\" title=\"{{infoLabel}}\">\n            </span>\n            <ng-content select=\"uxFormGroupLeftTitleContent\"></ng-content>\n    </label>\n\n    <div class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"!label\"\n         [class.col-form-label]=\"!isVertical\"\n         [class.form-control-label]=\"isVertical\">\n    </div>\n\n    <div class=\"{{inputWidthClass}}\">\n        <div class=\"ux-form-group__input-content\">\n            <div [class.ux-form-group--read-only]=\"isReadOnly\">\n                <ng-content></ng-content>\n            </div>\n            <span *ngIf=\"isLoadingIndicatorActive\"\n                class=\"ux-form-group__loading-indicator ux-icon ux-icon-refresh ux-icon-spin ux-u-color-primary\">\n            </span>\n            <span *ngIf=\"isRequired && !label\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"validationErrorMessage\" class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-validationErrorMessage\">\n    <div class=\"{{labelWidthClass}}\"></div>\n    <div class=\"{{inputWidthClass}}\">\n        <ng-container *ngIf=\"!isValid\">\n            <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                                 typeClass=\"{{validationErrorFeedbackClass?validationErrorFeedbackClass:'danger'}}\">\n                {{validationErrorMessage && $any(validationErrorMessage).id ?\n                ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n                validationErrorMessage}}\n            </ux-control-feedback>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template [ngIf]=\"customSubContent\">\n    <div class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-subContent\">\n        <div class=\"{{labelWidthClass}}\"></div>\n        <div class=\"{{inputWidthClass}}\">\n            <ng-content select=\"uxFormGroupSubContent\"></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".ux-form-group{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-s)}.ux-form-group__label-wrapper{margin-bottom:0;padding-right:var(--eui-base-spacing-m);padding-top:0;position:relative}.ux-form-group__label{margin-left:auto;margin-right:0}.ux-form-group__input-content{position:relative}.ux-form-group__required-indicator{color:var(--eui-base-color-danger-100);font-size:calc(var(--eui-base-font-size) + 4px);line-height:.75;margin:0 -.75rem 0 .25rem}.ux-form-group__required-indicator--no-label{right:-10px;top:0}.ux-form-group__loading-indicator{align-items:center;display:flex;background-color:var(--eui-base-color-white);cursor:default;right:var(--eui-base-spacing-xs);top:calc(-1 * var(--eui-base-spacing-s))}.ux-form-group__loading-indicator:after,.ux-form-group__loading-indicator:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-form-group__loading-indicator:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-form-group__loading-indicator:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-form-group__loading-indicator--sm:after,.ux-form-group__loading-indicator--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-form-group__loading-indicator:after{right:0}.ux-form-group__loading-indicator:before{position:relative;right:0}.ux-form-group__info-label{font-size:var(--eui-base-font-size-xl);margin-left:var(--eui-base-spacing-s);margin-right:calc(-1 * var(--eui-base-spacing-s))}.ux-form-group--read-only,.ux-form-group--disabled{align-items:center;color:var(--eui-base-color-grey-90)!important;display:inline-flex;font-size:var(--eui-base-font-size);height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-s) var(--eui-base-spacing-s) 0!important;font-style:normal;font-weight:700}.ux-form-group--read-only{height:auto}.ux-form-group--read-only pre{color:var(--eui-base-color-grey-90)!important;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);margin-bottom:0;white-space:pre-wrap;word-break:break-word;font-style:normal;font-weight:700}.ux-form-group--vertical{display:block!important}.ux-form-group--vertical .ux-form-group__label{margin-left:0;margin-right:0}.ux-form-group--vertical .ux-form-group__required-indicator{right:0;top:0}.ux-form-group--vertical .ux-form-group__required-indicator--no-label{right:-10px;top:0}.ux-form-group--vertical .ux-form-group__label-wrapper{margin-bottom:0;padding-right:var(--eui-base-spacing-s)}.ux-form-group--no-label .ux-form-group__required-indicator{position:absolute;right:0;top:10px}.ux-form-group--compact{margin-bottom:var(--eui-base-spacing-xs)}.ux-form-group--compact input[type=checkbox].ux-input__checkbox+label,.ux-form-group--compact input[type=radio].ux-input__radio+label{margin-top:var(--eui-base-spacing-2xs)}.ux-form-group--compact.ux-form-group--vertical .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.ux-form-group--vertical .ux-datepicker--read-only{margin-bottom:var(--eui-base-spacing-xs)}.ux-form-group--compact.ux-form-group--vertical input[type=checkbox].ux-input__checkbox+label{margin-top:0}.ux-form-group--compact.row.ux-form-group .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.row.ux-form-group .ux-datepicker--read-only{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.row.ux-form-group input[type=checkbox].ux-input__checkbox+label{margin-top:0}.ux-form-group--inline{display:inline-flex!important}.ux-form-group--no-label.ux-form-group--vertical .ux-form-group__required-indicator{position:absolute;top:10px}.ux-form-group__messages-wrapper{margin-bottom:var(--eui-base-spacing-s);margin-top:calc(-1 * var(--eui-base-spacing-xs))}.ux-form-group__messages-wrapper:not(.ux-form-group--vertical){margin-bottom:var(--eui-base-spacing-s);margin-top:calc(-1 * var(--eui-base-spacing-xs))}@media screen and (max-width: 995px){.ux-form-group__label{margin-right:var(--eui-base-spacing-xs)}.ux-form-group__required-indicator{position:relative;right:auto}}.ux-form-group--secondary .ux-form-control-feedback,.ux-form-group--secondary .form-control-label,.ux-form-group--secondary .col-form-label,.ux-form-group--secondary .form-check-label,.ux-form-group--secondary .custom-control,.ux-form-group--secondary .ux-custom-control{color:#000}.ux-form-group--secondary .ux-form-control{border-color:#000}.ux-form-group--secondary .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--secondary .ux-input-group-text{background-color:#000;border-color:#000;color:#000}.ux-form-group--secondary input,.ux-form-group--secondary select,.ux-form-group--secondary textarea,.ux-form-group--secondary .form-control,.ux-form-group--secondary .input-group-text,.ux-form-group--secondary .ui-widget input,.ux-form-group--secondary .ui-widget select,.ux-form-group--secondary .ui-widget textarea{border:1px solid var(--eui-base-color-grey-15)}.ux-form-group--secondary input:focus,.ux-form-group--secondary select:focus,.ux-form-group--secondary textarea:focus,.ux-form-group--secondary .form-control:focus,.ux-form-group--secondary .input-group-text:focus,.ux-form-group--secondary .ui-widget input:focus,.ux-form-group--secondary .ui-widget select:focus,.ux-form-group--secondary .ui-widget textarea:focus{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-20)}.ux-form-group--info .ux-form-control-feedback,.ux-form-group--info .form-control-label,.ux-form-group--info .col-form-label,.ux-form-group--info .form-check-label,.ux-form-group--info .custom-control,.ux-form-group--info .ux-custom-control{color:#006fb4}.ux-form-group--info .ux-form-control{border-color:#006fb4}.ux-form-group--info .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--info .ux-input-group-text{background-color:#4093c7;border-color:#006fb4;color:#006fb4}.ux-form-group--info input,.ux-form-group--info select,.ux-form-group--info textarea,.ux-form-group--info .form-control,.ux-form-group--info .input-group-text,.ux-form-group--info .ui-widget input,.ux-form-group--info .ui-widget select,.ux-form-group--info .ui-widget textarea{border:1px solid var(--eui-base-color-info-25)}.ux-form-group--info input:focus,.ux-form-group--info select:focus,.ux-form-group--info textarea:focus,.ux-form-group--info .form-control:focus,.ux-form-group--info .input-group-text:focus,.ux-form-group--info .ui-widget input:focus,.ux-form-group--info .ui-widget select:focus,.ux-form-group--info .ui-widget textarea:focus{background-color:var(--eui-base-color-info-5);border:1px solid var(--eui-base-color-info-75)}.ux-form-group--success .ux-form-control-feedback,.ux-form-group--success .form-control-label,.ux-form-group--success .col-form-label,.ux-form-group--success .form-check-label,.ux-form-group--success .custom-control,.ux-form-group--success .ux-custom-control{color:#467a39}.ux-form-group--success .ux-form-control{border-color:#467a39}.ux-form-group--success .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--success .ux-input-group-text{background-color:#749b6b;border-color:#467a39;color:#467a39}.ux-form-group--success input,.ux-form-group--success select,.ux-form-group--success textarea,.ux-form-group--success .form-control,.ux-form-group--success .input-group-text,.ux-form-group--success .ui-widget input,.ux-form-group--success .ui-widget select,.ux-form-group--success .ui-widget textarea{border:1px solid var(--eui-base-color-success-25)}.ux-form-group--success input:focus,.ux-form-group--success select:focus,.ux-form-group--success textarea:focus,.ux-form-group--success .form-control:focus,.ux-form-group--success .input-group-text:focus,.ux-form-group--success .ui-widget input:focus,.ux-form-group--success .ui-widget select:focus,.ux-form-group--success .ui-widget textarea:focus{background-color:var(--eui-base-color-success-5);border:1px solid var(--eui-base-color-success-75)}.ux-form-group--warning .ux-form-control-feedback,.ux-form-group--warning .form-control-label,.ux-form-group--warning .col-form-label,.ux-form-group--warning .form-check-label,.ux-form-group--warning .custom-control,.ux-form-group--warning .ux-custom-control{color:#f29527}.ux-form-group--warning .ux-form-control{border-color:#f29527}.ux-form-group--warning .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--warning .ux-input-group-text{background-color:#f5b05d;border-color:#f29527;color:#f29527}.ux-form-group--warning input,.ux-form-group--warning select,.ux-form-group--warning textarea,.ux-form-group--warning .form-control,.ux-form-group--warning .input-group-text,.ux-form-group--warning .ui-widget input,.ux-form-group--warning .ui-widget select,.ux-form-group--warning .ui-widget textarea{border:1px solid var(--eui-base-color-warning-25)}.ux-form-group--warning input:focus,.ux-form-group--warning select:focus,.ux-form-group--warning textarea:focus,.ux-form-group--warning .form-control:focus,.ux-form-group--warning .input-group-text:focus,.ux-form-group--warning .ui-widget input:focus,.ux-form-group--warning .ui-widget select:focus,.ux-form-group--warning .ui-widget textarea:focus{background-color:var(--eui-base-color-warning-5);border:1px solid var(--eui-base-color-warning-75)}.ux-form-group--danger .ux-form-control-feedback,.ux-form-group--danger .form-control-label,.ux-form-group--danger .col-form-label,.ux-form-group--danger .form-check-label,.ux-form-group--danger .custom-control,.ux-form-group--danger .ux-custom-control{color:#da2131}.ux-form-group--danger .ux-form-control{border-color:#da2131}.ux-form-group--danger .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--danger .ux-input-group-text{background-color:#e35965;border-color:#da2131;color:#da2131}.ux-form-group--danger input,.ux-form-group--danger select,.ux-form-group--danger textarea,.ux-form-group--danger .form-control,.ux-form-group--danger .input-group-text,.ux-form-group--danger .ui-widget input,.ux-form-group--danger .ui-widget select,.ux-form-group--danger .ui-widget textarea{border:1px solid var(--eui-base-color-danger-100)}.ux-form-group--danger input:focus,.ux-form-group--danger select:focus,.ux-form-group--danger textarea:focus,.ux-form-group--danger .form-control:focus,.ux-form-group--danger .input-group-text:focus,.ux-form-group--danger .ui-widget input:focus,.ux-form-group--danger .ui-widget select:focus,.ux-form-group--danger .ui-widget textarea:focus{background-color:var(--eui-base-color-danger-5);border:1px solid var(--eui-base-color-danger-75)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UxControlFeedbackComponent, selector: "ux-control-feedback", inputs: ["styleClass", "typeClass", "e2eAttr"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: UxFormGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ux-form-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-form-group ux-form-group__input-group {{stateClass}} {{dynamicStateClass}} {{styleClass}}\"\n     [class.has-danger]=\"!isValid && !validationErrorFeedbackClass\" attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <label for=\"{{id}}\" class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"label\"\n            [class.col-form-label]=\"!isVertical\"\n            [class.form-control-label]=\"isVertical\">\n\n            <span *ngIf=\"isRenderHTML\" class=\"ux-form-group__label\" [innerHTML]=\"label\"></span>\n            <span *ngIf=\"!isRenderHTML\" class=\"ux-form-group__label\">\n                <ng-container *ngIf=\"label\">{{label}}</ng-container>\n                <ng-container *ngIf=\"!label\">&nbsp;</ng-container>\n            </span>\n            <span *ngIf=\"isRequired\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n            <span *ngIf=\"infoLabel\"\n                class=\"ux-form-group__info-label {{ iconClass }} ux-u-color-{{iconTypeClass}}\"\n                [class.ux-u-cursor-help]=\"infoLabel !== ''\" title=\"{{infoLabel}}\">\n            </span>\n            <ng-content select=\"uxFormGroupLeftTitleContent\"></ng-content>\n    </label>\n\n    <div class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"!label\"\n         [class.col-form-label]=\"!isVertical\"\n         [class.form-control-label]=\"isVertical\">\n    </div>\n\n    <div class=\"{{inputWidthClass}}\">\n        <div class=\"ux-form-group__input-content\">\n            <div [class.ux-form-group--read-only]=\"isReadOnly\">\n                <ng-content></ng-content>\n            </div>\n            <span *ngIf=\"isLoadingIndicatorActive\"\n                class=\"ux-form-group__loading-indicator ux-icon ux-icon-refresh ux-icon-spin ux-u-color-primary\">\n            </span>\n            <span *ngIf=\"isRequired && !label\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"validationErrorMessage\" class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-validationErrorMessage\">\n    <div class=\"{{labelWidthClass}}\"></div>\n    <div class=\"{{inputWidthClass}}\">\n        <ng-container *ngIf=\"!isValid\">\n            <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                                 typeClass=\"{{validationErrorFeedbackClass?validationErrorFeedbackClass:'danger'}}\">\n                {{validationErrorMessage && $any(validationErrorMessage).id ?\n                ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n                validationErrorMessage}}\n            </ux-control-feedback>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template [ngIf]=\"customSubContent\">\n    <div class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-subContent\">\n        <div class=\"{{labelWidthClass}}\"></div>\n        <div class=\"{{inputWidthClass}}\">\n            <ng-content select=\"uxFormGroupSubContent\"></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".ux-form-group--primary .ux-input-group-text,.ux-form-group--info .ux-input-group-text,.ux-form-group--success .ux-input-group-text,.ux-form-group--danger .ux-input-group-text{color:var(--eui-base-color-white)!important}.ux-form-group--secondary .ux-input-group-text,.ux-form-group--warning .ux-input-group-text,.ux-form-group--accent .ux-input-group-text{color:var(--eui-base-color-black)!important}.ux-form-group--read-only pre{color:var(--eui-base-color-grey-100);font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);margin:0;white-space:pre-line;word-break:break-word;font-style:normal;font-weight:700}.ux-form-group__loading-indicator{position:absolute;right:0;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs) + 2px)}.ux-form-group__loading-indicator.ux-icon-spin{animation:none}.ux-form-group--compact.ux-form-group--vertical input[type=checkbox].ux-input__checkbox+label,.ux-form-group--compact.ux-form-group--vertical input[type=radio].ux-input__radio+label{margin-bottom:var(--eui-base-spacing-2xs);margin-top:var(--eui-base-spacing-2xs)!important}.ux-form-group--compact.ux-form-group--vertical .ux-datepicker--read-only{margin-bottom:0!important}.ux-form-group{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-s)}.ux-form-group__label-wrapper{margin-bottom:0;padding-right:var(--eui-base-spacing-m);padding-top:0;position:relative}.ux-form-group__label{margin-left:auto;margin-right:0}.ux-form-group__input-content{position:relative}.ux-form-group__required-indicator{color:var(--eui-base-color-danger-100);font-size:calc(var(--eui-base-font-size) + 4px);line-height:.75;margin:0 -.75rem 0 .25rem}.ux-form-group__required-indicator--no-label{right:-10px;top:0}.ux-form-group__loading-indicator{align-items:center;display:flex;background-color:var(--eui-base-color-white);cursor:default;right:var(--eui-base-spacing-xs);top:calc(-1 * var(--eui-base-spacing-s))}.ux-form-group__loading-indicator:after,.ux-form-group__loading-indicator:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-form-group__loading-indicator:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-form-group__loading-indicator:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-form-group__loading-indicator--sm:after,.ux-form-group__loading-indicator--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-form-group__loading-indicator:after{right:0}.ux-form-group__loading-indicator:before{position:relative;right:0}.ux-form-group__info-label{font-size:var(--eui-base-font-size-xl);margin-left:var(--eui-base-spacing-s);margin-right:calc(-1 * var(--eui-base-spacing-s))}.ux-form-group--read-only,.ux-form-group--disabled{align-items:center;color:var(--eui-base-color-grey-90)!important;display:inline-flex;font-size:var(--eui-base-font-size);height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-s) var(--eui-base-spacing-s) 0!important;font-style:normal;font-weight:700}.ux-form-group--read-only{height:auto}.ux-form-group--read-only pre{color:var(--eui-base-color-grey-90)!important;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);margin-bottom:0;white-space:pre-wrap;word-break:break-word;font-style:normal;font-weight:700}.ux-form-group--vertical{display:block!important}.ux-form-group--vertical .ux-form-group__label{margin-left:0;margin-right:0}.ux-form-group--vertical .ux-form-group__required-indicator{right:0;top:0}.ux-form-group--vertical .ux-form-group__required-indicator--no-label{right:-10px;top:0}.ux-form-group--vertical .ux-form-group__label-wrapper{margin-bottom:0;padding-right:var(--eui-base-spacing-s)}.ux-form-group--no-label .ux-form-group__required-indicator{position:absolute;right:0;top:10px}.ux-form-group--compact{margin-bottom:var(--eui-base-spacing-xs)}.ux-form-group--compact input[type=checkbox].ux-input__checkbox+label,.ux-form-group--compact input[type=radio].ux-input__radio+label{margin-top:var(--eui-base-spacing-2xs)}.ux-form-group--compact.ux-form-group--vertical .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.ux-form-group--vertical .ux-datepicker--read-only{margin-bottom:var(--eui-base-spacing-xs)}.ux-form-group--compact.ux-form-group--vertical input[type=checkbox].ux-input__checkbox+label{margin-top:0}.ux-form-group--compact.row.ux-form-group .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.row.ux-form-group .ux-datepicker--read-only{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.row.ux-form-group input[type=checkbox].ux-input__checkbox+label{margin-top:0}.ux-form-group--inline{display:inline-flex!important}.ux-form-group--no-label.ux-form-group--vertical .ux-form-group__required-indicator{position:absolute;top:10px}.ux-form-group__messages-wrapper{margin-bottom:var(--eui-base-spacing-s);margin-top:calc(-1 * var(--eui-base-spacing-xs))}.ux-form-group__messages-wrapper:not(.ux-form-group--vertical){margin-bottom:var(--eui-base-spacing-s);margin-top:calc(-1 * var(--eui-base-spacing-xs))}@media screen and (max-width: 995px){.ux-form-group__label{margin-right:var(--eui-base-spacing-xs)}.ux-form-group__required-indicator{position:relative;right:auto}}.ux-form-group--secondary .ux-form-control-feedback,.ux-form-group--secondary .form-control-label,.ux-form-group--secondary .col-form-label,.ux-form-group--secondary .form-check-label,.ux-form-group--secondary .custom-control,.ux-form-group--secondary .ux-custom-control{color:#000}.ux-form-group--secondary .ux-form-control{border-color:#000}.ux-form-group--secondary .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--secondary .ux-input-group-text{background-color:#000;border-color:#000;color:#000}.ux-form-group--secondary input,.ux-form-group--secondary select,.ux-form-group--secondary textarea,.ux-form-group--secondary .form-control,.ux-form-group--secondary .input-group-text,.ux-form-group--secondary .ui-widget input,.ux-form-group--secondary .ui-widget select,.ux-form-group--secondary .ui-widget textarea{border:1px solid var(--eui-base-color-grey-15)}.ux-form-group--secondary input:focus,.ux-form-group--secondary select:focus,.ux-form-group--secondary textarea:focus,.ux-form-group--secondary .form-control:focus,.ux-form-group--secondary .input-group-text:focus,.ux-form-group--secondary .ui-widget input:focus,.ux-form-group--secondary .ui-widget select:focus,.ux-form-group--secondary .ui-widget textarea:focus{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-20)}.ux-form-group--info .ux-form-control-feedback,.ux-form-group--info .form-control-label,.ux-form-group--info .col-form-label,.ux-form-group--info .form-check-label,.ux-form-group--info .custom-control,.ux-form-group--info .ux-custom-control{color:#006fb4}.ux-form-group--info .ux-form-control{border-color:#006fb4}.ux-form-group--info .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--info .ux-input-group-text{background-color:#4093c7;border-color:#006fb4;color:#006fb4}.ux-form-group--info input,.ux-form-group--info select,.ux-form-group--info textarea,.ux-form-group--info .form-control,.ux-form-group--info .input-group-text,.ux-form-group--info .ui-widget input,.ux-form-group--info .ui-widget select,.ux-form-group--info .ui-widget textarea{border:1px solid var(--eui-base-color-info-25)}.ux-form-group--info input:focus,.ux-form-group--info select:focus,.ux-form-group--info textarea:focus,.ux-form-group--info .form-control:focus,.ux-form-group--info .input-group-text:focus,.ux-form-group--info .ui-widget input:focus,.ux-form-group--info .ui-widget select:focus,.ux-form-group--info .ui-widget textarea:focus{background-color:var(--eui-base-color-info-5);border:1px solid var(--eui-base-color-info-75)}.ux-form-group--success .ux-form-control-feedback,.ux-form-group--success .form-control-label,.ux-form-group--success .col-form-label,.ux-form-group--success .form-check-label,.ux-form-group--success .custom-control,.ux-form-group--success .ux-custom-control{color:#467a39}.ux-form-group--success .ux-form-control{border-color:#467a39}.ux-form-group--success .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--success .ux-input-group-text{background-color:#749b6b;border-color:#467a39;color:#467a39}.ux-form-group--success input,.ux-form-group--success select,.ux-form-group--success textarea,.ux-form-group--success .form-control,.ux-form-group--success .input-group-text,.ux-form-group--success .ui-widget input,.ux-form-group--success .ui-widget select,.ux-form-group--success .ui-widget textarea{border:1px solid var(--eui-base-color-success-25)}.ux-form-group--success input:focus,.ux-form-group--success select:focus,.ux-form-group--success textarea:focus,.ux-form-group--success .form-control:focus,.ux-form-group--success .input-group-text:focus,.ux-form-group--success .ui-widget input:focus,.ux-form-group--success .ui-widget select:focus,.ux-form-group--success .ui-widget textarea:focus{background-color:var(--eui-base-color-success-5);border:1px solid var(--eui-base-color-success-75)}.ux-form-group--warning .ux-form-control-feedback,.ux-form-group--warning .form-control-label,.ux-form-group--warning .col-form-label,.ux-form-group--warning .form-check-label,.ux-form-group--warning .custom-control,.ux-form-group--warning .ux-custom-control{color:#f29527}.ux-form-group--warning .ux-form-control{border-color:#f29527}.ux-form-group--warning .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--warning .ux-input-group-text{background-color:#f5b05d;border-color:#f29527;color:#f29527}.ux-form-group--warning input,.ux-form-group--warning select,.ux-form-group--warning textarea,.ux-form-group--warning .form-control,.ux-form-group--warning .input-group-text,.ux-form-group--warning .ui-widget input,.ux-form-group--warning .ui-widget select,.ux-form-group--warning .ui-widget textarea{border:1px solid var(--eui-base-color-warning-25)}.ux-form-group--warning input:focus,.ux-form-group--warning select:focus,.ux-form-group--warning textarea:focus,.ux-form-group--warning .form-control:focus,.ux-form-group--warning .input-group-text:focus,.ux-form-group--warning .ui-widget input:focus,.ux-form-group--warning .ui-widget select:focus,.ux-form-group--warning .ui-widget textarea:focus{background-color:var(--eui-base-color-warning-5);border:1px solid var(--eui-base-color-warning-75)}.ux-form-group--danger .ux-form-control-feedback,.ux-form-group--danger .form-control-label,.ux-form-group--danger .col-form-label,.ux-form-group--danger .form-check-label,.ux-form-group--danger .custom-control,.ux-form-group--danger .ux-custom-control{color:#da2131}.ux-form-group--danger .ux-form-control{border-color:#da2131}.ux-form-group--danger .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--danger .ux-input-group-text{background-color:#e35965;border-color:#da2131;color:#da2131}.ux-form-group--danger input,.ux-form-group--danger select,.ux-form-group--danger textarea,.ux-form-group--danger .form-control,.ux-form-group--danger .input-group-text,.ux-form-group--danger .ui-widget input,.ux-form-group--danger .ui-widget select,.ux-form-group--danger .ui-widget textarea{border:1px solid var(--eui-base-color-danger-100)}.ux-form-group--danger input:focus,.ux-form-group--danger select:focus,.ux-form-group--danger textarea:focus,.ux-form-group--danger .form-control:focus,.ux-form-group--danger .input-group-text:focus,.ux-form-group--danger .ui-widget input:focus,.ux-form-group--danger .ui-widget select:focus,.ux-form-group--danger .ui-widget textarea:focus{background-color:var(--eui-base-color-danger-5);border:1px solid var(--eui-base-color-danger-75)}\n"] }]
+            args: [{ selector: 'ux-form-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-form-group ux-form-group__input-group {{stateClass}} {{dynamicStateClass}} {{styleClass}}\"\n     [class.has-danger]=\"!isValid && !validationErrorFeedbackClass\" attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <label for=\"{{id}}\" class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"label\"\n            [class.col-form-label]=\"!isVertical\"\n            [class.form-control-label]=\"isVertical\">\n\n            <span *ngIf=\"isRenderHTML\" class=\"ux-form-group__label\" [innerHTML]=\"label\"></span>\n            <span *ngIf=\"!isRenderHTML\" class=\"ux-form-group__label\">\n                <ng-container *ngIf=\"label\">{{label}}</ng-container>\n                <ng-container *ngIf=\"!label\">&nbsp;</ng-container>\n            </span>\n            <span *ngIf=\"isRequired\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n            <span *ngIf=\"infoLabel\"\n                class=\"ux-form-group__info-label {{ iconClass }} ux-u-color-{{iconTypeClass}}\"\n                [class.ux-u-cursor-help]=\"infoLabel !== ''\" title=\"{{infoLabel}}\">\n            </span>\n            <ng-content select=\"uxFormGroupLeftTitleContent\"></ng-content>\n    </label>\n\n    <div class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"!label\"\n         [class.col-form-label]=\"!isVertical\"\n         [class.form-control-label]=\"isVertical\">\n    </div>\n\n    <div class=\"{{inputWidthClass}}\">\n        <div class=\"ux-form-group__input-content\">\n            <div [class.ux-form-group--read-only]=\"isReadOnly\">\n                <ng-content></ng-content>\n            </div>\n            <span *ngIf=\"isLoadingIndicatorActive\"\n                class=\"ux-form-group__loading-indicator ux-icon ux-icon-refresh ux-icon-spin ux-u-color-primary\">\n            </span>\n            <span *ngIf=\"isRequired && !label\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"validationErrorMessage\" class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-validationErrorMessage\">\n    <div class=\"{{labelWidthClass}}\"></div>\n    <div class=\"{{inputWidthClass}}\">\n        <ng-container *ngIf=\"!isValid\">\n            <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                                 typeClass=\"{{validationErrorFeedbackClass?validationErrorFeedbackClass:'danger'}}\">\n                {{validationErrorMessage && $any(validationErrorMessage).id ?\n                ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n                validationErrorMessage}}\n            </ux-control-feedback>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template [ngIf]=\"customSubContent\">\n    <div class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-subContent\">\n        <div class=\"{{labelWidthClass}}\"></div>\n        <div class=\"{{inputWidthClass}}\">\n            <ng-content select=\"uxFormGroupSubContent\"></ng-content>\n        </div>\n    </div>\n</ng-template>\n", styles: [".ux-form-group{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-s)}.ux-form-group__label-wrapper{margin-bottom:0;padding-right:var(--eui-base-spacing-m);padding-top:0;position:relative}.ux-form-group__label{margin-left:auto;margin-right:0}.ux-form-group__input-content{position:relative}.ux-form-group__required-indicator{color:var(--eui-base-color-danger-100);font-size:calc(var(--eui-base-font-size) + 4px);line-height:.75;margin:0 -.75rem 0 .25rem}.ux-form-group__required-indicator--no-label{right:-10px;top:0}.ux-form-group__loading-indicator{align-items:center;display:flex;background-color:var(--eui-base-color-white);cursor:default;right:var(--eui-base-spacing-xs);top:calc(-1 * var(--eui-base-spacing-s))}.ux-form-group__loading-indicator:after,.ux-form-group__loading-indicator:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-form-group__loading-indicator:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-form-group__loading-indicator:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-form-group__loading-indicator--sm:after,.ux-form-group__loading-indicator--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-form-group__loading-indicator:after{right:0}.ux-form-group__loading-indicator:before{position:relative;right:0}.ux-form-group__info-label{font-size:var(--eui-base-font-size-xl);margin-left:var(--eui-base-spacing-s);margin-right:calc(-1 * var(--eui-base-spacing-s))}.ux-form-group--read-only,.ux-form-group--disabled{align-items:center;color:var(--eui-base-color-grey-90)!important;display:inline-flex;font-size:var(--eui-base-font-size);height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-s) var(--eui-base-spacing-s) 0!important;font-style:normal;font-weight:700}.ux-form-group--read-only{height:auto}.ux-form-group--read-only pre{color:var(--eui-base-color-grey-90)!important;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);margin-bottom:0;white-space:pre-wrap;word-break:break-word;font-style:normal;font-weight:700}.ux-form-group--vertical{display:block!important}.ux-form-group--vertical .ux-form-group__label{margin-left:0;margin-right:0}.ux-form-group--vertical .ux-form-group__required-indicator{right:0;top:0}.ux-form-group--vertical .ux-form-group__required-indicator--no-label{right:-10px;top:0}.ux-form-group--vertical .ux-form-group__label-wrapper{margin-bottom:0;padding-right:var(--eui-base-spacing-s)}.ux-form-group--no-label .ux-form-group__required-indicator{position:absolute;right:0;top:10px}.ux-form-group--compact{margin-bottom:var(--eui-base-spacing-xs)}.ux-form-group--compact input[type=checkbox].ux-input__checkbox+label,.ux-form-group--compact input[type=radio].ux-input__radio+label{margin-top:var(--eui-base-spacing-2xs)}.ux-form-group--compact.ux-form-group--vertical .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.ux-form-group--vertical .ux-datepicker--read-only{margin-bottom:var(--eui-base-spacing-xs)}.ux-form-group--compact.ux-form-group--vertical input[type=checkbox].ux-input__checkbox+label{margin-top:0}.ux-form-group--compact.row.ux-form-group .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.row.ux-form-group .ux-datepicker--read-only{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.ux-form-group--compact.row.ux-form-group input[type=checkbox].ux-input__checkbox+label{margin-top:0}.ux-form-group--inline{display:inline-flex!important}.ux-form-group--no-label.ux-form-group--vertical .ux-form-group__required-indicator{position:absolute;top:10px}.ux-form-group__messages-wrapper{margin-bottom:var(--eui-base-spacing-s);margin-top:calc(-1 * var(--eui-base-spacing-xs))}.ux-form-group__messages-wrapper:not(.ux-form-group--vertical){margin-bottom:var(--eui-base-spacing-s);margin-top:calc(-1 * var(--eui-base-spacing-xs))}@media screen and (max-width: 995px){.ux-form-group__label{margin-right:var(--eui-base-spacing-xs)}.ux-form-group__required-indicator{position:relative;right:auto}}.ux-form-group--secondary .ux-form-control-feedback,.ux-form-group--secondary .form-control-label,.ux-form-group--secondary .col-form-label,.ux-form-group--secondary .form-check-label,.ux-form-group--secondary .custom-control,.ux-form-group--secondary .ux-custom-control{color:#000}.ux-form-group--secondary .ux-form-control{border-color:#000}.ux-form-group--secondary .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--secondary .ux-input-group-text{background-color:#000;border-color:#000;color:#000}.ux-form-group--secondary input,.ux-form-group--secondary select,.ux-form-group--secondary textarea,.ux-form-group--secondary .form-control,.ux-form-group--secondary .input-group-text,.ux-form-group--secondary .ui-widget input,.ux-form-group--secondary .ui-widget select,.ux-form-group--secondary .ui-widget textarea{border:1px solid var(--eui-base-color-grey-15)}.ux-form-group--secondary input:focus,.ux-form-group--secondary select:focus,.ux-form-group--secondary textarea:focus,.ux-form-group--secondary .form-control:focus,.ux-form-group--secondary .input-group-text:focus,.ux-form-group--secondary .ui-widget input:focus,.ux-form-group--secondary .ui-widget select:focus,.ux-form-group--secondary .ui-widget textarea:focus{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-20)}.ux-form-group--info .ux-form-control-feedback,.ux-form-group--info .form-control-label,.ux-form-group--info .col-form-label,.ux-form-group--info .form-check-label,.ux-form-group--info .custom-control,.ux-form-group--info .ux-custom-control{color:#006fb4}.ux-form-group--info .ux-form-control{border-color:#006fb4}.ux-form-group--info .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--info .ux-input-group-text{background-color:#4093c7;border-color:#006fb4;color:#006fb4}.ux-form-group--info input,.ux-form-group--info select,.ux-form-group--info textarea,.ux-form-group--info .form-control,.ux-form-group--info .input-group-text,.ux-form-group--info .ui-widget input,.ux-form-group--info .ui-widget select,.ux-form-group--info .ui-widget textarea{border:1px solid var(--eui-base-color-info-25)}.ux-form-group--info input:focus,.ux-form-group--info select:focus,.ux-form-group--info textarea:focus,.ux-form-group--info .form-control:focus,.ux-form-group--info .input-group-text:focus,.ux-form-group--info .ui-widget input:focus,.ux-form-group--info .ui-widget select:focus,.ux-form-group--info .ui-widget textarea:focus{background-color:var(--eui-base-color-info-5);border:1px solid var(--eui-base-color-info-75)}.ux-form-group--success .ux-form-control-feedback,.ux-form-group--success .form-control-label,.ux-form-group--success .col-form-label,.ux-form-group--success .form-check-label,.ux-form-group--success .custom-control,.ux-form-group--success .ux-custom-control{color:#467a39}.ux-form-group--success .ux-form-control{border-color:#467a39}.ux-form-group--success .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--success .ux-input-group-text{background-color:#749b6b;border-color:#467a39;color:#467a39}.ux-form-group--success input,.ux-form-group--success select,.ux-form-group--success textarea,.ux-form-group--success .form-control,.ux-form-group--success .input-group-text,.ux-form-group--success .ui-widget input,.ux-form-group--success .ui-widget select,.ux-form-group--success .ui-widget textarea{border:1px solid var(--eui-base-color-success-25)}.ux-form-group--success input:focus,.ux-form-group--success select:focus,.ux-form-group--success textarea:focus,.ux-form-group--success .form-control:focus,.ux-form-group--success .input-group-text:focus,.ux-form-group--success .ui-widget input:focus,.ux-form-group--success .ui-widget select:focus,.ux-form-group--success .ui-widget textarea:focus{background-color:var(--eui-base-color-success-5);border:1px solid var(--eui-base-color-success-75)}.ux-form-group--warning .ux-form-control-feedback,.ux-form-group--warning .form-control-label,.ux-form-group--warning .col-form-label,.ux-form-group--warning .form-check-label,.ux-form-group--warning .custom-control,.ux-form-group--warning .ux-custom-control{color:#f29527}.ux-form-group--warning .ux-form-control{border-color:#f29527}.ux-form-group--warning .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--warning .ux-input-group-text{background-color:#f5b05d;border-color:#f29527;color:#f29527}.ux-form-group--warning input,.ux-form-group--warning select,.ux-form-group--warning textarea,.ux-form-group--warning .form-control,.ux-form-group--warning .input-group-text,.ux-form-group--warning .ui-widget input,.ux-form-group--warning .ui-widget select,.ux-form-group--warning .ui-widget textarea{border:1px solid var(--eui-base-color-warning-25)}.ux-form-group--warning input:focus,.ux-form-group--warning select:focus,.ux-form-group--warning textarea:focus,.ux-form-group--warning .form-control:focus,.ux-form-group--warning .input-group-text:focus,.ux-form-group--warning .ui-widget input:focus,.ux-form-group--warning .ui-widget select:focus,.ux-form-group--warning .ui-widget textarea:focus{background-color:var(--eui-base-color-warning-5);border:1px solid var(--eui-base-color-warning-75)}.ux-form-group--danger .ux-form-control-feedback,.ux-form-group--danger .form-control-label,.ux-form-group--danger .col-form-label,.ux-form-group--danger .form-check-label,.ux-form-group--danger .custom-control,.ux-form-group--danger .ux-custom-control{color:#da2131}.ux-form-group--danger .ux-form-control{border-color:#da2131}.ux-form-group--danger .ux-form-control:focus{box-shadow:var(--eui-base-shadow-1)}.ux-form-group--danger .ux-input-group-text{background-color:#e35965;border-color:#da2131;color:#da2131}.ux-form-group--danger input,.ux-form-group--danger select,.ux-form-group--danger textarea,.ux-form-group--danger .form-control,.ux-form-group--danger .input-group-text,.ux-form-group--danger .ui-widget input,.ux-form-group--danger .ui-widget select,.ux-form-group--danger .ui-widget textarea{border:1px solid var(--eui-base-color-danger-100)}.ux-form-group--danger input:focus,.ux-form-group--danger select:focus,.ux-form-group--danger textarea:focus,.ux-form-group--danger .form-control:focus,.ux-form-group--danger .input-group-text:focus,.ux-form-group--danger .ui-widget input:focus,.ux-form-group--danger .ui-widget select:focus,.ux-form-group--danger .ui-widget textarea:focus{background-color:var(--eui-base-color-danger-5);border:1px solid var(--eui-base-color-danger-75)}\n"] }]
         }], ctorParameters: function () { return [{ type: i4.UxFieldsetComponent, decorators: [{
                     type: Optional
                 }, {

package/fesm2020/eui-components-legacy-ux-form-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-legacy-ux-form-group.mjs","sources":["../../legacy/ux-form-group/ux-form-group.component.ts","../../legacy/ux-form-group/ux-form-group.component.html","../../legacy/ux-form-group/eui-components-legacy-ux-form-group.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    NgModule,\n    Directive,\n    forwardRef,\n    Optional,\n    Host,\n    Inject,\n    AfterContentInit,\n    ContentChild,\n    QueryList,\n    OnChanges,\n    SimpleChanges,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { UxValidationErrorI18nMessage } from '@eui/base';\nimport { CommonModule } from '@angular/common';\nimport { UxFieldsetComponent } from '@eui/components/legacy/ux-fieldset';\nimport { UxControlFeedbackComponentModule } from '@eui/components/legacy/ux-control-feedback';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-form-group',\n    templateUrl: './ux-form-group.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxFormGroupComponent implements AfterContentInit, OnChanges {\n    @Input() id: string;\n    @Input() label: string;\n    @Input()\n    get isVertical(): boolean { return this._isVertical; }\n    set isVertical(value: BooleanInput) { this._isVertical = coerceBooleanProperty(value); }\n    private _isVertical: boolean = false;\n    @Input()\n    get isRequired(): boolean { return this._isRequired; }\n    set isRequired(value: BooleanInput) { this._isRequired = coerceBooleanProperty(value); }\n    private _isRequired?: boolean;\n    @Input() isRequiredTooltipTypeClass: string;\n    @Input() feedbackTypeClass: string;\n    @Input() labelWidthClass: string;\n    @Input() inputWidthClass: string;\n    @Input()\n    get isReadOnly(): boolean { return this._isReadOnly; }\n    set isReadOnly(value: BooleanInput) { this._isReadOnly = coerceBooleanProperty(value); }\n    private _isReadOnly: boolean = false;\n    @Input() styleClass: string;\n    @Input() validationErrorMessage: string | UxValidationErrorI18nMessage;\n    @Input() validationErrorFeedbackClass: string;\n    @Input() infoLabel: string;\n    @Input()\n    get isValid(): boolean { return this._isValid; }\n    set isValid(value: BooleanInput) { this._isValid = coerceBooleanProperty(value); }\n    private _isValid: boolean = true;\n    @Input()\n    get isLoadingIndicatorActive(): boolean { return this._isLoadingIndicatorActive; }\n    set isLoadingIndicatorActive(value: BooleanInput) { this._isLoadingIndicatorActive = coerceBooleanProperty(value); }\n    private _isLoadingIndicatorActive: boolean = false;\n    @Input()\n    get isCompact(): boolean { return this._isCompact; }\n    set isCompact(value: BooleanInput) { this._isCompact = coerceBooleanProperty(value); }\n    private _isCompact: boolean = false;\n    @Input()\n    get isUltraCompact(): boolean { return this._isUltraCompact; }\n    set isUltraCompact(value: BooleanInput) { this._isUltraCompact = coerceBooleanProperty(value); }\n    private _isUltraCompact: boolean = false;\n    @Input()\n    get isRenderHTML(): boolean { return this._isRenderHTML; }\n    set isRenderHTML(value: BooleanInput) { this._isRenderHTML = coerceBooleanProperty(value); }\n    private _isRenderHTML: boolean = false;\n    @Input() iconClass = 'eui-icon eui-icon-info-circle';\n    @Input() iconTypeClass = 'grey-dark';\n    @Input()\n    get isInline(): boolean { return this._isInline; }\n    set isInline(value: BooleanInput) { this._isInline = coerceBooleanProperty(value); }\n    private _isInline: boolean = false;\n    @Input() e2eAttr: string = 'ux-form-group';\n\n    private readonly uxFieldsetComponent: UxFieldsetComponent;\n    generatedId: string;\n    public stateClass: string;\n\n    @ContentChild(forwardRef(() => UxFormGroupSubContentTagDirective))\n        customSubContent: QueryList<UxFormGroupSubContentTagDirective>;\n    @ContentChild(forwardRef(() => UxFormGroupLeftTitleContentTagDirective))\n        leftTitleContent: QueryList<UxFormGroupLeftTitleContentTagDirective>;\n\n    constructor(@Optional() @Host() @Inject(forwardRef(() => UxFieldsetComponent)) uxFieldsetComponent: UxFieldsetComponent) {\n        this.uxFieldsetComponent = uxFieldsetComponent;\n    }\n\n    ngAfterContentInit() {\n        this._setClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes) {\n            this._setClasses();\n        }\n    }\n\n    get dynamicStateClass(): string {\n        let dynamicStateClass = '';\n        if (this.feedbackTypeClass) {\n            dynamicStateClass += 'ux-form-group--' + this.feedbackTypeClass + ' ';\n        } else {\n            if (!this.isValid && !this.validationErrorFeedbackClass) {\n                dynamicStateClass += 'ux-form-group--danger ';\n            } else if (!this.isValid && this.validationErrorFeedbackClass) {\n                dynamicStateClass += 'ux-form-group--' + this.validationErrorFeedbackClass + ' ';\n            }\n        }\n        return dynamicStateClass;\n    }\n\n    private _setClasses() {\n        if (this.uxFieldsetComponent) {\n            this.isCompact = this.uxFieldsetComponent.isCompactFields;\n        }\n\n        if (this.uxFieldsetComponent) {\n            this.isVertical = this.uxFieldsetComponent.isVerticalFields;\n        }\n\n        if (!this.label && !this.labelWidthClass && !this.isInline) {\n            this.labelWidthClass = 'col-md-4';\n        }\n        if (!this.label && !this.labelWidthClass) {\n            this.labelWidthClass = '';\n            this.inputWidthClass = '';\n        } else if (this.isVertical) {\n            this.labelWidthClass = 'col-12';\n            if (!this.inputWidthClass) {\n                this.inputWidthClass = 'col-12';\n            }\n        } else {\n            if (this.uxFieldsetComponent) {\n                if (this.uxFieldsetComponent.labelWidthClass && !this.labelWidthClass) {\n                    this.labelWidthClass = this.uxFieldsetComponent.labelWidthClass;\n                }\n                if (this.uxFieldsetComponent.inputWidthClass && !this.inputWidthClass) {\n                    this.inputWidthClass = this.uxFieldsetComponent.inputWidthClass;\n                }\n            }\n\n            if (!this.labelWidthClass && !this.isInline) {\n                this.labelWidthClass = 'col-md-4';\n            }\n            if (!this.inputWidthClass && !this.isInline) {\n                this.inputWidthClass = 'col-md-8';\n            }\n        }\n\n        this.stateClass = '';\n\n        if (!this.isVertical) {\n            if (!this.isInline) {\n                this.stateClass += 'row ';\n            } else {\n                this.stateClass += 'ux-form-group--inline ';\n            }\n        } else {\n            this.stateClass += 'ux-form-group--vertical ';\n        }\n\n        if (!this.label) {\n            this.stateClass += 'ux-form-group--no-label ';\n        }\n\n        if (this.isCompact) {\n            this.stateClass += 'ux-form-group--compact';\n        }\n\n        if (this.isUltraCompact) {\n            this.stateClass += 'ux-form-group--ultra-compact';\n        }\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'uxFormGroupSubContent' })\nexport class UxFormGroupSubContentTagDirective {\n}\n\n@Directive({ selector: 'uxFormGroupLeftTitleContent' })\nexport class UxFormGroupLeftTitleContentTagDirective {\n}\n/* eslint-enable */\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UxControlFeedbackComponentModule,\n        TranslateModule,\n    ],\n    exports: [\n        UxFormGroupComponent,\n        UxFormGroupSubContentTagDirective,\n        UxFormGroupLeftTitleContentTagDirective\n    ],\n    declarations: [\n        UxFormGroupComponent,\n        UxFormGroupSubContentTagDirective,\n        UxFormGroupLeftTitleContentTagDirective\n    ]\n})\nexport class UxFormGroupComponentModule {\n}\n","<div class=\"ux-form-group ux-form-group__input-group {{stateClass}} {{dynamicStateClass}} {{styleClass}}\"\n     [class.has-danger]=\"!isValid && !validationErrorFeedbackClass\" attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <label for=\"{{id}}\" class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"label\"\n            [class.col-form-label]=\"!isVertical\"\n            [class.form-control-label]=\"isVertical\">\n\n            <span *ngIf=\"isRenderHTML\" class=\"ux-form-group__label\" [innerHTML]=\"label\"></span>\n            <span *ngIf=\"!isRenderHTML\" class=\"ux-form-group__label\">\n                <ng-container *ngIf=\"label\">{{label}}</ng-container>\n                <ng-container *ngIf=\"!label\">&nbsp;</ng-container>\n            </span>\n            <span *ngIf=\"isRequired\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n            <span *ngIf=\"infoLabel\"\n                class=\"ux-form-group__info-label {{ iconClass }} ux-u-color-{{iconTypeClass}}\"\n                [class.ux-u-cursor-help]=\"infoLabel !== ''\" title=\"{{infoLabel}}\">\n            </span>\n            <ng-content select=\"uxFormGroupLeftTitleContent\"></ng-content>\n    </label>\n\n    <div class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"!label\"\n         [class.col-form-label]=\"!isVertical\"\n         [class.form-control-label]=\"isVertical\">\n    </div>\n\n    <div class=\"{{inputWidthClass}}\">\n        <div class=\"ux-form-group__input-content\">\n            <div [class.ux-form-group--read-only]=\"isReadOnly\">\n                <ng-content></ng-content>\n            </div>\n            <span *ngIf=\"isLoadingIndicatorActive\"\n                class=\"ux-form-group__loading-indicator ux-icon ux-icon-refresh ux-icon-spin ux-u-color-primary\">\n            </span>\n            <span *ngIf=\"isRequired && !label\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"validationErrorMessage\" class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-validationErrorMessage\">\n    <div class=\"{{labelWidthClass}}\"></div>\n    <div class=\"{{inputWidthClass}}\">\n        <ng-container *ngIf=\"!isValid\">\n            <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                                 typeClass=\"{{validationErrorFeedbackClass?validationErrorFeedbackClass:'danger'}}\">\n                {{validationErrorMessage && $any(validationErrorMessage).id ?\n                ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n                validationErrorMessage}}\n            </ux-control-feedback>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template [ngIf]=\"customSubContent\">\n    <div class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-subContent\">\n        <div class=\"{{labelWidthClass}}\"></div>\n        <div class=\"{{inputWidthClass}}\">\n            <ng-content select=\"uxFormGroupSubContent\"></ng-content>\n        </div>\n    </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-legacy-ux-form-group.mjs","sources":["../../legacy/ux-form-group/ux-form-group.component.ts","../../legacy/ux-form-group/ux-form-group.component.html","../../legacy/ux-form-group/eui-components-legacy-ux-form-group.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    NgModule,\n    Directive,\n    forwardRef,\n    Optional,\n    Host,\n    Inject,\n    AfterContentInit,\n    ContentChild,\n    QueryList,\n    OnChanges,\n    SimpleChanges,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { UxValidationErrorI18nMessage } from '@eui/base';\nimport { CommonModule } from '@angular/common';\nimport { UxFieldsetComponent } from '@eui/components/legacy/ux-fieldset';\nimport { UxControlFeedbackComponentModule } from '@eui/components/legacy/ux-control-feedback';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'ux-form-group',\n    templateUrl: './ux-form-group.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxFormGroupComponent implements AfterContentInit, OnChanges {\n    @Input() id: string;\n    @Input() label: string;\n    @Input()\n    get isVertical(): boolean { return this._isVertical; }\n    set isVertical(value: BooleanInput) { this._isVertical = coerceBooleanProperty(value); }\n    private _isVertical: boolean = false;\n    @Input()\n    get isRequired(): boolean { return this._isRequired; }\n    set isRequired(value: BooleanInput) { this._isRequired = coerceBooleanProperty(value); }\n    private _isRequired?: boolean;\n    @Input() isRequiredTooltipTypeClass: string;\n    @Input() feedbackTypeClass: string;\n    @Input() labelWidthClass: string;\n    @Input() inputWidthClass: string;\n    @Input()\n    get isReadOnly(): boolean { return this._isReadOnly; }\n    set isReadOnly(value: BooleanInput) { this._isReadOnly = coerceBooleanProperty(value); }\n    private _isReadOnly: boolean = false;\n    @Input() styleClass: string;\n    @Input() validationErrorMessage: string | UxValidationErrorI18nMessage;\n    @Input() validationErrorFeedbackClass: string;\n    @Input() infoLabel: string;\n    @Input()\n    get isValid(): boolean { return this._isValid; }\n    set isValid(value: BooleanInput) { this._isValid = coerceBooleanProperty(value); }\n    private _isValid: boolean = true;\n    @Input()\n    get isLoadingIndicatorActive(): boolean { return this._isLoadingIndicatorActive; }\n    set isLoadingIndicatorActive(value: BooleanInput) { this._isLoadingIndicatorActive = coerceBooleanProperty(value); }\n    private _isLoadingIndicatorActive: boolean = false;\n    @Input()\n    get isCompact(): boolean { return this._isCompact; }\n    set isCompact(value: BooleanInput) { this._isCompact = coerceBooleanProperty(value); }\n    private _isCompact: boolean = false;\n    @Input()\n    get isUltraCompact(): boolean { return this._isUltraCompact; }\n    set isUltraCompact(value: BooleanInput) { this._isUltraCompact = coerceBooleanProperty(value); }\n    private _isUltraCompact: boolean = false;\n    @Input()\n    get isRenderHTML(): boolean { return this._isRenderHTML; }\n    set isRenderHTML(value: BooleanInput) { this._isRenderHTML = coerceBooleanProperty(value); }\n    private _isRenderHTML: boolean = false;\n    @Input() iconClass = 'eui-icon eui-icon-info-circle';\n    @Input() iconTypeClass = 'grey-dark';\n    @Input()\n    get isInline(): boolean { return this._isInline; }\n    set isInline(value: BooleanInput) { this._isInline = coerceBooleanProperty(value); }\n    private _isInline: boolean = false;\n    @Input() e2eAttr: string = 'ux-form-group';\n\n    private readonly uxFieldsetComponent: UxFieldsetComponent;\n    generatedId: string;\n    public stateClass: string;\n\n    @ContentChild(forwardRef(() => UxFormGroupSubContentTagDirective))\n        customSubContent: QueryList<UxFormGroupSubContentTagDirective>;\n    @ContentChild(forwardRef(() => UxFormGroupLeftTitleContentTagDirective))\n        leftTitleContent: QueryList<UxFormGroupLeftTitleContentTagDirective>;\n\n    constructor(@Optional() @Host() @Inject(forwardRef(() => UxFieldsetComponent)) uxFieldsetComponent: UxFieldsetComponent) {\n        this.uxFieldsetComponent = uxFieldsetComponent;\n    }\n\n    ngAfterContentInit() {\n        this._setClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes) {\n            this._setClasses();\n        }\n    }\n\n    get dynamicStateClass(): string {\n        let dynamicStateClass = '';\n        if (this.feedbackTypeClass) {\n            dynamicStateClass += 'ux-form-group--' + this.feedbackTypeClass + ' ';\n        } else {\n            if (!this.isValid && !this.validationErrorFeedbackClass) {\n                dynamicStateClass += 'ux-form-group--danger ';\n            } else if (!this.isValid && this.validationErrorFeedbackClass) {\n                dynamicStateClass += 'ux-form-group--' + this.validationErrorFeedbackClass + ' ';\n            }\n        }\n        return dynamicStateClass;\n    }\n\n    private _setClasses() {\n        if (this.uxFieldsetComponent) {\n            this.isCompact = this.uxFieldsetComponent.isCompactFields;\n        }\n\n        if (this.uxFieldsetComponent) {\n            this.isVertical = this.uxFieldsetComponent.isVerticalFields;\n        }\n\n        if (!this.label && !this.labelWidthClass && !this.isInline) {\n            this.labelWidthClass = 'col-md-4';\n        }\n        if (!this.label && !this.labelWidthClass) {\n            this.labelWidthClass = '';\n            this.inputWidthClass = '';\n        } else if (this.isVertical) {\n            this.labelWidthClass = 'col-12';\n            if (!this.inputWidthClass) {\n                this.inputWidthClass = 'col-12';\n            }\n        } else {\n            if (this.uxFieldsetComponent) {\n                if (this.uxFieldsetComponent.labelWidthClass && !this.labelWidthClass) {\n                    this.labelWidthClass = this.uxFieldsetComponent.labelWidthClass;\n                }\n                if (this.uxFieldsetComponent.inputWidthClass && !this.inputWidthClass) {\n                    this.inputWidthClass = this.uxFieldsetComponent.inputWidthClass;\n                }\n            }\n\n            if (!this.labelWidthClass && !this.isInline) {\n                this.labelWidthClass = 'col-md-4';\n            }\n            if (!this.inputWidthClass && !this.isInline) {\n                this.inputWidthClass = 'col-md-8';\n            }\n        }\n\n        this.stateClass = '';\n\n        if (!this.isVertical) {\n            if (!this.isInline) {\n                this.stateClass += 'row ';\n            } else {\n                this.stateClass += 'ux-form-group--inline ';\n            }\n        } else {\n            this.stateClass += 'ux-form-group--vertical ';\n        }\n\n        if (!this.label) {\n            this.stateClass += 'ux-form-group--no-label ';\n        }\n\n        if (this.isCompact) {\n            this.stateClass += 'ux-form-group--compact';\n        }\n\n        if (this.isUltraCompact) {\n            this.stateClass += 'ux-form-group--ultra-compact';\n        }\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'uxFormGroupSubContent' })\nexport class UxFormGroupSubContentTagDirective {\n}\n\n@Directive({ selector: 'uxFormGroupLeftTitleContent' })\nexport class UxFormGroupLeftTitleContentTagDirective {\n}\n/* eslint-enable */\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UxControlFeedbackComponentModule,\n        TranslateModule,\n    ],\n    exports: [\n        UxFormGroupComponent,\n        UxFormGroupSubContentTagDirective,\n        UxFormGroupLeftTitleContentTagDirective\n    ],\n    declarations: [\n        UxFormGroupComponent,\n        UxFormGroupSubContentTagDirective,\n        UxFormGroupLeftTitleContentTagDirective\n    ]\n})\nexport class UxFormGroupComponentModule {\n}\n","<div class=\"ux-form-group ux-form-group__input-group {{stateClass}} {{dynamicStateClass}} {{styleClass}}\"\n     [class.has-danger]=\"!isValid && !validationErrorFeedbackClass\" attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <label for=\"{{id}}\" class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"label\"\n            [class.col-form-label]=\"!isVertical\"\n            [class.form-control-label]=\"isVertical\">\n\n            <span *ngIf=\"isRenderHTML\" class=\"ux-form-group__label\" [innerHTML]=\"label\"></span>\n            <span *ngIf=\"!isRenderHTML\" class=\"ux-form-group__label\">\n                <ng-container *ngIf=\"label\">{{label}}</ng-container>\n                <ng-container *ngIf=\"!label\">&nbsp;</ng-container>\n            </span>\n            <span *ngIf=\"isRequired\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n            <span *ngIf=\"infoLabel\"\n                class=\"ux-form-group__info-label {{ iconClass }} ux-u-color-{{iconTypeClass}}\"\n                [class.ux-u-cursor-help]=\"infoLabel !== ''\" title=\"{{infoLabel}}\">\n            </span>\n            <ng-content select=\"uxFormGroupLeftTitleContent\"></ng-content>\n    </label>\n\n    <div class=\"ux-form-group__label-wrapper {{labelWidthClass}}\" *ngIf=\"!label\"\n         [class.col-form-label]=\"!isVertical\"\n         [class.form-control-label]=\"isVertical\">\n    </div>\n\n    <div class=\"{{inputWidthClass}}\">\n        <div class=\"ux-form-group__input-content\">\n            <div [class.ux-form-group--read-only]=\"isReadOnly\">\n                <ng-content></ng-content>\n            </div>\n            <span *ngIf=\"isLoadingIndicatorActive\"\n                class=\"ux-form-group__loading-indicator ux-icon ux-icon-refresh ux-icon-spin ux-u-color-primary\">\n            </span>\n            <span *ngIf=\"isRequired && !label\" class=\"ux-form-group__required-indicator ux-u-color-{{isRequiredTooltipTypeClass?isRequiredTooltipTypeClass:'danger'}}\">*</span>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"validationErrorMessage\" class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-validationErrorMessage\">\n    <div class=\"{{labelWidthClass}}\"></div>\n    <div class=\"{{inputWidthClass}}\">\n        <ng-container *ngIf=\"!isValid\">\n            <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                                 typeClass=\"{{validationErrorFeedbackClass?validationErrorFeedbackClass:'danger'}}\">\n                {{validationErrorMessage && $any(validationErrorMessage).id ?\n                ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n                validationErrorMessage}}\n            </ux-control-feedback>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template [ngIf]=\"customSubContent\">\n    <div class=\"ux-form-group__messages-wrapper {{stateClass}}\" attr.data-e2e=\"{{ e2eAttr }}-subContent\">\n        <div class=\"{{labelWidthClass}}\"></div>\n        <div class=\"{{inputWidthClass}}\">\n            <ng-content select=\"uxFormGroupSubContent\"></ng-content>\n        </div>\n    </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/eui-components-legacy-ux-modal.mjs

@@ -12,6 +12,7 @@ import { DragDropModule } from '@angular/cdk/drag-drop';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i1 from '@eui/core';
 
+// TODO v15 remove usage of utility in cmp - prefer mixin through style (eui-u-...)
 class UxModalComponent {
     constructor(asService) {
         this.asService = asService;