@eui/components 17.0.0-next.3 → 17.0.0-next.5

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

@@ -60,10 +60,10 @@ class EuiChipListDragService {
         this.componentConnector = [];
         this.droppableArea = [];
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListDragService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListDragService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListDragService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListDragService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListDragService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListDragService, decorators: [{
             type: Injectable
         }] });
 
@@ -181,7 +181,7 @@ class EuiChipListComponent extends BaseDirective {
         Object.keys(this.euiChipListDragService.componentConnector).map((connectTo) => {
             this.euiChipListDragService.componentConnector[connectTo].push(this.chipListDragAndDropItems);
         });
-        this.euiChipsContent.changes.pipe(startWith(true), takeUntil(this.destroy$)).subscribe((c) => {
+        this.euiChipsContent.changes.pipe(startWith(true), takeUntil(this.destroy$)).subscribe(() => {
             if (this.euiChipsContent.toArray().length > 0) {
                 this.chips = this.euiChipsContent.toArray().map((chip) => Object.assign(chip, { euiInternalId: this.generateId() }));
                 if (this.isChipsSorted) {
@@ -304,12 +304,12 @@ class EuiChipListComponent extends BaseDirective {
         });
         return tab;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: EuiChipListDragService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", 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", isChipsRemovable: "isChipsRemovable", maxVisibleChipsCount: "maxVisibleChipsCount", chipsLabelTruncateCount: "chipsLabelTruncateCount", isMaxVisibleChipsOpened: "isMaxVisibleChipsOpened", isChipsSorted: "isChipsSorted", isChipsDragAndDrop: "isChipsDragAndDrop", isGrid: "isGrid" }, outputs: { chipsInit: "chipsInit", chipRemove: "chipRemove", chipDragStarted: "chipDragStarted", chipDragReleased: "chipDragReleased", chipDropped: "chipDropped", chiplistFocus: "chiplistFocus" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.role": "this.attr_Role" } }, queries: [{ propertyName: "euiChipsContent", predicate: i0.forwardRef(function () { return 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 }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'option'\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                    [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                    [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                    [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                    [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                    [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                    [isSquared]=\"chip.isSquared || isSquared\"\n                    [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                    [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                    [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                    [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                    [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                    [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                    [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                    [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                    [euiTooltip]=\"chip.tooltipMessage\"\n                    [position]=\"chip.tooltip?.position\"\n                    [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                    (remove)=\"onRemove($event)\">\n                    <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                    <!-- v15 OK -->\n                    <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                    <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                    <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                        getChipLabel(chip) | euiTruncate : chipsLabelTruncateCount\n                    }}</span>\n                </eui-chip>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            <div\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'option'\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                        [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                        [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                        [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                        [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                        [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                        [isSquared]=\"chip.isSquared || isSquared\"\n                        [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                        [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                        [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                        [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                        [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                        [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                        [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                        [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                        [euiTooltip]=\"chip.tooltipMessage\"\n                        [position]=\"chip.tooltip?.position\"\n                        [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                        (remove)=\"onRemove($event)\">\n                        <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                        <!-- v15 OK -->\n                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate : chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".eui-chip-list{align-items:center;display:flex;margin:0;padding:0}.eui-chip-list .eui-chip-list-container{align-items:center;display:flex}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper{align-items:center;display:flex;width:100%;flex-wrap:wrap}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__list{flex-wrap:wrap}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{align-items:center;display:inline-flex}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs)}.eui-chip-list[ischipsdraganddrop] .eui-chip-list-container{width:100%}.eui-chip-list__group{display:flex;flex-wrap:wrap}.eui-chip-list__chip-container.cdk-drag:not(.cdk-drag-disabled){cursor:move!important}.eui-chip-list__custom{min-width:auto!important;width:auto!important}@media screen and (max-width: 767px){.eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], 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"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "content", "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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: EuiChipListDragService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", 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", isChipsRemovable: "isChipsRemovable", maxVisibleChipsCount: "maxVisibleChipsCount", chipsLabelTruncateCount: "chipsLabelTruncateCount", isMaxVisibleChipsOpened: "isMaxVisibleChipsOpened", isChipsSorted: "isChipsSorted", isChipsDragAndDrop: "isChipsDragAndDrop", isGrid: "isGrid" }, outputs: { chipsInit: "chipsInit", chipRemove: "chipRemove", chipDragStarted: "chipDragStarted", chipDragReleased: "chipDragReleased", chipDropped: "chipDropped", chiplistFocus: "chiplistFocus" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.role": "this.attr_Role" } }, queries: [{ propertyName: "euiChipsContent", predicate: i0.forwardRef(function () { return 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 }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'option'\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                    [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                    [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                    [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                    [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                    [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                    [isSquared]=\"chip.isSquared || isSquared\"\n                    [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                    [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                    [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                    [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                    [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                    [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                    [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                    [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                    [euiTooltip]=\"chip.tooltipMessage\"\n                    [position]=\"chip.tooltip?.position\"\n                    [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                    (remove)=\"onRemove($event)\">\n                    <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                    <!-- v15 OK -->\n                    <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                    <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                    <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                        getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                    }}</span>\n                </eui-chip>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            <div\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'option'\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                        [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                        [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                        [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                        [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                        [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                        [isSquared]=\"chip.isSquared || isSquared\"\n                        [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                        [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                        [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                        [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                        [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                        [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                        [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                        [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                        [euiTooltip]=\"chip.tooltipMessage\"\n                        [position]=\"chip.tooltip?.position\"\n                        [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                        (remove)=\"onRemove($event)\">\n                        <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                        <!-- v15 OK -->\n                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".eui-chip-list{align-items:center;display:flex;margin:0;padding:0}.eui-chip-list .eui-chip-list-container{align-items:center;display:flex}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper{align-items:center;display:flex;width:100%;flex-wrap:wrap}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__list{flex-wrap:wrap}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{align-items:center;display:inline-flex}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs)}.eui-chip-list[ischipsdraganddrop] .eui-chip-list-container{width:100%}.eui-chip-list__group{display:flex;flex-wrap:wrap}.eui-chip-list__chip-container.cdk-drag:not(.cdk-drag-disabled){cursor:move!important}.eui-chip-list__custom{min-width:auto!important;width:auto!important}@media screen and (max-width: 767px){.eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], 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"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "content", "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: "17.0.0-next.3", ngImport: i0, type: EuiChipListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-chip-list, div[euiChipList], ul[euiChipList]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'option'\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                    [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                    [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                    [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                    [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                    [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                    [isSquared]=\"chip.isSquared || isSquared\"\n                    [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                    [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                    [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                    [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                    [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                    [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                    [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                    [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                    [euiTooltip]=\"chip.tooltipMessage\"\n                    [position]=\"chip.tooltip?.position\"\n                    [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                    (remove)=\"onRemove($event)\">\n                    <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                    <!-- v15 OK -->\n                    <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                    <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                    <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                        getChipLabel(chip) | euiTruncate : chipsLabelTruncateCount\n                    }}</span>\n                </eui-chip>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            <div\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'option'\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                        [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                        [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                        [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                        [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                        [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                        [isSquared]=\"chip.isSquared || isSquared\"\n                        [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                        [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                        [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                        [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                        [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                        [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                        [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                        [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                        [euiTooltip]=\"chip.tooltipMessage\"\n                        [position]=\"chip.tooltip?.position\"\n                        [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                        (remove)=\"onRemove($event)\">\n                        <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                        <!-- v15 OK -->\n                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate : chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".eui-chip-list{align-items:center;display:flex;margin:0;padding:0}.eui-chip-list .eui-chip-list-container{align-items:center;display:flex}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper{align-items:center;display:flex;width:100%;flex-wrap:wrap}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__list{flex-wrap:wrap}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{align-items:center;display:inline-flex}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs)}.eui-chip-list[ischipsdraganddrop] .eui-chip-list-container{width:100%}.eui-chip-list__group{display:flex;flex-wrap:wrap}.eui-chip-list__chip-container.cdk-drag:not(.cdk-drag-disabled){cursor:move!important}.eui-chip-list__custom{min-width:auto!important;width:auto!important}@media screen and (max-width: 767px){.eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}\n"] }]
+            args: [{ selector: 'eui-chip-list, div[euiChipList], ul[euiChipList]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'option'\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                    [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                    [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                    [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                    [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                    [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                    [isSquared]=\"chip.isSquared || isSquared\"\n                    [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                    [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                    [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                    [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                    [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                    [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                    [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                    [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                    [euiTooltip]=\"chip.tooltipMessage\"\n                    [position]=\"chip.tooltip?.position\"\n                    [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                    (remove)=\"onRemove($event)\">\n                    <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                    <!-- v15 OK -->\n                    <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                    <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                    <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                        getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                    }}</span>\n                </eui-chip>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            <div\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'option'\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                        [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                        [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                        [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                        [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                        [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                        [isSquared]=\"chip.isSquared || isSquared\"\n                        [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                        [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                        [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                        [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                        [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                        [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                        [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                        [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                        [euiTooltip]=\"chip.tooltipMessage\"\n                        [position]=\"chip.tooltip?.position\"\n                        [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                        (remove)=\"onRemove($event)\">\n                        <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                        <!-- v15 OK -->\n                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".eui-chip-list{align-items:center;display:flex;margin:0;padding:0}.eui-chip-list .eui-chip-list-container{align-items:center;display:flex}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper{align-items:center;display:flex;width:100%;flex-wrap:wrap}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__list{flex-wrap:wrap}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container{align-items:center;display:inline-flex}.eui-chip-list .eui-chip-list-container .eui-chip-list-wrapper .eui-chip-list__chip-container .eui-chip{margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs)}.eui-chip-list[ischipsdraganddrop] .eui-chip-list-container{width:100%}.eui-chip-list__group{display:flex;flex-wrap:wrap}.eui-chip-list__chip-container.cdk-drag:not(.cdk-drag-disabled){cursor:move!important}.eui-chip-list__custom{min-width:auto!important;width:auto!important}@media screen and (max-width: 767px){.eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-chip-list .eui-chip-list-container{flex-wrap:wrap}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: EuiChipListDragService }, { type: i2.DomSanitizer }]; }, propDecorators: { chips: [{
                 type: Input
             }], toggleLinkMoreLabel: [{
@@ -378,17 +378,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
             }] } });
 /* eslint-disable */
 class EuiChipListAppendContentDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListAppendContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiChipListAppendContentDirective, selector: "euiChipListAppendContent", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListAppendContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiChipListAppendContentDirective, selector: "euiChipListAppendContent", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListAppendContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListAppendContentDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'euiChipListAppendContent' }]
         }] });
 
 class EuiChipListModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListModule, declarations: [EuiChipListComponent, EuiChipListAppendContentDirective], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListModule, declarations: [EuiChipListComponent, EuiChipListAppendContentDirective], imports: [CommonModule,
             EuiChipModule,
             EuiButtonModule,
             EuiIconModule,
@@ -397,7 +397,7 @@ class EuiChipListModule {
             TranslateModule,
             EuiTruncatePipeModule,
             EuiTooltipDirectiveModule], exports: [EuiChipListComponent, EuiChipListAppendContentDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListModule, providers: [EuiChipListDragService], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListModule, providers: [EuiChipListDragService], imports: [CommonModule,
             EuiChipModule,
             EuiButtonModule,
             EuiIconModule,
@@ -407,7 +407,7 @@ class EuiChipListModule {
             EuiTruncatePipeModule,
             EuiTooltipDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-chip-list.mjs","sources":["../../eui-chip-list/models/eui-chip-drag-drop.model.ts","../../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 { EuiChipComponent } from '@eui/components/eui-chip';\n\nexport class EuiChipDragDrop {\n    type: string;\n    sourceName: string;\n    chip: EuiChipComponent;\n    chips: EuiChipComponent[];\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","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    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    AfterViewInit,\n    EventEmitter,\n    Output,\n    OnDestroy,\n    Directive,\n    OnChanges,\n    SimpleChanges,\n    ElementRef,\n    ViewChildren,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { coerceBooleanProperty, coerceNumberProperty, BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { startWith, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport {\n    CdkDragDrop,\n    moveItemInArray,\n    CdkDropList,\n    transferArrayItem,\n    CdkDrag,\n    CdkDragStart,\n    CdkDragEnter,\n    CdkDragRelease,\n} from '@angular/cdk/drag-drop';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiChipComponent, EuiChip, EuiChipTooltip } from '@eui/components/eui-chip';\n\nimport { EuiChipDragDrop } from './models/eui-chip-drag-drop.model';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@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})\nexport class EuiChipListComponent extends BaseDirective implements AfterViewInit, OnDestroy, OnChanges, OnInit {\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    @Output() chipsInit = new EventEmitter<CdkDropList>();\n    @Output() chipRemove = new EventEmitter<{ chips: EuiChip[]; removed: EuiChip | { chip: EuiChip; event: Event } }>();\n    @Output() chipDragStarted = new EventEmitter<EuiChipDragDrop>();\n    @Output() chipDragReleased = new EventEmitter<EuiChipDragDrop>();\n    @Output() chipDropped = new EventEmitter<EuiChipDragDrop>();\n    @Output() chiplistFocus = new EventEmitter<boolean>();\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-chip-list')].join(' ').trim();\n    }\n    @HostBinding('attr.role') attr_Role = 'listbox';\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    @Input()\n    get isSquared(): boolean {\n        return this._isSquared;\n    }\n    set isSquared(value: BooleanInput) {\n        this._isSquared = coerceBooleanProperty(value);\n    }\n    private _isSquared = false;\n\n    @Input()\n    get isChipsRemovable(): boolean {\n        return this._isChipsRemovable;\n    }\n    set isChipsRemovable(value: BooleanInput) {\n        this._isChipsRemovable = coerceBooleanProperty(value);\n    }\n    private _isChipsRemovable = false;\n\n    @Input()\n    get maxVisibleChipsCount(): number {\n        return this._maxVisibleChipsCount;\n    }\n    set maxVisibleChipsCount(value: NumberInput) {\n        this._maxVisibleChipsCount = coerceNumberProperty(value);\n    }\n    private _maxVisibleChipsCount = null;\n\n    @Input()\n    get chipsLabelTruncateCount(): number {\n        return this._chipsLabelTruncateCount;\n    }\n    set chipsLabelTruncateCount(value: NumberInput) {\n        this._chipsLabelTruncateCount = coerceNumberProperty(value);\n    }\n    private _chipsLabelTruncateCount = null;\n\n    @Input()\n    get isMaxVisibleChipsOpened(): boolean {\n        return this._isMaxVisibleChipsOpened;\n    }\n    set isMaxVisibleChipsOpened(value: BooleanInput) {\n        this._isMaxVisibleChipsOpened = coerceBooleanProperty(value);\n    }\n    private _isMaxVisibleChipsOpened = false;\n\n    @Input()\n    get isChipsSorted(): boolean {\n        return this._isChipsSorted;\n    }\n    set isChipsSorted(value: BooleanInput) {\n        this._isChipsSorted = coerceBooleanProperty(value);\n    }\n    private _isChipsSorted = false;\n\n    @Input()\n    get isChipsDragAndDrop(): boolean {\n        return this._isChipsDragAndDrop;\n    }\n    set isChipsDragAndDrop(value: BooleanInput) {\n        this._isChipsDragAndDrop = coerceBooleanProperty(value);\n    }\n    private _isChipsDragAndDrop = false;\n\n    @Input()\n    get isGrid(): boolean {\n        return this._isGrid;\n    }\n    set isGrid(value: BooleanInput) {\n        this._isGrid = coerceBooleanProperty(value);\n    }\n    private _isGrid = false;\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(private cd: ChangeDetectorRef, private euiChipListDragService: EuiChipListDragService, private domSanitizer: DomSanitizer) {\n        super();\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    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((c) => {\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    public getChipContent(euiChip: any): string {\n        return euiChip.chipLabel ? this.domSanitizer.bypassSecurityTrustHtml(euiChip.chipLabel.nativeElement.innerHTML) : euiChip.label;\n    }\n\n    public getChipLabel(euiChip: any): string {\n        return euiChip.chipLabel ? euiChip.chipLabel.nativeElement.textContent : euiChip.label;\n    }\n\n    public getChipIconBefore(euiChip: any): boolean {\n        return euiChip.iconBefore;\n    }\n\n    public getChipIconAfter(euiChip: any): boolean {\n        return euiChip.iconAfter;\n    }\n\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 trackByFn(index: number, euiChip: any): string {\n        return euiChip.euiInternalId ? euiChip.euiInternalId : euiChip.id;\n    }\n\n    public onDragEnter(event: CdkDragEnter): void {\n        const dropList = event.container;\n        const phContainer = dropList.element.nativeElement;\n        const phElement = phContainer.querySelector('.cdk-drag-placeholder');\n        phContainer.parentElement.insertBefore(phElement, phContainer);\n        moveItemInArray(this.chips, event.item.data.index, event.container.data.index);\n    }\n\n    public onDropGrid(e: CdkDragDrop<{ chip: any; index: number }>): void {\n        this.chipDropped.emit(\n            new EuiChipDragDrop({\n                type: 'dropped',\n                sourceName: this.dragAndDropSourceName,\n                chip: e.item.data.chip,\n                chips: this.chips,\n            })\n        );\n    }\n\n    /**\n     * @deprecated\n     * it will be removed in eUI 14 please use drop(e: CdkDragDrop<{ chips: any[]}>) instead\n     */\n    // TODO: remove CdkDragDrop<string[] type in eUI 14\n    public drop(e: CdkDragDrop<string[]>): void;\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    public drop(e: CdkDragDrop<{ chips: any[] }>): void;\n    public drop(e: CdkDragDrop<{ chips: any[] }> | CdkDragDrop<string[]>): 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            this.chips = e.container.data['chips'].map((item: any) => item);\n        }\n\n        this.chipDropped.emit(\n            new EuiChipDragDrop({\n                type: 'dropped',\n                sourceName: this.dragAndDropSourceName,\n                chip: e.item.data,\n                chips: e.container.data['chips'],\n            })\n        );\n    }\n\n    /**\n     * @deprecated\n     * it will be removed in eUI 14 please use onDragStarted(event: CdkDragStart) instead\n     */\n    // TODO: remove CdkDrag type in eUI 14\n    public onDragStarted(event: CdkDrag): void;\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    public onDragStarted(event: CdkDragStart): void;\n    public onDragStarted(event: CdkDragStart | CdkDrag): void {\n        this.chipDragStarted.emit(\n            new EuiChipDragDrop({\n                type: 'started',\n                sourceName: this.dragAndDropSourceName,\n                chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n                chips: this.chips,\n            })\n        );\n    }\n\n    /**\n     * @deprecated\n     * it will be removed in eUI 14 please use onDragReleased(event: CdkDragRelease) instead\n     */\n    // TODO: remove CdkDrag type in eUI 14\n    public onDragReleased(event: CdkDrag): void;\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    public onDragReleased(event: CdkDragRelease): void;\n    public onDragReleased(event: CdkDragRelease | CdkDrag): void {\n        this.chipDragReleased.emit(\n            new EuiChipDragDrop({\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    private orderItems(tab: any, sortOrder: string): any[] {\n        tab.sort((a: any, b: any) => {\n            const aObj = a.chipLabel ? a.chipLabel.nativeElement.textContent.toLowerCase() : a.label.toLowerCase();\n            const bObj = b.chipLabel ? b.chipLabel.nativeElement.textContent.toLowerCase() : b.label.toLowerCase();\n\n            if (sortOrder === 'ASC') {\n                if (aObj < bObj) {\n                    return -1;\n                }\n                if (aObj > bObj) {\n                    return 1;\n                }\n                return 0;\n            } else {\n                if (aObj > bObj) {\n                    return -1;\n                }\n                if (aObj < bObj) {\n                    return 1;\n                }\n                return 0;\n            }\n        });\n\n        return tab;\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiChipListAppendContent' })\nexport class EuiChipListAppendContentDirective { }\n/* eslint-enable */\n","<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'option'\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                    [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                    [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                    [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                    [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                    [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                    [isSquared]=\"chip.isSquared || isSquared\"\n                    [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                    [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                    [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                    [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                    [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                    [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                    [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                    [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                    [euiTooltip]=\"chip.tooltipMessage\"\n                    [position]=\"chip.tooltip?.position\"\n                    [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                    (remove)=\"onRemove($event)\">\n                    <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                    <!-- v15 OK -->\n                    <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                    <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                    <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                        getChipLabel(chip) | euiTruncate : chipsLabelTruncateCount\n                    }}</span>\n                </eui-chip>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            <div\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'option'\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                        [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                        [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                        [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                        [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                        [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                        [isSquared]=\"chip.isSquared || isSquared\"\n                        [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                        [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                        [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                        [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                        [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                        [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                        [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                        [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                        [euiTooltip]=\"chip.tooltipMessage\"\n                        [position]=\"chip.tooltip?.position\"\n                        [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                        (remove)=\"onRemove($event)\">\n                        <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                        <!-- v15 OK -->\n                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate : chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiTruncatePipeModule } from '@eui/components/pipes';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipListComponent, EuiChipListAppendContentDirective } from './eui-chip-list.component';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiChipModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiLabelModule,\n        DragDropModule,\n        TranslateModule,\n        EuiTruncatePipeModule,\n        EuiTooltipDirectiveModule,\n    ],\n    declarations: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    exports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    providers: [EuiChipListDragService],\n})\nexport class EuiChipListModule {}\n","/**\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/models/eui-chip-drag-drop.model.ts","../../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 { EuiChipComponent } from '@eui/components/eui-chip';\n\nexport class EuiChipDragDrop {\n    type: string;\n    sourceName: string;\n    chip: EuiChipComponent;\n    chips: EuiChipComponent[];\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","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    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    AfterViewInit,\n    EventEmitter,\n    Output,\n    OnDestroy,\n    Directive,\n    OnChanges,\n    SimpleChanges,\n    ElementRef,\n    ViewChildren,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { coerceBooleanProperty, coerceNumberProperty, BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { startWith, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport {\n    CdkDragDrop,\n    moveItemInArray,\n    CdkDropList,\n    transferArrayItem,\n    CdkDrag,\n    CdkDragStart,\n    CdkDragEnter,\n    CdkDragRelease,\n} from '@angular/cdk/drag-drop';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiChipComponent, EuiChip, EuiChipTooltip } from '@eui/components/eui-chip';\n\nimport { EuiChipDragDrop } from './models/eui-chip-drag-drop.model';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@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})\nexport class EuiChipListComponent extends BaseDirective implements AfterViewInit, OnDestroy, OnChanges, OnInit {\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    @Output() chipsInit = new EventEmitter<CdkDropList>();\n    @Output() chipRemove = new EventEmitter<{ chips: EuiChip[]; removed: EuiChip | { chip: EuiChip; event: Event } }>();\n    @Output() chipDragStarted = new EventEmitter<EuiChipDragDrop>();\n    @Output() chipDragReleased = new EventEmitter<EuiChipDragDrop>();\n    @Output() chipDropped = new EventEmitter<EuiChipDragDrop>();\n    @Output() chiplistFocus = new EventEmitter<boolean>();\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-chip-list')].join(' ').trim();\n    }\n    @HostBinding('attr.role') attr_Role = 'listbox';\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    @Input()\n    get isSquared(): boolean {\n        return this._isSquared;\n    }\n    set isSquared(value: BooleanInput) {\n        this._isSquared = coerceBooleanProperty(value);\n    }\n    private _isSquared = false;\n\n    @Input()\n    get isChipsRemovable(): boolean {\n        return this._isChipsRemovable;\n    }\n    set isChipsRemovable(value: BooleanInput) {\n        this._isChipsRemovable = coerceBooleanProperty(value);\n    }\n    private _isChipsRemovable = false;\n\n    @Input()\n    get maxVisibleChipsCount(): number {\n        return this._maxVisibleChipsCount;\n    }\n    set maxVisibleChipsCount(value: NumberInput) {\n        this._maxVisibleChipsCount = coerceNumberProperty(value);\n    }\n    private _maxVisibleChipsCount = null;\n\n    @Input()\n    get chipsLabelTruncateCount(): number {\n        return this._chipsLabelTruncateCount;\n    }\n    set chipsLabelTruncateCount(value: NumberInput) {\n        this._chipsLabelTruncateCount = coerceNumberProperty(value);\n    }\n    private _chipsLabelTruncateCount = null;\n\n    @Input()\n    get isMaxVisibleChipsOpened(): boolean {\n        return this._isMaxVisibleChipsOpened;\n    }\n    set isMaxVisibleChipsOpened(value: BooleanInput) {\n        this._isMaxVisibleChipsOpened = coerceBooleanProperty(value);\n    }\n    private _isMaxVisibleChipsOpened = false;\n\n    @Input()\n    get isChipsSorted(): boolean {\n        return this._isChipsSorted;\n    }\n    set isChipsSorted(value: BooleanInput) {\n        this._isChipsSorted = coerceBooleanProperty(value);\n    }\n    private _isChipsSorted = false;\n\n    @Input()\n    get isChipsDragAndDrop(): boolean {\n        return this._isChipsDragAndDrop;\n    }\n    set isChipsDragAndDrop(value: BooleanInput) {\n        this._isChipsDragAndDrop = coerceBooleanProperty(value);\n    }\n    private _isChipsDragAndDrop = false;\n\n    @Input()\n    get isGrid(): boolean {\n        return this._isGrid;\n    }\n    set isGrid(value: BooleanInput) {\n        this._isGrid = coerceBooleanProperty(value);\n    }\n    private _isGrid = false;\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    ) {\n        super();\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    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    public getChipContent(euiChip: any): string {\n        return euiChip.chipLabel ? this.domSanitizer.bypassSecurityTrustHtml(euiChip.chipLabel.nativeElement.innerHTML) : euiChip.label;\n    }\n\n    public getChipLabel(euiChip: any): string {\n        return euiChip.chipLabel ? euiChip.chipLabel.nativeElement.textContent : euiChip.label;\n    }\n\n    public getChipIconBefore(euiChip: any): boolean {\n        return euiChip.iconBefore;\n    }\n\n    public getChipIconAfter(euiChip: any): boolean {\n        return euiChip.iconAfter;\n    }\n\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 trackByFn(index: number, euiChip: any): string {\n        return euiChip.euiInternalId ? euiChip.euiInternalId : euiChip.id;\n    }\n\n    public onDragEnter(event: CdkDragEnter): void {\n        const dropList = event.container;\n        const phContainer = dropList.element.nativeElement;\n        const phElement = phContainer.querySelector('.cdk-drag-placeholder');\n        phContainer.parentElement.insertBefore(phElement, phContainer);\n        moveItemInArray(this.chips, event.item.data.index, event.container.data.index);\n    }\n\n    public onDropGrid(e: CdkDragDrop<{ chip: any; index: number }>): void {\n        this.chipDropped.emit(\n            new EuiChipDragDrop({\n                type: 'dropped',\n                sourceName: this.dragAndDropSourceName,\n                chip: e.item.data.chip,\n                chips: this.chips,\n            })\n        );\n    }\n\n    /**\n     * @deprecated\n     * it will be removed in eUI 14 please use drop(e: CdkDragDrop<{ chips: any[]}>) instead\n     */\n    // TODO: remove CdkDragDrop<string[] type in eUI 14\n    public drop(e: CdkDragDrop<string[]>): void;\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    public drop(e: CdkDragDrop<{ chips: any[] }>): void;\n    public drop(e: CdkDragDrop<{ chips: any[] }> | CdkDragDrop<string[]>): 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            this.chips = e.container.data['chips'].map((item: any) => item);\n        }\n\n        this.chipDropped.emit(\n            new EuiChipDragDrop({\n                type: 'dropped',\n                sourceName: this.dragAndDropSourceName,\n                chip: e.item.data,\n                chips: e.container.data['chips'],\n            })\n        );\n    }\n\n    /**\n     * @deprecated\n     * it will be removed in eUI 14 please use onDragStarted(event: CdkDragStart) instead\n     */\n    // TODO: remove CdkDrag type in eUI 14\n    public onDragStarted(event: CdkDrag): void;\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    public onDragStarted(event: CdkDragStart): void;\n    public onDragStarted(event: CdkDragStart | CdkDrag): void {\n        this.chipDragStarted.emit(\n            new EuiChipDragDrop({\n                type: 'started',\n                sourceName: this.dragAndDropSourceName,\n                chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n                chips: this.chips,\n            })\n        );\n    }\n\n    /**\n     * @deprecated\n     * it will be removed in eUI 14 please use onDragReleased(event: CdkDragRelease) instead\n     */\n    // TODO: remove CdkDrag type in eUI 14\n    public onDragReleased(event: CdkDrag): void;\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    public onDragReleased(event: CdkDragRelease): void;\n    public onDragReleased(event: CdkDragRelease | CdkDrag): void {\n        this.chipDragReleased.emit(\n            new EuiChipDragDrop({\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    private orderItems(tab: any, sortOrder: string): any[] {\n        tab.sort((a: any, b: any) => {\n            const aObj = a.chipLabel ? a.chipLabel.nativeElement.textContent.toLowerCase() : a.label.toLowerCase();\n            const bObj = b.chipLabel ? b.chipLabel.nativeElement.textContent.toLowerCase() : b.label.toLowerCase();\n\n            if (sortOrder === 'ASC') {\n                if (aObj < bObj) {\n                    return -1;\n                }\n                if (aObj > bObj) {\n                    return 1;\n                }\n                return 0;\n            } else {\n                if (aObj > bObj) {\n                    return -1;\n                }\n                if (aObj < bObj) {\n                    return 1;\n                }\n                return 0;\n            }\n        });\n\n        return tab;\n    }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiChipListAppendContent' })\nexport class EuiChipListAppendContentDirective {}\n/* eslint-enable */\n","<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'option'\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                    [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                    [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                    [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                    [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                    [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                    [isSquared]=\"chip.isSquared || isSquared\"\n                    [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                    [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                    [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                    [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                    [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                    [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                    [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                    [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                    [euiTooltip]=\"chip.tooltipMessage\"\n                    [position]=\"chip.tooltip?.position\"\n                    [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                    (remove)=\"onRemove($event)\">\n                    <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                    <!-- v15 OK -->\n                    <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                    <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                    <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                        getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                    }}</span>\n                </eui-chip>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n    <div class=\"eui-chip-list-wrapper\">\n        <div class=\"eui-chip-list__group\" cdkDropListGroup>\n            <div\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'option'\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n                        [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n                        [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n                        [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n                        [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n                        [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n                        [isSquared]=\"chip.isSquared || isSquared\"\n                        [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n                        [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n                        [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n                        [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n                        [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n                        [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n                        [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n                        [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n                        [euiTooltip]=\"chip.tooltipMessage\"\n                        [position]=\"chip.tooltip?.position\"\n                        [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n                        (remove)=\"onRemove($event)\">\n                        <eui-icon *ngIf=\"chip.iconClass\" [iconClass]=\"chip.iconClass\"></eui-icon>\n                        <!-- v15 OK -->\n                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiTruncatePipeModule } from '@eui/components/pipes';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipListComponent, EuiChipListAppendContentDirective } from './eui-chip-list.component';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiChipModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiLabelModule,\n        DragDropModule,\n        TranslateModule,\n        EuiTruncatePipeModule,\n        EuiTooltipDirectiveModule,\n    ],\n    declarations: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    exports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n    providers: [EuiChipListDragService],\n})\nexport class EuiChipListModule {}\n","/**\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-chip.mjs

@@ -93,10 +93,10 @@ class EuiChipComponent extends BaseDirective {
             this.remove.emit(this.data);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: "isChipRemovable", isSquared: "isSquared" }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(function () { return EuiIconComponent; }) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        tabindex=\"0\"\n        icon=\"eui-ecl-close\"\n        size=\"s\"\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-svg>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font-size:var(--eui-base-font-size-s);font-weight:400}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip.eui-chip--removable{padding-right:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon{cursor:pointer;opacity:.75;padding-left:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon:hover{opacity:1}.eui-chip.eui-chip--removable .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-white);border-radius:50%;outline-offset:-3px}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);background-image:none;border:1px solid;border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon{opacity:var(--eui-base-disabled-opacity)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--outline.eui-chip--primary{border-color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--primary .eui-chip__remove-icon{color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg>svg{fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{border-color:var(--eui-base-color-grey-50)}.eui-chip--outline.eui-chip--secondary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--secondary .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{border-color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--info .eui-chip__remove-icon{color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg>svg{fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{border-color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--success .eui-chip__remove-icon{color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg>svg{fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{border-color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-chip__content-container .eui-label{color:var(--eui-base-color-warning-140)}.eui-chip--outline.eui-chip--warning .eui-chip__remove-icon{color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-icon-svg>svg{fill:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--danger{border-color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--danger .eui-chip__remove-icon{color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg>svg{fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{border-color:var(--eui-base-color-accent-100)}.eui-chip--outline.eui-chip--accent .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--accent .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-xs.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-xs.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-xs);padding-right:0!important;padding-left:var(--eui-base-spacing-2xs)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-s.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-s);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--size-l.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-l.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-m);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: "isChipRemovable", isSquared: "isSquared" }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(function () { return EuiIconComponent; }) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        tabindex=\"0\"\n        icon=\"eui-ecl-close\"\n        size=\"s\"\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-svg>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font-size:var(--eui-base-font-size-s);font-weight:400}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip.eui-chip--removable{padding-right:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon{cursor:pointer;opacity:.75;padding-left:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon:hover{opacity:1}.eui-chip.eui-chip--removable .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-white);border-radius:50%;outline-offset:-3px}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);background-image:none;border:1px solid;border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon{opacity:var(--eui-base-disabled-opacity)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--outline.eui-chip--primary{border-color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--primary .eui-chip__remove-icon{color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg>svg{fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{border-color:var(--eui-base-color-grey-50)}.eui-chip--outline.eui-chip--secondary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--secondary .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{border-color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--info .eui-chip__remove-icon{color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg>svg{fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{border-color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--success .eui-chip__remove-icon{color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg>svg{fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{border-color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-chip__content-container .eui-label{color:var(--eui-base-color-warning-140)}.eui-chip--outline.eui-chip--warning .eui-chip__remove-icon{color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-icon-svg>svg{fill:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--danger{border-color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--danger .eui-chip__remove-icon{color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg>svg{fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{border-color:var(--eui-base-color-accent-100)}.eui-chip--outline.eui-chip--accent .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--accent .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-xs.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-xs.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-xs);padding-right:0!important;padding-left:var(--eui-base-spacing-2xs)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-s.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-s);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--size-l.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-l.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-m);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-chip, span[euiChip], li[euiChip]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__remove-icon\"\n        tabindex=\"0\"\n        icon=\"eui-ecl-close\"\n        size=\"s\"\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\">\n    </eui-icon-svg>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font-size:var(--eui-base-font-size-s);font-weight:400}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip.eui-chip--removable{padding-right:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon{cursor:pointer;opacity:.75;padding-left:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon:hover{opacity:1}.eui-chip.eui-chip--removable .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-white);border-radius:50%;outline-offset:-3px}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg>svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);background-image:none;border:1px solid;border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon{opacity:var(--eui-base-disabled-opacity)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--outline.eui-chip--primary{border-color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--primary .eui-chip__remove-icon{color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg>svg{fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{border-color:var(--eui-base-color-grey-50)}.eui-chip--outline.eui-chip--secondary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--secondary .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{border-color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--info .eui-chip__remove-icon{color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg>svg{fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{border-color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--success .eui-chip__remove-icon{color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg>svg{fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{border-color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-chip__content-container .eui-label{color:var(--eui-base-color-warning-140)}.eui-chip--outline.eui-chip--warning .eui-chip__remove-icon{color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-icon-svg>svg{fill:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--danger{border-color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--danger .eui-chip__remove-icon{color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg>svg{fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{border-color:var(--eui-base-color-accent-100)}.eui-chip--outline.eui-chip--accent .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--accent .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-xs.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-xs.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-xs);padding-right:0!important;padding-left:var(--eui-base-spacing-2xs)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-s.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-s);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--size-l.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-l.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-m);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { euiInternalId: [{
@@ -131,11 +131,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
             }] } });
 
 class EuiChipModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipModule, declarations: [EuiChipComponent], imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule], exports: [EuiChipComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipModule, imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipModule, declarations: [EuiChipComponent], imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule], exports: [EuiChipComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipModule, imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiChipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiChipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule],