@eui/components 18.2.0-snapshot-1726794925687 → 18.2.0-snapshot-1727423302613

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

@@ -270,7 +270,7 @@ class EuiChipListComponent {
         return tab;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiChipListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: EuiChipListDragService }, { token: i2.DomSanitizer }, { token: i3.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiChipListComponent, selector: "eui-chip-list, div[euiChipList], ul[euiChipList]", inputs: { chips: "chips", toggleLinkMoreLabel: "toggleLinkMoreLabel", toggleLinkLessLabel: "toggleLinkLessLabel", chipsSortOrder: "chipsSortOrder", dragAndDropSourceName: "dragAndDropSourceName", dragAndDropConnectedTo: "dragAndDropConnectedTo", ariaLabel: "ariaLabel", dropListOrientation: "dropListOrientation", isSquared: ["isSquared", "isSquared", booleanAttribute], isChipsRemovable: ["isChipsRemovable", "isChipsRemovable", booleanAttribute], isMaxVisibleChipsOpened: ["isMaxVisibleChipsOpened", "isMaxVisibleChipsOpened", booleanAttribute], isChipsSorted: ["isChipsSorted", "isChipsSorted", booleanAttribute], isChipsDragAndDrop: ["isChipsDragAndDrop", "isChipsDragAndDrop", booleanAttribute], isGrid: ["isGrid", "isGrid", booleanAttribute], maxVisibleChipsCount: ["maxVisibleChipsCount", "maxVisibleChipsCount", numberAttribute], chipsLabelTruncateCount: ["chipsLabelTruncateCount", "chipsLabelTruncateCount", numberAttribute] }, outputs: { chipsInit: "chipsInit", chipRemove: "chipRemove", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop", chiplistFocus: "chiplistFocus" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "euiChipsContent", predicate: i0.forwardRef(() => EuiChipComponent) }], viewQueries: [{ propertyName: "chipListDropList", first: true, predicate: ["chipListDropList"], descendants: true, read: CdkDropList }, { propertyName: "chipListDragAndDropItems", first: true, predicate: ["chipListDragAndDropItems"], descendants: true, read: CdkDropList }, { propertyName: "euiChipItems", predicate: ["euiChipItem"], descendants: true, read: ElementRef }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<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 }\"\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 {   // isGrid\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\"></ng-content>\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", styles: [".eui-18 .eui-chip-list{align-items:center;display:flex;margin:0;padding:0}.eui-18 .eui-chip-list .eui-chip-list-container{align-items:center;display:flex;margin-bottom:var(--eui-s-2xs)}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper{align-items:center;display:flex;width:100%;flex-wrap:wrap}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__list{flex-wrap:wrap;gap:var(--eui-s-xs)}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{align-items:center;display:inline-flex}.eui-18 .eui-chip-list[ischipsdraganddrop] .eui-chip-list-container{width:100%}.eui-18 .eui-chip-list__group{display:flex;flex-wrap:wrap;gap:var(--eui-s-xs)}.eui-18 .eui-chip-list__chip-container.cdk-drag:not(.cdk-drag-disabled){cursor:move!important}.eui-18 .eui-chip-list__custom{min-width:auto!important;width:auto!important}.eui-18 .eui-chip-list__chip-content{display:flex;align-items:center;gap:var(--eui-s-xs)}@media screen and (max-width: 767px){.eui-18 .eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared", "isFilled"], outputs: ["remove"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.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: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }, { kind: "pipe", type: i11.EuiTruncatePipe, name: "euiTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiChipListComponent, selector: "eui-chip-list, div[euiChipList], ul[euiChipList]", inputs: { chips: "chips", toggleLinkMoreLabel: "toggleLinkMoreLabel", toggleLinkLessLabel: "toggleLinkLessLabel", chipsSortOrder: "chipsSortOrder", dragAndDropSourceName: "dragAndDropSourceName", dragAndDropConnectedTo: "dragAndDropConnectedTo", ariaLabel: "ariaLabel", dropListOrientation: "dropListOrientation", isSquared: ["isSquared", "isSquared", booleanAttribute], isChipsRemovable: ["isChipsRemovable", "isChipsRemovable", booleanAttribute], isMaxVisibleChipsOpened: ["isMaxVisibleChipsOpened", "isMaxVisibleChipsOpened", booleanAttribute], isChipsSorted: ["isChipsSorted", "isChipsSorted", booleanAttribute], isChipsDragAndDrop: ["isChipsDragAndDrop", "isChipsDragAndDrop", booleanAttribute], isGrid: ["isGrid", "isGrid", booleanAttribute], maxVisibleChipsCount: ["maxVisibleChipsCount", "maxVisibleChipsCount", numberAttribute], chipsLabelTruncateCount: ["chipsLabelTruncateCount", "chipsLabelTruncateCount", numberAttribute] }, outputs: { chipsInit: "chipsInit", chipRemove: "chipRemove", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop", chiplistFocus: "chiplistFocus" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "euiChipsContent", predicate: i0.forwardRef(() => EuiChipComponent) }], viewQueries: [{ propertyName: "chipListDropList", first: true, predicate: ["chipListDropList"], descendants: true, read: CdkDropList }, { propertyName: "chipListDragAndDropItems", first: true, predicate: ["chipListDragAndDropItems"], descendants: true, read: CdkDropList }, { propertyName: "euiChipItems", predicate: ["euiChipItem"], descendants: true, read: ElementRef }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<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 {   // isGrid\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\"></ng-content>\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", styles: [".eui-18 .eui-chip-list{align-items:center;display:flex;margin:0;padding:0}.eui-18 .eui-chip-list .eui-chip-list-container{align-items:center;display:flex;margin-bottom:var(--eui-s-2xs)}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper{align-items:center;display:flex;width:100%;flex-wrap:wrap}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__list{flex-wrap:wrap;gap:var(--eui-s-xs)}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{align-items:center;display:inline-flex}.eui-18 .eui-chip-list[ischipsdraganddrop] .eui-chip-list-container{width:100%}.eui-18 .eui-chip-list__group{display:flex;flex-wrap:wrap;gap:var(--eui-s-xs)}.eui-18 .eui-chip-list__chip-container.cdk-drag:not(.cdk-drag-disabled){cursor:move!important}.eui-18 .eui-chip-list__custom{min-width:auto!important;width:auto!important}.eui-18 .eui-chip-list__chip-content{display:flex;align-items:center;gap:var(--eui-s-xs)}@media screen and (max-width: 767px){.eui-18 .eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared", "isFilled"], outputs: ["remove"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.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: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }, { kind: "pipe", type: i11.EuiTruncatePipe, name: "euiTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiChipListComponent, decorators: [{
             type: Component,
@@ -290,7 +290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                                 'euiDisabled',
                             ],
                         },
-                    ], template: "<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 }\"\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 {   // isGrid\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\"></ng-content>\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", styles: [".eui-18 .eui-chip-list{align-items:center;display:flex;margin:0;padding:0}.eui-18 .eui-chip-list .eui-chip-list-container{align-items:center;display:flex;margin-bottom:var(--eui-s-2xs)}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper{align-items:center;display:flex;width:100%;flex-wrap:wrap}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__list{flex-wrap:wrap;gap:var(--eui-s-xs)}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{align-items:center;display:inline-flex}.eui-18 .eui-chip-list[ischipsdraganddrop] .eui-chip-list-container{width:100%}.eui-18 .eui-chip-list__group{display:flex;flex-wrap:wrap;gap:var(--eui-s-xs)}.eui-18 .eui-chip-list__chip-container.cdk-drag:not(.cdk-drag-disabled){cursor:move!important}.eui-18 .eui-chip-list__custom{min-width:auto!important;width:auto!important}.eui-18 .eui-chip-list__chip-content{display:flex;align-items:center;gap:var(--eui-s-xs)}@media screen and (max-width: 767px){.eui-18 .eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}\n"] }]
+                    ], template: "<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 {   // isGrid\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\"></ng-content>\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", styles: [".eui-18 .eui-chip-list{align-items:center;display:flex;margin:0;padding:0}.eui-18 .eui-chip-list .eui-chip-list-container{align-items:center;display:flex;margin-bottom:var(--eui-s-2xs)}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper{align-items:center;display:flex;width:100%;flex-wrap:wrap}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__list{flex-wrap:wrap;gap:var(--eui-s-xs)}.eui-18 .eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{align-items:center;display:inline-flex}.eui-18 .eui-chip-list[ischipsdraganddrop] .eui-chip-list-container{width:100%}.eui-18 .eui-chip-list__group{display:flex;flex-wrap:wrap;gap:var(--eui-s-xs)}.eui-18 .eui-chip-list__chip-container.cdk-drag:not(.cdk-drag-disabled){cursor:move!important}.eui-18 .eui-chip-list__custom{min-width:auto!important;width:auto!important}.eui-18 .eui-chip-list__chip-content{display:flex;align-items:center;gap:var(--eui-s-xs)}@media screen and (max-width: 767px){.eui-18 .eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: EuiChipListDragService }, { type: i2.DomSanitizer }, { type: i3.BaseStatesDirective }], propDecorators: { chips: [{
                 type: Input
             }], toggleLinkMoreLabel: [{

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

package/fesm2022/eui-components-eui-language-selector.mjs

@@ -84,6 +84,7 @@ class EuiLanguageSelectorComponent {
         this.hasLanguageSelection = true;
         this.isToolbarSelector = false;
         this.euiPrimary = false;
+        this.ariaLabel = 'Change Language';
         this.languageSelectorClick = new EventEmitter();
         this.destroy$ = new Subject();
     }
@@ -171,11 +172,11 @@ class EuiLanguageSelectorComponent {
         return this.languages.find((lang) => lang.code === languageCode);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.EuiDialogService }, { token: i2.EuiAppShellService }, { token: i3$1.TranslateService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: ["hasLanguageSelection", "hasLanguageSelection", booleanAttribute], isToolbarSelector: ["isToolbarSelector", "isToolbarSelector", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "@if (!hasLanguageSelection) {\n    <button class=\"eui-language-selector__button\"\n        euiButton [euiBasicButton]=\"!isToolbarSelector\"\n        [euiBranding]=\"isToolbarSelector\"\n        (click)=\"onClick()\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n\n} @else if (hasLanguageSelection && isShowDropDown) {\n    <eui-dropdown>\n        <button class=\"eui-language-selector__button\"\n            euiButton [euiBasicButton]=\"!isToolbarSelector\"\n            [euiBranding]=\"isToolbarSelector\">\n            <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n            <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n        </button>\n\n        <eui-dropdown-content>\n            <div class=\"eui-language-selector-menu\">\n                <button\n                    *ngFor=\"let language of languages\"\n                    euiDropdownItem\n                    attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n                    class=\"eui-language-selector-menu-language-item\"\n                    (click)=\"onLanguageChanged(language)\">\n                    {{ language.label }} ({{ language.code }})\n                </button>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n\n} @else if (hasLanguageSelection && isShowModal) {\n    <button class=\"eui-language-selector__button\"\n        euiButton euiBasicButton\n        [euiPrimary]=\"isToolbarSelector\"\n        (click)=\"onOpen()\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n}\n\n<ng-template #languageSelectorIcon>\n    <eui-icon-svg icon=\"eui-ecl-global\"></eui-icon-svg>\n</ng-template>\n", styles: [".eui-18 .eui-language-selector{align-items:center;cursor:pointer;display:flex;position:relative}.eui-18 .eui-language-selector__button{padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-language-selector__code{text-transform:uppercase}.eui-18 .eui-language-selector-menu-language-item{padding:var(--eui-s-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-18 .eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-18 .eui-language-selector--empty{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"], outputs: ["expand"] }, { kind: "component", type: i5.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.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: "pipe", type: i4.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: ["hasLanguageSelection", "hasLanguageSelection", booleanAttribute], isToolbarSelector: ["isToolbarSelector", "isToolbarSelector", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute], ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "@if (!hasLanguageSelection) {\n    <button class=\"eui-language-selector__button\"\n        euiButton [euiBasicButton]=\"!isToolbarSelector\"\n        [euiBranding]=\"isToolbarSelector\"\n        (click)=\"onClick()\"\n        [attr.aria-label]=\"ariaLabel\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n\n} @else if (hasLanguageSelection && isShowDropDown) {\n    <eui-dropdown>\n        <button class=\"eui-language-selector__button\"\n            [attr.aria-label]=\"ariaLabel\"\n            euiButton [euiBasicButton]=\"!isToolbarSelector\"\n            [euiBranding]=\"isToolbarSelector\">\n            <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n            <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n        </button>\n\n        <eui-dropdown-content>\n            <div class=\"eui-language-selector-menu\">\n                <button\n                    *ngFor=\"let language of languages\"\n                    euiDropdownItem\n                    attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n                    class=\"eui-language-selector-menu-language-item\"\n                    (click)=\"onLanguageChanged(language)\">\n                    {{ language.label }} ({{ language.code }})\n                </button>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n\n} @else if (hasLanguageSelection && isShowModal) {\n    <button class=\"eui-language-selector__button\"\n        euiButton euiBasicButton\n        [euiPrimary]=\"isToolbarSelector\"\n        (click)=\"onOpen()\"\n        [attr.aria-label]=\"ariaLabel\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n}\n\n<ng-template #languageSelectorIcon>\n    <eui-icon-svg icon=\"eui-ecl-global\"></eui-icon-svg>\n</ng-template>\n", styles: [".eui-18 .eui-language-selector{align-items:center;cursor:pointer;display:flex;position:relative}.eui-18 .eui-language-selector__button{padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-language-selector__code{text-transform:uppercase}.eui-18 .eui-language-selector-menu-language-item{padding:var(--eui-s-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-18 .eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-18 .eui-language-selector--empty{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"], outputs: ["expand"] }, { kind: "component", type: i5.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.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: "pipe", type: i4.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiLanguageSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-language-selector', encapsulation: ViewEncapsulation.None, template: "@if (!hasLanguageSelection) {\n    <button class=\"eui-language-selector__button\"\n        euiButton [euiBasicButton]=\"!isToolbarSelector\"\n        [euiBranding]=\"isToolbarSelector\"\n        (click)=\"onClick()\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n\n} @else if (hasLanguageSelection && isShowDropDown) {\n    <eui-dropdown>\n        <button class=\"eui-language-selector__button\"\n            euiButton [euiBasicButton]=\"!isToolbarSelector\"\n            [euiBranding]=\"isToolbarSelector\">\n            <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n            <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n        </button>\n\n        <eui-dropdown-content>\n            <div class=\"eui-language-selector-menu\">\n                <button\n                    *ngFor=\"let language of languages\"\n                    euiDropdownItem\n                    attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n                    class=\"eui-language-selector-menu-language-item\"\n                    (click)=\"onLanguageChanged(language)\">\n                    {{ language.label }} ({{ language.code }})\n                </button>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n\n} @else if (hasLanguageSelection && isShowModal) {\n    <button class=\"eui-language-selector__button\"\n        euiButton euiBasicButton\n        [euiPrimary]=\"isToolbarSelector\"\n        (click)=\"onOpen()\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n}\n\n<ng-template #languageSelectorIcon>\n    <eui-icon-svg icon=\"eui-ecl-global\"></eui-icon-svg>\n</ng-template>\n", styles: [".eui-18 .eui-language-selector{align-items:center;cursor:pointer;display:flex;position:relative}.eui-18 .eui-language-selector__button{padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-language-selector__code{text-transform:uppercase}.eui-18 .eui-language-selector-menu-language-item{padding:var(--eui-s-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-18 .eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-18 .eui-language-selector--empty{display:none}\n"] }]
+            args: [{ selector: 'eui-language-selector', encapsulation: ViewEncapsulation.None, template: "@if (!hasLanguageSelection) {\n    <button class=\"eui-language-selector__button\"\n        euiButton [euiBasicButton]=\"!isToolbarSelector\"\n        [euiBranding]=\"isToolbarSelector\"\n        (click)=\"onClick()\"\n        [attr.aria-label]=\"ariaLabel\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n\n} @else if (hasLanguageSelection && isShowDropDown) {\n    <eui-dropdown>\n        <button class=\"eui-language-selector__button\"\n            [attr.aria-label]=\"ariaLabel\"\n            euiButton [euiBasicButton]=\"!isToolbarSelector\"\n            [euiBranding]=\"isToolbarSelector\">\n            <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n            <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n        </button>\n\n        <eui-dropdown-content>\n            <div class=\"eui-language-selector-menu\">\n                <button\n                    *ngFor=\"let language of languages\"\n                    euiDropdownItem\n                    attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n                    class=\"eui-language-selector-menu-language-item\"\n                    (click)=\"onLanguageChanged(language)\">\n                    {{ language.label }} ({{ language.code }})\n                </button>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n\n} @else if (hasLanguageSelection && isShowModal) {\n    <button class=\"eui-language-selector__button\"\n        euiButton euiBasicButton\n        [euiPrimary]=\"isToolbarSelector\"\n        (click)=\"onOpen()\"\n        [attr.aria-label]=\"ariaLabel\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n}\n\n<ng-template #languageSelectorIcon>\n    <eui-icon-svg icon=\"eui-ecl-global\"></eui-icon-svg>\n</ng-template>\n", styles: [".eui-18 .eui-language-selector{align-items:center;cursor:pointer;display:flex;position:relative}.eui-18 .eui-language-selector__button{padding-left:var(--eui-s-s);padding-right:var(--eui-s-s)}.eui-18 .eui-language-selector__code{text-transform:uppercase}.eui-18 .eui-language-selector-menu-language-item{padding:var(--eui-s-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-18 .eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-18 .eui-language-selector--empty{display:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.EuiDialogService }, { type: i2.EuiAppShellService }, { type: i3$1.TranslateService }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -188,6 +189,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
             }], euiPrimary: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
             }], languageSelectorClick: [{
                 type: Output
             }] } });

package/fesm2022/eui-components-eui-language-selector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-language-selector.mjs","sources":["../../eui-language-selector/modal-selector/modal-selector.component.ts","../../eui-language-selector/modal-selector/modal-selector.component.html","../../eui-language-selector/language-selector.component.ts","../../eui-language-selector/language-selector.component.html","../../eui-language-selector/language-selector.module.ts","../../eui-language-selector/eui-components-eui-language-selector.ts"],"sourcesContent":["import { Component, ViewEncapsulation, ChangeDetectionStrategy, OnInit, Inject } from '@angular/core';\nimport { EuiEuLanguages, EuiLanguage } from '@eui/core';\n\nimport { DIALOG_COMPONENT_CONFIG } from '@eui/components/eui-dialog';\nimport { EuiDialogService } from '@eui/components/eui-dialog';\n\n@Component({\n    selector: 'eui-modal-selector',\n    templateUrl: './modal-selector.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiModalSelectorComponent implements OnInit {\n    public languageRows: EuiLanguage[][] = [];\n    public additionaLanguageRows: EuiLanguage[][] = [];\n\n    private selectedLanguage: EuiLanguage;\n\n    constructor(\n        private euiDialogService: EuiDialogService,\n        @Inject(DIALOG_COMPONENT_CONFIG)\n        public config: {\n            languages: EuiLanguage[];\n            selectedLanguage: EuiLanguage;\n            languageChanged: (language: EuiLanguage) => void;\n        },\n    ) {}\n\n    ngOnInit(): void {\n        this.languageRows = this.prepareLanguageRows(EuiEuLanguages.filterEULanguages(this.config.languages));\n        this.additionaLanguageRows = this.prepareLanguageRows(EuiEuLanguages.filterNonEULanguages(this.config.languages));\n    }\n\n    selectLanguage(languageCode: EuiLanguage): void {\n        if (this.selectedLanguage?.code !== languageCode.code) {\n            for (const language of this.config.languages) {\n                if (language.code === languageCode.code) {\n                    this.selectedLanguage = language;\n                    break;\n                }\n            }\n        }\n\n        this.config.languageChanged(languageCode);\n        this.euiDialogService.closeDialog();\n    }\n\n    private prepareLanguageRows(languages: EuiLanguage[]): EuiLanguage[][] {\n        const rows: EuiLanguage[][] = [];\n        let row: EuiLanguage[] = [];\n\n        for (let i = 0; i < languages.length; i++) {\n            if (i % 4 === 0) {\n                if (row.length > 0) {\n                    rows.push(row);\n                    row = [];\n                }\n            }\n            row.push(languages[i]);\n        }\n\n        if (row.length > 0) {\n            rows.push(row);\n        }\n\n        return rows;\n    }\n}\n","<h4 *ngIf=\"additionaLanguageRows?.length > 0\">EU official languages</h4>\n<div id=\"eu_languages\" *ngFor=\"let row of languageRows\" class=\"row\">\n    <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n        <button\n            type=\"button\"\n            e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n            euiButton\n            euiBlockButton\n            [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n            [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n            (click)=\"selectLanguage(language)\">\n            {{ language.label }} ({{ language.code }})\n        </button>\n    </div>\n</div>\n<ng-container *ngIf=\"additionaLanguageRows?.length > 0\">\n    <br />\n    <h4>Non-EU Languages</h4>\n    <div id=\"extra_languages\" *ngFor=\"let row of additionaLanguageRows\" class=\"row\">\n        <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n            <button\n                type=\"button\"\n                e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n                euiButton\n                euiBlockButton\n                [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n                [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n                (click)=\"selectLanguage(language)\">\n                {{ language.label }} ({{ language.code }})\n            </button>\n        </div>\n    </div>\n</ng-container>\n","import {\n    Component,\n    ViewEncapsulation,\n    HostBinding,\n    OnDestroy,\n    OnInit,\n    ChangeDetectorRef,\n    Input,\n    Output,\n    EventEmitter,\n    booleanAttribute,\n    ElementRef,\n    AfterContentInit,\n    AfterViewInit,\n} from '@angular/core';\nimport { distinctUntilKeyChanged, map, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { EuiEuLanguages, EuiLanguage } from '@eui/core';\nimport { EuiAppShellService } from '@eui/core';\nimport { EuiDialogConfig, EuiDialogService } from '@eui/components/eui-dialog';\n\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@Component({\n    selector: 'eui-language-selector',\n    templateUrl: './language-selector.component.html',\n    styleUrls: ['./_styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiLanguageSelectorComponent implements OnInit, AfterViewInit, OnDestroy {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-language-selector',\n            this.languages?.length <= 1 ? 'eui-language-selector--empty' : '',\n            this.isToolbarSelector ? 'eui-language-selector--toolbar-selector' : '',\n        ].join(' ').trim();\n    }\n\n    languages: EuiLanguage[];\n    selectedLanguage: EuiLanguage;\n\n    @Input({ transform: booleanAttribute }) hasLanguageSelection = true;\n    @Input({ transform: booleanAttribute }) isToolbarSelector = false;\n    @Input({ transform: booleanAttribute }) euiPrimary = false;\n\n    @Output() languageSelectorClick = new EventEmitter<null>();\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private euiDialogService: EuiDialogService,\n        public appShellService: EuiAppShellService,\n        private translateService: TranslateService,\n        private elRef: ElementRef,\n    ) {\n    }\n\n    /**\n     * returns true if there are at least one and max four languages.\n     */\n    get isShowDropDown(): boolean {\n        return this.languages?.length > 1 && this.languages?.length < 4;\n    }\n\n    /**\n     * returns true if there are at least five languages.\n     */\n    get isShowModal(): boolean {\n        return this.languages?.length >= 4;\n    }\n\n    ngOnInit(): void {\n        // update languages array based on AppShell State 'language' changes\n        this.appShellService.state$\n            .pipe(\n                takeUntil(this.destroy$),\n                distinctUntilKeyChanged('languages'),\n                map((state) => state.languages),\n            )\n            .subscribe((languages) => {\n                this.languages = languages ? EuiEuLanguages.getOrderedLanguages(languages) : EuiEuLanguages.getLanguages();\n                this.cd.detectChanges();\n            });\n\n        // update activeLanguage array based on AppShell State 'language' changes\n        this.appShellService.state$\n            .pipe(\n                takeUntil(this.destroy$),\n                distinctUntilKeyChanged('activeLanguage'),\n                map((state) => state.activeLanguage),\n            )\n            .subscribe((activeLanguage) => {\n                this.selectedLanguage = this.getLanguage(activeLanguage);\n                this.cd.detectChanges();\n            });\n    }\n\n    ngAfterViewInit(): void {\n        let hasToolbarParent = false;\n        try {\n            hasToolbarParent = this.elRef.nativeElement.closest('eui-toolbar');\n\n        } catch(e) {\n           // do nothing\n        }\n\n        if (hasToolbarParent) {\n            setTimeout(() => {\n                this.isToolbarSelector = true;\n            }, 1);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    onLanguageChanged(language: EuiLanguage): void {\n        // Update the AppShellService state\n        this.appShellService.setState({\n            ...this.appShellService.state,\n            activeLanguage: language.code,\n        });\n    }\n\n    /**\n     * Opens the modal that renders the UxLanguage array with modal actions bindings to this Component\n     */\n    onOpen(titleLabel: string = this.translateService.instant('eui.languageSelector.modalTitle')): void {\n        this.euiDialogService.openDialog(\n            new EuiDialogConfig({\n                title: titleLabel,\n                hasFooter: false,\n                hasClosedOnClickOutside: true,\n                bodyComponent: {\n                    component: EuiModalSelectorComponent,\n                    config: {\n                        languages: this.languages,\n                        selectedLanguage: this.selectedLanguage,\n                        languageChanged: (language: EuiLanguage):void => this.onLanguageChanged(language),\n                    },\n                },\n            }),\n        );\n    }\n\n    onClick(): void {\n        this.languageSelectorClick.emit();\n    }\n\n    /**\n     * returns the UxLanguage Object from a given language code\n     *\n     * @param languageCode two char language code\n     * @protected\n     */\n    protected getLanguage(languageCode: string): EuiLanguage {\n        return this.languages.find((lang) => lang.code === languageCode);\n    }\n}\n","@if (!hasLanguageSelection) {\n    <button class=\"eui-language-selector__button\"\n        euiButton [euiBasicButton]=\"!isToolbarSelector\"\n        [euiBranding]=\"isToolbarSelector\"\n        (click)=\"onClick()\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n\n} @else if (hasLanguageSelection && isShowDropDown) {\n    <eui-dropdown>\n        <button class=\"eui-language-selector__button\"\n            euiButton [euiBasicButton]=\"!isToolbarSelector\"\n            [euiBranding]=\"isToolbarSelector\">\n            <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n            <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n        </button>\n\n        <eui-dropdown-content>\n            <div class=\"eui-language-selector-menu\">\n                <button\n                    *ngFor=\"let language of languages\"\n                    euiDropdownItem\n                    attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n                    class=\"eui-language-selector-menu-language-item\"\n                    (click)=\"onLanguageChanged(language)\">\n                    {{ language.label }} ({{ language.code }})\n                </button>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n\n} @else if (hasLanguageSelection && isShowModal) {\n    <button class=\"eui-language-selector__button\"\n        euiButton euiBasicButton\n        [euiPrimary]=\"isToolbarSelector\"\n        (click)=\"onOpen()\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n}\n\n<ng-template #languageSelectorIcon>\n    <eui-icon-svg icon=\"eui-ecl-global\"></eui-icon-svg>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiDialogModule } from '@eui/components/eui-dialog';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiLanguageSelectorComponent } from './language-selector.component';\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@NgModule({\n    imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule],\n    exports: [EuiLanguageSelectorComponent],\n    declarations: [EuiLanguageSelectorComponent, EuiModalSelectorComponent],\n})\nexport class EuiLanguageSelectorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3","i6"],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-language-selector.mjs","sources":["../../eui-language-selector/modal-selector/modal-selector.component.ts","../../eui-language-selector/modal-selector/modal-selector.component.html","../../eui-language-selector/language-selector.component.ts","../../eui-language-selector/language-selector.component.html","../../eui-language-selector/language-selector.module.ts","../../eui-language-selector/eui-components-eui-language-selector.ts"],"sourcesContent":["import { Component, ViewEncapsulation, ChangeDetectionStrategy, OnInit, Inject } from '@angular/core';\nimport { EuiEuLanguages, EuiLanguage } from '@eui/core';\n\nimport { DIALOG_COMPONENT_CONFIG } from '@eui/components/eui-dialog';\nimport { EuiDialogService } from '@eui/components/eui-dialog';\n\n@Component({\n    selector: 'eui-modal-selector',\n    templateUrl: './modal-selector.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiModalSelectorComponent implements OnInit {\n    public languageRows: EuiLanguage[][] = [];\n    public additionaLanguageRows: EuiLanguage[][] = [];\n\n    private selectedLanguage: EuiLanguage;\n\n    constructor(\n        private euiDialogService: EuiDialogService,\n        @Inject(DIALOG_COMPONENT_CONFIG)\n        public config: {\n            languages: EuiLanguage[];\n            selectedLanguage: EuiLanguage;\n            languageChanged: (language: EuiLanguage) => void;\n        },\n    ) {}\n\n    ngOnInit(): void {\n        this.languageRows = this.prepareLanguageRows(EuiEuLanguages.filterEULanguages(this.config.languages));\n        this.additionaLanguageRows = this.prepareLanguageRows(EuiEuLanguages.filterNonEULanguages(this.config.languages));\n    }\n\n    selectLanguage(languageCode: EuiLanguage): void {\n        if (this.selectedLanguage?.code !== languageCode.code) {\n            for (const language of this.config.languages) {\n                if (language.code === languageCode.code) {\n                    this.selectedLanguage = language;\n                    break;\n                }\n            }\n        }\n\n        this.config.languageChanged(languageCode);\n        this.euiDialogService.closeDialog();\n    }\n\n    private prepareLanguageRows(languages: EuiLanguage[]): EuiLanguage[][] {\n        const rows: EuiLanguage[][] = [];\n        let row: EuiLanguage[] = [];\n\n        for (let i = 0; i < languages.length; i++) {\n            if (i % 4 === 0) {\n                if (row.length > 0) {\n                    rows.push(row);\n                    row = [];\n                }\n            }\n            row.push(languages[i]);\n        }\n\n        if (row.length > 0) {\n            rows.push(row);\n        }\n\n        return rows;\n    }\n}\n","<h4 *ngIf=\"additionaLanguageRows?.length > 0\">EU official languages</h4>\n<div id=\"eu_languages\" *ngFor=\"let row of languageRows\" class=\"row\">\n    <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n        <button\n            type=\"button\"\n            e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n            euiButton\n            euiBlockButton\n            [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n            [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n            (click)=\"selectLanguage(language)\">\n            {{ language.label }} ({{ language.code }})\n        </button>\n    </div>\n</div>\n<ng-container *ngIf=\"additionaLanguageRows?.length > 0\">\n    <br />\n    <h4>Non-EU Languages</h4>\n    <div id=\"extra_languages\" *ngFor=\"let row of additionaLanguageRows\" class=\"row\">\n        <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n            <button\n                type=\"button\"\n                e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n                euiButton\n                euiBlockButton\n                [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n                [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n                (click)=\"selectLanguage(language)\">\n                {{ language.label }} ({{ language.code }})\n            </button>\n        </div>\n    </div>\n</ng-container>\n","import {\n    Component,\n    ViewEncapsulation,\n    HostBinding,\n    OnDestroy,\n    OnInit,\n    ChangeDetectorRef,\n    Input,\n    Output,\n    EventEmitter,\n    booleanAttribute,\n    ElementRef,\n    AfterViewInit,\n} from '@angular/core';\nimport { distinctUntilKeyChanged, map, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { EuiEuLanguages, EuiLanguage } from '@eui/core';\nimport { EuiAppShellService } from '@eui/core';\nimport { EuiDialogConfig, EuiDialogService } from '@eui/components/eui-dialog';\n\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@Component({\n    selector: 'eui-language-selector',\n    templateUrl: './language-selector.component.html',\n    styleUrls: ['./_styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiLanguageSelectorComponent implements OnInit, AfterViewInit, OnDestroy {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-language-selector',\n            this.languages?.length <= 1 ? 'eui-language-selector--empty' : '',\n            this.isToolbarSelector ? 'eui-language-selector--toolbar-selector' : '',\n        ].join(' ').trim();\n    }\n\n    languages: EuiLanguage[];\n    selectedLanguage: EuiLanguage;\n\n    @Input({ transform: booleanAttribute }) hasLanguageSelection = true;\n    @Input({ transform: booleanAttribute }) isToolbarSelector = false;\n    @Input({ transform: booleanAttribute }) euiPrimary = false;\n    @Input('aria-label') ariaLabel = 'Change Language';\n\n    @Output() languageSelectorClick = new EventEmitter<null>();\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private euiDialogService: EuiDialogService,\n        public appShellService: EuiAppShellService,\n        private translateService: TranslateService,\n        private elRef: ElementRef,\n    ) {\n    }\n\n    /**\n     * returns true if there are at least one and max four languages.\n     */\n    get isShowDropDown(): boolean {\n        return this.languages?.length > 1 && this.languages?.length < 4;\n    }\n\n    /**\n     * returns true if there are at least five languages.\n     */\n    get isShowModal(): boolean {\n        return this.languages?.length >= 4;\n    }\n\n    ngOnInit(): void {\n        // update languages array based on AppShell State 'language' changes\n        this.appShellService.state$\n            .pipe(\n                takeUntil(this.destroy$),\n                distinctUntilKeyChanged('languages'),\n                map((state) => state.languages),\n            )\n            .subscribe((languages) => {\n                this.languages = languages ? EuiEuLanguages.getOrderedLanguages(languages) : EuiEuLanguages.getLanguages();\n                this.cd.detectChanges();\n            });\n\n        // update activeLanguage array based on AppShell State 'language' changes\n        this.appShellService.state$\n            .pipe(\n                takeUntil(this.destroy$),\n                distinctUntilKeyChanged('activeLanguage'),\n                map((state) => state.activeLanguage),\n            )\n            .subscribe((activeLanguage) => {\n                this.selectedLanguage = this.getLanguage(activeLanguage);\n                this.cd.detectChanges();\n            });\n    }\n\n    ngAfterViewInit(): void {\n        let hasToolbarParent = false;\n        try {\n            hasToolbarParent = this.elRef.nativeElement.closest('eui-toolbar');\n\n        } catch(e) {\n           // do nothing\n        }\n\n        if (hasToolbarParent) {\n            setTimeout(() => {\n                this.isToolbarSelector = true;\n            }, 1);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    onLanguageChanged(language: EuiLanguage): void {\n        // Update the AppShellService state\n        this.appShellService.setState({\n            ...this.appShellService.state,\n            activeLanguage: language.code,\n        });\n    }\n\n    /**\n     * Opens the modal that renders the UxLanguage array with modal actions bindings to this Component\n     */\n    onOpen(titleLabel: string = this.translateService.instant('eui.languageSelector.modalTitle')): void {\n        this.euiDialogService.openDialog(\n            new EuiDialogConfig({\n                title: titleLabel,\n                hasFooter: false,\n                hasClosedOnClickOutside: true,\n                bodyComponent: {\n                    component: EuiModalSelectorComponent,\n                    config: {\n                        languages: this.languages,\n                        selectedLanguage: this.selectedLanguage,\n                        languageChanged: (language: EuiLanguage):void => this.onLanguageChanged(language),\n                    },\n                },\n            }),\n        );\n    }\n\n    onClick(): void {\n        this.languageSelectorClick.emit();\n    }\n\n    /**\n     * returns the UxLanguage Object from a given language code\n     *\n     * @param languageCode two char language code\n     * @protected\n     */\n    protected getLanguage(languageCode: string): EuiLanguage {\n        return this.languages.find((lang) => lang.code === languageCode);\n    }\n}\n","@if (!hasLanguageSelection) {\n    <button class=\"eui-language-selector__button\"\n        euiButton [euiBasicButton]=\"!isToolbarSelector\"\n        [euiBranding]=\"isToolbarSelector\"\n        (click)=\"onClick()\"\n        [attr.aria-label]=\"ariaLabel\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n\n} @else if (hasLanguageSelection && isShowDropDown) {\n    <eui-dropdown>\n        <button class=\"eui-language-selector__button\"\n            [attr.aria-label]=\"ariaLabel\"\n            euiButton [euiBasicButton]=\"!isToolbarSelector\"\n            [euiBranding]=\"isToolbarSelector\">\n            <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n            <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n        </button>\n\n        <eui-dropdown-content>\n            <div class=\"eui-language-selector-menu\">\n                <button\n                    *ngFor=\"let language of languages\"\n                    euiDropdownItem\n                    attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n                    class=\"eui-language-selector-menu-language-item\"\n                    (click)=\"onLanguageChanged(language)\">\n                    {{ language.label }} ({{ language.code }})\n                </button>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n\n} @else if (hasLanguageSelection && isShowModal) {\n    <button class=\"eui-language-selector__button\"\n        euiButton euiBasicButton\n        [euiPrimary]=\"isToolbarSelector\"\n        (click)=\"onOpen()\"\n        [attr.aria-label]=\"ariaLabel\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector__code\">{{ (appShellService.state$ | async).activeLanguage }}</span>\n    </button>\n}\n\n<ng-template #languageSelectorIcon>\n    <eui-icon-svg icon=\"eui-ecl-global\"></eui-icon-svg>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiDialogModule } from '@eui/components/eui-dialog';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiLanguageSelectorComponent } from './language-selector.component';\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@NgModule({\n    imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule],\n    exports: [EuiLanguageSelectorComponent],\n    declarations: [EuiLanguageSelectorComponent, EuiModalSelectorComponent],\n})\nexport class EuiLanguageSelectorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3","i6"],"mappings":"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"}

package/fesm2022/eui-components-eui-menu.mjs

@@ -63,12 +63,8 @@ class EuiMenuItemComponent {
             if (!this.item.urlExternalTarget) {
                 this.item.urlExternalTarget = '_blank';
             }
-            if (this.item.filtered === undefined) {
-                this.item.filtered = true;
-            }
-            if (this.item.disabled === undefined) {
-                this.item.visible = true;
-            }
+            this.item.filtered = typeof this.item.filtered == 'boolean' ? this.item.filtered : true;
+            this.item.visible = typeof this.item.visible == 'boolean' ? this.item.visible : true;
         }
     }
     /**