npm - @eui/components - Versions diffs - 15.0.0-next.2 → 15.0.0-next.3 - Mend

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

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

Files changed (63) hide show

package/fesm2015/eui-components-legacy-ux-card.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-legacy-ux-card.mjs","sources":["../../legacy/ux-card/ux-card-group.directive.ts","../../legacy/ux-card/ux-card.component.ts","../../legacy/ux-card/ux-card.component.html","../../legacy/ux-card/eui-components-legacy-ux-card.ts"],"sourcesContent":["import { Directive, QueryList, AfterViewInit, ContentChildren, forwardRef, OnDestroy } from '@angular/core';\nimport { UxCardComponent } from './ux-card.component';\nimport { Subscription } from 'rxjs';\n\n@Directive({\n selector: '[uxCardGroupCollapseAll]'\n})\nexport class UxCardGroupDirective implements AfterViewInit, OnDestroy {\n\n @ContentChildren(forwardRef(() =>\n UxCardComponent),\n ) cards: QueryList<UxCardComponent>;\n\n private subscription: Subscription;\n\n constructor() {\n this.subscription = new Subscription();\n }\n\n ngAfterViewInit() {\n this.cards.forEach((card: UxCardComponent) => {\n this.subscription.add(card.onCollapse.subscribe(isCollapsed => {\n this.collapseAll(card, isCollapsed);\n }));\n });\n }\n\n ngOnDestroy() {\n this.subscription.unsubscribe();\n }\n\n private collapseAll(ref, isCollapsed: boolean) {\n\n if (!isCollapsed) {\n this.cards.forEach(card => {\n if (card !== ref) {\n card.isCollapsed = true;\n }\n });\n }\n }\n}\n","import {\n AfterContentInit,\n AfterViewInit,\n Component,\n ContentChild,\n Directive,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n NgModule,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UxLink } from '@eui/core';\nimport { UxIconComponentModule } from '@eui/components/legacy/atomic';\nimport { UxBadgeComponentModule } from '@eui/components/legacy/ux-badge';\nimport { UxDropdownButtonComponentModule } from '@eui/components/legacy/ux-dropdown-button';\nimport { UxDisableContentComponentModule } from '@eui/components/legacy/ux-disable-content';\nimport { UxCardGroupDirective } from './ux-card-group.directive';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'ux-card',\n templateUrl: './ux-card.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxCardComponent implements AfterContentInit, AfterViewInit, OnChanges {\n @Input() id: string;\n @Input() styleClass: string;\n @Input()\n get shouldKeepLocalMenuLayout(): boolean { return this._shouldKeepLocalMenuLayout; }\n set shouldKeepLocalMenuLayout(value: BooleanInput) { this._shouldKeepLocalMenuLayout = coerceBooleanProperty(value); }\n private _shouldKeepLocalMenuLayout = false;\n @Input()\n get isCardBodyHidden(): boolean { return this._isCardBodyHidden; }\n set isCardBodyHidden(value: BooleanInput) { this._isCardBodyHidden = coerceBooleanProperty(value); }\n private _isCardBodyHidden = false;\n @Input()\n get isSelectable(): boolean { return this._isSelectable; }\n set isSelectable(value: BooleanInput) { this._isSelectable = coerceBooleanProperty(value); }\n private _isSelectable = false;\n @Input()\n get isSelected(): boolean { return this._isSelected; }\n set isSelected(value: BooleanInput) { this._isSelected = coerceBooleanProperty(value); }\n private _isSelected = false;\n @Input()\n get isCollapsible(): boolean { return this._isCollapsible; }\n set isCollapsible(value: BooleanInput) { this._isCollapsible = coerceBooleanProperty(value); }\n private _isCollapsible = false;\n @Input()\n get isCollapsed(): boolean { return this._isCollapsed; }\n set isCollapsed(value: BooleanInput) { this._isCollapsed = coerceBooleanProperty(value); }\n private _isCollapsed: boolean = true;\n @Input()\n get isFavouritable(): boolean { return this._isFavouritable; }\n set isFavouritable(value: BooleanInput) { this._isFavouritable = coerceBooleanProperty(value); }\n private _isFavouritable = false;\n @Input()\n get isFavourite(): boolean { return this._isFavourite; }\n set isFavourite(value: BooleanInput) { this._isFavourite = coerceBooleanProperty(value); }\n private _isFavourite = false;\n @Input()\n get isUrgentable(): boolean { return this._isUrgentable; }\n set isUrgentable(value: BooleanInput) { this._isUrgentable = coerceBooleanProperty(value); }\n private _isUrgentable = false;\n @Input()\n get isUrgent(): boolean { return this._isUrgent; }\n set isUrgent(value: BooleanInput) { this._isUrgent = coerceBooleanProperty(value); }\n private _isUrgent = false;\n @Input()\n get isMuted(): boolean { return this._isMuted; }\n set isMuted(value: BooleanInput) { this._isMuted = coerceBooleanProperty(value); }\n private _isMuted = false;\n @Input() status: string;\n @Input() statusTypeClass: string = '';\n @Input() statusLabel: string;\n @Input() localMenuLabel: string;\n @Input() actionsLinks: UxLink[] = [];\n @Input()\n get actionsEnabled(): boolean { return this._actionsEnabled; }\n set actionsEnabled(value: BooleanInput) { this._actionsEnabled = coerceBooleanProperty(value); }\n private _actionsEnabled: boolean = true;\n @Input()\n get hasStatusIndicator(): boolean { return this._hasStatusIndicator; }\n set hasStatusIndicator(value: BooleanInput) { this._hasStatusIndicator = coerceBooleanProperty(value); }\n private _hasStatusIndicator = false;\n @Input() statusIndicatorTypeClass: string = 'warning';\n @Input() expandLabel: string = '';\n @Input() collapseLabel: string = '';\n\n @Input() e2eAttr: string = 'ux-card';\n\n @Output() selected: EventEmitter<void> = new EventEmitter();\n @Output() favourited: EventEmitter<void> = new EventEmitter();\n @Output() urgent: EventEmitter<void> = new EventEmitter();\n @Output() linkSelected: EventEmitter<UxLink> = new EventEmitter();\n @Output() onCollapse: EventEmitter<boolean> = new EventEmitter();\n\n stateClasses: string = '';\n generatedId: string;\n\n localMenuClasses: string = 'eui-u-visibility-visible';\n statusIndicatorIconClass = '';\n\n @ContentChild(forwardRef(() =>\n UxCardTitleTagDirective),\n ) customTitle: QueryList<UxCardTitleTagDirective>;\n @ContentChild(forwardRef(() =>\n UxCardSubTitleTagDirective),\n ) customSubTitle: QueryList<UxCardSubTitleTagDirective>;\n @ContentChild(forwardRef(() =>\n UxCardHeaderRightContentTagDirective),\n ) customHeaderRightContent: QueryList<UxCardHeaderRightContentTagDirective>;\n @ContentChild(forwardRef(() =>\n UxCardHeaderLeftContentDirective),\n ) customHeaderLeftContent: QueryList<UxCardHeaderLeftContentDirective>;\n\n @ViewChild('bodyContainer', { static: false }) bodyContainerElement: ElementRef<HTMLElement>;\n\n get areActionsDisabled(): boolean {\n return this.actionsEnabled === false;\n }\n\n get isActionsLinksEmpty(): boolean {\n return !this.actionsLinks \|\| this.actionsLinks.length === 0;\n }\n\n get shouldRemoveLocalMenu(): boolean {\n return this.shouldKeepLocalMenuLayout === false && this.isActionsLinksEmpty === true;\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes.isSelected \|\| changes.isMuted) {\n this.updateStateClasses();\n }\n\n if (changes.actionsLinks) {\n this.updateLocalMenuClasses();\n }\n\n if (changes.localMenuLayoutUnChangedWhenHidden) {\n this.updateLocalMenuClasses();\n }\n\n if (changes.statusIndicatorTypeClass) {\n this.updateIndicatorStateClasses();\n }\n }\n\n ngAfterContentInit() {\n if (!this.localMenuLabel) {\n this.localMenuLabel = 'Actions'; // 2DO - Get from translations\n }\n if (this.isSelectable && !this.id) {\n this.generatedId = 'checkbox-' + (Math.floor(Math.random() * 1000000) + 1).toString();\n } else {\n this.generatedId = this.id;\n }\n\n // Indicator status icon class\n this.updateIndicatorStateClasses();\n\n // Header status state class\n this.updateStateClasses();\n }\n\n ngAfterViewInit() {\n if (this.bodyContainerElement &&\n this.bodyContainerElement.nativeElement.innerHTML.length === 0 &&\n this.bodyContainerElement.nativeElement.innerText.length === 0) {\n this.bodyContainerElement.nativeElement.classList.add('ux-card__body--no-content');\n }\n }\n\n onSelect(event: Event) {\n this.isSelected = !this.isSelected;\n this.updateStateClasses();\n this.selected.emit();\n }\n\n onToggleFavourite(event: Event) {\n if (!this.areActionsDisabled) {\n this.favourited.emit();\n }\n }\n\n onToggleUrgent(event: Event) {\n if (!this.areActionsDisabled) {\n this.urgent.emit();\n }\n }\n\n onLinkSelected(event: UxLink) {\n if (!this.areActionsDisabled) {\n this.linkSelected.emit(event);\n }\n }\n\n onToggleCollapse(event: Event) {\n this.isCollapsed = !this.isCollapsed;\n this.onCollapse.emit(this.isCollapsed);\n }\n\n private updateStateClasses() {\n this.stateClasses = '';\n if (this.isMuted) {\n this.stateClasses += 'ux-card--muted ';\n }\n if (this.isSelected) {\n this.stateClasses += 'ux-card--selected ';\n }\n if (!this.customTitle && !this.customSubTitle && !this.customHeaderLeftContent && !this.customHeaderRightContent) {\n this.stateClasses += 'ux-card--no-header ';\n }\n }\n\n private updateLocalMenuClasses() {\n if (this.isActionsLinksEmpty) {\n this.localMenuClasses = 'eui-u-visibility-hidden';\n } else {\n this.localMenuClasses = 'eui-u-visibility-visible';\n }\n }\n\n private updateIndicatorStateClasses() {\n this.statusIndicatorIconClass = '';\n if (this.statusIndicatorTypeClass === 'warning') {\n this.statusIndicatorIconClass = 'exclamation';\n } else if (this.statusIndicatorTypeClass === 'danger') {\n this.statusIndicatorIconClass = 'times';\n } else if (this.statusIndicatorTypeClass === 'info') {\n this.statusIndicatorIconClass = 'info';\n } else if (this.statusIndicatorTypeClass === 'success') {\n this.statusIndicatorIconClass = 'check';\n }\n }\n}\n\n/* eslint-disable /\n@Directive({selector: 'uxCardTitle'})\nexport class UxCardTitleTagDirective {\n}\n\n@Directive({selector: 'uxCardSubTitle'})\nexport class UxCardSubTitleTagDirective {\n}\n\n@Directive({selector: 'uxCardHeaderRightContent'})\nexport class UxCardHeaderRightContentTagDirective {\n}\n\n@Directive({selector: 'uxCardHeaderLeftContent'})\nexport class UxCardHeaderLeftContentDirective {\n}\n/ eslint-enable /\n\n@NgModule({\n imports: [\n CommonModule,\n UxIconComponentModule,\n UxBadgeComponentModule,\n UxDropdownButtonComponentModule,\n UxDisableContentComponentModule,\n ],\n exports: [\n UxCardComponent,\n UxCardTitleTagDirective,\n UxCardSubTitleTagDirective,\n UxCardHeaderRightContentTagDirective,\n UxCardHeaderLeftContentDirective,\n UxCardGroupDirective\n ],\n declarations: [\n UxCardComponent,\n UxCardTitleTagDirective,\n UxCardSubTitleTagDirective,\n UxCardHeaderRightContentTagDirective,\n UxCardHeaderLeftContentDirective,\n UxCardGroupDirective\n ],\n})\nexport class UxCardComponentModule {\n\n}\n","<div class=\"ux-card {{stateClasses}} ux-card--{{statusTypeClass}} {{styleClass}}\" tabindex=\"0\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-card__header\">\n <span ngIf=\"hasStatusIndicator\"\n class=\"ux-card__header-status-indicator eui-u-bg-color-{{statusIndicatorTypeClass}}-dark\">\n <span class=\"ux-card__header-status-indicator-icon eui-icon eui-icon-{{statusIndicatorIconClass}}\"></span>\n </span>\n <div ngIf=\"isSelectable \|\| isFavouritable \|\| isUrgentable \|\| customHeaderLeftContent\" class=\"ux-card__header-left-content\">\n <div ngIf=\"isSelectable\" class=\"ux-card__header-left-content-select\">\n <input ngIf=\"isSelected\" id=\"{{ generatedId }}\" name=\"checkbox\" type=\"checkbox\" class=\"ux-input__checkbox\"\n (change)=\"onSelect($event)\" checked>\n <input ngIf=\"!isSelected\" id=\"{{ generatedId }}\" name=\"checkbox\" type=\"checkbox\" class=\"ux-input__checkbox\"\n (change)=\"onSelect($event)\">\n <label for=\"{{ generatedId }}\" class=\"p-0\"></label>\n </div>\n <ux-a-icon ngIf=\"isFavouritable\" [isRounded]=\"false\"\n [ngClass]=\"{ 'eui-u-color-accent-dark': isFavourite, 'eui-u-color-grey': !isFavourite }\"\n iconClass=\"eui-icon eui-icon-star\" (click)=\"onToggleFavourite($event)\"></ux-a-icon>\n <ux-a-icon ngIf=\"isUrgentable\" [isRounded]=\"false\"\n [ngClass]=\"{ 'eui-u-color-accent-dark': isUrgent, 'eui-u-color-grey': !isUrgent }\"\n iconClass=\"eui-icon eui-icon-flag\" (click)=\"onToggleUrgent($event)\"></ux-a-icon>\n <ng-content select=\"uxCardHeaderLeftContent\"></ng-content>\n </div>\n\n <div class=\"ux-card__header-title\">\n <div class=\"ux-card__header-title-main\">\n <ng-content select=\"uxCardTitle\"></ng-content>\n </div>\n <div ngIf=\"customTitle && customSubTitle\" class=\"ux-card__header-title-sub\">\n <ng-content select=\"uxCardSubTitle\"></ng-content>\n </div>\n </div>\n\n <div ngIf=\"status \|\| (actionsLinks && actionsLinks.length > 0) \|\| customHeaderRightContent\"\n class=\"ux-card__header-right-content\">\n <div ngIf=\"customHeaderRightContent\" class=\"ux-card__header-right-content__custom-content\">\n <ng-content select=\"uxCardHeaderRightContent\"></ng-content>\n </div>\n <div ngIf=\"status\" class=\"ux-card__header-right-content__status\">\n <ux-badge [isPill]=\"true\" [isSmall]=\"true\" [typeClass]=\"statusTypeClass\">{{ status }}</ux-badge>\n <div ngIf=\"statusLabel\" class=\"eui-u-font-size-s mt-1\">{{ statusLabel }}</div>\n </div>\n <div ngIf=\"!shouldRemoveLocalMenu\" class=\"ux-card__header-right-content__local-menu\">\n <ux-disable-content [isDisabled]=\"areActionsDisabled\">\n <ux-dropdown-button\n [isOutline]=\"true\"\n [isSmall]=\"true\"\n typeClass=\"primary\"\n [styleClass]=\"localMenuClasses\"\n [label]=\"localMenuLabel\"\n iconClass=\"eui-icon eui-icon-more-vertical\"\n [links]=\"actionsLinks\"\n (linkSelected)=\"onLinkSelected($event)\">\n </ux-dropdown-button>\n </ux-disable-content>\n </div>\n </div>\n </div>\n\n <ng-container ngIf=\"!isCardBodyHidden && (!isCollapsed \|\| !isCollapsible)\">\n <div #bodyContainer class=\"ux-card__body\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n\n <div ngIf=\"isCollapsible\" class=\"ux-card__expand-trigger\" (click)=\"onToggleCollapse($event)\">\n <span ngIf=\"isCollapsed\" class=\"ux-card__expand-trigger-toggle\">{{expandLabel}} <span\n class=\"eui-icon eui-icon-angle-down ux-card__expand-icon\"></span></span>\n <span ngIf=\"!isCollapsed\" class=\"ux-card__expand-trigger-toggle\">{{collapseLabel}} <span\n class=\"eui-icon eui-icon-angle-up ux-card__expand-icon\"></span></span>\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-legacy-ux-card.mjs","sources":["../../legacy/ux-card/ux-card-group.directive.ts","../../legacy/ux-card/ux-card.component.ts","../../legacy/ux-card/ux-card.component.html","../../legacy/ux-card/eui-components-legacy-ux-card.ts"],"sourcesContent":["import { Directive, QueryList, AfterViewInit, ContentChildren, forwardRef, OnDestroy } from '@angular/core';\nimport { UxCardComponent } from './ux-card.component';\nimport { Subscription } from 'rxjs';\n\n@Directive({\n selector: '[uxCardGroupCollapseAll]'\n})\nexport class UxCardGroupDirective implements AfterViewInit, OnDestroy {\n\n @ContentChildren(forwardRef(() =>\n UxCardComponent),\n ) cards: QueryList<UxCardComponent>;\n\n private subscription: Subscription;\n\n constructor() {\n this.subscription = new Subscription();\n }\n\n ngAfterViewInit() {\n this.cards.forEach((card: UxCardComponent) => {\n this.subscription.add(card.onCollapse.subscribe(isCollapsed => {\n this.collapseAll(card, isCollapsed);\n }));\n });\n }\n\n ngOnDestroy() {\n this.subscription.unsubscribe();\n }\n\n private collapseAll(ref, isCollapsed: boolean) {\n\n if (!isCollapsed) {\n this.cards.forEach(card => {\n if (card !== ref) {\n card.isCollapsed = true;\n }\n });\n }\n }\n}\n","import {\n AfterContentInit,\n AfterViewInit,\n Component,\n ContentChild,\n Directive,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n NgModule,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UxLink } from '@eui/core';\nimport { UxIconComponentModule } from '@eui/components/legacy/atomic';\nimport { UxBadgeComponentModule } from '@eui/components/legacy/ux-badge';\nimport { UxDropdownButtonComponentModule } from '@eui/components/legacy/ux-dropdown-button';\nimport { UxDisableContentComponentModule } from '@eui/components/legacy/ux-disable-content';\nimport { UxCardGroupDirective } from './ux-card-group.directive';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'ux-card',\n templateUrl: './ux-card.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxCardComponent implements AfterContentInit, AfterViewInit, OnChanges {\n @Input() id: string;\n @Input() styleClass: string;\n @Input()\n get shouldKeepLocalMenuLayout(): boolean { return this._shouldKeepLocalMenuLayout; }\n set shouldKeepLocalMenuLayout(value: BooleanInput) { this._shouldKeepLocalMenuLayout = coerceBooleanProperty(value); }\n private _shouldKeepLocalMenuLayout = false;\n @Input()\n get isCardBodyHidden(): boolean { return this._isCardBodyHidden; }\n set isCardBodyHidden(value: BooleanInput) { this._isCardBodyHidden = coerceBooleanProperty(value); }\n private _isCardBodyHidden = false;\n @Input()\n get isSelectable(): boolean { return this._isSelectable; }\n set isSelectable(value: BooleanInput) { this._isSelectable = coerceBooleanProperty(value); }\n private _isSelectable = false;\n @Input()\n get isSelected(): boolean { return this._isSelected; }\n set isSelected(value: BooleanInput) { this._isSelected = coerceBooleanProperty(value); }\n private _isSelected = false;\n @Input()\n get isCollapsible(): boolean { return this._isCollapsible; }\n set isCollapsible(value: BooleanInput) { this._isCollapsible = coerceBooleanProperty(value); }\n private _isCollapsible = false;\n @Input()\n get isCollapsed(): boolean { return this._isCollapsed; }\n set isCollapsed(value: BooleanInput) { this._isCollapsed = coerceBooleanProperty(value); }\n private _isCollapsed: boolean = true;\n @Input()\n get isFavouritable(): boolean { return this._isFavouritable; }\n set isFavouritable(value: BooleanInput) { this._isFavouritable = coerceBooleanProperty(value); }\n private _isFavouritable = false;\n @Input()\n get isFavourite(): boolean { return this._isFavourite; }\n set isFavourite(value: BooleanInput) { this._isFavourite = coerceBooleanProperty(value); }\n private _isFavourite = false;\n @Input()\n get isUrgentable(): boolean { return this._isUrgentable; }\n set isUrgentable(value: BooleanInput) { this._isUrgentable = coerceBooleanProperty(value); }\n private _isUrgentable = false;\n @Input()\n get isUrgent(): boolean { return this._isUrgent; }\n set isUrgent(value: BooleanInput) { this._isUrgent = coerceBooleanProperty(value); }\n private _isUrgent = false;\n @Input()\n get isMuted(): boolean { return this._isMuted; }\n set isMuted(value: BooleanInput) { this._isMuted = coerceBooleanProperty(value); }\n private _isMuted = false;\n @Input() status: string;\n @Input() statusTypeClass: string = '';\n @Input() statusLabel: string;\n @Input() localMenuLabel: string;\n @Input() actionsLinks: UxLink[] = [];\n @Input()\n get actionsEnabled(): boolean { return this._actionsEnabled; }\n set actionsEnabled(value: BooleanInput) { this._actionsEnabled = coerceBooleanProperty(value); }\n private _actionsEnabled: boolean = true;\n @Input()\n get hasStatusIndicator(): boolean { return this._hasStatusIndicator; }\n set hasStatusIndicator(value: BooleanInput) { this._hasStatusIndicator = coerceBooleanProperty(value); }\n private _hasStatusIndicator = false;\n @Input() statusIndicatorTypeClass: string = 'warning';\n @Input() expandLabel: string = '';\n @Input() collapseLabel: string = '';\n\n @Input() e2eAttr: string = 'ux-card';\n\n @Output() selected: EventEmitter<void> = new EventEmitter();\n @Output() favourited: EventEmitter<void> = new EventEmitter();\n @Output() urgent: EventEmitter<void> = new EventEmitter();\n @Output() linkSelected: EventEmitter<UxLink> = new EventEmitter();\n @Output() onCollapse: EventEmitter<boolean> = new EventEmitter();\n\n stateClasses: string = '';\n generatedId: string;\n\n localMenuClasses: string = 'eui-u-visibility-visible'; // TODO v15 remove usage of utility in cmp - prefer mixin through style\n statusIndicatorIconClass = '';\n\n @ContentChild(forwardRef(() =>\n UxCardTitleTagDirective),\n ) customTitle: QueryList<UxCardTitleTagDirective>;\n @ContentChild(forwardRef(() =>\n UxCardSubTitleTagDirective),\n ) customSubTitle: QueryList<UxCardSubTitleTagDirective>;\n @ContentChild(forwardRef(() =>\n UxCardHeaderRightContentTagDirective),\n ) customHeaderRightContent: QueryList<UxCardHeaderRightContentTagDirective>;\n @ContentChild(forwardRef(() =>\n UxCardHeaderLeftContentDirective),\n ) customHeaderLeftContent: QueryList<UxCardHeaderLeftContentDirective>;\n\n @ViewChild('bodyContainer', { static: false }) bodyContainerElement: ElementRef<HTMLElement>;\n\n get areActionsDisabled(): boolean {\n return this.actionsEnabled === false;\n }\n\n get isActionsLinksEmpty(): boolean {\n return !this.actionsLinks \|\| this.actionsLinks.length === 0;\n }\n\n get shouldRemoveLocalMenu(): boolean {\n return this.shouldKeepLocalMenuLayout === false && this.isActionsLinksEmpty === true;\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes.isSelected \|\| changes.isMuted) {\n this.updateStateClasses();\n }\n\n if (changes.actionsLinks) {\n this.updateLocalMenuClasses();\n }\n\n if (changes.localMenuLayoutUnChangedWhenHidden) {\n this.updateLocalMenuClasses();\n }\n\n if (changes.statusIndicatorTypeClass) {\n this.updateIndicatorStateClasses();\n }\n }\n\n ngAfterContentInit() {\n if (!this.localMenuLabel) {\n this.localMenuLabel = 'Actions'; // 2DO - Get from translations\n }\n if (this.isSelectable && !this.id) {\n this.generatedId = 'checkbox-' + (Math.floor(Math.random() * 1000000) + 1).toString();\n } else {\n this.generatedId = this.id;\n }\n\n // Indicator status icon class\n this.updateIndicatorStateClasses();\n\n // Header status state class\n this.updateStateClasses();\n }\n\n ngAfterViewInit() {\n if (this.bodyContainerElement &&\n this.bodyContainerElement.nativeElement.innerHTML.length === 0 &&\n this.bodyContainerElement.nativeElement.innerText.length === 0) {\n this.bodyContainerElement.nativeElement.classList.add('ux-card__body--no-content');\n }\n }\n\n onSelect(event: Event) {\n this.isSelected = !this.isSelected;\n this.updateStateClasses();\n this.selected.emit();\n }\n\n onToggleFavourite(event: Event) {\n if (!this.areActionsDisabled) {\n this.favourited.emit();\n }\n }\n\n onToggleUrgent(event: Event) {\n if (!this.areActionsDisabled) {\n this.urgent.emit();\n }\n }\n\n onLinkSelected(event: UxLink) {\n if (!this.areActionsDisabled) {\n this.linkSelected.emit(event);\n }\n }\n\n onToggleCollapse(event: Event) {\n this.isCollapsed = !this.isCollapsed;\n this.onCollapse.emit(this.isCollapsed);\n }\n\n private updateStateClasses() {\n this.stateClasses = '';\n if (this.isMuted) {\n this.stateClasses += 'ux-card--muted ';\n }\n if (this.isSelected) {\n this.stateClasses += 'ux-card--selected ';\n }\n if (!this.customTitle && !this.customSubTitle && !this.customHeaderLeftContent && !this.customHeaderRightContent) {\n this.stateClasses += 'ux-card--no-header ';\n }\n }\n\n private updateLocalMenuClasses() {\n if (this.isActionsLinksEmpty) {\n this.localMenuClasses = 'eui-u-visibility-hidden'; // TODO v15 remove usage of utility in cmp - prefer mixin through style\n } else {\n this.localMenuClasses = 'eui-u-visibility-visible'; // TODO v15 remove usage of utility in cmp - prefer mixin through style\n }\n }\n\n private updateIndicatorStateClasses() {\n this.statusIndicatorIconClass = '';\n if (this.statusIndicatorTypeClass === 'warning') {\n this.statusIndicatorIconClass = 'exclamation';\n } else if (this.statusIndicatorTypeClass === 'danger') {\n this.statusIndicatorIconClass = 'times';\n } else if (this.statusIndicatorTypeClass === 'info') {\n this.statusIndicatorIconClass = 'info';\n } else if (this.statusIndicatorTypeClass === 'success') {\n this.statusIndicatorIconClass = 'check';\n }\n }\n}\n\n/* eslint-disable /\n@Directive({selector: 'uxCardTitle'})\nexport class UxCardTitleTagDirective {\n}\n\n@Directive({selector: 'uxCardSubTitle'})\nexport class UxCardSubTitleTagDirective {\n}\n\n@Directive({selector: 'uxCardHeaderRightContent'})\nexport class UxCardHeaderRightContentTagDirective {\n}\n\n@Directive({selector: 'uxCardHeaderLeftContent'})\nexport class UxCardHeaderLeftContentDirective {\n}\n/ eslint-enable /\n\n@NgModule({\n imports: [\n CommonModule,\n UxIconComponentModule,\n UxBadgeComponentModule,\n UxDropdownButtonComponentModule,\n UxDisableContentComponentModule,\n ],\n exports: [\n UxCardComponent,\n UxCardTitleTagDirective,\n UxCardSubTitleTagDirective,\n UxCardHeaderRightContentTagDirective,\n UxCardHeaderLeftContentDirective,\n UxCardGroupDirective\n ],\n declarations: [\n UxCardComponent,\n UxCardTitleTagDirective,\n UxCardSubTitleTagDirective,\n UxCardHeaderRightContentTagDirective,\n UxCardHeaderLeftContentDirective,\n UxCardGroupDirective\n ],\n})\nexport class UxCardComponentModule {\n\n}\n","<div class=\"ux-card {{stateClasses}} ux-card--{{statusTypeClass}} {{styleClass}}\" tabindex=\"0\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div class=\"ux-card__header\">\n <span ngIf=\"hasStatusIndicator\"\n class=\"ux-card__header-status-indicator eui-u-bg-color-{{statusIndicatorTypeClass}}-dark\">\n <span class=\"ux-card__header-status-indicator-icon eui-icon eui-icon-{{statusIndicatorIconClass}}\"></span>\n </span>\n <div ngIf=\"isSelectable \|\| isFavouritable \|\| isUrgentable \|\| customHeaderLeftContent\" class=\"ux-card__header-left-content\">\n <div ngIf=\"isSelectable\" class=\"ux-card__header-left-content-select\">\n <input ngIf=\"isSelected\" id=\"{{ generatedId }}\" name=\"checkbox\" type=\"checkbox\" class=\"ux-input__checkbox\"\n (change)=\"onSelect($event)\" checked>\n <input ngIf=\"!isSelected\" id=\"{{ generatedId }}\" name=\"checkbox\" type=\"checkbox\" class=\"ux-input__checkbox\"\n (change)=\"onSelect($event)\">\n <label for=\"{{ generatedId }}\" class=\"p-0\"></label>\n </div>\n <ux-a-icon ngIf=\"isFavouritable\" [isRounded]=\"false\"\n [ngClass]=\"{ 'eui-u-color-accent-dark': isFavourite, 'eui-u-color-grey': !isFavourite }\"\n iconClass=\"eui-icon eui-icon-star\" (click)=\"onToggleFavourite($event)\"></ux-a-icon>\n <ux-a-icon ngIf=\"isUrgentable\" [isRounded]=\"false\"\n [ngClass]=\"{ 'eui-u-color-accent-dark': isUrgent, 'eui-u-color-grey': !isUrgent }\"\n iconClass=\"eui-icon eui-icon-flag\" (click)=\"onToggleUrgent($event)\"></ux-a-icon>\n <ng-content select=\"uxCardHeaderLeftContent\"></ng-content>\n </div>\n\n <div class=\"ux-card__header-title\">\n <div class=\"ux-card__header-title-main\">\n <ng-content select=\"uxCardTitle\"></ng-content>\n </div>\n <div ngIf=\"customTitle && customSubTitle\" class=\"ux-card__header-title-sub\">\n <ng-content select=\"uxCardSubTitle\"></ng-content>\n </div>\n </div>\n\n <div ngIf=\"status \|\| (actionsLinks && actionsLinks.length > 0) \|\| customHeaderRightContent\"\n class=\"ux-card__header-right-content\">\n <div ngIf=\"customHeaderRightContent\" class=\"ux-card__header-right-content__custom-content\">\n <ng-content select=\"uxCardHeaderRightContent\"></ng-content>\n </div>\n <div ngIf=\"status\" class=\"ux-card__header-right-content__status\">\n <ux-badge [isPill]=\"true\" [isSmall]=\"true\" [typeClass]=\"statusTypeClass\">{{ status }}</ux-badge>\n <div ngIf=\"statusLabel\" class=\"eui-u-font-size-s mt-1\">{{ statusLabel }}</div>\n </div>\n <div ngIf=\"!shouldRemoveLocalMenu\" class=\"ux-card__header-right-content__local-menu\">\n <ux-disable-content [isDisabled]=\"areActionsDisabled\">\n <ux-dropdown-button\n [isOutline]=\"true\"\n [isSmall]=\"true\"\n typeClass=\"primary\"\n [styleClass]=\"localMenuClasses\"\n [label]=\"localMenuLabel\"\n iconClass=\"eui-icon eui-icon-more-vertical\"\n [links]=\"actionsLinks\"\n (linkSelected)=\"onLinkSelected($event)\">\n </ux-dropdown-button>\n </ux-disable-content>\n </div>\n </div>\n </div>\n\n <ng-container ngIf=\"!isCardBodyHidden && (!isCollapsed \|\| !isCollapsible)\">\n <div #bodyContainer class=\"ux-card__body\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n\n <div ngIf=\"isCollapsible\" class=\"ux-card__expand-trigger\" (click)=\"onToggleCollapse($event)\">\n <span ngIf=\"isCollapsed\" class=\"ux-card__expand-trigger-toggle\">{{expandLabel}} <span\n class=\"eui-icon eui-icon-angle-down ux-card__expand-icon\"></span></span>\n <span ngIf=\"!isCollapsed\" class=\"ux-card__expand-trigger-toggle\">{{collapseLabel}} <span\n class=\"eui-icon eui-icon-angle-up ux-card__expand-icon\"></span></span>\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/eui-components-legacy-ux-dropdown-button.mjs CHANGED Viewed

@@ -174,7 +174,7 @@ class UxDropdownButtonComponent {
         if (this.isShowDropdownToggle && !this.iconClass) {
             this.buttonStyleClass += ' ux-dropdown-toggle';
         }
-        this.buttonStyleClass += ' eui-u-text-' + this.buttonLabelAlignment;
+        this.buttonStyleClass += ' eui-u-text-' + this.buttonLabelAlignment; // TODO v15 remove usage of utility in cmp - prefer mixin through style
     }
     ngOnDestroy() {
         this.destroy$.next(true);

package/fesm2015/eui-components-legacy-ux-dropdown-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-legacy-ux-dropdown-button.mjs","sources":["../../legacy/ux-dropdown-button/ux-dropdown-button-item.component.ts","../../legacy/ux-dropdown-button/ux-dropdown-button-item.component.html","../../legacy/ux-dropdown-button/ux-dropdown-button.component.ts","../../legacy/ux-dropdown-button/ux-dropdown-button.component.html","../../legacy/ux-dropdown-button/eui-components-legacy-ux-dropdown-button.ts"],"sourcesContent":["import { Component, Input, NgModule, Output, EventEmitter, AfterContentInit, ViewChild, ElementRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatMenu, MatMenuModule } from '@angular/material/menu';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { UxLink } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'ux-dropdown-button-item',\n templateUrl: './ux-dropdown-button-item.component.html',\n})\nexport class UxDropdownButtonItemComponent implements AfterContentInit {\n\n @Input() links: UxLink[];\n @Input() link: UxLink;\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input()\n get isDisabled(): boolean { return this._isDisabled; }\n set isDisabled(value: BooleanInput) { this._isDisabled = coerceBooleanProperty(value); }\n private _isDisabled: boolean = false;\n @Input() e2eAttr: string = 'ux-dropdown-button-item';\n @Input()\n get hasChildren(): boolean { return this._hasChildren; }\n set hasChildren(value: BooleanInput) { this._hasChildren = coerceBooleanProperty(value); }\n private _hasChildren: boolean = false;\n @Input()\n get hasNestedContent(): boolean { return this._hasNestedContent; }\n set hasNestedContent(value: BooleanInput) { this._hasNestedContent = coerceBooleanProperty(value); }\n private _hasNestedContent: boolean = false;\n\n @Output() linkSelected: EventEmitter<any> = new EventEmitter<any>();\n\n stateClass: string;\n\n @ViewChild('childMenu', { static: true, read: MatMenu }) public childMenu: MatMenu;\n\n ngAfterContentInit() {\n if (this.link) {\n this.id = this.link.id;\n this.label = this.link.label;\n this.iconClass = this.link.iconClass;\n this.isDisabled = this.link.disabled;\n }\n }\n\n onClick(link?: UxLink) {\n if (this.link) {\n this.linkSelected.emit(this.link);\n }\n if (link && !link.disabled && link.command) {\n link.command();\n }\n }\n\n trackByFn(index: number, item: UxLink) {\n return item.id;\n }\n}\n\n@NgModule({\n imports: [CommonModule, MatMenuModule, TranslateModule],\n exports: [UxDropdownButtonItemComponent],\n declarations: [UxDropdownButtonItemComponent]\n})\nexport class UxDropdownButtonItemComponentModule {\n}\n","<div ngIf=\"!hasChildren\">\n <button ngIf=\"!isDisabled && !hasNestedContent\" mat-menu-item class=\"ux-dropdown-button-item\"\n (click)=\"onClick()\"\n [attr.data-e2e]=\"e2eAttr\">\n <ng-container ngTemplateOutlet=\"buttonContent\"></ng-container>\n </button>\n\n <button ngIf=\"isDisabled && !hasNestedContent\" mat-menu-item class=\"ux-dropdown-button-item\" disabled [attr.data-e2e]=\"e2eAttr\">\n <ng-container ngTemplateOutlet=\"buttonContent\"></ng-container>\n </button>\n\n <ng-template #buttonContent>\n <ng-container ngIf=\"iconClass\">\n <span class=\"ux-dropdown-button-item__icon eui-icon-fw {{iconClass}}\"></span>\n <span>{{ label }}</span>\n </ng-container>\n <ng-container ngIf=\"!iconClass\">\n {{ label }}\n </ng-container>\n </ng-template>\n</div>\n\n<ng-template [ngIf]=\"hasNestedContent\">\n <button mat-menu-item [matMenuTriggerFor]=\"childMenu\">\n <span> {{ label }} </span>\n </button>\n</ng-template>\n\n<mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n <span ngFor=\"let link of links; trackBy: trackByFn\">\n <!-- Handle branch node menu items -->\n <span ngIf=\"link.children && link.children.length > 0\">\n <button mat-menu-item [matMenuTriggerFor]=\"menu.childMenu\" [class.eui-u-disabled]=\"link.disabled\"\n [attr.disabled]=\"link.disabled ? 'disabled' : null\" (click)=\"onClick(link)\">\n <span ngIf=\"link.iconClass\" class=\"ux-dropdown-button-item__icon eui-icon-fw {{ link.iconClass }}\"></span>\n <span>{{ link.label \| translate }}</span>\n </button>\n <ux-dropdown-button-item #menu\n [hasChildren]=\"true\"\n [links]=\"link.children\"\n [e2eAttr]=\"link.e2eAttr\">\n </ux-dropdown-button-item>\n </span>\n <!-- Handle leaf node menu items -->\n <span ngIf=\"!link.children \|\| link.children.length === 0\">\n <button mat-menu-item [class.eui-u-disabled]=\"link.disabled\"\n [attr.disabled]=\"link.disabled ? 'disabled' : null\" (click)=\"onClick(link)\">\n <span ngIf=\"link.iconClass\"\n class=\"ux-dropdown-button-item__icon eui-icon-fw {{ link.iconClass }}\"></span>\n <span>{{ link.label \| translate }}</span>\n </button>\n </span>\n </span>\n <ng-template [ngIf]=\"!links\">\n <ng-content></ng-content>\n </ng-template>\n</mat-menu>\n","import { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n AfterContentInit,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n NgModule,\n OnChanges,\n OnDestroy,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatMenuModule, MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { MatInputModule } from '@angular/material/input';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { UxLink } from '@eui/core';\n\nimport { UxDropdownButtonItemComponentModule } from './ux-dropdown-button-item.component';\nimport { UxButtonComponentModule } from '@eui/components/legacy/ux-button';\nimport { UxTreeComponent } from '@eui/components/legacy/ux-tree';\nimport { Subject } from 'rxjs/internal/Subject';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { takeUntil } from 'rxjs/operators';\n\nexport const UX_DROPDOWN_BUTTON_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => UxDropdownButtonComponent),\n multi: true,\n};\n\nconst noop = (): void => {\n};\n\n@Component({\n selector: 'ux-dropdown-button',\n templateUrl: './ux-dropdown-button.component.html',\n providers: [UX_DROPDOWN_BUTTON_VALUE_ACCESSOR],\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxDropdownButtonComponent implements AfterContentInit, ControlValueAccessor, OnChanges, OnDestroy {\n @Input() styleClass: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input() links: UxLink[];\n @Input() activeLink: UxLink;\n @Input() typeClass: string = 'secondary';\n @Input() dropdownMinHeight: string = 'auto';\n @Input() dropdownMaxHeight: string = 'auto';\n @Input() width: string = '10rem';\n @Input() buttonLabelAlignment: ('left' \| 'center' \| 'right') = 'center';\n @Input() e2eAttr: string = 'ux-dropdown-button';\n @Input() menu: MatMenu;\n @Input() id: string;\n\n temp: string;\n @Output() linkSelected: EventEmitter<UxLink> = new EventEmitter<UxLink>();\n @ContentChild(UxTreeComponent) uxTree: UxTreeComponent;\n @ViewChild('mainMenu') matMenu: MatMenu;\n @ViewChild('menuTrigger') matMenuTrigger: MatMenuTrigger;\n @ViewChild('buttonref', { read: ElementRef }) buttonref: ElementRef;\n\n isIconButton: boolean = false;\n isFlatButton: boolean = false;\n buttonStyleClass: string = 'ux-dropdown-button';\n\n @Input()\n get isUpdateLabelFromSelectedItem(): boolean { return this._isUpdateLabelFromSelectedItem; }\n set isUpdateLabelFromSelectedItem(value: BooleanInput) { this._isUpdateLabelFromSelectedItem = coerceBooleanProperty(value); }\n private _isUpdateLabelFromSelectedItem: boolean = false;\n @Input()\n get isDisabled(): boolean { return this._isDisabled; }\n set isDisabled(value: BooleanInput) { this._isDisabled = coerceBooleanProperty(value); }\n private _isDisabled: boolean = false;\n @Input()\n get isSmall(): boolean { return this._isSmall; }\n set isSmall(value: BooleanInput) { this._isSmall = coerceBooleanProperty(value); }\n private _isSmall: boolean = false;\n @Input()\n get isLarge(): boolean { return this._isLarge; }\n set isLarge(value: BooleanInput) { this._isLarge = coerceBooleanProperty(value); }\n private _isLarge: boolean = false;\n @Input()\n get isSplitButtonToggle(): boolean { return this._isSplitButtonToggle; }\n set isSplitButtonToggle(value: BooleanInput) { this._isSplitButtonToggle = coerceBooleanProperty(value); }\n private _isSplitButtonToggle: boolean = false;\n @Input()\n get isDropDownRightAligned(): boolean { return this._isDropDownRightAligned; }\n set isDropDownRightAligned(value: BooleanInput) { this._isDropDownRightAligned = coerceBooleanProperty(value); }\n private _isDropDownRightAligned: boolean = false;\n @Input()\n get isLinkToggle(): boolean { return this._isLinkToggle; }\n set isLinkToggle(value: BooleanInput) { this._isLinkToggle = coerceBooleanProperty(value); }\n private _isLinkToggle: boolean = false;\n @Input()\n get isOutline(): boolean { return this._isOutline; }\n set isOutline(value: BooleanInput) { this._isOutline = coerceBooleanProperty(value); }\n private _isOutline: boolean = false;\n @Input()\n get isShowDropdownToggle(): boolean { return this._isShowDropdownToggle; }\n set isShowDropdownToggle(value: BooleanInput) { this._isShowDropdownToggle = coerceBooleanProperty(value); }\n private _isShowDropdownToggle: boolean = true;\n @Input()\n get hasItems(): boolean { return this._hasItems; }\n set hasItems(value: BooleanInput) { this._hasItems = coerceBooleanProperty(value); }\n private _hasItems: boolean = false;\n @Input()\n get isSecondary(): boolean { return this._isSecondary; }\n set isSecondary(value: BooleanInput) { this._isSecondary = coerceBooleanProperty(value); }\n private _isSecondary: boolean = false;\n @Input()\n get isBlock(): boolean { return this._isBlock; }\n set isBlock(value: BooleanInput) { this._isBlock = coerceBooleanProperty(value); }\n private _isBlock: boolean = false;\n\n private onChange: (_: any) => void = noop;\n private onTouched: (_: any) => void = noop;\n private selectedLink: UxLink = null;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n ngOnChanges(): void {\n this.temp = this.label;\n }\n\n ngAfterContentInit(): void {\n if (!this.label && !this.iconClass && !this.isSplitButtonToggle) {\n this.iconClass = 'eui-icon eui-icon-bars';\n this.isIconButton = true;\n }\n if (!this.label) {\n this.isIconButton = true;\n }\n if (this.iconClass && !this.label && !this.isSplitButtonToggle) {\n this.isFlatButton = true;\n }\n\n if (this.styleClass) {\n this.buttonStyleClass += ' ' + this.styleClass;\n }\n\n if (this.isShowDropdownToggle && !this.iconClass) {\n this.buttonStyleClass += ' ux-dropdown-toggle';\n }\n\n this.buttonStyleClass += ' eui-u-text-' + this.buttonLabelAlignment;\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n selectDropdownItem(link: UxLink): void {\n if (!link.disabled) {\n\n if (link && link.command) {\n link.command();\n }\n\n if (link.urlExternal) {\n window.open(link.urlExternal, link.urlExternalTarget);\n }\n\n if (this.isUpdateLabelFromSelectedItem && link) {\n this.label = link.label;\n }\n\n if (this.isUpdateLabelFromSelectedItem) {\n this.links.forEach((lnk) => {\n lnk.active = false;\n });\n\n link.active = true;\n }\n }\n\n this.onChange(link);\n this.linkSelected.emit(link);\n }\n\n onKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.matMenuTrigger.closeMenu();\n this.buttonref.nativeElement.firstElementChild.focus();\n }\n\n if (event.key === 'Tab') {\n // Find first and last focusable element\n let firstFocusableEl;\n if (this.uxTree.treeNodes.first.node.hasChildren) {\n firstFocusableEl = document.querySelectorAll('li.ux-tree__node div ux-button button')[0];\n } else {\n firstFocusableEl = document.querySelectorAll('li.ux-tree__node div span input')[0];\n }\n\n let lastFocusableEl;\n if (this.uxTree.isMultiselect) {\n lastFocusableEl = <HTMLElement>Array.from(document.querySelectorAll('li.ux-tree__node div span input')).reverse()[0];\n } else {\n lastFocusableEl = <HTMLElement>Array.from(document.querySelectorAll('li.ux-tree__node div ux-button button')).reverse()[0];\n }\n // Trap Focus\n if (event.shiftKey && document.activeElement === firstFocusableEl) {\n event.preventDefault();\n lastFocusableEl.focus();\n } else if (!event.shiftKey && document.activeElement === lastFocusableEl) {\n event.preventDefault();\n (firstFocusableEl as HTMLElement).focus();\n }\n }\n\n event.stopPropagation();\n }\n\n onButtonKeyDown(event: KeyboardEvent, menuTrigger?: MatMenuTrigger): void {\n if ( event.key === 'Enter' && this.uxTree) {\n menuTrigger?.menuOpened.pipe(takeUntil(this.destroy$)).subscribe( () => {\n // Focus first element\n if (this.uxTree.treeNodes.first.node.hasChildren) {\n const firstButtonElement = document.querySelectorAll('li.ux-tree__node div ux-button button')[0];\n (firstButtonElement as HTMLElement).focus();\n } else {\n const firstInputElement = document.querySelectorAll('li.ux-tree__node div span input')[0];\n (firstInputElement as HTMLElement).focus();\n }\n });\n }\n }\n\n onTriggerClick(menuTrigger?: MatMenuTrigger): void {\n menuTrigger?.menuOpened.pipe(takeUntil(this.destroy$)).subscribe(() => {\n this.uxTree?.virtualScrolling?.scrollToIndex(0.1);\n });\n }\n\n writeValue(value: any): void {\n this.selectedLink = value \|\| null;\n this.isUpdateLabelFromSelectedItem = true;\n\n if (value && value.label) {\n this.label = value.label;\n } else {\n this.label = this.temp;\n }\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n onClick(link?: UxLink): void {\n if (link && !link.disabled && link.command) {\n link.command();\n }\n }\n\n trackByFn(index: number, item: UxLink): string {\n return item.id;\n }\n}\n\n@NgModule({\n imports: [\n CommonModule,\n UxDropdownButtonItemComponentModule,\n MatButtonModule,\n MatMenuModule,\n MatInputModule,\n UxButtonComponentModule,\n TranslateModule,\n ObserversModule,\n ],\n exports: [UxDropdownButtonComponent],\n declarations: [UxDropdownButtonComponent]\n})\nexport class UxDropdownButtonComponentModule {\n}\n","<ux-button ngIf=\"!isLinkToggle\"\n [matMenuTriggerFor]=\"menu? menu: mainMenu\"\n #buttonref\n #menuTrigger=\"matMenuTrigger\"\n (keydown)=\"onButtonKeyDown($event, menuTrigger)\"\n (click)=\"onTriggerClick(menuTrigger)\"\n [isSecondary]=\"isSecondary\"\n [isOutline]=\"isOutline\"\n [isSmall]=\"isSmall\"\n [isLarge]=\"isLarge\"\n typeClass=\"{{typeClass}}\"\n [styleClass]=\"buttonStyleClass\"\n [isDisabled]=\"isDisabled\"\n [isFlat]=\"isFlatButton\"\n [isBlock]=\"isBlock\"\n [attr.data-e2e]=\"e2eAttr\">\n <span ngIf=\"label\">{{ label }}</span>\n <span ngIf=\"iconClass\" class=\"ux-button__icon eui-icon-fw {{iconClass}}\" [class.ms-2]=\"label\"></span>\n</ux-button>\n\n<a ngIf=\"isLinkToggle\" [class.ux-dropdown-toggle]=\"isShowDropdownToggle\" [matMenuTriggerFor]=\"mainMenu\">\n <span class=\"ux-button__icon eui-icon-fw {{iconClass}}\"></span>\n <span ngIf=\"label\">{{ label }}</span>\n</a>\n\n<mat-menu #mainMenu=\"matMenu\" [xPosition]=\"isDropDownRightAligned ? 'before' : 'after'\">\n <span ngFor=\"let link of links; trackBy: trackByFn\">\n <span ngIf=\"link.children && link.children.length > 0\">\n <button mat-menu-item [matMenuTriggerFor]=\"menu.childMenu\"\n [class.eui-u-disabled]=\"link.disabled\"\n [attr.disabled]=\"link.disabled ? 'disabled' : null\"\n (click)=\"onClick(link)\">\n <span ngIf=\"link.iconClass\"\n class=\"ux-dropdown-button-item__icon eui-icon-fw {{ link.iconClass }}\"></span>\n <span>{{ link.label \| translate }}</span>\n </button>\n <ux-dropdown-button-item #menu\n [hasChildren]=\"true\"\n [links]=\"link.children\"\n [e2eAttr]=\"link.e2eAttr\">\n </ux-dropdown-button-item>\n </span>\n <span ngIf=\"!link.children \|\| link.children.length === 0\">\n <ux-dropdown-button-item [link]=\"link\"\n (linkSelected)=\"selectDropdownItem($event)\"\n [e2eAttr]=\"link.e2eAttr\">\n </ux-dropdown-button-item>\n </span>\n </span>\n <ng-container ngIf=\"!links \|\| links.length === 0\">\n <div class=\"ux-dropdown-button__content\"\n [style.max-height]=\"dropdownMaxHeight\"\n [style.min-height]=\"dropdownMinHeight\"\n [style.min-width]=\"width\"\n [id]=\"id\"\n (keydown)=\"onKeyDown($event)\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n</mat-menu>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i2.UxDropdownButtonItemComponent","i3","i5"],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-legacy-ux-dropdown-button.mjs","sources":["../../legacy/ux-dropdown-button/ux-dropdown-button-item.component.ts","../../legacy/ux-dropdown-button/ux-dropdown-button-item.component.html","../../legacy/ux-dropdown-button/ux-dropdown-button.component.ts","../../legacy/ux-dropdown-button/ux-dropdown-button.component.html","../../legacy/ux-dropdown-button/eui-components-legacy-ux-dropdown-button.ts"],"sourcesContent":["import { Component, Input, NgModule, Output, EventEmitter, AfterContentInit, ViewChild, ElementRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatMenu, MatMenuModule } from '@angular/material/menu';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { UxLink } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'ux-dropdown-button-item',\n templateUrl: './ux-dropdown-button-item.component.html',\n})\nexport class UxDropdownButtonItemComponent implements AfterContentInit {\n\n @Input() links: UxLink[];\n @Input() link: UxLink;\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input()\n get isDisabled(): boolean { return this._isDisabled; }\n set isDisabled(value: BooleanInput) { this._isDisabled = coerceBooleanProperty(value); }\n private _isDisabled: boolean = false;\n @Input() e2eAttr: string = 'ux-dropdown-button-item';\n @Input()\n get hasChildren(): boolean { return this._hasChildren; }\n set hasChildren(value: BooleanInput) { this._hasChildren = coerceBooleanProperty(value); }\n private _hasChildren: boolean = false;\n @Input()\n get hasNestedContent(): boolean { return this._hasNestedContent; }\n set hasNestedContent(value: BooleanInput) { this._hasNestedContent = coerceBooleanProperty(value); }\n private _hasNestedContent: boolean = false;\n\n @Output() linkSelected: EventEmitter<any> = new EventEmitter<any>();\n\n stateClass: string;\n\n @ViewChild('childMenu', { static: true, read: MatMenu }) public childMenu: MatMenu;\n\n ngAfterContentInit() {\n if (this.link) {\n this.id = this.link.id;\n this.label = this.link.label;\n this.iconClass = this.link.iconClass;\n this.isDisabled = this.link.disabled;\n }\n }\n\n onClick(link?: UxLink) {\n if (this.link) {\n this.linkSelected.emit(this.link);\n }\n if (link && !link.disabled && link.command) {\n link.command();\n }\n }\n\n trackByFn(index: number, item: UxLink) {\n return item.id;\n }\n}\n\n@NgModule({\n imports: [CommonModule, MatMenuModule, TranslateModule],\n exports: [UxDropdownButtonItemComponent],\n declarations: [UxDropdownButtonItemComponent]\n})\nexport class UxDropdownButtonItemComponentModule {\n}\n","<div ngIf=\"!hasChildren\">\n <button ngIf=\"!isDisabled && !hasNestedContent\" mat-menu-item class=\"ux-dropdown-button-item\"\n (click)=\"onClick()\"\n [attr.data-e2e]=\"e2eAttr\">\n <ng-container ngTemplateOutlet=\"buttonContent\"></ng-container>\n </button>\n\n <button ngIf=\"isDisabled && !hasNestedContent\" mat-menu-item class=\"ux-dropdown-button-item\" disabled [attr.data-e2e]=\"e2eAttr\">\n <ng-container ngTemplateOutlet=\"buttonContent\"></ng-container>\n </button>\n\n <ng-template #buttonContent>\n <ng-container ngIf=\"iconClass\">\n <span class=\"ux-dropdown-button-item__icon eui-icon-fw {{iconClass}}\"></span>\n <span>{{ label }}</span>\n </ng-container>\n <ng-container ngIf=\"!iconClass\">\n {{ label }}\n </ng-container>\n </ng-template>\n</div>\n\n<ng-template [ngIf]=\"hasNestedContent\">\n <button mat-menu-item [matMenuTriggerFor]=\"childMenu\">\n <span> {{ label }} </span>\n </button>\n</ng-template>\n\n<mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n <span ngFor=\"let link of links; trackBy: trackByFn\">\n <!-- Handle branch node menu items -->\n <span ngIf=\"link.children && link.children.length > 0\">\n <button mat-menu-item [matMenuTriggerFor]=\"menu.childMenu\" [class.eui-u-disabled]=\"link.disabled\"\n [attr.disabled]=\"link.disabled ? 'disabled' : null\" (click)=\"onClick(link)\">\n <span ngIf=\"link.iconClass\" class=\"ux-dropdown-button-item__icon eui-icon-fw {{ link.iconClass }}\"></span>\n <span>{{ link.label \| translate }}</span>\n </button>\n <ux-dropdown-button-item #menu\n [hasChildren]=\"true\"\n [links]=\"link.children\"\n [e2eAttr]=\"link.e2eAttr\">\n </ux-dropdown-button-item>\n </span>\n <!-- Handle leaf node menu items -->\n <span ngIf=\"!link.children \|\| link.children.length === 0\">\n <button mat-menu-item [class.eui-u-disabled]=\"link.disabled\"\n [attr.disabled]=\"link.disabled ? 'disabled' : null\" (click)=\"onClick(link)\">\n <span ngIf=\"link.iconClass\"\n class=\"ux-dropdown-button-item__icon eui-icon-fw {{ link.iconClass }}\"></span>\n <span>{{ link.label \| translate }}</span>\n </button>\n </span>\n </span>\n <ng-template [ngIf]=\"!links\">\n <ng-content></ng-content>\n </ng-template>\n</mat-menu>\n","import { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n AfterContentInit,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n NgModule,\n OnChanges,\n OnDestroy,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatMenuModule, MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { MatInputModule } from '@angular/material/input';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { UxLink } from '@eui/core';\n\nimport { UxDropdownButtonItemComponentModule } from './ux-dropdown-button-item.component';\nimport { UxButtonComponentModule } from '@eui/components/legacy/ux-button';\nimport { UxTreeComponent } from '@eui/components/legacy/ux-tree';\nimport { Subject } from 'rxjs/internal/Subject';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { takeUntil } from 'rxjs/operators';\n\nexport const UX_DROPDOWN_BUTTON_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => UxDropdownButtonComponent),\n multi: true,\n};\n\nconst noop = (): void => {\n};\n\n@Component({\n selector: 'ux-dropdown-button',\n templateUrl: './ux-dropdown-button.component.html',\n providers: [UX_DROPDOWN_BUTTON_VALUE_ACCESSOR],\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxDropdownButtonComponent implements AfterContentInit, ControlValueAccessor, OnChanges, OnDestroy {\n @Input() styleClass: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input() links: UxLink[];\n @Input() activeLink: UxLink;\n @Input() typeClass: string = 'secondary';\n @Input() dropdownMinHeight: string = 'auto';\n @Input() dropdownMaxHeight: string = 'auto';\n @Input() width: string = '10rem';\n @Input() buttonLabelAlignment: ('left' \| 'center' \| 'right') = 'center';\n @Input() e2eAttr: string = 'ux-dropdown-button';\n @Input() menu: MatMenu;\n @Input() id: string;\n\n temp: string;\n @Output() linkSelected: EventEmitter<UxLink> = new EventEmitter<UxLink>();\n @ContentChild(UxTreeComponent) uxTree: UxTreeComponent;\n @ViewChild('mainMenu') matMenu: MatMenu;\n @ViewChild('menuTrigger') matMenuTrigger: MatMenuTrigger;\n @ViewChild('buttonref', { read: ElementRef }) buttonref: ElementRef;\n\n isIconButton: boolean = false;\n isFlatButton: boolean = false;\n buttonStyleClass: string = 'ux-dropdown-button';\n\n @Input()\n get isUpdateLabelFromSelectedItem(): boolean { return this._isUpdateLabelFromSelectedItem; }\n set isUpdateLabelFromSelectedItem(value: BooleanInput) { this._isUpdateLabelFromSelectedItem = coerceBooleanProperty(value); }\n private _isUpdateLabelFromSelectedItem: boolean = false;\n @Input()\n get isDisabled(): boolean { return this._isDisabled; }\n set isDisabled(value: BooleanInput) { this._isDisabled = coerceBooleanProperty(value); }\n private _isDisabled: boolean = false;\n @Input()\n get isSmall(): boolean { return this._isSmall; }\n set isSmall(value: BooleanInput) { this._isSmall = coerceBooleanProperty(value); }\n private _isSmall: boolean = false;\n @Input()\n get isLarge(): boolean { return this._isLarge; }\n set isLarge(value: BooleanInput) { this._isLarge = coerceBooleanProperty(value); }\n private _isLarge: boolean = false;\n @Input()\n get isSplitButtonToggle(): boolean { return this._isSplitButtonToggle; }\n set isSplitButtonToggle(value: BooleanInput) { this._isSplitButtonToggle = coerceBooleanProperty(value); }\n private _isSplitButtonToggle: boolean = false;\n @Input()\n get isDropDownRightAligned(): boolean { return this._isDropDownRightAligned; }\n set isDropDownRightAligned(value: BooleanInput) { this._isDropDownRightAligned = coerceBooleanProperty(value); }\n private _isDropDownRightAligned: boolean = false;\n @Input()\n get isLinkToggle(): boolean { return this._isLinkToggle; }\n set isLinkToggle(value: BooleanInput) { this._isLinkToggle = coerceBooleanProperty(value); }\n private _isLinkToggle: boolean = false;\n @Input()\n get isOutline(): boolean { return this._isOutline; }\n set isOutline(value: BooleanInput) { this._isOutline = coerceBooleanProperty(value); }\n private _isOutline: boolean = false;\n @Input()\n get isShowDropdownToggle(): boolean { return this._isShowDropdownToggle; }\n set isShowDropdownToggle(value: BooleanInput) { this._isShowDropdownToggle = coerceBooleanProperty(value); }\n private _isShowDropdownToggle: boolean = true;\n @Input()\n get hasItems(): boolean { return this._hasItems; }\n set hasItems(value: BooleanInput) { this._hasItems = coerceBooleanProperty(value); }\n private _hasItems: boolean = false;\n @Input()\n get isSecondary(): boolean { return this._isSecondary; }\n set isSecondary(value: BooleanInput) { this._isSecondary = coerceBooleanProperty(value); }\n private _isSecondary: boolean = false;\n @Input()\n get isBlock(): boolean { return this._isBlock; }\n set isBlock(value: BooleanInput) { this._isBlock = coerceBooleanProperty(value); }\n private _isBlock: boolean = false;\n\n private onChange: (_: any) => void = noop;\n private onTouched: (_: any) => void = noop;\n private selectedLink: UxLink = null;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n ngOnChanges(): void {\n this.temp = this.label;\n }\n\n ngAfterContentInit(): void {\n if (!this.label && !this.iconClass && !this.isSplitButtonToggle) {\n this.iconClass = 'eui-icon eui-icon-bars';\n this.isIconButton = true;\n }\n if (!this.label) {\n this.isIconButton = true;\n }\n if (this.iconClass && !this.label && !this.isSplitButtonToggle) {\n this.isFlatButton = true;\n }\n\n if (this.styleClass) {\n this.buttonStyleClass += ' ' + this.styleClass;\n }\n\n if (this.isShowDropdownToggle && !this.iconClass) {\n this.buttonStyleClass += ' ux-dropdown-toggle';\n }\n\n this.buttonStyleClass += ' eui-u-text-' + this.buttonLabelAlignment; // TODO v15 remove usage of utility in cmp - prefer mixin through style\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n selectDropdownItem(link: UxLink): void {\n if (!link.disabled) {\n\n if (link && link.command) {\n link.command();\n }\n\n if (link.urlExternal) {\n window.open(link.urlExternal, link.urlExternalTarget);\n }\n\n if (this.isUpdateLabelFromSelectedItem && link) {\n this.label = link.label;\n }\n\n if (this.isUpdateLabelFromSelectedItem) {\n this.links.forEach((lnk) => {\n lnk.active = false;\n });\n\n link.active = true;\n }\n }\n\n this.onChange(link);\n this.linkSelected.emit(link);\n }\n\n onKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.matMenuTrigger.closeMenu();\n this.buttonref.nativeElement.firstElementChild.focus();\n }\n\n if (event.key === 'Tab') {\n // Find first and last focusable element\n let firstFocusableEl;\n if (this.uxTree.treeNodes.first.node.hasChildren) {\n firstFocusableEl = document.querySelectorAll('li.ux-tree__node div ux-button button')[0];\n } else {\n firstFocusableEl = document.querySelectorAll('li.ux-tree__node div span input')[0];\n }\n\n let lastFocusableEl;\n if (this.uxTree.isMultiselect) {\n lastFocusableEl = <HTMLElement>Array.from(document.querySelectorAll('li.ux-tree__node div span input')).reverse()[0];\n } else {\n lastFocusableEl = <HTMLElement>Array.from(document.querySelectorAll('li.ux-tree__node div ux-button button')).reverse()[0];\n }\n // Trap Focus\n if (event.shiftKey && document.activeElement === firstFocusableEl) {\n event.preventDefault();\n lastFocusableEl.focus();\n } else if (!event.shiftKey && document.activeElement === lastFocusableEl) {\n event.preventDefault();\n (firstFocusableEl as HTMLElement).focus();\n }\n }\n\n event.stopPropagation();\n }\n\n onButtonKeyDown(event: KeyboardEvent, menuTrigger?: MatMenuTrigger): void {\n if ( event.key === 'Enter' && this.uxTree) {\n menuTrigger?.menuOpened.pipe(takeUntil(this.destroy$)).subscribe( () => {\n // Focus first element\n if (this.uxTree.treeNodes.first.node.hasChildren) {\n const firstButtonElement = document.querySelectorAll('li.ux-tree__node div ux-button button')[0];\n (firstButtonElement as HTMLElement).focus();\n } else {\n const firstInputElement = document.querySelectorAll('li.ux-tree__node div span input')[0];\n (firstInputElement as HTMLElement).focus();\n }\n });\n }\n }\n\n onTriggerClick(menuTrigger?: MatMenuTrigger): void {\n menuTrigger?.menuOpened.pipe(takeUntil(this.destroy$)).subscribe(() => {\n this.uxTree?.virtualScrolling?.scrollToIndex(0.1);\n });\n }\n\n writeValue(value: any): void {\n this.selectedLink = value \|\| null;\n this.isUpdateLabelFromSelectedItem = true;\n\n if (value && value.label) {\n this.label = value.label;\n } else {\n this.label = this.temp;\n }\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n onClick(link?: UxLink): void {\n if (link && !link.disabled && link.command) {\n link.command();\n }\n }\n\n trackByFn(index: number, item: UxLink): string {\n return item.id;\n }\n}\n\n@NgModule({\n imports: [\n CommonModule,\n UxDropdownButtonItemComponentModule,\n MatButtonModule,\n MatMenuModule,\n MatInputModule,\n UxButtonComponentModule,\n TranslateModule,\n ObserversModule,\n ],\n exports: [UxDropdownButtonComponent],\n declarations: [UxDropdownButtonComponent]\n})\nexport class UxDropdownButtonComponentModule {\n}\n","<ux-button ngIf=\"!isLinkToggle\"\n [matMenuTriggerFor]=\"menu? menu: mainMenu\"\n #buttonref\n #menuTrigger=\"matMenuTrigger\"\n (keydown)=\"onButtonKeyDown($event, menuTrigger)\"\n (click)=\"onTriggerClick(menuTrigger)\"\n [isSecondary]=\"isSecondary\"\n [isOutline]=\"isOutline\"\n [isSmall]=\"isSmall\"\n [isLarge]=\"isLarge\"\n typeClass=\"{{typeClass}}\"\n [styleClass]=\"buttonStyleClass\"\n [isDisabled]=\"isDisabled\"\n [isFlat]=\"isFlatButton\"\n [isBlock]=\"isBlock\"\n [attr.data-e2e]=\"e2eAttr\">\n <span ngIf=\"label\">{{ label }}</span>\n <span ngIf=\"iconClass\" class=\"ux-button__icon eui-icon-fw {{iconClass}}\" [class.ms-2]=\"label\"></span>\n</ux-button>\n\n<a ngIf=\"isLinkToggle\" [class.ux-dropdown-toggle]=\"isShowDropdownToggle\" [matMenuTriggerFor]=\"mainMenu\">\n <span class=\"ux-button__icon eui-icon-fw {{iconClass}}\"></span>\n <span ngIf=\"label\">{{ label }}</span>\n</a>\n\n<mat-menu #mainMenu=\"matMenu\" [xPosition]=\"isDropDownRightAligned ? 'before' : 'after'\">\n <span ngFor=\"let link of links; trackBy: trackByFn\">\n <span ngIf=\"link.children && link.children.length > 0\">\n <button mat-menu-item [matMenuTriggerFor]=\"menu.childMenu\"\n [class.eui-u-disabled]=\"link.disabled\"\n [attr.disabled]=\"link.disabled ? 'disabled' : null\"\n (click)=\"onClick(link)\">\n <span ngIf=\"link.iconClass\"\n class=\"ux-dropdown-button-item__icon eui-icon-fw {{ link.iconClass }}\"></span>\n <span>{{ link.label \| translate }}</span>\n </button>\n <ux-dropdown-button-item #menu\n [hasChildren]=\"true\"\n [links]=\"link.children\"\n [e2eAttr]=\"link.e2eAttr\">\n </ux-dropdown-button-item>\n </span>\n <span ngIf=\"!link.children \|\| link.children.length === 0\">\n <ux-dropdown-button-item [link]=\"link\"\n (linkSelected)=\"selectDropdownItem($event)\"\n [e2eAttr]=\"link.e2eAttr\">\n </ux-dropdown-button-item>\n </span>\n </span>\n <ng-container ngIf=\"!links \|\| links.length === 0\">\n <div class=\"ux-dropdown-button__content\"\n [style.max-height]=\"dropdownMaxHeight\"\n [style.min-height]=\"dropdownMinHeight\"\n [style.min-width]=\"width\"\n [id]=\"id\"\n (keydown)=\"onKeyDown($event)\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n</mat-menu>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i2.UxDropdownButtonItemComponent","i3","i5"],"mappings":"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"}

