npm - @eui/components - Versions diffs - 18.0.0-next.63 → 18.0.0-next.64 - Mend

@eui/components 18.0.0-next.63 → 18.0.0-next.64

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 (143) hide show

package/fesm2022/eui-components-eui-chip-list.mjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-chip-list/services/eui-chip-list-drag.service.ts", "../../eui-chip-list/eui-chip-list.component.ts", "../../eui-chip-list/eui-chip-list.component.html", "../../eui-chip-list/eui-chip-list.module.ts"],
-  "sourcesContent": ["import { Injectable } from '@angular/core';\nimport { CdkDropList } from '@angular/cdk/drag-drop';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable()\nexport class EuiChipListDragService {\n    public componentConnector: CdkDropList[] = [];\n    public droppableArea: CdkDropList[] = [];\n    public removedFromDroppable = new BehaviorSubject(null);\n\n    public setComponentConnector(sourceName: string): void {\n        if (!this.componentConnector[sourceName]) {\n            this.componentConnector[sourceName] = [];\n        }\n    }\n\n    public setDroppableArea(componentRef: CdkDropList, sourceNames: string[]): void {\n        sourceNames.forEach((sourceName) => {\n            if (!this.droppableArea[sourceName]) {\n                this.droppableArea[sourceName] = [];\n            }\n\n            this.droppableArea[sourceName].push(componentRef);\n\n            if (!this.componentConnector[sourceName]) {\n                this.setComponentConnector(sourceName);\n            }\n\n            this.componentConnector[sourceName].push(componentRef);\n        });\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public removeFromDroppable(item: any | null): void {\n        this.removedFromDroppable.next(item);\n    }\n\n    public resetConnector(): void {\n        this.componentConnector = [];\n        this.droppableArea = [];\n    }\n}\n", "import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    ViewChild,\n    QueryList,\n    forwardRef,\n    ContentChildren,\n    OnInit,\n    ChangeDetectorRef,\n    AfterContentInit,\n    AfterViewInit,\n    EventEmitter,\n    Output,\n    OnDestroy,\n    Directive,\n    OnChanges,\n    SimpleChanges,\n    ElementRef,\n    ViewChildren,\n    booleanAttribute,\n    numberAttribute,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { Subject, startWith, takeUntil } from 'rxjs';\nimport {\n    CdkDragDrop,\n    moveItemInArray,\n    CdkDropList,\n    transferArrayItem,\n    CdkDragStart,\n    CdkDragEnter,\n    CdkDragRelease,\n} from '@angular/cdk/drag-drop';\n\nimport { EuiChipComponent, EuiChip, EuiChipTooltip } from '@eui/components/eui-chip';\n\nimport { EuiChipDragDrop } from './models/eui-chip-drag-drop.model';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    templateUrl: './eui-chip-list.component.html',\n    selector: 'eui-chip-list, div[euiChipList], ul[euiChipList]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiOutline',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiChipListComponent implements AfterViewInit, AfterContentInit, OnDestroy, OnChanges, OnInit {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() chips: any[];\n    @Input() toggleLinkMoreLabel: string = null;\n    @Input() toggleLinkLessLabel: string = null;\n    @Input() chipsSortOrder: 'ASC' | 'DESC' = 'ASC';\n    @Input() dragAndDropSourceName: string;\n    @Input() dragAndDropConnectedTo: string[] = [];\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Chip List';\n    @Input() dropListOrientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    @Input({ transform: booleanAttribute }) isSquared = false;\n    @Input({ transform: booleanAttribute }) isChipsRemovable = false;\n    @Input({ transform: booleanAttribute }) isMaxVisibleChipsOpened = false;\n    @Input({ transform: booleanAttribute }) isChipsSorted = false;\n    @Input({ transform: booleanAttribute }) isChipsDragAndDrop = false;\n    @Input({ transform: booleanAttribute }) isGrid = false;\n    @Input({ transform: numberAttribute }) maxVisibleChipsCount = null;\n    @Input({ transform: numberAttribute }) chipsLabelTruncateCount = null;\n\n    @Output() chipsInit = new EventEmitter<CdkDropList>();\n    @Output() chipRemove = new EventEmitter<{ chips: EuiChip[]; removed: EuiChip | { chip: EuiChip; event: Event } }>();\n    @Output() chipDragStart = new EventEmitter<EuiChipDragDrop>();\n    @Output() chipDragRelease = new EventEmitter<EuiChipDragDrop>();\n    @Output() chipDrop = new EventEmitter<EuiChipDragDrop>();\n    @Output() chiplistFocus = new EventEmitter<boolean>();\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return this.baseStatesDirective.getCssClasses('eui-chip-list');\n    }\n\n    public droppableArea: (CdkDropList | string)[];\n    public connectComponent: CdkDropList[] = [];\n    public e2eAttr = 'eui-chip-list';\n\n    @ContentChildren(forwardRef(() => EuiChipComponent)) euiChipsContent: QueryList<EuiChipComponent>;\n    @ViewChild('chipListDropList', { read: CdkDropList }) chipListDropList: CdkDropList;\n    @ViewChild('chipListDragAndDropItems', { read: CdkDropList }) chipListDragAndDropItems: CdkDropList;\n    @ViewChildren('euiChipItem', { read: ElementRef }) euiChipItems: QueryList<ElementRef>;\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private euiChipListDragService: EuiChipListDragService,\n        private domSanitizer: DomSanitizer,\n        protected baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c.chips && this.isChipsSorted) {\n            this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n        }\n    }\n\n    ngOnInit(): void {\n        this.chips = this.chips?.map((chip) => ({\n            ...chip,\n            tooltip: new EuiChipTooltip(chip.tooltip),\n        }));\n    }\n\n    ngAfterContentInit(): void {\n        this.chips = this.chips?.map((chip) => ({\n            ...chip,\n            tooltip: new EuiChipTooltip(chip.tooltip),\n        }));\n    }\n\n    ngAfterViewInit(): void {\n        this.chipsInit.emit(this.chipListDragAndDropItems);\n        if (this.isChipsSorted && this.chips) {\n            this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n        }\n\n        if (this.dragAndDropSourceName) {\n            this.euiChipListDragService.setComponentConnector(this.dragAndDropSourceName);\n        }\n\n        if (this.dragAndDropConnectedTo) {\n            this.euiChipListDragService.setDroppableArea(this.chipListDropList, this.dragAndDropConnectedTo);\n            this.dragAndDropConnectedTo.forEach((connectTo) => {\n                this.connectComponent = this.euiChipListDragService.componentConnector[connectTo];\n            });\n        }\n\n        setTimeout(() => {\n            this.droppableArea = this.euiChipListDragService.droppableArea[this.dragAndDropSourceName];\n            this.cd.detectChanges();\n        });\n\n        Object.keys(this.euiChipListDragService.componentConnector).map((connectTo) => {\n            this.euiChipListDragService.componentConnector[connectTo].push(this.chipListDragAndDropItems);\n        });\n\n        this.euiChipsContent.changes.pipe(startWith(true), takeUntil(this.destroy$)).subscribe(() => {\n            if (this.euiChipsContent.toArray().length > 0) {\n                this.chips = this.euiChipsContent.toArray().map((chip) => Object.assign(chip, { euiInternalId: this.generateId() }));\n\n                if (this.isChipsSorted) {\n                    this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n                }\n                this.cd.detectChanges();\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.euiChipListDragService.resetConnector();\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    public toggleTags(): void {\n        this.isMaxVisibleChipsOpened = !this.isMaxVisibleChipsOpened;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getChipContent(euiChip: any): string {\n        return euiChip.chipLabel ? this.domSanitizer.bypassSecurityTrustHtml(euiChip.chipLabel.nativeElement.innerHTML) : euiChip.label;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getChipLabel(euiChip: any): string {\n        return euiChip.chipLabel ? euiChip.chipLabel.nativeElement.textContent : euiChip.label;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getChipIconBefore(euiChip: any): boolean {\n        return euiChip.iconBefore;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getChipIconAfter(euiChip: any): boolean {\n        return euiChip.iconAfter;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public onRemove(removed: EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event } | any): void {\n        const chips = this.euiChipsContent.toArray().length > 0 ? this.chips.map((c) => c.data) : this.chips;\n        const removedChip = removed as { chip: EuiChip; event: Event };\n        let index = removedChip instanceof EuiChip ? chips.indexOf(removedChip) : chips.indexOf(removedChip.chip);\n\n        if (index === -1 && removed.id) {\n            index = chips.map((chip) => chip.id).indexOf(removed.id);\n        }\n\n        this.chips.splice(index, 1);\n\n        this.chipRemove.emit({\n            chips: this.euiChipsContent.toArray().length > 0 ? this.chips.map((c) => c.data) : this.chips,\n            removed: removedChip,\n        });\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public trackByFn(index: number, euiChip: any): string {\n        return euiChip.euiInternalId ? euiChip.euiInternalId : euiChip.id;\n    }\n\n    public onDragEnter(event: CdkDragEnter): void {\n        const dropList = event.container;\n        const phContainer = dropList.element.nativeElement;\n        const phElement = phContainer.querySelector('.cdk-drag-placeholder');\n        phContainer.parentElement.insertBefore(phElement, phContainer);\n        moveItemInArray(this.chips, event.item.data.index, event.container.data.index);\n    }\n\n    public onDropGrid(e: CdkDragDrop<{ chip: EuiChip; index: number }>): void {\n        this.chipDrop.emit(\n            {\n                type: 'dropped',\n                sourceName: this.dragAndDropSourceName,\n                chip: e.item.data.chip,\n                chips: this.chips,\n            },\n        );\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public drop(e: CdkDragDrop<{ chips: any[] }>): void {\n        if (e.previousContainer === e.container) {\n            moveItemInArray(e.container.data['chips'], e.previousIndex, e.currentIndex);\n        } else {\n            transferArrayItem(\n                e.previousContainer.data['chips'],\n                e.container.data['chips'],\n                e.previousContainer.data['chips'].indexOf(e.item.data),\n                e.currentIndex,\n            );\n            // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            this.chips = e.container.data['chips'].map((item: any) => item);\n        }\n\n        this.chipDrop.emit(\n            {\n                type: 'dropped',\n                sourceName: this.dragAndDropSourceName,\n                chip: e.item.data,\n                chips: e.container.data['chips'],\n            },\n        );\n    }\n\n    public onDragStarted(event: CdkDragStart): void {\n        this.chipDragStart.emit(\n            {\n                type: 'started',\n                sourceName: this.dragAndDropSourceName,\n                chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n                chips: this.chips,\n            },\n        );\n    }\n\n    public onDragReleased(event: CdkDragRelease): void {\n        this.chipDragRelease.emit(\n            {\n                type: 'released',\n                sourceName: this.dragAndDropSourceName,\n                chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n                chips: this.chips,\n            },\n        );\n    }\n\n    onFocus(): void {\n        this.chiplistFocus.emit(true);\n    }\n\n    private generateId(): string {\n        return '_' + Math.random().toString(36).substr(2, 9);\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private orderItems(tab: any, sortOrder: string): any[] {\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        tab.sort((a: any, b: any) => {\n            const aObj = a.chipLabel ? a.chipLabel.nativeElement.textContent.toLowerCase() : a.label.toLowerCase();\n            const bObj = b.chipLabel ? b.chipLabel.nativeElement.textContent.toLowerCase() : b.label.toLowerCase();\n\n            if (sortOrder === 'ASC') {\n                if (aObj < bObj) {\n                    return -1;\n                }\n                if (aObj > bObj) {\n                    return 1;\n                }\n                return 0;\n            } else {\n                if (aObj > bObj) {\n                    return -1;\n                }\n                if (aObj < bObj) {\n                    return 1;\n                }\n                return 0;\n            }\n        });\n\n        return tab;\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiChipListAppendContent' })\nexport class EuiChipListAppendContentDirective {}\n/* eslint-enable */\n", "<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div\n            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || this.baseStatesDirective?.euiOutline || chip.isOutline\"\n                    [euiVariant]=\"chip.typeClass || this.baseStatesDirective?.euiVariant || chip.baseStatesDirective?.euiVariant\"\n                    [euiSizeVariant]=\"chip.sizeClass || this.baseStatesDirective?.euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant\"\n                    [isSquared]=\"chip.isSquared || isSquared\"\n                    [euiDisabled]=\"chip.euiDisabled || this.baseStatesDirective?.euiDisabled || chip.isDisabled\"\n                    [euiTooltip]=\"chip.tooltipMessage\"\n                    [position]=\"chip.tooltip?.position\"\n                    [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                    (remove)=\"onRemove($event)\">\n                    <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                    <span class=\"eui-chip-list__chip-content\" *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                    <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                        getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                    }}</span>\n                </eui-chip>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            <div\n                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || this.baseStatesDirective?.euiOutline || chip.isOutline\"\n                        [euiVariant]=\"chip.typeClass || this.baseStatesDirective?.euiVariant || chip.baseStatesDirective?.euiVariant\"\n                        [euiSizeVariant]=\"chip.sizeClass || this.baseStatesDirective?.euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant\"\n                        [isSquared]=\"chip.isSquared || isSquared\"\n                        [euiDisabled]=\"chip.euiDisabled || this.baseStatesDirective?.euiDisabled || chip.isDisabled\"\n                        [euiTooltip]=\"chip.tooltipMessage\"\n                        [position]=\"chip.tooltip?.position\"\n                        [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                        (remove)=\"onRemove($event)\">\n                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiTruncatePipeModule } from '@eui/components/pipes';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipListComponent, EuiChipListAppendContentDirective } from './eui-chip-list.component';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiChipModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiLabelModule,\n        DragDropModule,\n        TranslateModule,\n        EuiTruncatePipeModule,\n        EuiTooltipDirectiveModule,\n    ],\n    declarations: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    exports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    providers: [EuiChipListDragService],\n})\nexport class EuiChipListModule {}\n"],
+  "sourcesContent": ["import { Injectable } from '@angular/core';\nimport { CdkDropList } from '@angular/cdk/drag-drop';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable()\nexport class EuiChipListDragService {\n    public componentConnector: CdkDropList[] = [];\n    public droppableArea: CdkDropList[] = [];\n    public removedFromDroppable = new BehaviorSubject(null);\n\n    public setComponentConnector(sourceName: string): void {\n        if (!this.componentConnector[sourceName]) {\n            this.componentConnector[sourceName] = [];\n        }\n    }\n\n    public setDroppableArea(componentRef: CdkDropList, sourceNames: string[]): void {\n        sourceNames.forEach((sourceName) => {\n            if (!this.droppableArea[sourceName]) {\n                this.droppableArea[sourceName] = [];\n            }\n\n            this.droppableArea[sourceName].push(componentRef);\n\n            if (!this.componentConnector[sourceName]) {\n                this.setComponentConnector(sourceName);\n            }\n\n            this.componentConnector[sourceName].push(componentRef);\n        });\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public removeFromDroppable(item: any | null): void {\n        this.removedFromDroppable.next(item);\n    }\n\n    public resetConnector(): void {\n        this.componentConnector = [];\n        this.droppableArea = [];\n    }\n}\n", "import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    ViewChild,\n    QueryList,\n    forwardRef,\n    ContentChildren,\n    OnInit,\n    ChangeDetectorRef,\n    AfterContentInit,\n    AfterViewInit,\n    EventEmitter,\n    Output,\n    OnDestroy,\n    Directive,\n    OnChanges,\n    SimpleChanges,\n    ElementRef,\n    ViewChildren,\n    booleanAttribute,\n    numberAttribute,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { Subject, startWith, takeUntil } from 'rxjs';\nimport {\n    CdkDragDrop,\n    moveItemInArray,\n    CdkDropList,\n    transferArrayItem,\n    CdkDragStart,\n    CdkDragEnter,\n    CdkDragRelease,\n} from '@angular/cdk/drag-drop';\n\nimport { EuiChipComponent, EuiChip, EuiChipTooltip } from '@eui/components/eui-chip';\n\nimport { EuiChipDragDrop } from './models/eui-chip-drag-drop.model';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    templateUrl: './eui-chip-list.component.html',\n    selector: 'eui-chip-list, div[euiChipList], ul[euiChipList]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiOutline',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiChipListComponent implements AfterViewInit, AfterContentInit, OnDestroy, OnChanges, OnInit {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() chips: any[];\n    @Input() toggleLinkMoreLabel: string = null;\n    @Input() toggleLinkLessLabel: string = null;\n    @Input() chipsSortOrder: 'ASC' | 'DESC' = 'ASC';\n    @Input() dragAndDropSourceName: string;\n    @Input() dragAndDropConnectedTo: string[] = [];\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Chip List';\n    @Input() dropListOrientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    @Input({ transform: booleanAttribute }) isSquared = false;\n    @Input({ transform: booleanAttribute }) isChipsRemovable = false;\n    @Input({ transform: booleanAttribute }) isMaxVisibleChipsOpened = false;\n    @Input({ transform: booleanAttribute }) isChipsSorted = false;\n    @Input({ transform: booleanAttribute }) isChipsDragAndDrop = false;\n    @Input({ transform: booleanAttribute }) isGrid = false;\n    @Input({ transform: numberAttribute }) maxVisibleChipsCount = null;\n    @Input({ transform: numberAttribute }) chipsLabelTruncateCount = null;\n\n    @Output() chipsInit = new EventEmitter<CdkDropList>();\n    @Output() chipRemove = new EventEmitter<{ chips: EuiChip[]; removed: EuiChip | { chip: EuiChip; event: Event } }>();\n    @Output() chipDragStart = new EventEmitter<EuiChipDragDrop>();\n    @Output() chipDragRelease = new EventEmitter<EuiChipDragDrop>();\n    @Output() chipDrop = new EventEmitter<EuiChipDragDrop>();\n    @Output() chiplistFocus = new EventEmitter<boolean>();\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return this.baseStatesDirective.getCssClasses('eui-chip-list');\n    }\n\n    public droppableArea: (CdkDropList | string)[];\n    public connectComponent: CdkDropList[] = [];\n    public e2eAttr = 'eui-chip-list';\n\n    @ContentChildren(forwardRef(() => EuiChipComponent)) euiChipsContent: QueryList<EuiChipComponent>;\n    @ViewChild('chipListDropList', { read: CdkDropList }) chipListDropList: CdkDropList;\n    @ViewChild('chipListDragAndDropItems', { read: CdkDropList }) chipListDragAndDropItems: CdkDropList;\n    @ViewChildren('euiChipItem', { read: ElementRef }) euiChipItems: QueryList<ElementRef>;\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private euiChipListDragService: EuiChipListDragService,\n        private domSanitizer: DomSanitizer,\n        protected baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c.chips && this.isChipsSorted) {\n            this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n        }\n    }\n\n    ngOnInit(): void {\n        this.chips = this.chips?.map((chip) => ({\n            ...chip,\n            tooltip: new EuiChipTooltip(chip.tooltip),\n        }));\n    }\n\n    ngAfterContentInit(): void {\n        this.chips = this.chips?.map((chip) => ({\n            ...chip,\n            tooltip: new EuiChipTooltip(chip.tooltip),\n        }));\n    }\n\n    ngAfterViewInit(): void {\n        this.chipsInit.emit(this.chipListDragAndDropItems);\n        if (this.isChipsSorted && this.chips) {\n            this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n        }\n\n        if (this.dragAndDropSourceName) {\n            this.euiChipListDragService.setComponentConnector(this.dragAndDropSourceName);\n        }\n\n        if (this.dragAndDropConnectedTo) {\n            this.euiChipListDragService.setDroppableArea(this.chipListDropList, this.dragAndDropConnectedTo);\n            this.dragAndDropConnectedTo.forEach((connectTo) => {\n                this.connectComponent = this.euiChipListDragService.componentConnector[connectTo];\n            });\n        }\n\n        setTimeout(() => {\n            this.droppableArea = this.euiChipListDragService.droppableArea[this.dragAndDropSourceName];\n            this.cd.detectChanges();\n        });\n\n        Object.keys(this.euiChipListDragService.componentConnector).map((connectTo) => {\n            this.euiChipListDragService.componentConnector[connectTo].push(this.chipListDragAndDropItems);\n        });\n\n        this.euiChipsContent.changes.pipe(startWith(true), takeUntil(this.destroy$)).subscribe(() => {\n            if (this.euiChipsContent.toArray().length > 0) {\n                this.chips = this.euiChipsContent.toArray().map((chip) => Object.assign(chip, { euiInternalId: this.generateId() }));\n\n                if (this.isChipsSorted) {\n                    this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n                }\n                this.cd.detectChanges();\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.euiChipListDragService.resetConnector();\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    public toggleTags(): void {\n        this.isMaxVisibleChipsOpened = !this.isMaxVisibleChipsOpened;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getChipContent(euiChip: any): string {\n        return euiChip.chipLabel ? this.domSanitizer.bypassSecurityTrustHtml(euiChip.chipLabel.nativeElement.innerHTML) : euiChip.label;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getChipLabel(euiChip: any): string {\n        return euiChip.chipLabel ? euiChip.chipLabel.nativeElement.textContent : euiChip.label;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getChipIconBefore(euiChip: any): boolean {\n        return euiChip.iconBefore;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getChipIconAfter(euiChip: any): boolean {\n        return euiChip.iconAfter;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public onRemove(removed: EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event } | any): void {\n        const chips = this.euiChipsContent.toArray().length > 0 ? this.chips.map((c) => c.data) : this.chips;\n        const removedChip = removed as { chip: EuiChip; event: Event };\n        let index = removedChip instanceof EuiChip ? chips.indexOf(removedChip) : chips.indexOf(removedChip.chip);\n\n        if (index === -1 && removed.id) {\n            index = chips.map((chip) => chip.id).indexOf(removed.id);\n        }\n\n        this.chips.splice(index, 1);\n\n        this.chipRemove.emit({\n            chips: this.euiChipsContent.toArray().length > 0 ? this.chips.map((c) => c.data) : this.chips,\n            removed: removedChip,\n        });\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public trackByFn(index: number, euiChip: any): string {\n        return euiChip.euiInternalId ? euiChip.euiInternalId : euiChip.id;\n    }\n\n    public onDragEnter(event: CdkDragEnter): void {\n        const dropList = event.container;\n        const phContainer = dropList.element.nativeElement;\n        const phElement = phContainer.querySelector('.cdk-drag-placeholder');\n        phContainer.parentElement.insertBefore(phElement, phContainer);\n        moveItemInArray(this.chips, event.item.data.index, event.container.data.index);\n    }\n\n    public onDropGrid(e: CdkDragDrop<{ chip: EuiChip; index: number }>): void {\n        this.chipDrop.emit(\n            {\n                type: 'dropped',\n                sourceName: this.dragAndDropSourceName,\n                chip: e.item.data.chip,\n                chips: this.chips,\n            },\n        );\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public drop(e: CdkDragDrop<{ chips: any[] }>): void {\n        if (e.previousContainer === e.container) {\n            moveItemInArray(e.container.data['chips'], e.previousIndex, e.currentIndex);\n        } else {\n            transferArrayItem(\n                e.previousContainer.data['chips'],\n                e.container.data['chips'],\n                e.previousContainer.data['chips'].indexOf(e.item.data),\n                e.currentIndex,\n            );\n            // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            this.chips = e.container.data['chips'].map((item: any) => item);\n        }\n\n        this.chipDrop.emit(\n            {\n                type: 'dropped',\n                sourceName: this.dragAndDropSourceName,\n                chip: e.item.data,\n                chips: e.container.data['chips'],\n            },\n        );\n    }\n\n    public onDragStarted(event: CdkDragStart): void {\n        this.chipDragStart.emit(\n            {\n                type: 'started',\n                sourceName: this.dragAndDropSourceName,\n                chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n                chips: this.chips,\n            },\n        );\n    }\n\n    public onDragReleased(event: CdkDragRelease): void {\n        this.chipDragRelease.emit(\n            {\n                type: 'released',\n                sourceName: this.dragAndDropSourceName,\n                chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n                chips: this.chips,\n            },\n        );\n    }\n\n    onFocus(): void {\n        this.chiplistFocus.emit(true);\n    }\n\n    private generateId(): string {\n        return '_' + Math.random().toString(36).substr(2, 9);\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private orderItems(tab: any, sortOrder: string): any[] {\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        tab.sort((a: any, b: any) => {\n            const aObj = a.chipLabel ? a.chipLabel.nativeElement.textContent.toLowerCase() : a.label.toLowerCase();\n            const bObj = b.chipLabel ? b.chipLabel.nativeElement.textContent.toLowerCase() : b.label.toLowerCase();\n\n            if (sortOrder === 'ASC') {\n                if (aObj < bObj) {\n                    return -1;\n                }\n                if (aObj > bObj) {\n                    return 1;\n                }\n                return 0;\n            } else {\n                if (aObj > bObj) {\n                    return -1;\n                }\n                if (aObj < bObj) {\n                    return 1;\n                }\n                return 0;\n            }\n        });\n\n        return tab;\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiChipListAppendContent' })\nexport class EuiChipListAppendContentDirective {}\n/* eslint-enable */\n", "<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div\n            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || this.baseStatesDirective?.euiOutline || chip.isOutline\"\n                    [euiVariant]=\"chip.typeClass || this.baseStatesDirective?.euiVariant || chip.baseStatesDirective?.euiVariant\"\n                    [euiSizeVariant]=\"chip.sizeClass || this.baseStatesDirective?.euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant\"\n                    [isSquared]=\"chip.isSquared || isSquared\"\n                    [euiDisabled]=\"chip.euiDisabled || this.baseStatesDirective?.euiDisabled || chip.isDisabled\"\n                    [euiTooltip]=\"chip.tooltipMessage\"\n                    [position]=\"chip.tooltip?.position\"\n                    [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                    (remove)=\"onRemove($event)\">\n                    <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                    <span class=\"eui-chip-list__chip-content\" *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                    <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                        getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                    }}</span>\n                </eui-chip>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            <div\n                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || this.baseStatesDirective?.euiOutline || chip.isOutline\"\n                        [euiVariant]=\"chip.typeClass || this.baseStatesDirective?.euiVariant || chip.baseStatesDirective?.euiVariant\"\n                        [euiSizeVariant]=\"chip.sizeClass || this.baseStatesDirective?.euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant\"\n                        [isSquared]=\"chip.isSquared || isSquared\"\n                        [euiDisabled]=\"chip.euiDisabled || this.baseStatesDirective?.euiDisabled || chip.isDisabled\"\n                        [euiTooltip]=\"chip.tooltipMessage\"\n                        [position]=\"chip.tooltip?.position\"\n                        [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                        (remove)=\"onRemove($event)\">\n                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"chevron-back:sharp\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"chevron-forward:sharp\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiTruncatePipeModule } from '@eui/components/pipes';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipListComponent, EuiChipListAppendContentDirective } from './eui-chip-list.component';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiChipModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiLabelModule,\n        DragDropModule,\n        TranslateModule,\n        EuiTruncatePipeModule,\n        EuiTooltipDirectiveModule,\n    ],\n    declarations: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    exports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    providers: [EuiChipListDragService],\n})\nexport class EuiChipListModule {}\n"],
   "mappings": "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",
   "names": ["i0"]
 }

