@eui/components 19.2.3-snapshot-1747127910630 → 19.2.3-snapshot-1747235808987

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-chip-list.mjs","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","../../eui-chip-list/index.ts","../../eui-chip-list/eui-components-eui-chip-list.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { CdkDropList } from '@angular/cdk/drag-drop';\nimport { BehaviorSubject } from 'rxjs';\n\n/**\n * @description\n * Service used internally by `eui-chip-list` for the drag and drop feature.\n */\n@Injectable()\nexport class EuiChipListDragService {\n    public componentConnector: CdkDropList[] = [];\n    public droppableArea: CdkDropList[] = [];\n    public removedFromDroppable = new BehaviorSubject(null);\n\n    /**\n     * Creates a source with a name provided in chip-list component\n     * \n     * @param sourceName Name of the source\n     */\n    public setComponentConnector(sourceName: string): void {\n        if (!this.componentConnector[sourceName]) {\n            this.componentConnector[sourceName] = [];\n        }\n    }\n\n    /**\n     * Creates an area in which the chips can be dropped.\n     * \n     * @param componentRef Reference to the area.\n     * @param sourceNames Possible source that can be dropped.\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    /**\n     * Reset the service when `OnDestroy` hook of the component is called.\n     */\n    public resetConnector(): void {\n        this.componentConnector = [];\n        this.droppableArea = [];\n    }\n}\n","import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\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    inject,\n} from '@angular/core';\n\nimport { EUI_CHIP } from '@eui/components/eui-chip';\nimport { EUI_BUTTON } from '@eui/components/eui-button';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EuiTruncatePipe } from '@eui/components/pipes';\nimport { EuiTooltipDirective } from '@eui/components/directives';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/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    DragDropModule,\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';\n\n/**\n * @description\n * Multiple eui-chips displayed dynamically as a group of multiple interactive elements.\n */\n@Component({\n    templateUrl: './eui-chip-list.component.html',\n    selector: 'eui-chip-list, div[euiChipList], ul[euiChipList]',\n    styleUrl: './eui-chip-list.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        NgTemplateOutlet,\n        DragDropModule,\n        TranslateModule,\n        EuiTruncatePipe,\n        EuiTooltipDirective,\n        ...EUI_CHIP,\n        ...EUI_BUTTON,\n        ...EUI_ICON,\n    ],\n    providers: [EuiChipListDragService],\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    /**\n     * Array of chips to display in the list when used with the data approach.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() chips: any[];\n    /**\n     * In combination with `maxVisibleChipsCount`, sets the label of the 'more chips' button, if not provided an arrow right icon will be displayed only.\n     *\n     * @type {string}\n     */\n    @Input() toggleLinkMoreLabel: string = null;\n    /**\n     * In combination with `maxVisibleChipsCount`, sets the label of the 'less chips' button, if not provided an arrow left icon will be displayed only.\n     *\n     * @type {string}\n     */\n    @Input() toggleLinkLessLabel: string = null;\n    /**\n     * In combination with `isChipsSorted`. Sets the sort criteria of the chips.\n     *\n     * @type {('ASC' | 'DESC')}\n     * @default 'ASC'\n     */\n    @Input() chipsSortOrder: 'ASC' | 'DESC' = 'ASC';\n    /**\n     * In combination with `isChipsDragAndDrop`, sets the name to the chips source.\n     *\n     * @type {string}\n     */\n    @Input() dragAndDropSourceName: string;\n    /**\n     * In combination with `isChipsDragAndDrop`, sets the name to the chips source with which a drag and drop will be done.\n     *\n     * @type {string}\n     */\n    @Input() dragAndDropConnectedTo: string[] = [];\n    /**\n     * Sets the `aria-label` attribute for the host element.\n     *\n     * @default 'eUI Chip List'\n     */\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Chip List';\n    /**\n     * In combination with `isChipsDragAndDrop`, sets the orientation of the list.\n     *\n     * @type {string} 'horizontal' | 'vertical'\n     * @default 'horizontal'\n     */\n    @Input() dropListOrientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    /**\n     * @deprecated This option is not applicable anymore to comply Design System.\n     */\n    @Input({ transform: booleanAttribute }) isSquared = false;\n    /**\n     * Whether the chip can be removed from the list.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isChipsRemovable = false;\n    /**\n     * In combination with `maxVisibleChipsCount`. Whether all chips are shown by default.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isMaxVisibleChipsOpened = false;\n    /**\n     * Whether this chips are sorted on their label.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isChipsSorted = false;\n    /**\n     * Whether the chips can be drag and dropped.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isChipsDragAndDrop = false;\n    /**\n     * In combination with `isChipsDragAndDrop`. Whether the chips are drag and droppable in a flex container.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isGrid = false;\n    /**\n     * Whether a limited amount, defined by this option, is used to display the chips.\n     */\n    @Input({ transform: numberAttribute }) maxVisibleChipsCount = null;\n    /**\n     * Whether the chips label length are limited by the value of this option.\n     */\n    @Input({ transform: numberAttribute }) chipsLabelTruncateCount = null;\n\n    /**\n     * Event emitted with `CdkDropList` object when the chiplist is initiated.\n     */\n    @Output() chipsInit = new EventEmitter<CdkDropList>();\n    /**\n     * Event emitted when a chip is removed from the list.\n     */\n    @Output() chipRemove = new EventEmitter<{ chips: EuiChip[]; removed: EuiChip | { chip: EuiChip; event: Event } }>();\n    /**\n     * Event emitted when a chip drag starts.\n     */\n    @Output() chipDragStart = new EventEmitter<EuiChipDragDrop>();\n    /**\n     * Event emitted when a chip drag is released.\n     */\n    @Output() chipDragRelease = new EventEmitter<EuiChipDragDrop>();\n    /**\n     * Event emitted when a chip drag is released.\n     */\n    @Output() chipDrop = new EventEmitter<EuiChipDragDrop>();\n    /**\n     * Event emitted when the list gets the focus.\n     */\n    @Output() chiplistFocus = new EventEmitter<boolean>();\n\n    /**\n     * @description\n     * Computes and returns the CSS classes for the label title component based on its current state.\n     *\n     * @returns {string} Space-separated string of CSS class names\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    private cd = inject(ChangeDetectorRef);\n    private euiChipListDragService = inject(EuiChipListDragService);\n    private domSanitizer = inject(DomSanitizer);\n    protected baseStatesDirective = inject(BaseStatesDirective);\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    /**\n     * Method toggling the display of the chips in combination with `maxVisibleChipsCount`.\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).toString() : 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    /**\n     * Method that returns a boolean indicating if an icon has been declared before the label.\n     *\n     * @param euiChip Chip to check.\n     * @returns `true` if an icon has been declared otherwise `false`.\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    /**\n     * Method that returns a boolean indicating of an icon has been declared after the label.\n     *\n     * @param euiChip Chip to check.\n     * @returns `true` if an icon has been declared otherwise `false`.\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    /**\n     * Remove chip from the list handler\n     *\n     * @param removed Chip that is removed\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    /**\n     * Drag and Drop chip handler used when a chip is moved to another container.\n     *\n     * @param event `CdkDragEnter` object used to move the chip in a list.\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    /**\n     * Method called when a chip is dropped.\n     *\n     * @param event `CdkDragDrop` object used to move the chip in a list.\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    /**\n     * Drag and Drop chip handler used when a chip is moved inside a container.\n     *\n     * @param e `CdkDragDrop` object used to move the chip in a list.\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    /**\n     * Method called when a chip starts to be dragged.\n     *\n     * @param event `CdkDragStart` object used to move the chip in a list.\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    /**\n     * Method called when a chip is released after dragging.\n     *\n     * @param event `CdkDragRelease` object used to move the chip in a list.\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    /**\n     * Method called when the list gets the focus.\n     */\n    onFocus(): void {\n        this.chiplistFocus.emit(true);\n    }\n\n    /**\n     * Generates a random id to be used in the chips.\n     *\n     * @returns an id as a string\n     */\n    private generateId(): string {\n        return '_' + Math.random().toString(36).substr(2, 9);\n    }\n\n    /**\n     * Method that orders the chips in the list.\n     *\n     * @param tab Array of chips to order.\n     * @param sortOrder Sorting to apply `ASC` or `DESC`.\n     * @returns The array ordered.\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/**\n * @description\n * This directive is only used internally by eui-autocomplete component to be able to display the chips above, below and inside the text input with an option.\n */\n/* eslint-disable */\n@Directive({ selector: 'euiChipListAppendContent' })\nexport class EuiChipListAppendContentDirective {}\n/* eslint-enable */\n","<div class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n\n    @if (!isGrid) {\n        <div\n            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"chips ? { chips } : { chips: [] }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n\n            @for ( chip of chips; track chip; let i = $index; ) {\n                @if (\n                    (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                    (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                    !maxVisibleChipsCount\n                ) {\n                    <div\n                        class=\"eui-chip-list__chip-container\"\n                        [class.eui-chip--hidden]=\"maxVisibleChipsCount > i\"\n                        cdkDrag\n                        [cdkDragData]=\"chip\"\n                        (cdkDragStarted)=\"onDragStarted($event)\"\n                        (cdkDragReleased)=\"onDragReleased($event)\">\n                        <eui-chip\n                            #euiChipItem\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                            [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\n                            @if (chip.iconSvgName) {\n                                <eui-icon-svg [icon]=\"chip.iconSvgName\" />\n                            }\n                            @if (chip.iconClass) {\n                                <span class=\"{{ chip.iconClass }}\"></span>\n                            }\n                            @if (chipsLabelTruncateCount) {\n                                <span title=\"{{ getChipLabel(chip) }}\">\n                                    {{ getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount }}\n                                </span>\n                            } @else {\n                                <span class=\"eui-chip-list__chip-content\" [innerHTML]=\"getChipContent(chip)\"></span>\n                            }                            \n                        </eui-chip>\n                    </div>\n                }\n            }\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n        </div>\n\n    } @else {\n\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            @for ( chip of chips; track chip; let i = $index; ) {\n                @if (\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    )\n                {\n                    <div\n                        role=\"list\"\n                        #chipList\n                        #chipListDropList\n                        #chipListDragAndDropItems\n                        cdkDropList\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                                    [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                                    [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                                    \n                                    @if (chip.iconSvgName) {\n                                        <eui-icon-svg [icon]=\"chip.iconSvgName\" />\n                                    }\n                                    @if (chipsLabelTruncateCount) {\n                                        <span title=\"{{ getChipLabel(chip) }}\">\n                                            {{ getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount }}\n                                        </span>\n                                    } @else {\n                                        <span class=\"eui-chip-list__chip-content\" [innerHTML]=\"getChipContent(chip)\"></span>\n                                    }\n                                </eui-chip>\n                            </div>\n                    </div>\n                    <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n                    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n                }\n            }\n        </div>\n    }\n    </div>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\" />\n</ng-template>\n\n<ng-template #additionalContent>\n    @if (maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount) {\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\">\n\n                @if (isMaxVisibleChipsOpened) {\n                    <eui-icon-svg icon=\"chevron-back:sharp\" aria-label=\"Collapse icon\" />\n                    @if (toggleLinkLessLabel) {\n                        {{ toggleLinkLessLabel | translate }}\n                    }\n                } @else {\n                    @if (toggleLinkMoreLabel) {\n                        {{ toggleLinkMoreLabel | translate }}\n                    }\n                    <eui-icon-svg icon=\"chevron-forward:sharp\" aria-label=\"Expand icon\" />\n                }\n            </button>\n        </div>\n    }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { EuiChipListComponent, EuiChipListAppendContentDirective } from './eui-chip-list.component';\n\n/**\n * @description\n * Module that provides the EuiChipList component and its dependencies\n *\n * @deprecated Use {@link EUI_CHIP_LIST} instead. \n */\n@NgModule({\n    imports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    exports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n})\nexport class EuiChipListModule {}\n","import { EuiChipListAppendContentDirective, EuiChipListComponent } from './eui-chip-list.component';\n\nexport * from './eui-chip-list.component';\nexport * from './models/eui-chip-drag-drop.model';\nexport * from './eui-chip-list.module';\n\nexport const EUI_CHIP_LIST = [\n    EuiChipListAppendContentDirective,\n    EuiChipListComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-chip-list.mjs","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","../../eui-chip-list/index.ts","../../eui-chip-list/eui-components-eui-chip-list.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { CdkDropList } from '@angular/cdk/drag-drop';\nimport { BehaviorSubject } from 'rxjs';\n\n/**\n * @description\n * Service used internally by `eui-chip-list` for the drag and drop feature.\n */\n@Injectable()\nexport class EuiChipListDragService {\n    public componentConnector: CdkDropList[] = [];\n    public droppableArea: CdkDropList[] = [];\n    public removedFromDroppable = new BehaviorSubject(null);\n\n    /**\n     * Creates a source with a name provided in chip-list component\n     * \n     * @param sourceName Name of the source\n     */\n    public setComponentConnector(sourceName: string): void {\n        if (!this.componentConnector[sourceName]) {\n            this.componentConnector[sourceName] = [];\n        }\n    }\n\n    /**\n     * Creates an area in which the chips can be dropped.\n     * \n     * @param componentRef Reference to the area.\n     * @param sourceNames Possible source that can be dropped.\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    /**\n     * Reset the service when `OnDestroy` hook of the component is called.\n     */\n    public resetConnector(): void {\n        this.componentConnector = [];\n        this.droppableArea = [];\n    }\n}\n","import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\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    inject,\n} from '@angular/core';\n\nimport { EUI_CHIP } from '@eui/components/eui-chip';\nimport { EUI_BUTTON } from '@eui/components/eui-button';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EuiTruncatePipe } from '@eui/components/pipes';\nimport { EuiTooltipDirective } from '@eui/components/directives';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/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    DragDropModule,\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';\n\n/**\n * @description\n * Multiple eui-chips displayed dynamically as a group of multiple interactive elements.\n */\n@Component({\n    templateUrl: './eui-chip-list.component.html',\n    selector: 'eui-chip-list, div[euiChipList], ul[euiChipList]',\n    styleUrl: './eui-chip-list.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        NgTemplateOutlet,\n        DragDropModule,\n        TranslateModule,\n        EuiTruncatePipe,\n        EuiTooltipDirective,\n        ...EUI_CHIP,\n        ...EUI_BUTTON,\n        ...EUI_ICON,\n    ],\n    providers: [EuiChipListDragService],\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    /**\n     * Array of chips to display in the list when used with the data approach.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() chips: any[];\n    /**\n     * In combination with `maxVisibleChipsCount`, sets the label of the 'more chips' button, if not provided an arrow right icon will be displayed only.\n     *\n     * @type {string}\n     */\n    @Input() toggleLinkMoreLabel: string = null;\n    /**\n     * In combination with `maxVisibleChipsCount`, sets the label of the 'less chips' button, if not provided an arrow left icon will be displayed only.\n     *\n     * @type {string}\n     */\n    @Input() toggleLinkLessLabel: string = null;\n    /**\n     * In combination with `isChipsSorted`. Sets the sort criteria of the chips.\n     *\n     * @type {('ASC' | 'DESC')}\n     * @default 'ASC'\n     */\n    @Input() chipsSortOrder: 'ASC' | 'DESC' = 'ASC';\n    /**\n     * In combination with `isChipsDragAndDrop`, sets the name to the chips source.\n     *\n     * @type {string}\n     */\n    @Input() dragAndDropSourceName: string;\n    /**\n     * In combination with `isChipsDragAndDrop`, sets the name to the chips source with which a drag and drop will be done.\n     *\n     * @type {string}\n     */\n    @Input() dragAndDropConnectedTo: string[] = [];\n    /**\n     * Sets the `aria-label` attribute for the host element.\n     *\n     * @default 'eUI Chip List'\n     */\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Chip List';\n    /**\n     * In combination with `isChipsDragAndDrop`, sets the orientation of the list.\n     *\n     * @type {string} 'horizontal' | 'vertical'\n     * @default 'horizontal'\n     */\n    @Input() dropListOrientation: 'horizontal' | 'vertical' = 'horizontal';\n\n    /**\n     * @deprecated This option is not applicable anymore to comply Design System.\n     */\n    @Input({ transform: booleanAttribute }) isSquared = false;\n    /**\n     * Whether the chip can be removed from the list.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isChipsRemovable = false;\n    /**\n     * In combination with `maxVisibleChipsCount`. Whether all chips are shown by default.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isMaxVisibleChipsOpened = false;\n    /**\n     * Whether this chips are sorted on their label.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isChipsSorted = false;\n    /**\n     * Whether the chips can be drag and dropped.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isChipsDragAndDrop = false;\n    /**\n     * In combination with `isChipsDragAndDrop`. Whether the chips are drag and droppable in a flex container.\n     *\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isGrid = false;\n    /**\n     * Whether a limited amount, defined by this option, is used to display the chips.\n     */\n    @Input({ transform: numberAttribute }) maxVisibleChipsCount = null;\n    /**\n     * Whether the chips label length are limited by the value of this option.\n     */\n    @Input({ transform: numberAttribute }) chipsLabelTruncateCount = null;\n\n    /**\n     * Event emitted with `CdkDropList` object when the chiplist is initiated.\n     */\n    @Output() chipsInit = new EventEmitter<CdkDropList>();\n    /**\n     * Event emitted when a chip is removed from the list.\n     */\n    @Output() chipRemove = new EventEmitter<{ chips: EuiChip[]; removed: EuiChip | { chip: EuiChip; event: Event } }>();\n    /**\n     * Event emitted when a chip drag starts.\n     */\n    @Output() chipDragStart = new EventEmitter<EuiChipDragDrop>();\n    /**\n     * Event emitted when a chip drag is released.\n     */\n    @Output() chipDragRelease = new EventEmitter<EuiChipDragDrop>();\n    /**\n     * Event emitted when a chip drag is released.\n     */\n    @Output() chipDrop = new EventEmitter<EuiChipDragDrop>();\n    /**\n     * Event emitted when the list gets the focus.\n     */\n    @Output() chiplistFocus = new EventEmitter<boolean>();\n\n    /**\n     * @description\n     * Computes and returns the CSS classes for the label title component based on its current state.\n     *\n     * @returns {string} Space-separated string of CSS class names\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    private cd = inject(ChangeDetectorRef);\n    private euiChipListDragService = inject(EuiChipListDragService);\n    private domSanitizer = inject(DomSanitizer);\n    protected baseStatesDirective = inject(BaseStatesDirective);\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    /**\n     * Method toggling the display of the chips in combination with `maxVisibleChipsCount`.\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) as string) : 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    /**\n     * Method that returns a boolean indicating if an icon has been declared before the label.\n     *\n     * @param euiChip Chip to check.\n     * @returns `true` if an icon has been declared otherwise `false`.\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    /**\n     * Method that returns a boolean indicating of an icon has been declared after the label.\n     *\n     * @param euiChip Chip to check.\n     * @returns `true` if an icon has been declared otherwise `false`.\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    /**\n     * Remove chip from the list handler\n     *\n     * @param removed Chip that is removed\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    /**\n     * Drag and Drop chip handler used when a chip is moved to another container.\n     *\n     * @param event `CdkDragEnter` object used to move the chip in a list.\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    /**\n     * Method called when a chip is dropped.\n     *\n     * @param event `CdkDragDrop` object used to move the chip in a list.\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    /**\n     * Drag and Drop chip handler used when a chip is moved inside a container.\n     *\n     * @param e `CdkDragDrop` object used to move the chip in a list.\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    /**\n     * Method called when a chip starts to be dragged.\n     *\n     * @param event `CdkDragStart` object used to move the chip in a list.\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    /**\n     * Method called when a chip is released after dragging.\n     *\n     * @param event `CdkDragRelease` object used to move the chip in a list.\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    /**\n     * Method called when the list gets the focus.\n     */\n    onFocus(): void {\n        this.chiplistFocus.emit(true);\n    }\n\n    /**\n     * Generates a random id to be used in the chips.\n     *\n     * @returns an id as a string\n     */\n    private generateId(): string {\n        return '_' + Math.random().toString(36).substr(2, 9);\n    }\n\n    /**\n     * Method that orders the chips in the list.\n     *\n     * @param tab Array of chips to order.\n     * @param sortOrder Sorting to apply `ASC` or `DESC`.\n     * @returns The array ordered.\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/**\n * @description\n * This directive is only used internally by eui-autocomplete component to be able to display the chips above, below and inside the text input with an option.\n */\n/* eslint-disable */\n@Directive({ selector: 'euiChipListAppendContent' })\nexport class EuiChipListAppendContentDirective {}\n/* eslint-enable */\n","<div class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n\n    @if (!isGrid) {\n        <div\n            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"chips ? { chips } : { chips: [] }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n\n            @for ( chip of chips; track chip; let i = $index; ) {\n                @if (\n                    (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                    (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                    !maxVisibleChipsCount\n                ) {\n                    <div\n                        class=\"eui-chip-list__chip-container\"\n                        [class.eui-chip--hidden]=\"maxVisibleChipsCount > i\"\n                        cdkDrag\n                        [cdkDragData]=\"chip\"\n                        (cdkDragStarted)=\"onDragStarted($event)\"\n                        (cdkDragReleased)=\"onDragReleased($event)\">\n                        <eui-chip\n                            #euiChipItem\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                            [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\n                            @if (chip.iconSvgName) {\n                                <eui-icon-svg [icon]=\"chip.iconSvgName\" />\n                            }\n                            @if (chip.iconClass) {\n                                <span class=\"{{ chip.iconClass }}\"></span>\n                            }\n                            @if (chipsLabelTruncateCount) {\n                                <span title=\"{{ getChipLabel(chip) }}\">\n                                    {{ getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount }}\n                                </span>\n                            } @else {\n                                <span class=\"eui-chip-list__chip-content\" [innerHTML]=\"getChipContent(chip)\"></span>\n                            }                            \n                        </eui-chip>\n                    </div>\n                }\n            }\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n        </div>\n\n    } @else {\n\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            @for ( chip of chips; track chip; let i = $index; ) {\n                @if (\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    )\n                {\n                    <div\n                        role=\"list\"\n                        #chipList\n                        #chipListDropList\n                        #chipListDragAndDropItems\n                        cdkDropList\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                                    [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                                    [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                                    \n                                    @if (chip.iconSvgName) {\n                                        <eui-icon-svg [icon]=\"chip.iconSvgName\" />\n                                    }\n                                    @if (chipsLabelTruncateCount) {\n                                        <span title=\"{{ getChipLabel(chip) }}\">\n                                            {{ getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount }}\n                                        </span>\n                                    } @else {\n                                        <span class=\"eui-chip-list__chip-content\" [innerHTML]=\"getChipContent(chip)\"></span>\n                                    }\n                                </eui-chip>\n                            </div>\n                    </div>\n                    <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n                    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n                }\n            }\n        </div>\n    }\n    </div>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\" />\n</ng-template>\n\n<ng-template #additionalContent>\n    @if (maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount) {\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\">\n\n                @if (isMaxVisibleChipsOpened) {\n                    <eui-icon-svg icon=\"chevron-back:sharp\" aria-label=\"Collapse icon\" />\n                    @if (toggleLinkLessLabel) {\n                        {{ toggleLinkLessLabel | translate }}\n                    }\n                } @else {\n                    @if (toggleLinkMoreLabel) {\n                        {{ toggleLinkMoreLabel | translate }}\n                    }\n                    <eui-icon-svg icon=\"chevron-forward:sharp\" aria-label=\"Expand icon\" />\n                }\n            </button>\n        </div>\n    }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { EuiChipListComponent, EuiChipListAppendContentDirective } from './eui-chip-list.component';\n\n/**\n * @description\n * Module that provides the EuiChipList component and its dependencies\n *\n * @deprecated Use {@link EUI_CHIP_LIST} instead. \n */\n@NgModule({\n    imports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    exports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n})\nexport class EuiChipListModule {}\n","import { EuiChipListAppendContentDirective, EuiChipListComponent } from './eui-chip-list.component';\n\nexport * from './eui-chip-list.component';\nexport * from './models/eui-chip-drag-drop.model';\nexport * from './eui-chip-list.module';\n\nexport const EUI_CHIP_LIST = [\n    EuiChipListAppendContentDirective,\n    EuiChipListComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-date-range-selector.mjs

@@ -81,7 +81,7 @@ class EuiTimeRangepickerComponent {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimeRangepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: EuiTimeRangepickerComponent, isStandalone: true, selector: "eui-time-range-picker", host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: "<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ startDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"startTimeFormControl\"></eui-timepicker>\n</div>\n\n<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ endDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"endTimeFormControl\"></eui-timepicker>\n</div>\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{display:flex;overflow:visible;position:relative;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;max-height:var(--eui-s-3xl);text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-divider)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-s-danger)}.eui-19 .eui-date-range-selector .eui-date-range-selector__start-date.eui-input-text,.eui-19 .eui-date-range-selector .eui-date-range-selector__end-date.eui-input-text{background-color:transparent;border-color:transparent;height:inherit;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 2px);position:relative;text-align:left}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid var(--eui-c-neutral-dark);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.EuiTimepickerComponent, selector: "eui-timepicker", inputs: ["e2eAttr", "inputId", "timeMask", "placeholder", "stepHours", "stepMinutes", "stepSeconds", "iconSize", "isreadOnly", "isOneInputField", "hasSeconds"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: EuiTimeRangepickerComponent, isStandalone: true, selector: "eui-time-range-picker", host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: "<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ startDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"startTimeFormControl\"></eui-timepicker>\n</div>\n\n<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ endDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"endTimeFormControl\"></eui-timepicker>\n</div>\n", styles: [".eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid var(--eui-c-neutral-dark);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.EuiTimepickerComponent, selector: "eui-timepicker", inputs: ["e2eAttr", "inputId", "timeMask", "placeholder", "stepHours", "stepMinutes", "stepSeconds", "iconSize", "isreadOnly", "isOneInputField", "hasSeconds"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimeRangepickerComponent, decorators: [{
             type: Component,
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                         FormsModule,
                         ReactiveFormsModule,
                         ...EUI_TIMEPICKER,
-                    ], template: "<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ startDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"startTimeFormControl\"></eui-timepicker>\n</div>\n\n<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ endDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"endTimeFormControl\"></eui-timepicker>\n</div>\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{display:flex;overflow:visible;position:relative;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;max-height:var(--eui-s-3xl);text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-divider)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-s-danger)}.eui-19 .eui-date-range-selector .eui-date-range-selector__start-date.eui-input-text,.eui-19 .eui-date-range-selector .eui-date-range-selector__end-date.eui-input-text{background-color:transparent;border-color:transparent;height:inherit;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 2px);position:relative;text-align:left}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid var(--eui-c-neutral-dark);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"] }]
+                    ], template: "<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ startDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"startTimeFormControl\"></eui-timepicker>\n</div>\n\n<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ endDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"endTimeFormControl\"></eui-timepicker>\n</div>\n", styles: [".eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid var(--eui-c-neutral-dark);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']
@@ -489,7 +489,7 @@ class EuiDateRangeSelectorComponent {
         this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDateRangeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiDateRangeSelectorComponent, isStandalone: true, selector: "eui-date-range-selector", inputs: { e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", startDateId: "startDateId", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", islongDateFormat: ["islongDateFormat", "islongDateFormat", booleanAttribute], isClearable: ["isClearable", "isClearable", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isResponsive: ["isResponsive", "isResponsive", booleanAttribute], isTimeRange: ["isTimeRange", "isTimeRange", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute] }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, providers: [provideMomentDateAdapter(DEFAULT_FORMATS)], usesOnChanges: true, ngImport: i0, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onStartTimeChange($event) : null\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onEndTimeChange($event) : null\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker\n    #picker\n    [startView]=\"startView\"\n    (opened)=\"onOpened()\"\n    [panelClass]=\"adaptContainerClasses()\" />\n@if (!isReadOnly) {\n    <button\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        [euiIconButton]=\"!togglerLabel ? true : false\"\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        @if (!togglerLabel) {\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n        } @else {\n            <span>{{ togglerLabel }}</span>\n        }\n    </button>\n}\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{display:flex;overflow:visible;position:relative;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;max-height:var(--eui-s-3xl);text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-divider)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-s-danger)}.eui-19 .eui-date-range-selector .eui-date-range-selector__start-date.eui-input-text,.eui-19 .eui-date-range-selector .eui-date-range-selector__end-date.eui-input-text{background-color:transparent;border-color:transparent;height:inherit;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 2px);position:relative;text-align:left}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid var(--eui-c-neutral-dark);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: MatMomentDateModule }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isCompact", "hasNoFocusRing", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiDateRangeSelectorComponent, isStandalone: true, selector: "eui-date-range-selector", inputs: { e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", startDateId: "startDateId", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", islongDateFormat: ["islongDateFormat", "islongDateFormat", booleanAttribute], isClearable: ["isClearable", "isClearable", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isResponsive: ["isResponsive", "isResponsive", booleanAttribute], isTimeRange: ["isTimeRange", "isTimeRange", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute] }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, providers: [provideMomentDateAdapter(DEFAULT_FORMATS)], usesOnChanges: true, ngImport: i0, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onStartTimeChange($event) : null\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onEndTimeChange($event) : null\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker\n    #picker\n    [startView]=\"startView\"\n    (opened)=\"onOpened()\"\n    [panelClass]=\"adaptContainerClasses()\" />\n@if (!isReadOnly) {\n    <button\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        [euiIconButton]=\"!togglerLabel ? true : false\"\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        @if (!togglerLabel) {\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n        } @else {\n            <span>{{ togglerLabel }}</span>\n        }\n    </button>\n}\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{display:flex;overflow:visible;position:relative;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;max-height:var(--eui-s-3xl);text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-divider)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-s-danger)}.eui-19 .eui-date-range-selector .eui-date-range-selector__start-date.eui-input-text,.eui-19 .eui-date-range-selector .eui-date-range-selector__end-date.eui-input-text{background-color:transparent;border-color:transparent;height:inherit;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 2px);position:relative;text-align:left}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: MatMomentDateModule }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isCompact", "hasNoFocusRing", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
             type: Component,
@@ -502,7 +502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                         ...EUI_BUTTON,
                         ...EUI_ICON,
                         ...EUI_INPUT_TEXT,
-                    ], providers: [provideMomentDateAdapter(DEFAULT_FORMATS)], template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onStartTimeChange($event) : null\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onEndTimeChange($event) : null\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker\n    #picker\n    [startView]=\"startView\"\n    (opened)=\"onOpened()\"\n    [panelClass]=\"adaptContainerClasses()\" />\n@if (!isReadOnly) {\n    <button\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        [euiIconButton]=\"!togglerLabel ? true : false\"\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        @if (!togglerLabel) {\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n        } @else {\n            <span>{{ togglerLabel }}</span>\n        }\n    </button>\n}\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{display:flex;overflow:visible;position:relative;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;max-height:var(--eui-s-3xl);text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-divider)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-s-danger)}.eui-19 .eui-date-range-selector .eui-date-range-selector__start-date.eui-input-text,.eui-19 .eui-date-range-selector .eui-date-range-selector__end-date.eui-input-text{background-color:transparent;border-color:transparent;height:inherit;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 2px);position:relative;text-align:left}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid var(--eui-c-neutral-dark);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"] }]
+                    ], providers: [provideMomentDateAdapter(DEFAULT_FORMATS)], template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onStartTimeChange($event) : null\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onEndTimeChange($event) : null\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker\n    #picker\n    [startView]=\"startView\"\n    (opened)=\"onOpened()\"\n    [panelClass]=\"adaptContainerClasses()\" />\n@if (!isReadOnly) {\n    <button\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        [euiIconButton]=\"!togglerLabel ? true : false\"\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        @if (!togglerLabel) {\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n        } @else {\n            <span>{{ togglerLabel }}</span>\n        }\n    </button>\n}\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{display:flex;overflow:visible;position:relative;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;max-height:var(--eui-s-3xl);text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-divider)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-s-danger)}.eui-19 .eui-date-range-selector .eui-date-range-selector__start-date.eui-input-text,.eui-19 .eui-date-range-selector .eui-date-range-selector__end-date.eui-input-text{background-color:transparent;border-color:transparent;height:inherit;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 2px);position:relative;text-align:left}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { firstSelectedDate: [{
                 type: Output
             }], secondSelectedDate: [{