@eui/components 14.0.15 → 14.0.16-snapshot-1675721483519

package/fesm2020/eui-components-eui-timepicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-timepicker.mjs","sources":["../../eui-timepicker/models/eui-date-time-picker.config.model.ts","../../eui-timepicker/eui-timepicker.component.ts","../../eui-timepicker/eui-timepicker.component.html","../../eui-timepicker/eui-timepicker.module.ts","../../eui-timepicker/eui-components-eui-timepicker.ts"],"sourcesContent":["export interface EuiDateTimePickerConfig {\n    hours: number;\n    mins: number;\n    secs?: number;\n    isDatetimepicker: boolean;\n    hasSeconds: boolean;\n    isOneInputField: boolean;\n    callbackFn: (hours: number, mins: number, secs?: number) => void;\n}\n\nexport class EuiDateTimePickerConfig implements EuiDateTimePickerConfig {\n    hours: number;\n    mins: number;\n    secs?: number;\n    isDatetimepicker: boolean;\n    hasSeconds: boolean;\n    isOneInputField: boolean;\n    callbackFn: (hours: number, mins: number, secs?: number) => void;\n\n    constructor(values) {\n        Object.assign(this, values);\n    }\n}\n","import { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { Component, ElementRef, Inject, Input, OnInit, Optional, ViewChild, ViewEncapsulation, Self, DoCheck, OnDestroy } from '@angular/core';\nimport { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';\nimport { EuiDateTimePickerConfig } from './models/eui-date-time-picker.config.model';\nimport { EuiTimePicker } from './models/eui-timepicker.model';\n\n@Component({\n    selector: 'eui-timepicker',\n    templateUrl: './eui-timepicker.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTimepickerComponent implements ControlValueAccessor, OnInit, DoCheck, OnDestroy {\n\n    hours: number;\n    mins: number;\n    secs: number;\n    isDatetimepicker: boolean;\n    oneInputFormControl = new FormControl();\n    oneInputHours: string;\n    oneInputMins: string;\n    oneInputSecs: string;\n\n    private propagatedValues: EuiTimePicker = {\n        hours: null,\n        mins: null,\n        secs: this.hasSeconds ? null : undefined\n    };\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    @Input()\n    get isreadOnly(): boolean { return this._isreadOnly; }\n    set isreadOnly(value: BooleanInput) { this._isreadOnly = coerceBooleanProperty(value); }\n    private _isreadOnly = false;\n\n    @Input()\n    get isOneInputField(): boolean { return this._isOneInputField; }\n    set isOneInputField(value: BooleanInput) { this._isOneInputField = coerceBooleanProperty(value); }\n    private _isOneInputField = false;\n\n    @Input()\n    get hasSeconds(): boolean { return this._hasSeconds; }\n    set hasSeconds(value: BooleanInput) { this._hasSeconds = coerceBooleanProperty(value); }\n    private _hasSeconds = false;\n\n    // eslint-disable-next-line @typescript-eslint/member-ordering\n    @Input() timeMask = 'Hh:m0';\n\n    @ViewChild('inputrefhours', { read: ElementRef }) protected inputHoursElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputrefmins', { read: ElementRef }) protected inputMinsElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputrefsecs', { read: ElementRef }) protected inputSecsElement: ElementRef<HTMLInputElement>;\n\n    constructor(@Optional() @Inject(DYNAMIC_COMPONENT_CONFIG) config: EuiDateTimePickerConfig,\n                @Self() @Optional() private control: NgControl,) {\n            this.hours = config?.hours || 0;\n            this.mins = config?.mins || 0;\n            this.secs = config?.secs || 0;\n            this.isDatetimepicker = config?.isDatetimepicker;\n            this.hasSeconds = config?.hasSeconds;\n            this.isOneInputField = config?.isOneInputField;\n            const hours = this.hours === 0 || null ? '00' : this.hours;\n            const mins = this.mins === 0 || null ? '00': this.mins;\n            const secs = this.secs === 0 || null ? '00': this.secs;\n            this.oneInputFormControl.setValue('' + hours + ':' + mins + ':' + secs);\n            this.callbackFn = config?.callbackFn || this.callbackFn;\n\n            if (this.control) {\n                this.control.valueAccessor = this;\n            }\n    }\n\n    ngOnInit(): void {\n        if (this.hasSeconds) {\n            this.timeMask = 'Hh:m0:s0';\n        }\n\n        this.oneInputFormControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(value => {\n            // splits the entered time into 3 parts based on the : and propagates back the corresponding parts\n            const timeArray = value.split(':');\n            this.oneInputHours = timeArray[0];\n            this.oneInputMins = timeArray[1];\n            this.oneInputSecs = timeArray[2];\n            const splittedhours = value !== '' ? Number(this.oneInputHours): null;\n            const splittedmins = value !== '' ? Number(this.oneInputMins): null;\n            const splittedsecs= value !== '' ? Number(this.oneInputSecs): null;\n            if(this.hasSeconds) {\n                this.propagatedValues = {\n                    ...this.propagatedValues, hours: splittedhours, mins: splittedmins, secs: splittedsecs\n                };\n                this.callbackFn(splittedhours, splittedmins, splittedsecs);\n            } else {\n                this.propagatedValues = {\n                    ...this.propagatedValues, hours: splittedhours, mins: splittedmins\n                };\n                this.callbackFn(splittedhours, splittedmins);\n            }\n            if(splittedhours === null && splittedmins=== null && splittedsecs=== null) {\n                this.propagateChange(null);\n            } else {\n                this.propagateChange(this.propagatedValues);\n            }\n        });\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n          // marks the input control as touched/invalid if the form control is touched/invalid\n          this.control?.touched ? this.oneInputFormControl.markAsTouched() : this.oneInputFormControl.markAsUntouched();\n          this.control?.invalid ? this.oneInputFormControl.setErrors(this.control.errors) : this.oneInputFormControl.setErrors(null);\n      }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    changeHours(step: number): void {\n        const val = (isNaN(this.hours) ? 0 : this.hours) + (step);\n        this.updateHours(val.toString());\n    }\n\n    changeMinutes(step: number): void {\n        const val = (isNaN(this.mins) ? 0 : this.mins) + (step);\n        this.updateMinutes(val.toString());\n    }\n\n    changeSeconds(step: number): void {\n        const val = (isNaN(this.secs) ? 0 : this.secs) + (step);\n        this.updateSeconds(val.toString());\n    }\n\n    updateHours(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredHour = this.toInteger(value);\n\n        if (!isNaN(enteredHour)) {\n            this.hours = (enteredHour < 0 ? 24 + enteredHour : enteredHour) % 24;\n        } else {\n            this.hours = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins);\n\n        this.propagatedValues = {\n            ...this.propagatedValues, hours: this.hours,\n        };\n        this.propagateChange(this.propagatedValues);\n    }\n\n    updateMinutes(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredMin = this.toInteger(value);\n\n        if (!isNaN(enteredMin)) {\n            this.mins = enteredMin % 60 < 0 ? 60 + enteredMin % 60 : enteredMin % 60;\n            this.changeHours(Math.floor(enteredMin / 60));\n        } else {\n            this.mins = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins);\n\n        this.propagatedValues = {\n            ...this.propagatedValues, mins: this.mins\n        };\n        this.propagateChange(this.propagatedValues);\n    }\n\n    updateSeconds(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredSec = this.toInteger(value);\n\n        if (!isNaN(enteredSec)) {\n            this.secs = enteredSec % 60 < 0 ? 60 + enteredSec % 60 : enteredSec % 60;\n            this.changeMinutes(Math.floor(enteredSec / 60));\n        } else {\n            this.secs = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins, this.secs);\n\n        this.propagatedValues = {\n            ...this.propagatedValues, secs: this.secs\n        };\n\n        this.propagateChange(this.propagatedValues);\n    }\n    /**\n     * Autofills mins and secs with 00s if the user tabs after entering hours and marks the input as touched\n     */\n    onFocusOut(): void {\n\n        if(this.oneInputHours && !this.oneInputMins && !this.oneInputSecs ) {\n            switch (this.oneInputHours) {\n                case '0':\n                  this.oneInputHours= '00';\n                  break;\n                case '1':\n                    this.oneInputHours='01';\n                    break;\n                case '2':\n                    this.oneInputHours='02';\n                  break;\n              }\n            this.oneInputFormControl.patchValue(`${this.oneInputHours} : 00 : 00`);\n        }\n\n        this.propagateTouched();\n    }\n\n    writeValue(values: EuiTimePicker): void {\n        if (typeof values !== 'object' || Array.isArray(values)) { throw new Error('value must be an EuiTimePicker Object'); }\n        if (values.hours === undefined || values.hours < 0 || values.hours > 23 || typeof values.hours !== 'number' ) {\n            throw new Error('hours must be defined and be a number with range 0-23');\n        }\n        if (values.mins === undefined || values.mins < 0 || values.mins > 59 || typeof values.mins !== 'number' ) {\n            throw new Error('mins must be defined and be a number with range 0-59');\n        }\n        if (this.hasSeconds && (values.secs === undefined || values.secs < 0 || values.secs > 59 || typeof values.secs !== 'number' )) {\n            throw new Error('secs must be defined and be a number with range 0-59');\n        }\n\n        this.updateHours(values.hours.toString());\n        this.updateMinutes(values.mins.toString());\n        if (values.secs) {\n            this.updateSeconds(values.secs.toString());\n        }\n        if (this.isOneInputField) {\n            const hours = this.padNumber(values.hours);\n            const mins = this.padNumber(values.mins);\n            const secs =this.padNumber(values.secs);\n\n            this.oneInputFormControl.patchValue('' + hours + ':' + mins + ':' + secs);\n        }\n    }\n\n    registerOnChange(fn: any): void {\n        this.propagateChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.propagateTouched = fn;\n    }\n\n    private callbackFn: (hours: number, mins: number, secs?: number) => void = () => { };\n\n    private toInteger(value: any): number {\n        return parseInt(`${value}`, 10);\n    }\n\n    /**\n     * Pads leading zero to the provided number when isOneInputField\n     * @param value The value to add leading zero to\n     * @private\n     */\n    private padNumber(value: number): string {\n        if (!isNaN(this.toInteger(value))) {\n            return `0${value}`.slice(-2);\n        } else {\n            return '';\n        }\n    }\n\n    private propagateChange = (_: any): void => {\n    };\n\n    private propagateTouched = (): void => {\n    };\n}\n","<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readOnly]=\"isreadOnly\">\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\" tabindex=\"-1\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Hours\" (click)=\"changeHours(1)\"></span>\n            </a>\n            <input #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (keyup)=\"updateHours($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Hours\" (click)=\"changeHours(-1)\"></span>\n            </a>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Minutes\"  (click)=\"changeMinutes(1)\"></span>\n            </a>\n            <input #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (keyup)=\"updateMinutes($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Minutes\" (click)=\"changeMinutes(-1)\"></span>\n            </a>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Seconds\"  (click)=\"changeSeconds(1)\"></span>\n                </a>\n                <input #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (keyup)=\"updateSeconds($event)\"\n                    [readOnly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Seconds\" (click)=\"changeSeconds(-1)\"></span>\n                </a>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { NgxMaskModule } from 'ngx-mask';\n\nimport { EuiTimepickerComponent } from './eui-timepicker.component';\nimport { EuiInputNumberDirectiveModule } from '@eui/components/eui-input-number';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        EuiInputNumberDirectiveModule,\n        EuiInputTextModule,\n        NgxMaskModule.forRoot(),\n    ],\n    exports: [\n        EuiTimepickerComponent\n    ],\n    declarations: [\n        EuiTimepickerComponent\n    ],\n})\nexport class EuiTimepickerComponentModule {\n}\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-eui-timepicker.mjs","sources":["../../eui-timepicker/models/eui-date-time-picker.config.model.ts","../../eui-timepicker/eui-timepicker.component.ts","../../eui-timepicker/eui-timepicker.component.html","../../eui-timepicker/eui-timepicker.module.ts","../../eui-timepicker/eui-components-eui-timepicker.ts"],"sourcesContent":["export interface EuiDateTimePickerConfig {\n    hours: number;\n    mins: number;\n    secs?: number;\n    isDatetimepicker: boolean;\n    hasSeconds: boolean;\n    isOneInputField: boolean;\n    callbackFn: (hours: number, mins: number, secs?: number) => void;\n}\n\nexport class EuiDateTimePickerConfig implements EuiDateTimePickerConfig {\n    hours: number;\n    mins: number;\n    secs?: number;\n    isDatetimepicker: boolean;\n    hasSeconds: boolean;\n    isOneInputField: boolean;\n    callbackFn: (hours: number, mins: number, secs?: number) => void;\n\n    constructor(values) {\n        Object.assign(this, values);\n    }\n}\n","import { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { Component, ElementRef, Inject, Input, OnInit, Optional, ViewChild, ViewEncapsulation, Self, DoCheck, OnDestroy } from '@angular/core';\nimport { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';\nimport { EuiDateTimePickerConfig } from './models/eui-date-time-picker.config.model';\nimport { EuiTimePicker } from './models/eui-timepicker.model';\n\n@Component({\n    selector: 'eui-timepicker',\n    templateUrl: './eui-timepicker.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTimepickerComponent implements ControlValueAccessor, OnInit, DoCheck, OnDestroy {\n\n    hours: number;\n    mins: number;\n    secs: number;\n    isDatetimepicker: boolean;\n    oneInputFormControl = new FormControl();\n    oneInputHours: string;\n    oneInputMins: string;\n    oneInputSecs: string;\n\n    private propagatedValues: EuiTimePicker = {\n        hours: null,\n        mins: null,\n        secs: this.hasSeconds ? null : undefined\n    };\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    @Input()\n    get isreadOnly(): boolean { return this._isreadOnly; }\n    set isreadOnly(value: BooleanInput) { this._isreadOnly = coerceBooleanProperty(value); }\n    private _isreadOnly = false;\n\n    @Input()\n    get isOneInputField(): boolean { return this._isOneInputField; }\n    set isOneInputField(value: BooleanInput) { this._isOneInputField = coerceBooleanProperty(value); }\n    private _isOneInputField = false;\n\n    @Input()\n    get hasSeconds(): boolean { return this._hasSeconds; }\n    set hasSeconds(value: BooleanInput) { this._hasSeconds = coerceBooleanProperty(value); }\n    private _hasSeconds = false;\n\n    // eslint-disable-next-line @typescript-eslint/member-ordering\n    @Input() timeMask = 'Hh:m0';\n\n    @ViewChild('inputrefhours', { read: ElementRef }) protected inputHoursElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputrefmins', { read: ElementRef }) protected inputMinsElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputrefsecs', { read: ElementRef }) protected inputSecsElement: ElementRef<HTMLInputElement>;\n\n    constructor(@Optional() @Inject(DYNAMIC_COMPONENT_CONFIG) config: EuiDateTimePickerConfig,\n                @Self() @Optional() private control: NgControl,) {\n            this.hours = config?.hours || 0;\n            this.mins = config?.mins || 0;\n            this.secs = config?.secs || 0;\n            this.isDatetimepicker = config?.isDatetimepicker;\n            this.hasSeconds = config?.hasSeconds;\n            this.isOneInputField = config?.isOneInputField;\n            const hours = this.hours === 0 || null ? '00' : this.hours;\n            const mins = this.mins === 0 || null ? '00': this.mins;\n            const secs = this.secs === 0 || null ? '00': this.secs;\n            this.oneInputFormControl.setValue('' + hours + ':' + mins + ':' + secs);\n            this.callbackFn = config?.callbackFn || this.callbackFn;\n\n            if (this.control) {\n                this.control.valueAccessor = this;\n            }\n    }\n\n    ngOnInit(): void {\n        if (this.hasSeconds) {\n            this.timeMask = 'Hh:m0:s0';\n        }\n\n        this.oneInputFormControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(value => {\n            // splits the entered time into 3 parts based on the : and propagates back the corresponding parts\n            const timeArray = value.split(':');\n            this.oneInputHours = timeArray[0];\n            this.oneInputMins = timeArray[1];\n            this.oneInputSecs = timeArray[2];\n            const splittedhours = value !== '' ? Number(this.oneInputHours): null;\n            const splittedmins = value !== '' ? Number(this.oneInputMins): null;\n            const splittedsecs= value !== '' ? Number(this.oneInputSecs): null;\n            if(this.hasSeconds) {\n                this.propagatedValues = {\n                    ...this.propagatedValues, hours: splittedhours, mins: splittedmins, secs: splittedsecs\n                };\n                this.callbackFn(splittedhours, splittedmins, splittedsecs);\n            } else {\n                this.propagatedValues = {\n                    ...this.propagatedValues, hours: splittedhours, mins: splittedmins\n                };\n                this.callbackFn(splittedhours, splittedmins);\n            }\n            if(splittedhours === null && splittedmins=== null && splittedsecs=== null) {\n                this.propagateChange(null);\n            } else {\n                this.propagateChange(this.propagatedValues);\n            }\n        });\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n          // marks the input control as touched/invalid if the form control is touched/invalid\n          this.control?.touched ? this.oneInputFormControl.markAsTouched() : this.oneInputFormControl.markAsUntouched();\n          this.control?.invalid ? this.oneInputFormControl.setErrors(this.control.errors) : this.oneInputFormControl.setErrors(null);\n      }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    changeHours(step: number): void {\n        const val = (isNaN(this.hours) ? 0 : this.hours) + (step);\n        this.updateHours(val.toString());\n    }\n\n    changeMinutes(step: number): void {\n        const val = (isNaN(this.mins) ? 0 : this.mins) + (step);\n        this.updateMinutes(val.toString());\n    }\n\n    changeSeconds(step: number): void {\n        const val = (isNaN(this.secs) ? 0 : this.secs) + (step);\n        this.updateSeconds(val.toString());\n    }\n\n    updateHours(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredHour = this.toInteger(value);\n\n        if (!isNaN(enteredHour)) {\n            this.hours = (enteredHour < 0 ? 24 + enteredHour : enteredHour) % 24;\n        } else {\n            this.hours = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins);\n\n        this.propagatedValues = {\n            ...this.propagatedValues, hours: this.hours,\n        };\n        this.propagateChange(this.propagatedValues);\n    }\n\n    updateMinutes(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredMin = this.toInteger(value);\n\n        if (!isNaN(enteredMin)) {\n            this.mins = enteredMin % 60 < 0 ? 60 + enteredMin % 60 : enteredMin % 60;\n            this.changeHours(Math.floor(enteredMin / 60));\n        } else {\n            this.mins = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins);\n\n        this.propagatedValues = {\n            ...this.propagatedValues, mins: this.mins\n        };\n        this.propagateChange(this.propagatedValues);\n    }\n\n    updateSeconds(newVal: string | Event): void { // TODO EUI15 check on changing the keyup event for ngmodelchange\n        const value = (typeof newVal === 'string') ? newVal : (newVal.target as HTMLInputElement).value;\n        const enteredSec = this.toInteger(value);\n\n        if (!isNaN(enteredSec)) {\n            this.secs = enteredSec % 60 < 0 ? 60 + enteredSec % 60 : enteredSec % 60;\n            this.changeMinutes(Math.floor(enteredSec / 60));\n        } else {\n            this.secs = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins, this.secs);\n\n        this.propagatedValues = {\n            ...this.propagatedValues, secs: this.secs\n        };\n\n        this.propagateChange(this.propagatedValues);\n    }\n    /**\n     * Autofills mins and secs with 00s if the user tabs after entering hours and marks the input as touched\n     */\n    onFocusOut(): void {\n\n        if(this.oneInputHours && !this.oneInputMins && !this.oneInputSecs ) {\n            switch (this.oneInputHours) {\n                case '0':\n                  this.oneInputHours= '00';\n                  break;\n                case '1':\n                    this.oneInputHours='01';\n                    break;\n                case '2':\n                    this.oneInputHours='02';\n                  break;\n              }\n            this.oneInputFormControl.patchValue(`${this.oneInputHours} : 00 : 00`);\n        }\n\n        this.propagateTouched();\n    }\n\n    writeValue(values: EuiTimePicker): void {\n        if (typeof values !== 'object' || Array.isArray(values)) { throw new Error('value must be an EuiTimePicker Object'); }\n        if (values.hours === undefined || values.hours < 0 || values.hours > 23 || typeof values.hours !== 'number' ) {\n            throw new Error('hours must be defined and be a number with range 0-23');\n        }\n        if (values.mins === undefined || values.mins < 0 || values.mins > 59 || typeof values.mins !== 'number' ) {\n            throw new Error('mins must be defined and be a number with range 0-59');\n        }\n        if (this.hasSeconds && (values.secs === undefined || values.secs < 0 || values.secs > 59 || typeof values.secs !== 'number' )) {\n            throw new Error('secs must be defined and be a number with range 0-59');\n        }\n\n        this.updateHours(values.hours.toString());\n        this.updateMinutes(values.mins.toString());\n        if (values.secs) {\n            this.updateSeconds(values.secs.toString());\n        }\n        if (this.isOneInputField) {\n            const hours = this.padNumber(values.hours);\n            const mins = this.padNumber(values.mins);\n            const secs =this.padNumber(values.secs);\n\n            this.oneInputFormControl.patchValue('' + hours + ':' + mins + ':' + secs);\n        }\n    }\n\n    registerOnChange(fn: any): void {\n        this.propagateChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.propagateTouched = fn;\n    }\n\n    private callbackFn: (hours: number, mins: number, secs?: number) => void = () => { };\n\n    private toInteger(value: any): number {\n        return parseInt(`${value}`, 10);\n    }\n\n    /**\n     * Pads leading zero to the provided number when isOneInputField\n     * @param value The value to add leading zero to\n     * @private\n     */\n    private padNumber(value: number): string {\n        if (!isNaN(this.toInteger(value))) {\n            return `0${value}`.slice(-2);\n        } else {\n            return '';\n        }\n    }\n\n    private propagateChange = (_: any): void => {\n    };\n\n    private propagateTouched = (): void => {\n    };\n}\n","<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readOnly]=\"isreadOnly\">\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\" tabindex=\"-1\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Hours\" (click)=\"changeHours(1)\"></span>\n            </a>\n            <input #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (keyup)=\"updateHours($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Hours\" (click)=\"changeHours(-1)\"></span>\n            </a>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Minutes\"  (click)=\"changeMinutes(1)\"></span>\n            </a>\n            <input #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (keyup)=\"updateMinutes($event)\"\n                [readOnly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\">\n            <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Minutes\" (click)=\"changeMinutes(-1)\"></span>\n            </a>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-up\" role=\"img\" aria-label=\"Increase Seconds\"  (click)=\"changeSeconds(1)\"></span>\n                </a>\n                <input #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (keyup)=\"updateSeconds($event)\"\n                    [readOnly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\">\n                <a *ngIf=\"!isreadOnly\" tabindex=\"-1\" class=\"eui-timepicker__chevron\">\n                    <span class=\"eui-icon eui-icon-fw eui-icon-chevron-down\" role=\"img\" aria-label=\"Decrease Seconds\" (click)=\"changeSeconds(-1)\"></span>\n                </a>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { NgxMaskModule } from 'ngx-mask';\n\nimport { EuiTimepickerComponent } from './eui-timepicker.component';\nimport { EuiInputNumberDirectiveModule } from '@eui/components/eui-input-number';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        EuiInputNumberDirectiveModule,\n        EuiInputTextModule,\n        NgxMaskModule.forRoot(),\n    ],\n    exports: [\n        EuiTimepickerComponent\n    ],\n    declarations: [\n        EuiTimepickerComponent\n    ],\n})\nexport class EuiTimepickerComponentModule {\n}\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-block-document.mjs

@@ -9,10 +9,10 @@ class UxBlockDocumentComponent {
     }
 }
 /** @nocollapse */ UxBlockDocumentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UxBlockDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxBlockDocumentComponent, selector: "ux-block-document", inputs: { isBlocked: "isBlocked", e2eAttr: "e2eAttr" }, ngImport: i0, template: "<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-block-document-loading\"></div>\n</div>\n", styles: [".ux-block-document-loading{bottom:0;left:0;margin:auto;overflow:show;position:fixed;right:0;top:0;z-index:9999}.ux-block-document-loading:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%;transform:translateZ(0);display:inline-block;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);animation-name:eui-anim--fadeIn;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible;transition-timing-function:ease}@keyframes eui-anim--fadeIn{0%{offset:0;opacity:0;visibility:visible}to{offset:1;opacity:1}}.ux-block-document-loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.ux-block-document-loading:not(:required):after{animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-75);bottom:15px;content:\"\";display:block;height:150px;left:50%;margin:-100px 0 0 -100px;position:relative;right:15px;top:50%;width:150px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ UxBlockDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxBlockDocumentComponent, selector: "ux-block-document", inputs: { isBlocked: "isBlocked", e2eAttr: "e2eAttr" }, ngImport: i0, template: "<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-block-document-loading\"></div>\n</div>\n", styles: [".ux-block-document-loading{inset:0;margin:auto;overflow:show;position:fixed;z-index:9999}.ux-block-document-loading:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%;transform:translateZ(0);display:inline-block;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);animation-name:eui-anim--fadeIn;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible;transition-timing-function:ease}@keyframes eui-anim--fadeIn{0%{offset:0;opacity:0;visibility:visible}to{offset:1;opacity:1}}.ux-block-document-loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.ux-block-document-loading:not(:required):after{animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-75);content:\"\";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxBlockDocumentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ux-block-document', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-block-document-loading\"></div>\n</div>\n", styles: [".ux-block-document-loading{bottom:0;left:0;margin:auto;overflow:show;position:fixed;right:0;top:0;z-index:9999}.ux-block-document-loading:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%;transform:translateZ(0);display:inline-block;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);animation-name:eui-anim--fadeIn;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible;transition-timing-function:ease}@keyframes eui-anim--fadeIn{0%{offset:0;opacity:0;visibility:visible}to{offset:1;opacity:1}}.ux-block-document-loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.ux-block-document-loading:not(:required):after{animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-75);bottom:15px;content:\"\";display:block;height:150px;left:50%;margin:-100px 0 0 -100px;position:relative;right:15px;top:50%;width:150px}\n"] }]
+            args: [{ selector: 'ux-block-document', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-block-document-loading\"></div>\n</div>\n", styles: [".ux-block-document-loading{inset:0;margin:auto;overflow:show;position:fixed;z-index:9999}.ux-block-document-loading:before{background-color:#0006;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%;transform:translateZ(0);display:inline-block;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);animation-name:eui-anim--fadeIn;animation-duration:var(--eui-base-animation-duration-fast);-webkit-backface-visibility:visible;backface-visibility:visible;transition-timing-function:ease}@keyframes eui-anim--fadeIn{0%{offset:0;opacity:0;visibility:visible}to{offset:1;opacity:1}}.ux-block-document-loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.ux-block-document-loading:not(:required):after{animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-75);content:\"\";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n"] }]
         }], propDecorators: { isBlocked: [{
                 type: Input
             }], e2eAttr: [{

package/fesm2020/eui-components-legacy-ux-block-document.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-legacy-ux-block-document.mjs","sources":["../../legacy/ux-block-document/ux-block-document.component.ts","../../legacy/ux-block-document/ux-block-document.component.html","../../legacy/ux-block-document/eui-components-legacy-ux-block-document.ts"],"sourcesContent":["import { NgModule, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n    selector: 'ux-block-document',\n    templateUrl: './ux-block-document.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxBlockDocumentComponent {\n\n    @Input() isBlocked: any;\n    @Input() e2eAttr: string = 'ux-block-document';\n\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [UxBlockDocumentComponent],\n    declarations: [UxBlockDocumentComponent]\n})\nexport class UxBlockDocumentComponentModule { }\n","<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-block-document-loading\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;QASa,IAAO,CAAA,OAAA,GAAW,mBAAmB,CAAC;AAElD,KAAA;;yIALY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,mBAAA,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,iHCTrC,wLAGA,EAAA,MAAA,EAAA,CAAA,ujCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDMa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;+BACI,mBAAmB,EAAA,aAAA,EAGd,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,wLAAA,EAAA,MAAA,EAAA,CAAA,ujCAAA,CAAA,EAAA,CAAA;8BAI5B,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;MASG,8BAA8B,CAAA;;+IAA9B,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA9B,mBAAA,8BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,EAZ9B,YAAA,EAAA,CAAA,wBAAwB,CAQvB,EAAA,OAAA,EAAA,CAAA,YAAY,aARb,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAYxB,mBAAA,8BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,YAJ7B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAIb,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAL1C,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,wBAAwB,CAAC;oBACnC,YAAY,EAAE,CAAC,wBAAwB,CAAC;AAC3C,iBAAA,CAAA;;;AEpBD;;AAEG;;;;"}
+{"version":3,"file":"eui-components-legacy-ux-block-document.mjs","sources":["../../legacy/ux-block-document/ux-block-document.component.ts","../../legacy/ux-block-document/ux-block-document.component.html","../../legacy/ux-block-document/eui-components-legacy-ux-block-document.ts"],"sourcesContent":["import { NgModule, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n    selector: 'ux-block-document',\n    templateUrl: './ux-block-document.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxBlockDocumentComponent {\n\n    @Input() isBlocked: any;\n    @Input() e2eAttr: string = 'ux-block-document';\n\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [UxBlockDocumentComponent],\n    declarations: [UxBlockDocumentComponent]\n})\nexport class UxBlockDocumentComponentModule { }\n","<div class=\"ux-block-document\" [ngStyle]=\"{display: isBlocked ? 'block' : 'none'}\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-block-document-loading\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;QASa,IAAO,CAAA,OAAA,GAAW,mBAAmB,CAAC;AAElD,KAAA;;yIALY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,mBAAA,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,iHCTrC,wLAGA,EAAA,MAAA,EAAA,CAAA,ihCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDMa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;+BACI,mBAAmB,EAAA,aAAA,EAGd,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,wLAAA,EAAA,MAAA,EAAA,CAAA,ihCAAA,CAAA,EAAA,CAAA;8BAI5B,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;MASG,8BAA8B,CAAA;;+IAA9B,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA9B,mBAAA,8BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,EAZ9B,YAAA,EAAA,CAAA,wBAAwB,CAQvB,EAAA,OAAA,EAAA,CAAA,YAAY,aARb,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAYxB,mBAAA,8BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,YAJ7B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAIb,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAL1C,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,wBAAwB,CAAC;oBACnC,YAAY,EAAE,CAAC,wBAAwB,CAAC;AAC3C,iBAAA,CAAA;;;AEpBD;;AAEG;;;;"}

package/fesm2020/eui-components-legacy-ux-dynamic-message-box.mjs

@@ -97,10 +97,10 @@ class UxDynamicMessageBoxComponent {
     }
 }
 /** @nocollapse */ UxDynamicMessageBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxDynamicMessageBoxComponent, deps: [{ token: i1$1.TranslateService }, { token: DYNAMIC_COMPONENT_CONFIG }, { token: i1.UxDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UxDynamicMessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxDynamicMessageBoxComponent, selector: "ux-dynamic-message-box", inputs: { e2eAttr: "e2eAttr" }, viewQueries: [{ propertyName: "uxMessageBoxBody", first: true, predicate: ["uxmessageboxbody"], descendants: true }], ngImport: i0, template: '<div #uxmessageboxbody id="{{config.id}}" attr.data-e2e="{{ e2eAttr }}"></div>', isInline: true, styles: [".ux-message-box .ux-modal__header{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-message-box .ux-modal__header-title{font-size:var(--eui-base-font-size-xl)}.ux-message-box .ux-modal__body{overflow:hidden}.ux-message-box .ux-modal__footer{background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-s)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:first-child){margin-left:var(--eui-base-spacing-2xs)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:last-child){margin-right:var(--eui-base-spacing-2xs)}.ux-message-box .ux-message-box__body-icon:before{color:var(--eui-base-color-white);content:\"\";font-family:eui-icons,sans-serif;font-size:calc(3rem / var(--eui-base-scale-factor));left:var(--eui-base-spacing-xl);line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:3.5rem}.ux-message-box .ux-message-box__body-content{margin-left:6rem}.ux-message-box--warning .ux-modal__content{border:1px solid var(--eui-base-color-warning-100)}.ux-message-box--warning .ux-modal__header-title{color:var(--eui-base-color-warning-110)}.ux-message-box--warning .ux-message-box__body-icon:before{color:var(--eui-base-color-warning-100);content:\"\\f071\"}.ux-message-box--danger .ux-modal__content{border:1px solid var(--eui-base-color-danger-100)}.ux-message-box--danger .ux-modal__header-title{color:var(--eui-base-color-danger-110)}.ux-message-box--danger .ux-message-box__body-icon:before{color:var(--eui-base-color-danger-100);content:\"\\f00d\"}.ux-message-box--success .ux-modal__content{border:1px solid var(--eui-base-color-success-100)}.ux-message-box--success .ux-modal__header-title{color:var(--eui-base-color-success-110)}.ux-message-box--success .ux-message-box__body-icon:before{color:var(--eui-base-color-success-100);content:\"\\f00c\"}.ux-message-box--info .ux-modal__content{border:1px solid var(--eui-base-color-info-100)}.ux-message-box--info .ux-modal__header-title{color:var(--eui-base-color-info-110)}.ux-message-box--info .ux-message-box__body-icon:before{color:var(--eui-base-color-info-100);content:\"\\e90e\"}.ux-message-box--question .ux-modal__content{border:1px solid var(--eui-base-color-primary-100)}.ux-message-box--question .ux-modal__header-title{color:var(--eui-base-color-primary-110)}.ux-message-box--question .ux-message-box__body-icon:before{color:var(--eui-base-color-primary-100);content:\"\\f128\"}.ux-modal .ux-modal.ux-message-box .ux-modal__dialog{max-width:33%}.ux-modal .ux-modal.ux-message-box .ux-modal__content{height:12.5rem}.ux-modal{bottom:0;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ UxDynamicMessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxDynamicMessageBoxComponent, selector: "ux-dynamic-message-box", inputs: { e2eAttr: "e2eAttr" }, viewQueries: [{ propertyName: "uxMessageBoxBody", first: true, predicate: ["uxmessageboxbody"], descendants: true }], ngImport: i0, template: '<div #uxmessageboxbody id="{{config.id}}" attr.data-e2e="{{ e2eAttr }}"></div>', isInline: true, styles: [".ux-message-box .ux-modal__header{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-message-box .ux-modal__header-title{font-size:var(--eui-base-font-size-xl)}.ux-message-box .ux-modal__body{overflow:hidden}.ux-message-box .ux-modal__footer{background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-s)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:first-child){margin-left:var(--eui-base-spacing-2xs)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:last-child){margin-right:var(--eui-base-spacing-2xs)}.ux-message-box .ux-message-box__body-icon:before{color:var(--eui-base-color-white);content:\"\";font-family:eui-icons,sans-serif;font-size:calc(3rem / var(--eui-base-scale-factor));left:var(--eui-base-spacing-xl);line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:3.5rem}.ux-message-box .ux-message-box__body-content{margin-left:6rem}.ux-message-box--warning .ux-modal__content{border:1px solid var(--eui-base-color-warning-100)}.ux-message-box--warning .ux-modal__header-title{color:var(--eui-base-color-warning-110)}.ux-message-box--warning .ux-message-box__body-icon:before{color:var(--eui-base-color-warning-100);content:\"\\f071\"}.ux-message-box--danger .ux-modal__content{border:1px solid var(--eui-base-color-danger-100)}.ux-message-box--danger .ux-modal__header-title{color:var(--eui-base-color-danger-110)}.ux-message-box--danger .ux-message-box__body-icon:before{color:var(--eui-base-color-danger-100);content:\"\\f00d\"}.ux-message-box--success .ux-modal__content{border:1px solid var(--eui-base-color-success-100)}.ux-message-box--success .ux-modal__header-title{color:var(--eui-base-color-success-110)}.ux-message-box--success .ux-message-box__body-icon:before{color:var(--eui-base-color-success-100);content:\"\\f00c\"}.ux-message-box--info .ux-modal__content{border:1px solid var(--eui-base-color-info-100)}.ux-message-box--info .ux-modal__header-title{color:var(--eui-base-color-info-110)}.ux-message-box--info .ux-message-box__body-icon:before{color:var(--eui-base-color-info-100);content:\"\\e90e\"}.ux-message-box--question .ux-modal__content{border:1px solid var(--eui-base-color-primary-100)}.ux-message-box--question .ux-modal__header-title{color:var(--eui-base-color-primary-110)}.ux-message-box--question .ux-message-box__body-icon:before{color:var(--eui-base-color-primary-100);content:\"\\f128\"}.ux-modal .ux-modal.ux-message-box .ux-modal__dialog{max-width:33%}.ux-modal .ux-modal.ux-message-box .ux-modal__content{height:12.5rem}.ux-modal{inset:0;outline:0;overflow:hidden;position:fixed;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxDynamicMessageBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ux-dynamic-message-box', template: '<div #uxmessageboxbody id="{{config.id}}" attr.data-e2e="{{ e2eAttr }}"></div>', encapsulation: ViewEncapsulation.None, styles: [".ux-message-box .ux-modal__header{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-message-box .ux-modal__header-title{font-size:var(--eui-base-font-size-xl)}.ux-message-box .ux-modal__body{overflow:hidden}.ux-message-box .ux-modal__footer{background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-s)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:first-child){margin-left:var(--eui-base-spacing-2xs)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:last-child){margin-right:var(--eui-base-spacing-2xs)}.ux-message-box .ux-message-box__body-icon:before{color:var(--eui-base-color-white);content:\"\";font-family:eui-icons,sans-serif;font-size:calc(3rem / var(--eui-base-scale-factor));left:var(--eui-base-spacing-xl);line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:3.5rem}.ux-message-box .ux-message-box__body-content{margin-left:6rem}.ux-message-box--warning .ux-modal__content{border:1px solid var(--eui-base-color-warning-100)}.ux-message-box--warning .ux-modal__header-title{color:var(--eui-base-color-warning-110)}.ux-message-box--warning .ux-message-box__body-icon:before{color:var(--eui-base-color-warning-100);content:\"\\f071\"}.ux-message-box--danger .ux-modal__content{border:1px solid var(--eui-base-color-danger-100)}.ux-message-box--danger .ux-modal__header-title{color:var(--eui-base-color-danger-110)}.ux-message-box--danger .ux-message-box__body-icon:before{color:var(--eui-base-color-danger-100);content:\"\\f00d\"}.ux-message-box--success .ux-modal__content{border:1px solid var(--eui-base-color-success-100)}.ux-message-box--success .ux-modal__header-title{color:var(--eui-base-color-success-110)}.ux-message-box--success .ux-message-box__body-icon:before{color:var(--eui-base-color-success-100);content:\"\\f00c\"}.ux-message-box--info .ux-modal__content{border:1px solid var(--eui-base-color-info-100)}.ux-message-box--info .ux-modal__header-title{color:var(--eui-base-color-info-110)}.ux-message-box--info .ux-message-box__body-icon:before{color:var(--eui-base-color-info-100);content:\"\\e90e\"}.ux-message-box--question .ux-modal__content{border:1px solid var(--eui-base-color-primary-100)}.ux-message-box--question .ux-modal__header-title{color:var(--eui-base-color-primary-110)}.ux-message-box--question .ux-message-box__body-icon:before{color:var(--eui-base-color-primary-100);content:\"\\f128\"}.ux-modal .ux-modal.ux-message-box .ux-modal__dialog{max-width:33%}.ux-modal .ux-modal.ux-message-box .ux-modal__content{height:12.5rem}.ux-modal{bottom:0;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"] }]
+            args: [{ selector: 'ux-dynamic-message-box', template: '<div #uxmessageboxbody id="{{config.id}}" attr.data-e2e="{{ e2eAttr }}"></div>', encapsulation: ViewEncapsulation.None, styles: [".ux-message-box .ux-modal__header{padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-message-box .ux-modal__header-title{font-size:var(--eui-base-font-size-xl)}.ux-message-box .ux-modal__body{overflow:hidden}.ux-message-box .ux-modal__footer{background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-s)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:first-child){margin-left:var(--eui-base-spacing-2xs)}.ux-message-box .ux-modal__footer>uxmodalfooter>:not(:last-child){margin-right:var(--eui-base-spacing-2xs)}.ux-message-box .ux-message-box__body-icon:before{color:var(--eui-base-color-white);content:\"\";font-family:eui-icons,sans-serif;font-size:calc(3rem / var(--eui-base-scale-factor));left:var(--eui-base-spacing-xl);line-height:1;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:3.5rem}.ux-message-box .ux-message-box__body-content{margin-left:6rem}.ux-message-box--warning .ux-modal__content{border:1px solid var(--eui-base-color-warning-100)}.ux-message-box--warning .ux-modal__header-title{color:var(--eui-base-color-warning-110)}.ux-message-box--warning .ux-message-box__body-icon:before{color:var(--eui-base-color-warning-100);content:\"\\f071\"}.ux-message-box--danger .ux-modal__content{border:1px solid var(--eui-base-color-danger-100)}.ux-message-box--danger .ux-modal__header-title{color:var(--eui-base-color-danger-110)}.ux-message-box--danger .ux-message-box__body-icon:before{color:var(--eui-base-color-danger-100);content:\"\\f00d\"}.ux-message-box--success .ux-modal__content{border:1px solid var(--eui-base-color-success-100)}.ux-message-box--success .ux-modal__header-title{color:var(--eui-base-color-success-110)}.ux-message-box--success .ux-message-box__body-icon:before{color:var(--eui-base-color-success-100);content:\"\\f00c\"}.ux-message-box--info .ux-modal__content{border:1px solid var(--eui-base-color-info-100)}.ux-message-box--info .ux-modal__header-title{color:var(--eui-base-color-info-110)}.ux-message-box--info .ux-message-box__body-icon:before{color:var(--eui-base-color-info-100);content:\"\\e90e\"}.ux-message-box--question .ux-modal__content{border:1px solid var(--eui-base-color-primary-100)}.ux-message-box--question .ux-modal__header-title{color:var(--eui-base-color-primary-110)}.ux-message-box--question .ux-message-box__body-icon:before{color:var(--eui-base-color-primary-100);content:\"\\f128\"}.ux-modal .ux-modal.ux-message-box .ux-modal__dialog{max-width:33%}.ux-modal .ux-modal.ux-message-box .ux-modal__content{height:12.5rem}.ux-modal{inset:0;outline:0;overflow:hidden;position:fixed;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: UxDynamicMessageBoxConfig, decorators: [{
                     type: Inject,
                     args: [DYNAMIC_COMPONENT_CONFIG]

package/fesm2020/eui-components-legacy-ux-dynamic-message-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-legacy-ux-dynamic-message-box.mjs","sources":["../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.service.ts","../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.config.model.ts","../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.component.ts","../../legacy/ux-dynamic-message-box/eui-components-legacy-ux-dynamic-message-box.ts"],"sourcesContent":["import { Injectable, ComponentRef } from '@angular/core';\nimport { DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';\n\nimport { UxDynamicMessageBoxConfig } from './ux-dynamic-message-box.config.model';\nimport { UxDynamicMessageBoxComponent } from './ux-dynamic-message-box.component';\nimport { UxDynamicComponentService } from '@eui/core';\n\n@Injectable()\nexport class UxDynamicMessageBoxService {\n\n    private portalHost: DomPortalOutlet;\n    private portal: ComponentPortal<any>;\n    private openModalData: {\n        portalHost: DomPortalOutlet,\n        portal: ComponentPortal<any>,\n        portalComponentInstance: ComponentRef<any>,\n    } = null;\n\n    constructor(private uxDynamicComponentService: UxDynamicComponentService) {}\n\n    openModal(config: UxDynamicMessageBoxConfig): any {\n        document.body.classList.add('modal-open');\n\n        this.openModalData = this.uxDynamicComponentService.add(UxDynamicMessageBoxComponent, null, config);\n        return this.openModalData;\n    }\n\n    /**\n     * Open a message-box dynamically (Add it to the DOM)\n     */\n    openMessageBox(config: UxDynamicMessageBoxConfig) {\n\n        if (!(<UxDynamicMessageBoxConfig>config).onClose) {\n            (<UxDynamicMessageBoxConfig>config).onClose = this.closeMessageBox.bind(this);\n        }\n\n        const { portalHost, portal } = this.uxDynamicComponentService.add(UxDynamicMessageBoxComponent, null, config);\n        this.portalHost = portalHost;\n        this.portal = portal;\n    }\n\n    /**\n     * Close a message-box created dynamically (Remove it from the DOM)\n     */\n    closeMessageBox() {\n        document.body.classList.remove('modal-open');\n        this.uxDynamicComponentService.remove(this.portalHost);\n        this.openModalData = null;\n        this.portalHost = null;\n        this.portal = null;\n    }\n\n}\n","import { UxButtonConfig } from '@eui/components/legacy/ux-button';\n\nexport interface UxDynamicMessageBoxConfig {\n    id?: string;\n    titleLabel?: string;\n    content?: string;\n    styleClass?: string;\n    typeClass?: string;\n    messageBoxType?: string;\n    acceptLabel?: string;\n    dismissLabel?: string;\n    isFooterCustomAlignment?: boolean;\n    customFooterContent?: {\n        left?: {\n            buttons: UxButtonConfig[]\n        },\n        right?: {\n            buttons: UxButtonConfig[]\n        },\n    };\n}\n\nexport class UxDynamicMessageBoxConfig implements UxDynamicMessageBoxConfig {\n    id?: string = 'messagebox_modal';\n    titleLabel?: string;\n    content?: string;\n    styleClass?: string;\n    typeClass?: string = 'warning';\n    messageBoxType?: string = 'confirmation';\n    acceptLabel?: string;\n    dismissLabel?: string;\n    isFooterCustomAlignment?: boolean = false;\n    customFooterContent?: {\n        left?: {\n            buttons: UxButtonConfig[]\n        },\n        right?: {\n            buttons: UxButtonConfig[]\n        },\n    };\n\n    onClick: (value) => any;\n    onDismiss: () => any;\n    onAccept: () => any;\n    onClose?: (portalHostRef, portalRef) => any;\n\n    constructor(values) {\n        Object.assign(this, values);\n    }\n}\n","import {\n    AfterContentInit,\n    Component,\n    ComponentRef,\n    ElementRef,\n    Inject,\n    Input,\n    NgModule,\n    OnDestroy,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { UxDynamicMessageBoxConfig } from './ux-dynamic-message-box.config.model';\nimport {\n    UxDynamicModalComponent,\n    UxDynamicModalComponentModule,\n    UxDynamicModalConfig\n} from '@eui/components/legacy/ux-dynamic-modal';\nimport { DYNAMIC_COMPONENT_CONFIG, UxDynamicComponentService } from '@eui/core';\nimport { UxDynamicMessageBoxService } from './ux-dynamic-message-box.service';\n@Component({\n    selector: 'ux-dynamic-message-box',\n    template: '<div #uxmessageboxbody id=\"{{config.id}}\" attr.data-e2e=\"{{ e2eAttr }}\"></div>',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxDynamicMessageBoxComponent implements AfterContentInit, OnDestroy {\n\n    @Input() e2eAttr: string = 'ux-dynamic-message-box';\n\n    public stateClasses: string = '';\n    public config: UxDynamicMessageBoxConfig;\n\n    private injectedComponent: {\n        portalHost: DomPortalOutlet,\n        portal: ComponentPortal<any>,\n        portalComponentInstance: ComponentRef<any>,\n    } = null;\n\n    @ViewChild('uxmessageboxbody') private uxMessageBoxBody: ElementRef<HTMLDivElement>;\n\n    constructor(\n        private translateService: TranslateService,\n        @Inject(DYNAMIC_COMPONENT_CONFIG) uxDynamicComponentConfig: UxDynamicMessageBoxConfig,\n        private uxDynamicComponentService: UxDynamicComponentService,\n    ) {\n        this.config = uxDynamicComponentConfig;\n    }\n\n    ngAfterContentInit() {\n        if (!this.config.acceptLabel) {\n            this.translateService.get('eui.YES').subscribe((tr) => {\n                this.config.acceptLabel = tr;\n            });\n        }\n\n        if (!this.config.dismissLabel) {\n            this.translateService.get('eui.NO').subscribe((tr) => {\n                this.config.dismissLabel = tr;\n            });\n        }\n\n        if (this.config.typeClass) {\n            this.stateClasses += 'ux-message-box--' + this.config.typeClass + ' ';\n        }\n\n        // TODO: this code smell, on changeDetection issues avoid this trick\n        setTimeout(() => {\n            this.config = Object.assign({}, this.config, {\n                isMessageBox: true,\n                isShowCloseButton: false,\n                isCloseModalOnEscape: false,\n                isSizeSmall: true,\n                styleClass: 'ux-message-box ' + this.stateClasses + ' ' + this.config.styleClass,\n            });\n            const modalConfig = new UxDynamicModalConfig(this.config);\n            this.injectedComponent = this.uxDynamicComponentService.add(UxDynamicModalComponent, this.uxMessageBoxBody, modalConfig);\n        }, 0);\n    }\n\n    ngOnDestroy() {\n        if (this.injectedComponent) {\n            this.uxDynamicComponentService.remove(this.injectedComponent.portalHost);\n        }\n    }\n}\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UxDynamicModalComponentModule,\n    ],\n    exports: [\n        UxDynamicMessageBoxComponent,\n    ],\n    declarations: [\n        UxDynamicMessageBoxComponent,\n    ],\n    providers: [\n        UxDynamicMessageBoxService,\n        UxDynamicComponentService\n    ],\n    entryComponents: [\n        UxDynamicMessageBoxComponent,\n    ],\n})\n\nexport class UxDynamicMessageBoxComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
+{"version":3,"file":"eui-components-legacy-ux-dynamic-message-box.mjs","sources":["../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.service.ts","../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.config.model.ts","../../legacy/ux-dynamic-message-box/ux-dynamic-message-box.component.ts","../../legacy/ux-dynamic-message-box/eui-components-legacy-ux-dynamic-message-box.ts"],"sourcesContent":["import { Injectable, ComponentRef } from '@angular/core';\nimport { DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';\n\nimport { UxDynamicMessageBoxConfig } from './ux-dynamic-message-box.config.model';\nimport { UxDynamicMessageBoxComponent } from './ux-dynamic-message-box.component';\nimport { UxDynamicComponentService } from '@eui/core';\n\n@Injectable()\nexport class UxDynamicMessageBoxService {\n\n    private portalHost: DomPortalOutlet;\n    private portal: ComponentPortal<any>;\n    private openModalData: {\n        portalHost: DomPortalOutlet,\n        portal: ComponentPortal<any>,\n        portalComponentInstance: ComponentRef<any>,\n    } = null;\n\n    constructor(private uxDynamicComponentService: UxDynamicComponentService) {}\n\n    openModal(config: UxDynamicMessageBoxConfig): any {\n        document.body.classList.add('modal-open');\n\n        this.openModalData = this.uxDynamicComponentService.add(UxDynamicMessageBoxComponent, null, config);\n        return this.openModalData;\n    }\n\n    /**\n     * Open a message-box dynamically (Add it to the DOM)\n     */\n    openMessageBox(config: UxDynamicMessageBoxConfig) {\n\n        if (!(<UxDynamicMessageBoxConfig>config).onClose) {\n            (<UxDynamicMessageBoxConfig>config).onClose = this.closeMessageBox.bind(this);\n        }\n\n        const { portalHost, portal } = this.uxDynamicComponentService.add(UxDynamicMessageBoxComponent, null, config);\n        this.portalHost = portalHost;\n        this.portal = portal;\n    }\n\n    /**\n     * Close a message-box created dynamically (Remove it from the DOM)\n     */\n    closeMessageBox() {\n        document.body.classList.remove('modal-open');\n        this.uxDynamicComponentService.remove(this.portalHost);\n        this.openModalData = null;\n        this.portalHost = null;\n        this.portal = null;\n    }\n\n}\n","import { UxButtonConfig } from '@eui/components/legacy/ux-button';\n\nexport interface UxDynamicMessageBoxConfig {\n    id?: string;\n    titleLabel?: string;\n    content?: string;\n    styleClass?: string;\n    typeClass?: string;\n    messageBoxType?: string;\n    acceptLabel?: string;\n    dismissLabel?: string;\n    isFooterCustomAlignment?: boolean;\n    customFooterContent?: {\n        left?: {\n            buttons: UxButtonConfig[]\n        },\n        right?: {\n            buttons: UxButtonConfig[]\n        },\n    };\n}\n\nexport class UxDynamicMessageBoxConfig implements UxDynamicMessageBoxConfig {\n    id?: string = 'messagebox_modal';\n    titleLabel?: string;\n    content?: string;\n    styleClass?: string;\n    typeClass?: string = 'warning';\n    messageBoxType?: string = 'confirmation';\n    acceptLabel?: string;\n    dismissLabel?: string;\n    isFooterCustomAlignment?: boolean = false;\n    customFooterContent?: {\n        left?: {\n            buttons: UxButtonConfig[]\n        },\n        right?: {\n            buttons: UxButtonConfig[]\n        },\n    };\n\n    onClick: (value) => any;\n    onDismiss: () => any;\n    onAccept: () => any;\n    onClose?: (portalHostRef, portalRef) => any;\n\n    constructor(values) {\n        Object.assign(this, values);\n    }\n}\n","import {\n    AfterContentInit,\n    Component,\n    ComponentRef,\n    ElementRef,\n    Inject,\n    Input,\n    NgModule,\n    OnDestroy,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { UxDynamicMessageBoxConfig } from './ux-dynamic-message-box.config.model';\nimport {\n    UxDynamicModalComponent,\n    UxDynamicModalComponentModule,\n    UxDynamicModalConfig\n} from '@eui/components/legacy/ux-dynamic-modal';\nimport { DYNAMIC_COMPONENT_CONFIG, UxDynamicComponentService } from '@eui/core';\nimport { UxDynamicMessageBoxService } from './ux-dynamic-message-box.service';\n@Component({\n    selector: 'ux-dynamic-message-box',\n    template: '<div #uxmessageboxbody id=\"{{config.id}}\" attr.data-e2e=\"{{ e2eAttr }}\"></div>',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class UxDynamicMessageBoxComponent implements AfterContentInit, OnDestroy {\n\n    @Input() e2eAttr: string = 'ux-dynamic-message-box';\n\n    public stateClasses: string = '';\n    public config: UxDynamicMessageBoxConfig;\n\n    private injectedComponent: {\n        portalHost: DomPortalOutlet,\n        portal: ComponentPortal<any>,\n        portalComponentInstance: ComponentRef<any>,\n    } = null;\n\n    @ViewChild('uxmessageboxbody') private uxMessageBoxBody: ElementRef<HTMLDivElement>;\n\n    constructor(\n        private translateService: TranslateService,\n        @Inject(DYNAMIC_COMPONENT_CONFIG) uxDynamicComponentConfig: UxDynamicMessageBoxConfig,\n        private uxDynamicComponentService: UxDynamicComponentService,\n    ) {\n        this.config = uxDynamicComponentConfig;\n    }\n\n    ngAfterContentInit() {\n        if (!this.config.acceptLabel) {\n            this.translateService.get('eui.YES').subscribe((tr) => {\n                this.config.acceptLabel = tr;\n            });\n        }\n\n        if (!this.config.dismissLabel) {\n            this.translateService.get('eui.NO').subscribe((tr) => {\n                this.config.dismissLabel = tr;\n            });\n        }\n\n        if (this.config.typeClass) {\n            this.stateClasses += 'ux-message-box--' + this.config.typeClass + ' ';\n        }\n\n        // TODO: this code smell, on changeDetection issues avoid this trick\n        setTimeout(() => {\n            this.config = Object.assign({}, this.config, {\n                isMessageBox: true,\n                isShowCloseButton: false,\n                isCloseModalOnEscape: false,\n                isSizeSmall: true,\n                styleClass: 'ux-message-box ' + this.stateClasses + ' ' + this.config.styleClass,\n            });\n            const modalConfig = new UxDynamicModalConfig(this.config);\n            this.injectedComponent = this.uxDynamicComponentService.add(UxDynamicModalComponent, this.uxMessageBoxBody, modalConfig);\n        }, 0);\n    }\n\n    ngOnDestroy() {\n        if (this.injectedComponent) {\n            this.uxDynamicComponentService.remove(this.injectedComponent.portalHost);\n        }\n    }\n}\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UxDynamicModalComponentModule,\n    ],\n    exports: [\n        UxDynamicMessageBoxComponent,\n    ],\n    declarations: [\n        UxDynamicMessageBoxComponent,\n    ],\n    providers: [\n        UxDynamicMessageBoxService,\n        UxDynamicComponentService\n    ],\n    entryComponents: [\n        UxDynamicMessageBoxComponent,\n    ],\n})\n\nexport class UxDynamicMessageBoxComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}

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

@@ -215,10 +215,10 @@ class UxDynamicModalComponent {
     }
 }
 /** @nocollapse */ UxDynamicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxDynamicModalComponent, deps: [{ token: DYNAMIC_COMPONENT_CONFIG }, { token: i1.UxDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UxDynamicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxDynamicModalComponent, selector: "ux-dynamic-modal", inputs: { e2eAttr: "e2eAttr" }, queries: [{ propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), descendants: true }, { propertyName: "customHeaderContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicModalHeaderTagDirective; }), descendants: true }, { propertyName: "customMessageBoxFooterContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), descendants: true }], viewQueries: [{ propertyName: "uxModalEl", first: true, predicate: ["modal"], descendants: true }, { propertyName: "uxModalBody", first: true, predicate: ["uxmodalbody"], descendants: true }, { propertyName: "vcCloseButton", first: true, predicate: ["closeButton"], descendants: true }], ngImport: i0, template: "<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n     class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n     role=\"dialog\"\n     [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n     [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n     [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n     [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n     [class.ux-modal--draggable]=\"config.isDraggable\"\n     [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n     [class.eui-u-anim--medium]=\"config.isMessageBox\"     \n     (keydown)=\"closeModalOnEscape($event)\"\n     tabIndex=\"-1\"\n     [style.display]=\"'block'\"\n     attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n        <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n            <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n                <ng-template [ngIf]=\"customHeaderContent\">\n                    <ng-content select=\"uxModalHeader\"></ng-content>\n                </ng-template>\n                <ng-template [ngIf]=\"!customHeaderContent\">\n                    <h5 class=\"modal-title ux-modal__header-title\">{{ config.titleLabel }}</h5>\n                </ng-template>\n                <button *ngIf=\"config.isShowCloseButton\" #closeButton\n                        type=\"button\"\n                        class=\"ux-modal__header-close\"\n                        data-dismiss=\"modal\"\n                        aria-label=\"Close\"\n                        (click)=\"close($event)\">\n                    <span class=\"eui-icon eui-icon-close-m\"></span>\n                </button>\n            </div>\n            <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n                 [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n                 [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n                <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n                <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n                    <div class=\"ux-message-box__body-icon\"></div>\n                    <div class=\"ux-message-box__body-content\">\n                        <span [outerHTML]=\"config.content\"></span>\n                    </div>\n                </div>\n\n            </div>\n\n            <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n                 [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n                <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n                    <ux-layout-horizontal>\n                        <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalLeft>\n                        <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalRight>\n                    </ux-layout-horizontal>\n                </uxDynamicModalFooter>\n\n                <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n                    <ux-layout-horizontal>\n                        <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalLeft>\n                        <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalRight>\n                    </ux-layout-horizontal>\n                </uxDynamicMessageBoxFooter>\n\n                <ng-template [ngIf]=\"!config.customFooterContent\">\n                    <ng-template [ngIf]=\"!config.isMessageBox\">\n                        <button type=\"button\"\n                                class=\"ux-button ux-button--secondary\"\n                                [class.ux-button--with-label]=\"config.isShowActionIcons\"\n                                [disabled]=\"config.dismissActionDisabled\"\n                                (click)=\"onDismissActionClick($event)\">\n                            <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n                            {{ config.dismissLabel }}\n                        </button>\n                        <button type=\"button\"\n                                class=\"ux-button ux-button--primary\"\n                                [class.ux-button--with-label]=\"config.isShowActionIcons\"\n                                [disabled]=\"config.acceptActionDisabled\"\n                                (click)=\"onAcceptActionClick($event)\">\n                            <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n                            {{ config.acceptLabel }}\n                        </button>\n                    </ng-template>\n\n                    <ng-template [ngIf]=\"config.isMessageBox\">\n                        <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n                            <button type=\"button\"\n                                    class=\"ux-button ux-button--secondary\"\n                                    (click)=\"onClick(false)\">\n                                {{ config.dismissLabel }}\n                            </button>\n                            <button type=\"button\"\n                                    class=\"ux-button ux-button--primary\"\n                                    (click)=\"onClick(true)\">\n                                {{ config.acceptLabel }}\n                            </button>\n                        </ng-template>\n                        <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n                            <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n                        </ng-template>\n                    </ng-template>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n", styles: [".ux-modal{bottom:0;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i3.UxButtonComponent; }), selector: "ux-button", inputs: ["type", "styleClass", "typeClass", "iconClass", "isOutline", "isSecondary", "isSmall", "isLarge", "isBlock", "isFlat", "isLineWrap", "tabindex", "ariaLabel", "isDisabled", "e2eAttr"] }, { kind: "component", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalComponent; }), selector: "ux-layout-horizontal", inputs: ["styleClass", "e2eAttr"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalLeftTagDirective; }), selector: "uxLayoutHorizontalLeft" }, { kind: "directive", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalRightTagDirective; }), selector: "uxLayoutHorizontalRight" }, { kind: "directive", type: i0.forwardRef(function () { return i5.CdkTrapFocus; }), selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i0.forwardRef(function () { return i6.CdkDrag; }), selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i0.forwardRef(function () { return i6.CdkDragHandle; }), selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), selector: "uxDynamicModalFooter" }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), selector: "uxDynamicMessageBoxFooter" }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ UxDynamicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxDynamicModalComponent, selector: "ux-dynamic-modal", inputs: { e2eAttr: "e2eAttr" }, queries: [{ propertyName: "customFooterContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), descendants: true }, { propertyName: "customHeaderContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicModalHeaderTagDirective; }), descendants: true }, { propertyName: "customMessageBoxFooterContent", first: true, predicate: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), descendants: true }], viewQueries: [{ propertyName: "uxModalEl", first: true, predicate: ["modal"], descendants: true }, { propertyName: "uxModalBody", first: true, predicate: ["uxmodalbody"], descendants: true }, { propertyName: "vcCloseButton", first: true, predicate: ["closeButton"], descendants: true }], ngImport: i0, template: "<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n     class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n     role=\"dialog\"\n     [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n     [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n     [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n     [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n     [class.ux-modal--draggable]=\"config.isDraggable\"\n     [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n     [class.eui-u-anim--medium]=\"config.isMessageBox\"     \n     (keydown)=\"closeModalOnEscape($event)\"\n     tabIndex=\"-1\"\n     [style.display]=\"'block'\"\n     attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n        <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n            <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n                <ng-template [ngIf]=\"customHeaderContent\">\n                    <ng-content select=\"uxModalHeader\"></ng-content>\n                </ng-template>\n                <ng-template [ngIf]=\"!customHeaderContent\">\n                    <h5 class=\"modal-title ux-modal__header-title\">{{ config.titleLabel }}</h5>\n                </ng-template>\n                <button *ngIf=\"config.isShowCloseButton\" #closeButton\n                        type=\"button\"\n                        class=\"ux-modal__header-close\"\n                        data-dismiss=\"modal\"\n                        aria-label=\"Close\"\n                        (click)=\"close($event)\">\n                    <span class=\"eui-icon eui-icon-close-m\"></span>\n                </button>\n            </div>\n            <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n                 [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n                 [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n                <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n                <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n                    <div class=\"ux-message-box__body-icon\"></div>\n                    <div class=\"ux-message-box__body-content\">\n                        <span [outerHTML]=\"config.content\"></span>\n                    </div>\n                </div>\n\n            </div>\n\n            <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n                 [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n                <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n                    <ux-layout-horizontal>\n                        <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalLeft>\n                        <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalRight>\n                    </ux-layout-horizontal>\n                </uxDynamicModalFooter>\n\n                <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n                    <ux-layout-horizontal>\n                        <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalLeft>\n                        <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalRight>\n                    </ux-layout-horizontal>\n                </uxDynamicMessageBoxFooter>\n\n                <ng-template [ngIf]=\"!config.customFooterContent\">\n                    <ng-template [ngIf]=\"!config.isMessageBox\">\n                        <button type=\"button\"\n                                class=\"ux-button ux-button--secondary\"\n                                [class.ux-button--with-label]=\"config.isShowActionIcons\"\n                                [disabled]=\"config.dismissActionDisabled\"\n                                (click)=\"onDismissActionClick($event)\">\n                            <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n                            {{ config.dismissLabel }}\n                        </button>\n                        <button type=\"button\"\n                                class=\"ux-button ux-button--primary\"\n                                [class.ux-button--with-label]=\"config.isShowActionIcons\"\n                                [disabled]=\"config.acceptActionDisabled\"\n                                (click)=\"onAcceptActionClick($event)\">\n                            <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n                            {{ config.acceptLabel }}\n                        </button>\n                    </ng-template>\n\n                    <ng-template [ngIf]=\"config.isMessageBox\">\n                        <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n                            <button type=\"button\"\n                                    class=\"ux-button ux-button--secondary\"\n                                    (click)=\"onClick(false)\">\n                                {{ config.dismissLabel }}\n                            </button>\n                            <button type=\"button\"\n                                    class=\"ux-button ux-button--primary\"\n                                    (click)=\"onClick(true)\">\n                                {{ config.acceptLabel }}\n                            </button>\n                        </ng-template>\n                        <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n                            <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n                        </ng-template>\n                    </ng-template>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n", styles: [".ux-modal{inset:0;outline:0;overflow:hidden;position:fixed;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i3.UxButtonComponent; }), selector: "ux-button", inputs: ["type", "styleClass", "typeClass", "iconClass", "isOutline", "isSecondary", "isSmall", "isLarge", "isBlock", "isFlat", "isLineWrap", "tabindex", "ariaLabel", "isDisabled", "e2eAttr"] }, { kind: "component", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalComponent; }), selector: "ux-layout-horizontal", inputs: ["styleClass", "e2eAttr"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalLeftTagDirective; }), selector: "uxLayoutHorizontalLeft" }, { kind: "directive", type: i0.forwardRef(function () { return i4.UxLayoutHorizontalRightTagDirective; }), selector: "uxLayoutHorizontalRight" }, { kind: "directive", type: i0.forwardRef(function () { return i5.CdkTrapFocus; }), selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i0.forwardRef(function () { return i6.CdkDrag; }), selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i0.forwardRef(function () { return i6.CdkDragHandle; }), selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicModalFooterTagDirective; }), selector: "uxDynamicModalFooter" }, { kind: "directive", type: i0.forwardRef(function () { return UxDynamicMessageBoxFooterTagDirective; }), selector: "uxDynamicMessageBoxFooter" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxDynamicModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ux-dynamic-modal', encapsulation: ViewEncapsulation.None, template: "<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n     class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n     role=\"dialog\"\n     [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n     [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n     [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n     [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n     [class.ux-modal--draggable]=\"config.isDraggable\"\n     [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n     [class.eui-u-anim--medium]=\"config.isMessageBox\"     \n     (keydown)=\"closeModalOnEscape($event)\"\n     tabIndex=\"-1\"\n     [style.display]=\"'block'\"\n     attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n        <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n            <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n                <ng-template [ngIf]=\"customHeaderContent\">\n                    <ng-content select=\"uxModalHeader\"></ng-content>\n                </ng-template>\n                <ng-template [ngIf]=\"!customHeaderContent\">\n                    <h5 class=\"modal-title ux-modal__header-title\">{{ config.titleLabel }}</h5>\n                </ng-template>\n                <button *ngIf=\"config.isShowCloseButton\" #closeButton\n                        type=\"button\"\n                        class=\"ux-modal__header-close\"\n                        data-dismiss=\"modal\"\n                        aria-label=\"Close\"\n                        (click)=\"close($event)\">\n                    <span class=\"eui-icon eui-icon-close-m\"></span>\n                </button>\n            </div>\n            <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n                 [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n                 [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n                <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n                <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n                    <div class=\"ux-message-box__body-icon\"></div>\n                    <div class=\"ux-message-box__body-content\">\n                        <span [outerHTML]=\"config.content\"></span>\n                    </div>\n                </div>\n\n            </div>\n\n            <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n                 [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n                <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n                    <ux-layout-horizontal>\n                        <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalLeft>\n                        <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalRight>\n                    </ux-layout-horizontal>\n                </uxDynamicModalFooter>\n\n                <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n                    <ux-layout-horizontal>\n                        <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalLeft>\n                        <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalRight>\n                    </ux-layout-horizontal>\n                </uxDynamicMessageBoxFooter>\n\n                <ng-template [ngIf]=\"!config.customFooterContent\">\n                    <ng-template [ngIf]=\"!config.isMessageBox\">\n                        <button type=\"button\"\n                                class=\"ux-button ux-button--secondary\"\n                                [class.ux-button--with-label]=\"config.isShowActionIcons\"\n                                [disabled]=\"config.dismissActionDisabled\"\n                                (click)=\"onDismissActionClick($event)\">\n                            <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n                            {{ config.dismissLabel }}\n                        </button>\n                        <button type=\"button\"\n                                class=\"ux-button ux-button--primary\"\n                                [class.ux-button--with-label]=\"config.isShowActionIcons\"\n                                [disabled]=\"config.acceptActionDisabled\"\n                                (click)=\"onAcceptActionClick($event)\">\n                            <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n                            {{ config.acceptLabel }}\n                        </button>\n                    </ng-template>\n\n                    <ng-template [ngIf]=\"config.isMessageBox\">\n                        <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n                            <button type=\"button\"\n                                    class=\"ux-button ux-button--secondary\"\n                                    (click)=\"onClick(false)\">\n                                {{ config.dismissLabel }}\n                            </button>\n                            <button type=\"button\"\n                                    class=\"ux-button ux-button--primary\"\n                                    (click)=\"onClick(true)\">\n                                {{ config.acceptLabel }}\n                            </button>\n                        </ng-template>\n                        <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n                            <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n                        </ng-template>\n                    </ng-template>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n", styles: [".ux-modal{bottom:0;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"] }]
+            args: [{ selector: 'ux-dynamic-modal', encapsulation: ViewEncapsulation.None, template: "<div id=\"{{config.id}}\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" #modal\n     class=\"modal ux-modal {{ config.styleClass }} {{ stateClasses }} eui-u-anim\"\n     role=\"dialog\"\n     [class.eui-u-anim--slideInDown]=\"!config.isMessageBox\"\n     [class.eui-u-anim--flipInY]=\"config.isMessageBox\"\n     [class.ux-modal--full-height]=\"config.isSizeFullHeight\"\n     [class.ux-modal--medium-height]=\"config.isSizeMediumHeight\"\n     [class.ux-modal--draggable]=\"config.isDraggable\"\n     [class.eui-u-anim--fast]=\"!config.isMessageBox\"\n     [class.eui-u-anim--medium]=\"config.isMessageBox\"     \n     (keydown)=\"closeModalOnEscape($event)\"\n     tabIndex=\"-1\"\n     [style.display]=\"'block'\"\n     attr.data-e2e=\"{{ e2eAttr }}\">\n\n    <div class=\"modal-dialog ux-modal__dialog\" role=\"document\" [style.max-width]=\"config.customWidth\">\n        <div class=\"modal-content ux-modal__content\" [class.ux-u-overflow-visible]=\"config.isOverflowVisible\" cdkDrag [cdkDragDisabled]=\"!config.isDraggable\">\n            <div class=\"modal-header ux-modal__header\" cdkDragHandle>\n                <ng-template [ngIf]=\"customHeaderContent\">\n                    <ng-content select=\"uxModalHeader\"></ng-content>\n                </ng-template>\n                <ng-template [ngIf]=\"!customHeaderContent\">\n                    <h5 class=\"modal-title ux-modal__header-title\">{{ config.titleLabel }}</h5>\n                </ng-template>\n                <button *ngIf=\"config.isShowCloseButton\" #closeButton\n                        type=\"button\"\n                        class=\"ux-modal__header-close\"\n                        data-dismiss=\"modal\"\n                        aria-label=\"Close\"\n                        (click)=\"close($event)\">\n                    <span class=\"eui-icon eui-icon-close-m\"></span>\n                </button>\n            </div>\n            <div #uxmodalbody class=\"modal-body ux-modal__body {{ config.bodyStyleClass }}\"\n                 [class.ux-modal--no-padding]=\"config.hasNoBodyPadding\"\n                 [class.ux-u-overflow-visible]=\"config.isOverflowVisible\">\n                <span [outerHTML]=\"config.content\" *ngIf=\"!config.isMessageBox\"></span>\n\n                <div class=\"ux-message-box__body\" *ngIf=\"config.isMessageBox\">\n                    <div class=\"ux-message-box__body-icon\"></div>\n                    <div class=\"ux-message-box__body-content\">\n                        <span [outerHTML]=\"config.content\"></span>\n                    </div>\n                </div>\n\n            </div>\n\n            <div *ngIf=\"config.isFooterVisible\" class=\"modal-footer ux-modal__footer {{ config.footerStyleClass }}\"\n                 [class.ux-modal__footer--custom-alignment]=\"config.customFooterContent\">\n\n                <uxDynamicModalFooter *ngIf=\"config.customFooterContent && !config.isMessageBox\">\n                    <ux-layout-horizontal>\n                        <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalLeft>\n                        <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalRight>\n                    </ux-layout-horizontal>\n                </uxDynamicModalFooter>\n\n                <uxDynamicMessageBoxFooter *ngIf=\"config.customFooterContent && config.isMessageBox\">\n                    <ux-layout-horizontal>\n                        <uxLayoutHorizontalLeft *ngIf=\"config.customFooterContent.left\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.left.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalLeft>\n                        <uxLayoutHorizontalRight *ngIf=\"config.customFooterContent.right\">\n                            <ux-button *ngFor=\"let button of config.customFooterContent.right.buttons\"\n                                       type=\"{{ button.type }}\"\n                                       styleClass=\"{{ button.styleClass }}\"\n                                       typeClass=\"{{ button.typeClass }}\"\n                                       iconClass=\"{{ button.iconClass }}\"\n                                       [isOutline]=\"button.isOutline\"\n                                       [isSecondary]=\"button.isSecondary\"\n                                       [isSmall]=\"button.isSmall\"\n                                       [isLarge]=\"button.isLarge\"\n                                       [isBlock]=\"button.isBlock\"\n                                       [isFlat]=\"button.isFlat\"\n                                       [isDisabled]=\"button.isDisabled\"\n                                       (click)=\"customFooterButtonClick(button)\">{{ button.label }}</ux-button>\n                        </uxLayoutHorizontalRight>\n                    </ux-layout-horizontal>\n                </uxDynamicMessageBoxFooter>\n\n                <ng-template [ngIf]=\"!config.customFooterContent\">\n                    <ng-template [ngIf]=\"!config.isMessageBox\">\n                        <button type=\"button\"\n                                class=\"ux-button ux-button--secondary\"\n                                [class.ux-button--with-label]=\"config.isShowActionIcons\"\n                                [disabled]=\"config.dismissActionDisabled\"\n                                (click)=\"onDismissActionClick($event)\">\n                            <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.dismissIconClass}}\"></span>\n                            {{ config.dismissLabel }}\n                        </button>\n                        <button type=\"button\"\n                                class=\"ux-button ux-button--primary\"\n                                [class.ux-button--with-label]=\"config.isShowActionIcons\"\n                                [disabled]=\"config.acceptActionDisabled\"\n                                (click)=\"onAcceptActionClick($event)\">\n                            <span *ngIf=\"config.isShowActionIcons\" class=\"ux-button__icon {{config.acceptIconClass}}\"></span>\n                            {{ config.acceptLabel }}\n                        </button>\n                    </ng-template>\n\n                    <ng-template [ngIf]=\"config.isMessageBox\">\n                        <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'confirmation'\">\n                            <button type=\"button\"\n                                    class=\"ux-button ux-button--secondary\"\n                                    (click)=\"onClick(false)\">\n                                {{ config.dismissLabel }}\n                            </button>\n                            <button type=\"button\"\n                                    class=\"ux-button ux-button--primary\"\n                                    (click)=\"onClick(true)\">\n                                {{ config.acceptLabel }}\n                            </button>\n                        </ng-template>\n                        <ng-template [ngIf]=\"config.messageBoxType && config.messageBoxType === 'ok'\">\n                            <button type=\"button\" class=\"ux-button ux-button--secondary\" (click)=\"onClick(true)\">OK</button>\n                        </ng-template>\n                    </ng-template>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"modal-backdrop show\" [style.display]=\"'block'\" (focus)=\"close($event)\"></div>\n", styles: [".ux-modal{inset:0;outline:0;overflow:hidden;position:fixed;z-index:var(--eui-base-z-index-modal)}.ux-modal__content{background-clip:padding-box;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);display:flex;flex-direction:column;max-height:100%;outline:0;overflow:auto;pointer-events:auto;position:relative;width:100%;box-shadow:var(--eui-base-shadow-24)}.ux-modal__dialog{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:1.75rem auto;margin-bottom:0;margin-top:0;max-width:50%;pointer-events:none;position:relative;width:auto}.ux-modal__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:var(--eui-border-radius-base);display:flex;justify-content:space-between;min-height:calc(4 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m)}.ux-modal--draggable .ux-modal__header{cursor:move}.ux-modal__header-title{font-size:var(--eui-base-font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.ux-modal__body{flex:1 1 auto;overflow:auto;padding:var(--eui-base-spacing-m);position:relative}.ux-modal__body.ux-modal--no-padding{padding:0}.ux-modal__footer{background-color:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-10);justify-content:flex-end;padding:var(--eui-base-spacing-s);align-items:center;display:flex;width:100%}.ux-modal__footer--custom-alignment{display:block}.ux-modal__footer button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.ux-modal__header-close{background-color:transparent;border:none;box-shadow:none;color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-2xl);margin-right:calc(-1 * var(--eui-base-spacing-s));outline:0;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}.ux-modal__header-close:hover{color:var(--eui-base-color-text)}.ux-modal__header-close:active,.ux-modal__header-close:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-modal__header-close.disabled{display:none}uxmodalheader{display:flex;width:100%}.ux-modal--small .ux-modal__dialog{max-width:33%}.ux-modal--large .ux-modal__dialog{max-width:75%}.ux-modal--full-screen .ux-modal__content{height:98%;margin:1.5%;width:97%}.ux-modal--full-screen .ux-modal__dialog{height:100%;max-height:100%;max-width:100%;width:100%}.ux-modal--full-height{max-height:100%}.ux-modal--full-height .ux-modal__dialog{height:100%}.ux-modal--full-height .ux-modal__content{height:95%}.ux-modal--full-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.ux-modal--medium-height{max-height:100%}.ux-modal--medium-height .ux-modal__dialog{height:100%}.ux-modal--medium-height .ux-modal__content{height:50%}.ux-modal--medium-height .ux-modal__body{overflow-x:hidden;overflow-y:scroll}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-open .cdk-overlay-container{z-index:var(--eui-base-z-index-cdk-overlay-container)}.modal-backdrop{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);width:100vw;z-index:var(--eui-base-z-index-modal-backdrop)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 995px){.ux-modal__dialog,.ux-modal__dialog[style],.ux-modal--small .ux-modal__dialog,.ux-modal--big .ux-modal__dialog,.ux-modal--full-screen .ux-modal__dialog{margin-left:1.5%;max-width:100%!important;width:97%!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: UxDynamicModalConfig, decorators: [{
                     type: Inject,
                     args: [DYNAMIC_COMPONENT_CONFIG]