package/fesm2022/eui-components-eui-dialog.mjs CHANGED Viewed

@@ -228,7 +228,7 @@ var EuiDialogContainerComponent = class _EuiDialogContainerComponent {
                         euiBasicButton
                         euiSizeS
                         aria-label="Dialog close icon">
-                        <eui-icon-svg icon="eui-close"></eui-icon-svg>
+                        <eui-icon-svg icon="eui-ecl-close"></eui-icon-svg>
                     </button>
                 }
             }
@@ -250,22 +250,22 @@ var EuiDialogContainerComponent = class _EuiDialogContainerComponent {
                 <span class="eui-dialog__body-content-icon-container">
                     <div class="eui-dialog__body-content-icon">
                         @if (dialogContainerConfig.typeClass === 'primary' || dialogContainerConfig.typeClass === '') {
-                            <eui-icon-svg icon="eui-question" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="help:sharp" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'secondary') {
-                            <eui-icon-svg icon="eui-ecl-warning" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-warning" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'info') {
-                            <eui-icon-svg icon="eui-info" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-information" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'success') {
-                            <eui-icon-svg icon="eui-check" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-check-filled" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'warning') {
-                            <eui-icon-svg icon="eui-ecl-warning" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-warning" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'danger') {
-                            <eui-icon-svg icon="eui-ecl-error" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-error" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                     </div>
                 </span>
@@ -333,7 +333,7 @@ var EuiDialogContainerComponent = class _EuiDialogContainerComponent {
         }
     </div>
 </div>
-`, styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+`, styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiDialogContainerComponent, decorators: [{
@@ -368,7 +368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
                         euiBasicButton
                         euiSizeS
                         aria-label="Dialog close icon">
-                        <eui-icon-svg icon="eui-close"></eui-icon-svg>
+                        <eui-icon-svg icon="eui-ecl-close"></eui-icon-svg>
                     </button>
                 }
             }
@@ -390,22 +390,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
                 <span class="eui-dialog__body-content-icon-container">
                     <div class="eui-dialog__body-content-icon">
                         @if (dialogContainerConfig.typeClass === 'primary' || dialogContainerConfig.typeClass === '') {
-                            <eui-icon-svg icon="eui-question" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="help:sharp" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'secondary') {
-                            <eui-icon-svg icon="eui-ecl-warning" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-warning" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'info') {
-                            <eui-icon-svg icon="eui-info" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-information" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'success') {
-                            <eui-icon-svg icon="eui-check" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-check-filled" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'warning') {
-                            <eui-icon-svg icon="eui-ecl-warning" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-warning" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                         @if (dialogContainerConfig.typeClass === 'danger') {
-                            <eui-icon-svg icon="eui-ecl-error" fillColor="{{ dialogContainerConfig.typeClass }}"></eui-icon-svg>
+                            <eui-icon-svg icon="eui-ecl-error" fillColor="{{ dialogContainerConfig.typeClass }}" size="xl"></eui-icon-svg>
                         }
                     </div>
                 </span>
@@ -473,7 +473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
         }
     </div>
 </div>
-`, styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
+`, styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Inject,
   args: [DIALOG_CONTAINER_CONFIG]
@@ -898,7 +898,7 @@ var EuiDialogComponent = class _EuiDialogComponent {
     this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: _EuiDialogComponent, deps: [{ token: i03.ViewContainerRef }, { token: EuiDialogService }, { token: i22.BaseStatesDirective }], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiDialogComponent, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", typeClass: "typeClass", verticalPosition: "verticalPosition", width: "width", height: "height", isFullScreen: ["isFullScreen", "isFullScreen", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], hasAcceptButton: ["hasAcceptButton", "hasAcceptButton", booleanAttribute], hasDismissButton: ["hasDismissButton", "hasDismissButton", booleanAttribute], hasMobileCustomSize: ["hasMobileCustomSize", "hasMobileCustomSize", booleanAttribute], isClosedOnClickOutside: ["isClosedOnClickOutside", "isClosedOnClickOutside", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], isClosedOnEscape: ["isClosedOnEscape", "isClosedOnEscape", booleanAttribute], hasClosedOnEscape: ["hasClosedOnEscape", "hasClosedOnEscape", booleanAttribute], isHandleCloseOnDismiss: ["isHandleCloseOnDismiss", "isHandleCloseOnDismiss", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute], isHandleCloseOnAccept: ["isHandleCloseOnAccept", "isHandleCloseOnAccept", booleanAttribute], isHandleCloseOnClickOutside: ["isHandleCloseOnClickOutside", "isHandleCloseOnClickOutside", booleanAttribute], isHandleCloseOnEscape: ["isHandleCloseOnEscape", "isHandleCloseOnEscape", booleanAttribute], isMessageBox: ["isMessageBox", "isMessageBox", booleanAttribute], isDraggable: ["isDraggable", "isDraggable", booleanAttribute], hasNoBodyPadding: ["hasNoBodyPadding", "hasNoBodyPadding", booleanAttribute], hasFooter: ["hasFooter", "hasFooter", booleanAttribute] }, outputs: { clickOutside: "clickOutside", escape: "escape", dialogOpen: "dialogOpen", dialogClose: "dialogClose", dismiss: "dismiss", accept: "accept" }, providers: [{ provide: DIALOG_COMPONENT_CONFIG, useValue: null }], queries: [{ propertyName: "euiDialogHeaderDirective", first: true, predicate: i03.forwardRef(() => EuiDialogHeaderDirective), descendants: true }, { propertyName: "euiDialogFooterDirective", first: true, predicate: i03.forwardRef(() => EuiDialogFooterDirective), descendants: true }], viewQueries: [{ propertyName: "templateRefHeader", first: true, predicate: ["templateRefHeader"], descendants: true }, { propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i03, template: '<ng-template #templateRefHeader>\n    <ng-content select="eui-dialog-header"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select="eui-dialog-footer"></ng-content>\n</ng-template>\n', styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiDialogComponent, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", typeClass: "typeClass", verticalPosition: "verticalPosition", width: "width", height: "height", isFullScreen: ["isFullScreen", "isFullScreen", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], hasAcceptButton: ["hasAcceptButton", "hasAcceptButton", booleanAttribute], hasDismissButton: ["hasDismissButton", "hasDismissButton", booleanAttribute], hasMobileCustomSize: ["hasMobileCustomSize", "hasMobileCustomSize", booleanAttribute], isClosedOnClickOutside: ["isClosedOnClickOutside", "isClosedOnClickOutside", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], isClosedOnEscape: ["isClosedOnEscape", "isClosedOnEscape", booleanAttribute], hasClosedOnEscape: ["hasClosedOnEscape", "hasClosedOnEscape", booleanAttribute], isHandleCloseOnDismiss: ["isHandleCloseOnDismiss", "isHandleCloseOnDismiss", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute], isHandleCloseOnAccept: ["isHandleCloseOnAccept", "isHandleCloseOnAccept", booleanAttribute], isHandleCloseOnClickOutside: ["isHandleCloseOnClickOutside", "isHandleCloseOnClickOutside", booleanAttribute], isHandleCloseOnEscape: ["isHandleCloseOnEscape", "isHandleCloseOnEscape", booleanAttribute], isMessageBox: ["isMessageBox", "isMessageBox", booleanAttribute], isDraggable: ["isDraggable", "isDraggable", booleanAttribute], hasNoBodyPadding: ["hasNoBodyPadding", "hasNoBodyPadding", booleanAttribute], hasFooter: ["hasFooter", "hasFooter", booleanAttribute] }, outputs: { clickOutside: "clickOutside", escape: "escape", dialogOpen: "dialogOpen", dialogClose: "dialogClose", dismiss: "dismiss", accept: "accept" }, providers: [{ provide: DIALOG_COMPONENT_CONFIG, useValue: null }], queries: [{ propertyName: "euiDialogHeaderDirective", first: true, predicate: i03.forwardRef(() => EuiDialogHeaderDirective), descendants: true }, { propertyName: "euiDialogFooterDirective", first: true, predicate: i03.forwardRef(() => EuiDialogFooterDirective), descendants: true }], viewQueries: [{ propertyName: "templateRefHeader", first: true, predicate: ["templateRefHeader"], descendants: true }, { propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i03, template: '<ng-template #templateRefHeader>\n    <ng-content select="eui-dialog-header"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select="eui-dialog-footer"></ng-content>\n</ng-template>\n', styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
   }
 };
 i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: EuiDialogComponent, decorators: [{
@@ -917,7 +917,7 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", n
         "euiVariant"
       ]
     }
-  ], template: '<ng-template #templateRefHeader>\n    <ng-content select="eui-dialog-header"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select="eui-dialog-footer"></ng-content>\n</ng-template>\n', styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
+  ], template: '<ng-template #templateRefHeader>\n    <ng-content select="eui-dialog-header"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n    <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select="eui-dialog-footer"></ng-content>\n</ng-template>\n', styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
 }], ctorParameters: () => [{ type: i03.ViewContainerRef }, { type: EuiDialogService }, { type: i22.BaseStatesDirective }], propDecorators: { e2eAttr: [{
   type: Input
 }], title: [{