package/fesm2015/eui-components-legacy-ux-form-control.mjs CHANGED Viewed

@@ -445,7 +445,7 @@ class UxFormControlComponent {
             provide: NG_VALIDATORS,
             useExisting: forwardRef((() => UxFormControlComponent)),
             multi: true,
-        }], viewQueries: [{ propertyName: "radioElement", first: true, predicate: ["radioElement"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }, { propertyName: "formControlRef", first: true, predicate: ["formControlRef"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isInputText && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n                type=\"text\" [(ngModel)]=\"inputValue\"\n                class=\"ux-form-control {{inputStyleClass}}\"\n                (change)=\"onChange($event)\"\n                (keyup)=\"onChange($event)\"\n                (blur)=\"onTouched($event)\"\n                (focus)=\"onFocus($event)\"\n                placeholder=\"{{placeholderLabel}}\"\n                [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                [disabled]=\"isDisabled\"\n                [tabindex]=\"tabindex\"\n                [attr.aria-invalid]=\"ariaInvalid\"\n                [attr.aria-required]=\"isRequired\" />\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n        <textarea #formControlRef id=\"{{generatedId}}\"\n                    class=\"ux-form-control {{inputStyleClass}}\"\n                    [(ngModel)]=\"inputValue\"\n                    (change)=\"onChange($event)\"\n                    (keyup)=\"onChange($event)\"\n                    (blur)=\"onTouched($event)\"\n                    (focus)=\"onFocus($event)\"\n                    placeholder=\"{{placeholderLabel}}\"\n                    [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                    [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                    [attr.rows]=\"rows\"\n                    [minRows]=\"minRows\"\n                    [disabled]=\"isDisabled\"\n                    [tabindex]=\"tabindex\"\n                    [attr.aria-invalid]=\"ariaInvalid\"\n                    [attr.aria-required]=\"isRequired\"\n                    [uxAutoResize]=\"isTextareaAutoresize\">\n        </textarea>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n    <select #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-form-control ux-form-control__custom-select {{inputStyleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (change)=\"onChange($event)\"\n            (keyup)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n\t\t\tattr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n        <ng-container *ngIf=\"selectOptions\">\n            <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{placeholderLabel}}</option>\n            <ng-template [ngIf]=\"isSelectHasOptions\">\n                <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n                    <optgroup *ngIf=\"item.options\" label=\"{{item.value}}\" class=\"ux-u-font-regular\">\n                        <option *ngFor=\"let opt of item.options\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                            {{opt[selectValueName]}}\n                        </option>\n                    </optgroup>\n                    <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n                        {{item[selectValueName]}}\n                    </option>\n                </ng-template>\n            </ng-template>\n\n            <ng-template [ngIf]=\"!isSelectHasOptions\">\n                <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                    {{opt[selectValueName]}}\n                </option>\n            </ng-template>\n        </ng-container>\n        <ng-content *ngIf=\"! selectOptions\"></ng-content>\n    </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n    <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n        [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            type=\"checkbox\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (click)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            type=\"checkbox\"\n            [checked]=\"inputValue\"\n            onclick=\"return false;\"\n            [tabindex]=\"tabindex\"\n            readonly=\"readonly\"\n            aria-readonly=\"true\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n    <input #radioElement #formControlRef\n           id=\"{{generatedId}}\"\n           class=\"ux-input__radio {{styleClass}}\"\n           type=\"radio\"\n           [checked]=\"checked\"\n           [name]=\"formControlName + groupId\"\n           [value]=\"formControlValue\"\n           (click)=\"onChange($event)\"\n           (blur)=\"onTouched($event)\"\n           (focus)=\"onFocus($event)\"\n           [disabled]=\"isDisabled\"\n           [tabindex]=\"tabindex\"\n           [attr.aria-invalid]=\"ariaInvalid\"\n           [attr.aria-required]=\"isRequired\"\n           attr.data-e2e=\"{{ e2eAttr }}-ra-rw\"/>\n    <label for=\"{{generatedId}}\" class=\"radio-label\">{{radioLabel || '&nbsp;'}}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n    <div *ngIf=\"radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{radioLabel}}</div>\n    <div *ngIf=\"!radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n    <div *ngIf=\"isReadOnly\"\n         id=\"{{generatedId}}\"\n         class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value}}\n    </div>\n    <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n               type=\"text\"\n               [uxCleave]=\"cleaveOptions\"\n               [readOnly]=\"isReadOnly\"\n               [(ngModel)]=\"inputValue\"\n               [isModelNumber]=\"true\"\n               class=\"ux-form-control {{inputStyleClass}}\"\n               (change)=\"onChange($event)\"\n               (keyup)=\"onChange($event)\"\n               (blur)=\"onTouched($event)\"\n               (focus)=\"onFocus($event)\"\n               placeholder=\"{{placeholderLabel}}\"\n               [disabled]=\"isDisabled\"\n               [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n               [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n               [tabindex]=\"tabindex\"\n               [attr.aria-invalid]=\"ariaInvalid\"\n               [attr.aria-required]=\"isRequired\"/>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">\n        <pre>{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</pre>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n    <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                         typeClass=\"{{validationErrorType ? validationErrorType : 'danger' }}\"\n                         attr.data-e2e=\"{{ e2eAttr }}\">\n        {{validationErrorMessage && $any(validationErrorMessage).id ?\n        ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n        validationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n    <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n        {{maxLengthValidationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n", styles: ["@charset \"UTF-8\";input::-webkit-input-placeholder{color:var(--eui-base-color-grey-25)!important}input::-moz-placeholder{color:var(--eui-base-color-grey-25)!important}input:-ms-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}input:-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea::-webkit-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea::-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea:-ms-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea:-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}:focus::-webkit-input-placeholder{color:transparent!important}:focus::-ms-input-placeholder{color:transparent!important}:focus::-moz-placeholder{color:transparent!important}input.ux-form-control,select.ux-form-control,textarea.ux-form-control{border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.ux-form-control:focus,select.ux-form-control:focus,textarea.ux-form-control:focus{border:1px solid var(--eui-base-color-primary-75);box-shadow:var(--eui-base-shadow-1)}input::-ms-clear{display:none}.ux-clearable-input-wrapper{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.ux-clearable-input-wrapper:before{position:absolute;right:var(--eui-base-spacing-s)}.ux-clearable-input-wrapper:hover{color:var(--eui-base-color-grey-100)}input[type=checkbox].ux-input__checkbox,input[type=radio].ux-input__radio{box-shadow:none;height:20px!important;opacity:1!important;top:6px;width:20px!important}input[type=checkbox].ux-input__checkbox[readonly]+label:hover,input[type=radio].ux-input__radio[readonly]+label:hover{cursor:not-allowed}input[type=checkbox].ux-input__checkbox:disabled+label,input[type=radio].ux-input__radio:disabled+label{color:var(--eui-base-color-text);cursor:not-allowed}input[type=checkbox].ux-input__checkbox:disabled+label:before,input[type=checkbox].ux-input__checkbox:disabled:checked+label:before,input[type=radio].ux-input__radio:disabled+label:before,input[type=radio].ux-input__radio:disabled:checked+label:before{background-color:transparent;opacity:.65}input[type=checkbox].ux-input__checkbox:focus :before,input[type=radio].ux-input__radio:focus :before{background-color:var(--eui-base-color-white);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;box-shadow:var(--eui-base-shadow-2)}input[type=checkbox].ux-input__checkbox:focus+label:before,input[type=radio].ux-input__radio:focus+label:before{background-color:var(--eui-base-color-white);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;box-shadow:var(--eui-base-shadow-2)}input[type=checkbox].ux-input__checkbox:hover+label:before,input[type=radio].ux-input__radio:hover+label:before{background-color:var(--eui-base-color-white)}input[type=checkbox].ux-input__checkbox:active+label:before,input[type=radio].ux-input__radio:active+label:before{transition-duration:0s}input[type=checkbox].ux-input__checkbox+label,input[type=radio].ux-input__radio+label{cursor:pointer;margin-right:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-2xs);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle}input[type=checkbox].ux-input__checkbox+label:before,input[type=radio].ux-input__radio+label:before{background-color:#fff;border:2px solid var(--eui-base-color-grey-15);color:var(--eui-base-color-primary-100);content:\"\";left:0;position:absolute;text-align:center}input[type=checkbox].ux-input__checkbox+label:after,input[type=radio].ux-input__radio+label:after{background-color:transparent;border-color:var(--eui-base-color-white);content:\"\";left:var(--eui-base-spacing-2xs);margin-top:-2px;position:absolute}input[type=checkbox].ux-input__checkbox+label:after{background-color:transparent;border-color:var(--eui-base-color-white);content:\"\"}.eui-t-compact input[type=checkbox].ux-input__checkbox+label:after{top:3px}input[type=checkbox].ux-input__checkbox+.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;left:6px;top:-6px}input[type=checkbox].ux-input__checkbox:checked+label:before{background:var(--eui-base-color-primary-100)}input[type=checkbox].ux-input__checkbox[readonly]+label:before,input[type=checkbox].ux-input__checkbox[readonly]:checked+label:before{background:var(--eui-base-color-grey-20)}input[type=radio].ux-input__radio+label{cursor:pointer}input[type=radio].ux-input__radio+label:after{border-width:0;left:5px;margin-top:-1px}.eui-t-compact input[type=radio].ux-input__radio+label:after{height:9px!important;left:4px!important;width:9px!important}input[type=radio].ux-input__radio:checked+label:after{background:var(--eui-base-color-primary-100);border-width:0;left:5px;margin-top:-1px}input[type=radio].ux-input__radio:checked+label:before{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-25);box-shadow:inset 0 0 2px 3px var(--eui-base-color-white)}input[type=radio].ux-input__radio:focus:before{border:2px solid transparent;border-color:var(--eui-base-color-accent-120);border-radius:50%;outline:none;box-shadow:var(--eui-base-shadow-2)}input[type=radio].ux-input__radio:focus+label:before{border:2px solid transparent;border-color:var(--eui-base-color-accent-120);border-radius:50%;box-shadow:inset 0 0 0 3px var(--eui-base-color-white),0 3px 6px #00000029,0 3px 6px #0000003b;outline:none}input[type=radio].ux-input__radio+label:before,input[type=radio].ux-input__radio+label:after{border-radius:50%}input[type=radio][readonly].ux-input__radio+label:before,input[type=radio][readonly].ux-input__radio+label:after,input[type=radio][readonly].ux-input__radio:checked+label:before,input[type=radio][readonly].ux-input__radio:checked+label:after{background:var(--eui-base-color-grey-10);box-shadow:none;cursor:not-allowed;outline:none}input[type=radio].ux-input__radio[readonly]+label{color:var(--eui-base-color-grey-90);padding:0;font-style:normal;font-weight:700}input[type=radio].ux-input__radio[readonly]+label:after,input[type=radio].ux-input__radio[readonly]+label:before{display:none}input[type=radio].ux-input__radio:disabled{opacity:var(--eui-base-disabled-opacity);pointer-events:none}input[type=radio].ux-input__radio:disabled+label{color:var(--eui-base-color-grey-25);pointer-events:none}input[type=radio].ux-input__radio:disabled+label:before{background:var(--eui-base-color-grey-10);border:2px solid var(--eui-base-color-grey-25);box-shadow:none}input[type=radio].ux-input__radio:disabled:checked{pointer-events:none}input[type=radio].ux-input__radio:disabled:checked+label{color:var(--eui-base-color-grey-25);pointer-events:none}input[type=radio].ux-input__radio:disabled:checked+label:after{background:var(--eui-base-color-primary-10)}input[type=radio].ux-input__radio:disabled:checked+label:before{background-color:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-25);box-shadow:inset 0 0 2px 3px var(--eui-base-color-white);opacity:var(--eui-base-disabled-opacity)}input[type=checkbox].ux-input__checkbox[readonly]+label,input[type=radio].ux-input__radio[readonly]+label{cursor:default}@keyframes borderscale{50%{box-shadow:0 0 0 2px var(--eui-base-color-primary-110)}}select.ux-form-control:not([readonly]){-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 4 5\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\" name=\"arrow-up-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>');background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xl)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UxControlFeedbackComponent, selector: "ux-control-feedback", inputs: ["styleClass", "typeClass", "e2eAttr"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.UxMaxlengthDirective, selector: "input[type=\"text\"][uxMaxlength], input[type=\"password\"][uxMaxlength], textarea[uxMaxlength]", inputs: ["uxMaxlength", "isShowMaxlengthCounter"], outputs: ["validityChange"] }, { kind: "directive", type: i4.UxAutoResizeDirective, selector: "textarea[uxAutoResize]", inputs: ["uxAutoResize", "minRows"] }, { kind: "directive", type: i4.UxCleaveDirective, selector: "[uxCleave]", inputs: ["uxCleave", "readOnly", "isModelNumber"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+        }], viewQueries: [{ propertyName: "radioElement", first: true, predicate: ["radioElement"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }, { propertyName: "formControlRef", first: true, predicate: ["formControlRef"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isInputText && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n                type=\"text\" [(ngModel)]=\"inputValue\"\n                class=\"ux-form-control {{inputStyleClass}}\"\n                (change)=\"onChange($event)\"\n                (keyup)=\"onChange($event)\"\n                (blur)=\"onTouched($event)\"\n                (focus)=\"onFocus($event)\"\n                placeholder=\"{{placeholderLabel}}\"\n                [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                [disabled]=\"isDisabled\"\n                [tabindex]=\"tabindex\"\n                [attr.aria-invalid]=\"ariaInvalid\"\n                [attr.aria-required]=\"isRequired\" />\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n        <textarea #formControlRef id=\"{{generatedId}}\"\n                    class=\"ux-form-control {{inputStyleClass}}\"\n                    [(ngModel)]=\"inputValue\"\n                    (change)=\"onChange($event)\"\n                    (keyup)=\"onChange($event)\"\n                    (blur)=\"onTouched($event)\"\n                    (focus)=\"onFocus($event)\"\n                    placeholder=\"{{placeholderLabel}}\"\n                    [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                    [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                    [attr.rows]=\"rows\"\n                    [minRows]=\"minRows\"\n                    [disabled]=\"isDisabled\"\n                    [tabindex]=\"tabindex\"\n                    [attr.aria-invalid]=\"ariaInvalid\"\n                    [attr.aria-required]=\"isRequired\"\n                    [uxAutoResize]=\"isTextareaAutoresize\">\n        </textarea>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n    <select #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-form-control ux-form-control__custom-select {{inputStyleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (change)=\"onChange($event)\"\n            (keyup)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n\t\t\tattr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n        <ng-container *ngIf=\"selectOptions\">\n            <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{placeholderLabel}}</option>\n            <ng-template [ngIf]=\"isSelectHasOptions\">\n                <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n                    <optgroup *ngIf=\"item.options\" label=\"{{item.value}}\" class=\"ux-u-font-regular\">\n                        <option *ngFor=\"let opt of item.options\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                            {{opt[selectValueName]}}\n                        </option>\n                    </optgroup>\n                    <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n                        {{item[selectValueName]}}\n                    </option>\n                </ng-template>\n            </ng-template>\n\n            <ng-template [ngIf]=\"!isSelectHasOptions\">\n                <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                    {{opt[selectValueName]}}\n                </option>\n            </ng-template>\n        </ng-container>\n        <ng-content *ngIf=\"! selectOptions\"></ng-content>\n    </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n    <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n        [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            type=\"checkbox\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (click)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            type=\"checkbox\"\n            [checked]=\"inputValue\"\n            onclick=\"return false;\"\n            [tabindex]=\"tabindex\"\n            readonly=\"readonly\"\n            aria-readonly=\"true\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n    <input #radioElement #formControlRef\n           id=\"{{generatedId}}\"\n           class=\"ux-input__radio {{styleClass}}\"\n           type=\"radio\"\n           [checked]=\"checked\"\n           [name]=\"formControlName + groupId\"\n           [value]=\"formControlValue\"\n           (click)=\"onChange($event)\"\n           (blur)=\"onTouched($event)\"\n           (focus)=\"onFocus($event)\"\n           [disabled]=\"isDisabled\"\n           [tabindex]=\"tabindex\"\n           [attr.aria-invalid]=\"ariaInvalid\"\n           [attr.aria-required]=\"isRequired\"\n           attr.data-e2e=\"{{ e2eAttr }}-ra-rw\"/>\n    <label for=\"{{generatedId}}\" class=\"radio-label\">{{radioLabel || '&nbsp;'}}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n    <div *ngIf=\"radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{radioLabel}}</div>\n    <div *ngIf=\"!radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n    <div *ngIf=\"isReadOnly\"\n         id=\"{{generatedId}}\"\n         class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value}}\n    </div>\n    <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n               type=\"text\"\n               [uxCleave]=\"cleaveOptions\"\n               [readOnly]=\"isReadOnly\"\n               [(ngModel)]=\"inputValue\"\n               [isModelNumber]=\"true\"\n               class=\"ux-form-control {{inputStyleClass}}\"\n               (change)=\"onChange($event)\"\n               (keyup)=\"onChange($event)\"\n               (blur)=\"onTouched($event)\"\n               (focus)=\"onFocus($event)\"\n               placeholder=\"{{placeholderLabel}}\"\n               [disabled]=\"isDisabled\"\n               [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n               [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n               [tabindex]=\"tabindex\"\n               [attr.aria-invalid]=\"ariaInvalid\"\n               [attr.aria-required]=\"isRequired\"/>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">\n        <pre>{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</pre>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n    <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                         typeClass=\"{{validationErrorType ? validationErrorType : 'danger' }}\"\n                         attr.data-e2e=\"{{ e2eAttr }}\">\n        {{validationErrorMessage && $any(validationErrorMessage).id ?\n        ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n        validationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n    <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n        {{maxLengthValidationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n", styles: ["@charset \"UTF-8\";input.ux-form-control,select.ux-form-control,textarea.ux-form-control{border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.ux-form-control:focus,select.ux-form-control:focus,textarea.ux-form-control:focus{border:1px solid var(--eui-base-color-primary-75);box-shadow:var(--eui-base-shadow-1)}input::-ms-clear{display:none}.ux-clearable-input-wrapper{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.ux-clearable-input-wrapper:before{position:absolute;right:var(--eui-base-spacing-s)}.ux-clearable-input-wrapper:hover{color:var(--eui-base-color-grey-100)}input[type=checkbox].ux-input__checkbox,input[type=radio].ux-input__radio{box-shadow:none;height:20px!important;opacity:1!important;top:6px;width:20px!important}input[type=checkbox].ux-input__checkbox[readonly]+label:hover,input[type=radio].ux-input__radio[readonly]+label:hover{cursor:not-allowed}input[type=checkbox].ux-input__checkbox:disabled+label,input[type=radio].ux-input__radio:disabled+label{color:var(--eui-base-color-text);cursor:not-allowed}input[type=checkbox].ux-input__checkbox:disabled+label:before,input[type=checkbox].ux-input__checkbox:disabled:checked+label:before,input[type=radio].ux-input__radio:disabled+label:before,input[type=radio].ux-input__radio:disabled:checked+label:before{background-color:transparent;opacity:.65}input[type=checkbox].ux-input__checkbox:focus :before,input[type=radio].ux-input__radio:focus :before{background-color:var(--eui-base-color-white);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;box-shadow:var(--eui-base-shadow-2)}input[type=checkbox].ux-input__checkbox:focus+label:before,input[type=radio].ux-input__radio:focus+label:before{background-color:var(--eui-base-color-white);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;box-shadow:var(--eui-base-shadow-2)}input[type=checkbox].ux-input__checkbox:hover+label:before,input[type=radio].ux-input__radio:hover+label:before{background-color:var(--eui-base-color-white)}input[type=checkbox].ux-input__checkbox:active+label:before,input[type=radio].ux-input__radio:active+label:before{transition-duration:0s}input[type=checkbox].ux-input__checkbox+label,input[type=radio].ux-input__radio+label{cursor:pointer;margin-right:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-2xs);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle}input[type=checkbox].ux-input__checkbox+label:before,input[type=radio].ux-input__radio+label:before{background-color:#fff;border:2px solid var(--eui-base-color-grey-15);color:var(--eui-base-color-primary-100);content:\"\";left:0;position:absolute;text-align:center}input[type=checkbox].ux-input__checkbox+label:after,input[type=radio].ux-input__radio+label:after{background-color:transparent;border-color:var(--eui-base-color-white);content:\"\";left:var(--eui-base-spacing-2xs);margin-top:-2px;position:absolute}input[type=checkbox].ux-input__checkbox+label:after{background-color:transparent;border-color:var(--eui-base-color-white);content:\"\"}.eui-t-compact input[type=checkbox].ux-input__checkbox+label:after{top:3px}input[type=checkbox].ux-input__checkbox+.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;left:6px;top:-6px}input[type=checkbox].ux-input__checkbox:checked+label:before{background:var(--eui-base-color-primary-100)}input[type=checkbox].ux-input__checkbox[readonly]+label:before,input[type=checkbox].ux-input__checkbox[readonly]:checked+label:before{background:var(--eui-base-color-grey-20)}input[type=radio].ux-input__radio+label{cursor:pointer}input[type=radio].ux-input__radio+label:after{border-width:0;left:5px;margin-top:-1px}.eui-t-compact input[type=radio].ux-input__radio+label:after{height:9px!important;left:4px!important;width:9px!important}input[type=radio].ux-input__radio:checked+label:after{background:var(--eui-base-color-primary-100);border-width:0;left:5px;margin-top:-1px}input[type=radio].ux-input__radio:checked+label:before{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-25);box-shadow:inset 0 0 2px 3px var(--eui-base-color-white)}input[type=radio].ux-input__radio:focus:before{border:2px solid transparent;border-color:var(--eui-base-color-accent-120);border-radius:50%;outline:none;box-shadow:var(--eui-base-shadow-2)}input[type=radio].ux-input__radio:focus+label:before{border:2px solid transparent;border-color:var(--eui-base-color-accent-120);border-radius:50%;box-shadow:inset 0 0 0 3px var(--eui-base-color-white),0 3px 6px #00000029,0 3px 6px #0000003b;outline:none}input[type=radio].ux-input__radio+label:before,input[type=radio].ux-input__radio+label:after{border-radius:50%}input[type=radio][readonly].ux-input__radio+label:before,input[type=radio][readonly].ux-input__radio+label:after,input[type=radio][readonly].ux-input__radio:checked+label:before,input[type=radio][readonly].ux-input__radio:checked+label:after{background:var(--eui-base-color-grey-10);box-shadow:none;cursor:not-allowed;outline:none}input[type=radio].ux-input__radio[readonly]+label{color:var(--eui-base-color-grey-90);padding:0;font-style:normal;font-weight:700}input[type=radio].ux-input__radio[readonly]+label:after,input[type=radio].ux-input__radio[readonly]+label:before{display:none}input[type=radio].ux-input__radio:disabled{opacity:var(--eui-base-disabled-opacity);pointer-events:none}input[type=radio].ux-input__radio:disabled+label{color:var(--eui-base-color-grey-25);pointer-events:none}input[type=radio].ux-input__radio:disabled+label:before{background:var(--eui-base-color-grey-10);border:2px solid var(--eui-base-color-grey-25);box-shadow:none}input[type=radio].ux-input__radio:disabled:checked{pointer-events:none}input[type=radio].ux-input__radio:disabled:checked+label{color:var(--eui-base-color-grey-25);pointer-events:none}input[type=radio].ux-input__radio:disabled:checked+label:after{background:var(--eui-base-color-primary-10)}input[type=radio].ux-input__radio:disabled:checked+label:before{background-color:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-25);box-shadow:inset 0 0 2px 3px var(--eui-base-color-white);opacity:var(--eui-base-disabled-opacity)}input[type=checkbox].ux-input__checkbox[readonly]+label,input[type=radio].ux-input__radio[readonly]+label{cursor:default}@keyframes borderscale{50%{box-shadow:0 0 0 2px var(--eui-base-color-primary-110)}}select.ux-form-control:not([readonly]){-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 4 5\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\" name=\"arrow-up-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>');background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xl)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UxControlFeedbackComponent, selector: "ux-control-feedback", inputs: ["styleClass", "typeClass", "e2eAttr"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.UxMaxlengthDirective, selector: "input[type=\"text\"][uxMaxlength], input[type=\"password\"][uxMaxlength], textarea[uxMaxlength]", inputs: ["uxMaxlength", "isShowMaxlengthCounter"], outputs: ["validityChange"] }, { kind: "directive", type: i4.UxAutoResizeDirective, selector: "textarea[uxAutoResize]", inputs: ["uxAutoResize", "minRows"] }, { kind: "directive", type: i4.UxCleaveDirective, selector: "[uxCleave]", inputs: ["uxCleave", "readOnly", "isModelNumber"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: UxFormControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ux-form-control', providers: [{
@@ -456,7 +456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
                             provide: NG_VALIDATORS,
                             useExisting: forwardRef((() => UxFormControlComponent)),
                             multi: true,
-                        }], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"isInputText && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n                type=\"text\" [(ngModel)]=\"inputValue\"\n                class=\"ux-form-control {{inputStyleClass}}\"\n                (change)=\"onChange($event)\"\n                (keyup)=\"onChange($event)\"\n                (blur)=\"onTouched($event)\"\n                (focus)=\"onFocus($event)\"\n                placeholder=\"{{placeholderLabel}}\"\n                [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                [disabled]=\"isDisabled\"\n                [tabindex]=\"tabindex\"\n                [attr.aria-invalid]=\"ariaInvalid\"\n                [attr.aria-required]=\"isRequired\" />\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n        <textarea #formControlRef id=\"{{generatedId}}\"\n                    class=\"ux-form-control {{inputStyleClass}}\"\n                    [(ngModel)]=\"inputValue\"\n                    (change)=\"onChange($event)\"\n                    (keyup)=\"onChange($event)\"\n                    (blur)=\"onTouched($event)\"\n                    (focus)=\"onFocus($event)\"\n                    placeholder=\"{{placeholderLabel}}\"\n                    [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                    [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                    [attr.rows]=\"rows\"\n                    [minRows]=\"minRows\"\n                    [disabled]=\"isDisabled\"\n                    [tabindex]=\"tabindex\"\n                    [attr.aria-invalid]=\"ariaInvalid\"\n                    [attr.aria-required]=\"isRequired\"\n                    [uxAutoResize]=\"isTextareaAutoresize\">\n        </textarea>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n    <select #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-form-control ux-form-control__custom-select {{inputStyleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (change)=\"onChange($event)\"\n            (keyup)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n\t\t\tattr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n        <ng-container *ngIf=\"selectOptions\">\n            <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{placeholderLabel}}</option>\n            <ng-template [ngIf]=\"isSelectHasOptions\">\n                <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n                    <optgroup *ngIf=\"item.options\" label=\"{{item.value}}\" class=\"ux-u-font-regular\">\n                        <option *ngFor=\"let opt of item.options\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                            {{opt[selectValueName]}}\n                        </option>\n                    </optgroup>\n                    <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n                        {{item[selectValueName]}}\n                    </option>\n                </ng-template>\n            </ng-template>\n\n            <ng-template [ngIf]=\"!isSelectHasOptions\">\n                <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                    {{opt[selectValueName]}}\n                </option>\n            </ng-template>\n        </ng-container>\n        <ng-content *ngIf=\"! selectOptions\"></ng-content>\n    </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n    <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n        [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            type=\"checkbox\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (click)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            type=\"checkbox\"\n            [checked]=\"inputValue\"\n            onclick=\"return false;\"\n            [tabindex]=\"tabindex\"\n            readonly=\"readonly\"\n            aria-readonly=\"true\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n    <input #radioElement #formControlRef\n           id=\"{{generatedId}}\"\n           class=\"ux-input__radio {{styleClass}}\"\n           type=\"radio\"\n           [checked]=\"checked\"\n           [name]=\"formControlName + groupId\"\n           [value]=\"formControlValue\"\n           (click)=\"onChange($event)\"\n           (blur)=\"onTouched($event)\"\n           (focus)=\"onFocus($event)\"\n           [disabled]=\"isDisabled\"\n           [tabindex]=\"tabindex\"\n           [attr.aria-invalid]=\"ariaInvalid\"\n           [attr.aria-required]=\"isRequired\"\n           attr.data-e2e=\"{{ e2eAttr }}-ra-rw\"/>\n    <label for=\"{{generatedId}}\" class=\"radio-label\">{{radioLabel || '&nbsp;'}}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n    <div *ngIf=\"radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{radioLabel}}</div>\n    <div *ngIf=\"!radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n    <div *ngIf=\"isReadOnly\"\n         id=\"{{generatedId}}\"\n         class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value}}\n    </div>\n    <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n               type=\"text\"\n               [uxCleave]=\"cleaveOptions\"\n               [readOnly]=\"isReadOnly\"\n               [(ngModel)]=\"inputValue\"\n               [isModelNumber]=\"true\"\n               class=\"ux-form-control {{inputStyleClass}}\"\n               (change)=\"onChange($event)\"\n               (keyup)=\"onChange($event)\"\n               (blur)=\"onTouched($event)\"\n               (focus)=\"onFocus($event)\"\n               placeholder=\"{{placeholderLabel}}\"\n               [disabled]=\"isDisabled\"\n               [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n               [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n               [tabindex]=\"tabindex\"\n               [attr.aria-invalid]=\"ariaInvalid\"\n               [attr.aria-required]=\"isRequired\"/>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">\n        <pre>{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</pre>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n    <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                         typeClass=\"{{validationErrorType ? validationErrorType : 'danger' }}\"\n                         attr.data-e2e=\"{{ e2eAttr }}\">\n        {{validationErrorMessage && $any(validationErrorMessage).id ?\n        ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n        validationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n    <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n        {{maxLengthValidationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n", styles: ["@charset \"UTF-8\";input::-webkit-input-placeholder{color:var(--eui-base-color-grey-25)!important}input::-moz-placeholder{color:var(--eui-base-color-grey-25)!important}input:-ms-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}input:-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea::-webkit-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea::-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea:-ms-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea:-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}:focus::-webkit-input-placeholder{color:transparent!important}:focus::-ms-input-placeholder{color:transparent!important}:focus::-moz-placeholder{color:transparent!important}input.ux-form-control,select.ux-form-control,textarea.ux-form-control{border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.ux-form-control:focus,select.ux-form-control:focus,textarea.ux-form-control:focus{border:1px solid var(--eui-base-color-primary-75);box-shadow:var(--eui-base-shadow-1)}input::-ms-clear{display:none}.ux-clearable-input-wrapper{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.ux-clearable-input-wrapper:before{position:absolute;right:var(--eui-base-spacing-s)}.ux-clearable-input-wrapper:hover{color:var(--eui-base-color-grey-100)}input[type=checkbox].ux-input__checkbox,input[type=radio].ux-input__radio{box-shadow:none;height:20px!important;opacity:1!important;top:6px;width:20px!important}input[type=checkbox].ux-input__checkbox[readonly]+label:hover,input[type=radio].ux-input__radio[readonly]+label:hover{cursor:not-allowed}input[type=checkbox].ux-input__checkbox:disabled+label,input[type=radio].ux-input__radio:disabled+label{color:var(--eui-base-color-text);cursor:not-allowed}input[type=checkbox].ux-input__checkbox:disabled+label:before,input[type=checkbox].ux-input__checkbox:disabled:checked+label:before,input[type=radio].ux-input__radio:disabled+label:before,input[type=radio].ux-input__radio:disabled:checked+label:before{background-color:transparent;opacity:.65}input[type=checkbox].ux-input__checkbox:focus :before,input[type=radio].ux-input__radio:focus :before{background-color:var(--eui-base-color-white);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;box-shadow:var(--eui-base-shadow-2)}input[type=checkbox].ux-input__checkbox:focus+label:before,input[type=radio].ux-input__radio:focus+label:before{background-color:var(--eui-base-color-white);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;box-shadow:var(--eui-base-shadow-2)}input[type=checkbox].ux-input__checkbox:hover+label:before,input[type=radio].ux-input__radio:hover+label:before{background-color:var(--eui-base-color-white)}input[type=checkbox].ux-input__checkbox:active+label:before,input[type=radio].ux-input__radio:active+label:before{transition-duration:0s}input[type=checkbox].ux-input__checkbox+label,input[type=radio].ux-input__radio+label{cursor:pointer;margin-right:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-2xs);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle}input[type=checkbox].ux-input__checkbox+label:before,input[type=radio].ux-input__radio+label:before{background-color:#fff;border:2px solid var(--eui-base-color-grey-15);color:var(--eui-base-color-primary-100);content:\"\";left:0;position:absolute;text-align:center}input[type=checkbox].ux-input__checkbox+label:after,input[type=radio].ux-input__radio+label:after{background-color:transparent;border-color:var(--eui-base-color-white);content:\"\";left:var(--eui-base-spacing-2xs);margin-top:-2px;position:absolute}input[type=checkbox].ux-input__checkbox+label:after{background-color:transparent;border-color:var(--eui-base-color-white);content:\"\"}.eui-t-compact input[type=checkbox].ux-input__checkbox+label:after{top:3px}input[type=checkbox].ux-input__checkbox+.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;left:6px;top:-6px}input[type=checkbox].ux-input__checkbox:checked+label:before{background:var(--eui-base-color-primary-100)}input[type=checkbox].ux-input__checkbox[readonly]+label:before,input[type=checkbox].ux-input__checkbox[readonly]:checked+label:before{background:var(--eui-base-color-grey-20)}input[type=radio].ux-input__radio+label{cursor:pointer}input[type=radio].ux-input__radio+label:after{border-width:0;left:5px;margin-top:-1px}.eui-t-compact input[type=radio].ux-input__radio+label:after{height:9px!important;left:4px!important;width:9px!important}input[type=radio].ux-input__radio:checked+label:after{background:var(--eui-base-color-primary-100);border-width:0;left:5px;margin-top:-1px}input[type=radio].ux-input__radio:checked+label:before{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-25);box-shadow:inset 0 0 2px 3px var(--eui-base-color-white)}input[type=radio].ux-input__radio:focus:before{border:2px solid transparent;border-color:var(--eui-base-color-accent-120);border-radius:50%;outline:none;box-shadow:var(--eui-base-shadow-2)}input[type=radio].ux-input__radio:focus+label:before{border:2px solid transparent;border-color:var(--eui-base-color-accent-120);border-radius:50%;box-shadow:inset 0 0 0 3px var(--eui-base-color-white),0 3px 6px #00000029,0 3px 6px #0000003b;outline:none}input[type=radio].ux-input__radio+label:before,input[type=radio].ux-input__radio+label:after{border-radius:50%}input[type=radio][readonly].ux-input__radio+label:before,input[type=radio][readonly].ux-input__radio+label:after,input[type=radio][readonly].ux-input__radio:checked+label:before,input[type=radio][readonly].ux-input__radio:checked+label:after{background:var(--eui-base-color-grey-10);box-shadow:none;cursor:not-allowed;outline:none}input[type=radio].ux-input__radio[readonly]+label{color:var(--eui-base-color-grey-90);padding:0;font-style:normal;font-weight:700}input[type=radio].ux-input__radio[readonly]+label:after,input[type=radio].ux-input__radio[readonly]+label:before{display:none}input[type=radio].ux-input__radio:disabled{opacity:var(--eui-base-disabled-opacity);pointer-events:none}input[type=radio].ux-input__radio:disabled+label{color:var(--eui-base-color-grey-25);pointer-events:none}input[type=radio].ux-input__radio:disabled+label:before{background:var(--eui-base-color-grey-10);border:2px solid var(--eui-base-color-grey-25);box-shadow:none}input[type=radio].ux-input__radio:disabled:checked{pointer-events:none}input[type=radio].ux-input__radio:disabled:checked+label{color:var(--eui-base-color-grey-25);pointer-events:none}input[type=radio].ux-input__radio:disabled:checked+label:after{background:var(--eui-base-color-primary-10)}input[type=radio].ux-input__radio:disabled:checked+label:before{background-color:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-25);box-shadow:inset 0 0 2px 3px var(--eui-base-color-white);opacity:var(--eui-base-disabled-opacity)}input[type=checkbox].ux-input__checkbox[readonly]+label,input[type=radio].ux-input__radio[readonly]+label{cursor:default}@keyframes borderscale{50%{box-shadow:0 0 0 2px var(--eui-base-color-primary-110)}}select.ux-form-control:not([readonly]){-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 4 5\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\" name=\"arrow-up-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>');background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xl)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}\n"] }]
+                        }], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"isInputText && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n                type=\"text\" [(ngModel)]=\"inputValue\"\n                class=\"ux-form-control {{inputStyleClass}}\"\n                (change)=\"onChange($event)\"\n                (keyup)=\"onChange($event)\"\n                (blur)=\"onTouched($event)\"\n                (focus)=\"onFocus($event)\"\n                placeholder=\"{{placeholderLabel}}\"\n                [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                [disabled]=\"isDisabled\"\n                [tabindex]=\"tabindex\"\n                [attr.aria-invalid]=\"ariaInvalid\"\n                [attr.aria-required]=\"isRequired\" />\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n    <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n        <textarea #formControlRef id=\"{{generatedId}}\"\n                    class=\"ux-form-control {{inputStyleClass}}\"\n                    [(ngModel)]=\"inputValue\"\n                    (change)=\"onChange($event)\"\n                    (keyup)=\"onChange($event)\"\n                    (blur)=\"onTouched($event)\"\n                    (focus)=\"onFocus($event)\"\n                    placeholder=\"{{placeholderLabel}}\"\n                    [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n                    [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n                    [attr.rows]=\"rows\"\n                    [minRows]=\"minRows\"\n                    [disabled]=\"isDisabled\"\n                    [tabindex]=\"tabindex\"\n                    [attr.aria-invalid]=\"ariaInvalid\"\n                    [attr.aria-required]=\"isRequired\"\n                    [uxAutoResize]=\"isTextareaAutoresize\">\n        </textarea>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n    <select #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-form-control ux-form-control__custom-select {{inputStyleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (change)=\"onChange($event)\"\n            (keyup)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n\t\t\tattr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n        <ng-container *ngIf=\"selectOptions\">\n            <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{placeholderLabel}}</option>\n            <ng-template [ngIf]=\"isSelectHasOptions\">\n                <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n                    <optgroup *ngIf=\"item.options\" label=\"{{item.value}}\" class=\"ux-u-font-regular\">\n                        <option *ngFor=\"let opt of item.options\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                            {{opt[selectValueName]}}\n                        </option>\n                    </optgroup>\n                    <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n                        {{item[selectValueName]}}\n                    </option>\n                </ng-template>\n            </ng-template>\n\n            <ng-template [ngIf]=\"!isSelectHasOptions\">\n                <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n                    {{opt[selectValueName]}}\n                </option>\n            </ng-template>\n        </ng-container>\n        <ng-content *ngIf=\"! selectOptions\"></ng-content>\n    </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n    <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n        [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            type=\"checkbox\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            [(ngModel)]=\"inputValue\"\n            (click)=\"onChange($event)\"\n            (blur)=\"onTouched($event)\"\n            (focus)=\"onFocus($event)\"\n            [disabled]=\"isDisabled\"\n            [tabindex]=\"tabindex\"\n            [attr.aria-invalid]=\"ariaInvalid\"\n            [attr.aria-required]=\"isRequired\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n    <input #formControlRef id=\"{{generatedId}}\"\n            class=\"ux-input__checkbox {{styleClass}}\"\n            type=\"checkbox\"\n            [checked]=\"inputValue\"\n            onclick=\"return false;\"\n            [tabindex]=\"tabindex\"\n            readonly=\"readonly\"\n            aria-readonly=\"true\"\n            attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n    <label for=\"{{generatedId}}\" *ngIf=\"checkboxLabel\">{{checkboxLabel}}</label>\n    <label for=\"{{generatedId}}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n    <input #radioElement #formControlRef\n           id=\"{{generatedId}}\"\n           class=\"ux-input__radio {{styleClass}}\"\n           type=\"radio\"\n           [checked]=\"checked\"\n           [name]=\"formControlName + groupId\"\n           [value]=\"formControlValue\"\n           (click)=\"onChange($event)\"\n           (blur)=\"onTouched($event)\"\n           (focus)=\"onFocus($event)\"\n           [disabled]=\"isDisabled\"\n           [tabindex]=\"tabindex\"\n           [attr.aria-invalid]=\"ariaInvalid\"\n           [attr.aria-required]=\"isRequired\"\n           attr.data-e2e=\"{{ e2eAttr }}-ra-rw\"/>\n    <label for=\"{{generatedId}}\" class=\"radio-label\">{{radioLabel || '&nbsp;'}}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n    <div *ngIf=\"radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{radioLabel}}</div>\n    <div *ngIf=\"!radioLabel\" id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\" attr.data-e2e=\"{{ e2eAttr }}-ro\">{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n    <div *ngIf=\"isReadOnly\"\n         id=\"{{generatedId}}\"\n         class=\"ux-form-group--read-only {{inputStyleClass}}\"\n         [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">{{inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value}}\n    </div>\n    <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n        <input #inputRef #formControlRef id=\"{{generatedId}}\"\n               type=\"text\"\n               [uxCleave]=\"cleaveOptions\"\n               [readOnly]=\"isReadOnly\"\n               [(ngModel)]=\"inputValue\"\n               [isModelNumber]=\"true\"\n               class=\"ux-form-control {{inputStyleClass}}\"\n               (change)=\"onChange($event)\"\n               (keyup)=\"onChange($event)\"\n               (blur)=\"onTouched($event)\"\n               (focus)=\"onFocus($event)\"\n               placeholder=\"{{placeholderLabel}}\"\n               [disabled]=\"isDisabled\"\n               [uxMaxlength]=\"maxlength\" (validityChange)=\"OnMaxLengthValidityChange($event)\"\n               [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n               [tabindex]=\"tabindex\"\n               [attr.aria-invalid]=\"ariaInvalid\"\n               [attr.aria-required]=\"isRequired\"/>\n    </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n    <div id=\"{{generatedId}}\" class=\"ux-form-group--read-only {{inputStyleClass}}\" [tabindex]=\"tabindex\"\n         attr.data-e2e=\"{{ e2eAttr }}-ro\">\n        <pre>{{inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue}}</pre>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n    <ux-control-feedback *ngIf=\"validationErrorMessage\"\n                         typeClass=\"{{validationErrorType ? validationErrorType : 'danger' }}\"\n                         attr.data-e2e=\"{{ e2eAttr }}\">\n        {{validationErrorMessage && $any(validationErrorMessage).id ?\n        ($any(validationErrorMessage).id|translate:$any(validationErrorMessage).params) :\n        validationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n    <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n        {{maxLengthValidationErrorMessage}}\n    </ux-control-feedback>\n</ng-container>\n", styles: ["@charset \"UTF-8\";input.ux-form-control,select.ux-form-control,textarea.ux-form-control{border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.ux-form-control:focus,select.ux-form-control:focus,textarea.ux-form-control:focus{border:1px solid var(--eui-base-color-primary-75);box-shadow:var(--eui-base-shadow-1)}input::-ms-clear{display:none}.ux-clearable-input-wrapper{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.ux-clearable-input-wrapper:before{position:absolute;right:var(--eui-base-spacing-s)}.ux-clearable-input-wrapper:hover{color:var(--eui-base-color-grey-100)}input[type=checkbox].ux-input__checkbox,input[type=radio].ux-input__radio{box-shadow:none;height:20px!important;opacity:1!important;top:6px;width:20px!important}input[type=checkbox].ux-input__checkbox[readonly]+label:hover,input[type=radio].ux-input__radio[readonly]+label:hover{cursor:not-allowed}input[type=checkbox].ux-input__checkbox:disabled+label,input[type=radio].ux-input__radio:disabled+label{color:var(--eui-base-color-text);cursor:not-allowed}input[type=checkbox].ux-input__checkbox:disabled+label:before,input[type=checkbox].ux-input__checkbox:disabled:checked+label:before,input[type=radio].ux-input__radio:disabled+label:before,input[type=radio].ux-input__radio:disabled:checked+label:before{background-color:transparent;opacity:.65}input[type=checkbox].ux-input__checkbox:focus :before,input[type=radio].ux-input__radio:focus :before{background-color:var(--eui-base-color-white);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;box-shadow:var(--eui-base-shadow-2)}input[type=checkbox].ux-input__checkbox:focus+label:before,input[type=radio].ux-input__radio:focus+label:before{background-color:var(--eui-base-color-white);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;box-shadow:var(--eui-base-shadow-2)}input[type=checkbox].ux-input__checkbox:hover+label:before,input[type=radio].ux-input__radio:hover+label:before{background-color:var(--eui-base-color-white)}input[type=checkbox].ux-input__checkbox:active+label:before,input[type=radio].ux-input__radio:active+label:before{transition-duration:0s}input[type=checkbox].ux-input__checkbox+label,input[type=radio].ux-input__radio+label{cursor:pointer;margin-right:var(--eui-base-spacing-m);margin-top:var(--eui-base-spacing-2xs);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle}input[type=checkbox].ux-input__checkbox+label:before,input[type=radio].ux-input__radio+label:before{background-color:#fff;border:2px solid var(--eui-base-color-grey-15);color:var(--eui-base-color-primary-100);content:\"\";left:0;position:absolute;text-align:center}input[type=checkbox].ux-input__checkbox+label:after,input[type=radio].ux-input__radio+label:after{background-color:transparent;border-color:var(--eui-base-color-white);content:\"\";left:var(--eui-base-spacing-2xs);margin-top:-2px;position:absolute}input[type=checkbox].ux-input__checkbox+label:after{background-color:transparent;border-color:var(--eui-base-color-white);content:\"\"}.eui-t-compact input[type=checkbox].ux-input__checkbox+label:after{top:3px}input[type=checkbox].ux-input__checkbox+.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;left:6px;top:-6px}input[type=checkbox].ux-input__checkbox:checked+label:before{background:var(--eui-base-color-primary-100)}input[type=checkbox].ux-input__checkbox[readonly]+label:before,input[type=checkbox].ux-input__checkbox[readonly]:checked+label:before{background:var(--eui-base-color-grey-20)}input[type=radio].ux-input__radio+label{cursor:pointer}input[type=radio].ux-input__radio+label:after{border-width:0;left:5px;margin-top:-1px}.eui-t-compact input[type=radio].ux-input__radio+label:after{height:9px!important;left:4px!important;width:9px!important}input[type=radio].ux-input__radio:checked+label:after{background:var(--eui-base-color-primary-100);border-width:0;left:5px;margin-top:-1px}input[type=radio].ux-input__radio:checked+label:before{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-25);box-shadow:inset 0 0 2px 3px var(--eui-base-color-white)}input[type=radio].ux-input__radio:focus:before{border:2px solid transparent;border-color:var(--eui-base-color-accent-120);border-radius:50%;outline:none;box-shadow:var(--eui-base-shadow-2)}input[type=radio].ux-input__radio:focus+label:before{border:2px solid transparent;border-color:var(--eui-base-color-accent-120);border-radius:50%;box-shadow:inset 0 0 0 3px var(--eui-base-color-white),0 3px 6px #00000029,0 3px 6px #0000003b;outline:none}input[type=radio].ux-input__radio+label:before,input[type=radio].ux-input__radio+label:after{border-radius:50%}input[type=radio][readonly].ux-input__radio+label:before,input[type=radio][readonly].ux-input__radio+label:after,input[type=radio][readonly].ux-input__radio:checked+label:before,input[type=radio][readonly].ux-input__radio:checked+label:after{background:var(--eui-base-color-grey-10);box-shadow:none;cursor:not-allowed;outline:none}input[type=radio].ux-input__radio[readonly]+label{color:var(--eui-base-color-grey-90);padding:0;font-style:normal;font-weight:700}input[type=radio].ux-input__radio[readonly]+label:after,input[type=radio].ux-input__radio[readonly]+label:before{display:none}input[type=radio].ux-input__radio:disabled{opacity:var(--eui-base-disabled-opacity);pointer-events:none}input[type=radio].ux-input__radio:disabled+label{color:var(--eui-base-color-grey-25);pointer-events:none}input[type=radio].ux-input__radio:disabled+label:before{background:var(--eui-base-color-grey-10);border:2px solid var(--eui-base-color-grey-25);box-shadow:none}input[type=radio].ux-input__radio:disabled:checked{pointer-events:none}input[type=radio].ux-input__radio:disabled:checked+label{color:var(--eui-base-color-grey-25);pointer-events:none}input[type=radio].ux-input__radio:disabled:checked+label:after{background:var(--eui-base-color-primary-10)}input[type=radio].ux-input__radio:disabled:checked+label:before{background-color:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-25);box-shadow:inset 0 0 2px 3px var(--eui-base-color-white);opacity:var(--eui-base-disabled-opacity)}input[type=checkbox].ux-input__checkbox[readonly]+label,input[type=radio].ux-input__radio[readonly]+label{cursor:default}@keyframes borderscale{50%{box-shadow:0 0 0 2px var(--eui-base-color-primary-110)}}select.ux-form-control:not([readonly]){-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 4 5\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\" name=\"arrow-up-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>');background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xl)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i6.UxFormGroupComponent, decorators: [{
                         type: Optional