@eui/components 17.3.5-snapshot-1716513864886 → 17.3.6-snapshot-1716859482399

package/docs/miscellaneous/variables.html

@@ -233,6 +233,9 @@
                         <li>
                             <a href="#LETTER_FORMAT" title="packages/eui/packages/components/eui-datepicker/eui-datepicker.component.ts" ><b>LETTER_FORMAT</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-datepicker.component.ts)</a>
                         </li>
+                        <li>
+                            <a href="#maxFileSizeValidator" title="packages/eui/packages/components/eui-file-upload/utils/eui-file-upload.validators.ts" ><b>maxFileSizeValidator</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-file-upload.validators.ts)</a>
+                        </li>
                         <li>
                             <a href="#maxFilesValidator" title="packages/eui/packages/components/eui-file-upload/utils/eui-file-upload.validators.ts" ><b>maxFilesValidator</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-file-upload.validators.ts)</a>
                         </li>
@@ -392,6 +395,40 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="maxFileSizeValidator"></a>
+                    <span class="name">
+                        <span ><b>maxFileSizeValidator</b></span>
+                        <a href="#maxFileSizeValidator"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>(maxFileSize: number): ValidatorFn &#x3D;&gt;
+    (control: AbstractControl): { maxFileSize: number, indexes: Array&lt;number&gt; } | null &#x3D;&gt; {
+        const fileIndexes &#x3D;[];
+        let maxFileExceeded &#x3D; false;
+        if (control.value) {
+            control.value.forEach((file: File, index: number) &#x3D;&gt; {
+                if (file.size &gt; maxFileSize * 1.024) {
+                    fileIndexes.push(index);
+                    maxFileExceeded &#x3D; true;
+                }
+            });
+        }
+
+        return control.value &amp;&amp; maxFileExceeded ? { maxFileSize, indexes: fileIndexes } : null;
+    }</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
     <table class="table table-sm table-bordered">

package/esm2022/eui-chip-list/eui-chip-list.component.mjs

@@ -273,11 +273,11 @@ export class EuiChipListComponent extends BaseDirective {
         return tab;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiChipListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.EuiChipListDragService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop", chiplistFocus: "chiplistFocus" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "euiChipsContent", predicate: i0.forwardRef(() => EuiChipComponent) }], viewQueries: [{ propertyName: "chipListDropList", first: true, predicate: ["chipListDropList"], descendants: true, read: CdkDropList }, { propertyName: "chipListDragAndDropItems", first: true, predicate: ["chipListDragAndDropItems"], descendants: true, read: CdkDropList }, { propertyName: "euiChipItems", predicate: ["euiChipItem"], descendants: true, read: ElementRef }], 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            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || 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                    <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                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || 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                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", 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: ["ariaLabel", "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", "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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop", chiplistFocus: "chiplistFocus" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "euiChipsContent", predicate: i0.forwardRef(() => EuiChipComponent) }], viewQueries: [{ propertyName: "chipListDropList", first: true, predicate: ["chipListDropList"], descendants: true, read: CdkDropList }, { propertyName: "chipListDragAndDropItems", first: true, predicate: ["chipListDragAndDropItems"], descendants: true, read: CdkDropList }, { propertyName: "euiChipItems", predicate: ["euiChipItem"], descendants: true, read: ElementRef }], 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            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || 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                    <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                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || 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                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", 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;width:100%}.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: ["ariaLabel", "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", "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.3.7", 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            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || 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                    <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                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || 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                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", 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            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || 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                    <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                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || 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                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", 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;width:100%}.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: () => [{ type: i0.ChangeDetectorRef }, { type: i1.EuiChipListDragService }, { type: i2.DomSanitizer }], propDecorators: { chips: [{
                 type: Input
             }], toggleLinkMoreLabel: [{

package/esm2022/eui-file-upload/utils/eui-file-upload.validators.mjs

@@ -41,6 +41,29 @@ export const maxSizeValidator = (maxSize) => (control) => {
     }
     return control.value && totalSize > maxSize * 1.024 ? { maxSize } : null;
 };
+/**
+ * @description
+ * Validator that requires the maximum size (in bytes) per file that can be uploaded.
+ *
+ * @usageNotes
+ * Validates that the user doesn't select a file that exceeds the provided size
+ *
+ * @returns A validator function that returns an error map with the
+ * `maxFileSize` and the `indexes` of the file/files that exceeded the max size if the validation check fails, otherwise `null`.
+ */
+export const maxFileSizeValidator = (maxFileSize) => (control) => {
+    const fileIndexes = [];
+    let maxFileExceeded = false;
+    if (control.value) {
+        control.value.forEach((file, index) => {
+            if (file.size > maxFileSize * 1.024) {
+                fileIndexes.push(index);
+                maxFileExceeded = true;
+            }
+        });
+    }
+    return control.value && maxFileExceeded ? { maxFileSize, indexes: fileIndexes } : null;
+};
 /**
  * @description
  * Validator that requires an array of mime type that can be uploaded.
@@ -113,4 +136,4 @@ const validateFileMimeType = (file, mimeTypes) => {
         reader.readAsArrayBuffer(file);
     });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWZpbGUtdXBsb2FkLnZhbGlkYXRvcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9ldWktZmlsZS11cGxvYWQvdXRpbHMvZXVpLWZpbGUtdXBsb2FkLnZhbGlkYXRvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUsV0FBVyxFQUFZLE1BQU0sY0FBYyxDQUFDO0FBRXJEOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQzFCLENBQUMsUUFBZ0IsRUFBZSxFQUFFLENBQ2xDLENBQUMsT0FBd0IsRUFBK0IsRUFBRSxDQUN0RCxPQUFPLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBRS9FOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQ3pCLENBQUMsT0FBZSxFQUFlLEVBQUUsQ0FDakMsQ0FBQyxPQUF3QixFQUE4QixFQUFFO0lBQ3JELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQztJQUNsQixJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7UUFDZixPQUFPLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQVUsRUFBRSxFQUFFO1lBQ2pDLFNBQVMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0tBQ047SUFFRCxPQUFPLE9BQU8sQ0FBQyxLQUFLLElBQUksU0FBUyxHQUFHLE9BQU8sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUM3RSxDQUFDLENBQUM7QUFDTjs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUNuQyxDQUFDLFNBQW1CLEVBQWUsRUFBRSxDQUNyQyxDQUFDLE9BQXdCLEVBQTZDLEVBQUU7SUFDcEUsTUFBTSxvQkFBb0IsR0FBYSxFQUFFLENBQUM7SUFDMUMsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFO1FBQ2YsT0FBTyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFVLEVBQUUsRUFBRTtZQUNqQyxJQUFJLFNBQVMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFO2dCQUNyQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3hDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7S0FDTjtJQUVELE9BQU8sT0FBTyxDQUFDLEtBQUssSUFBSSxvQkFBb0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLG9CQUFvQixFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUM5RixDQUFDLENBQUM7QUFFTjs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILE1BQU0sQ0FBQyxNQUFNLCtCQUErQixHQUN4QyxDQUFDLFNBQXFCLEVBQW9CLEVBQUUsQ0FDNUMsQ0FBQyxPQUF3QixFQUEwRSxFQUFFO0lBQ2pHLElBQUksT0FBTyxDQUFDLEtBQUssRUFBRTtRQUNmLE1BQU0sb0JBQW9CLEdBQTBDLEVBQUUsQ0FBQztRQUN2RSxxQkFBcUI7UUFDckIsT0FBTyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFVLEVBQUUsRUFBRTtZQUNqQyw0REFBNEQ7WUFDNUQsb0JBQW9CLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDO1FBQ3JFLENBQUMsQ0FBQyxDQUFDO1FBQ0gsT0FBTyxHQUFHLENBQUMsR0FBRyxvQkFBb0IsQ0FBQyxDQUFDLElBQUksQ0FDcEMsR0FBRyxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQUU7WUFDZixNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLEtBQUssSUFBSSxDQUFDLENBQUM7WUFDcEUseUNBQXlDO1lBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLEVBQUUsQ0FBQztRQUMzQyxDQUFDLENBQUMsQ0FDTCxDQUFDO0tBQ0w7SUFDRCxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUNwQixDQUFDLENBQUM7QUFFTixNQUFNLG9CQUFvQixHQUFHLENBQUMsSUFBVSxFQUFFLFNBQXFCLEVBQTJDLEVBQUU7SUFDeEcsT0FBTyxJQUFJLFVBQVUsQ0FBNEIsQ0FBQyxVQUFVLEVBQUUsRUFBRTtRQUM1RCxNQUFNLE1BQU0sR0FBRyxJQUFJLFVBQVUsRUFBRSxDQUFDO1FBQ2hDLE1BQU0sQ0FBQyxTQUFTLEdBQUcsR0FBUyxFQUFFO1lBQzFCLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxNQUFxQixDQUFDO1lBQzVDLE1BQU0sV0FBVyxHQUFHLElBQUksVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDdkQsTUFBTSxJQUFJLEdBQUcsV0FBVyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQ3RDLElBQUksU0FBUyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRTtnQkFDaEMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7YUFDMUM7WUFDRCxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ25DLENBQUMsQ0FBQyxDQUFDO0FBQ1AsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBBc3luY1ZhbGlkYXRvckZuLCBWYWxpZGF0aW9uRXJyb3JzLCBWYWxpZGF0b3JGbiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9ic2VydmFibGUsIG9mLCB6aXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgZ2V0TWltZVR5cGUsIE1pbWVUeXBlIH0gZnJvbSAnLi9taW1lLXR5cGVzJztcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIFZhbGlkYXRvciB0aGF0IHJlcXVpcmVzIHRoZSBtYXhpbXVtIGxlbmd0aCBvZiBmaWxlcyB0aGF0IGNhbiBiZSB1cGxvYWRlZC5cbiAqXG4gKiBAdXNhZ2VOb3Rlc1xuICogVmFsaWRhdGUgdGhhdCB0aGUgdXNlciBzZWxlY3RlZCBtYXhpbXVtIDMgZmlsZXM6XG4gKlxuICogYGBgdHlwZXNjcmlwdFxuICogY29uc3QgZmlsZVVwbG9hZCA9IG5ldyBGb3JtQ29udHJvbChudWxsLCBtYXhGaWxlc1ZhbGlkYXRvcigzKSk7XG4gKiBjb25zb2xlLmxvZyhmaWxlVXBsb2FkLmVycm9ycyk7IC8vIHsgbWF4RmlsZXM6IDMgfVxuICogYGBgXG4gKlxuICogQHJldHVybnMgQSB2YWxpZGF0b3IgZnVuY3Rpb24gdGhhdCByZXR1cm5zIGFuIGVycm9yIG1hcCB3aXRoIHRoZVxuICogYG1heEZpbGVzYCBpZiB0aGUgdmFsaWRhdGlvbiBjaGVjayBmYWlscywgb3RoZXJ3aXNlIGBudWxsYC5cbiAqL1xuZXhwb3J0IGNvbnN0IG1heEZpbGVzVmFsaWRhdG9yID1cbiAgICAobWF4RmlsZXM6IG51bWJlcik6IFZhbGlkYXRvckZuID0+XG4gICAgKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCk6IHsgbWF4RmlsZXM6IG51bWJlciB9IHwgbnVsbCA9PlxuICAgICAgICBjb250cm9sLnZhbHVlICYmIGNvbnRyb2wudmFsdWUubGVuZ3RoID4gbWF4RmlsZXMgPyB7IG1heEZpbGVzIH0gOiBudWxsO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogVmFsaWRhdG9yIHRoYXQgcmVxdWlyZXMgdGhlIG1heGltdW0gc2l6ZSAoaW4gYnl0ZXMpIG9mIGZpbGVzIHRoYXQgY2FuIGJlIHVwbG9hZGVkLlxuICpcbiAqIEB1c2FnZU5vdGVzXG4gKiBWYWxpZGF0ZSB0aGF0IHRoZSB1c2VyIGRvZXNuJ3Qgc2VsZWN0IGEgZmlsZSBoYXZlIGEgc2l6ZSB1cCB0byAzMDBLYjpcbiAqXG4gKiBgYGB0eXBlc2NyaXB0XG4gKiBjb25zdCBmaWxlVXBsb2FkID0gbmV3IEZvcm1Db250cm9sKG51bGwsIG1heFNpemVWYWxpZGF0b3IoMzAwMDAwKSk7XG4gKiBjb25zb2xlLmxvZyhmaWxlVXBsb2FkLmVycm9ycyk7IC8vIHsgbWF4U2l6ZTogMzAwMDAwIH1cbiAqIGBgYFxuICpcbiAqIEByZXR1cm5zIEEgdmFsaWRhdG9yIGZ1bmN0aW9uIHRoYXQgcmV0dXJucyBhbiBlcnJvciBtYXAgd2l0aCB0aGVcbiAqIGBtYXhTaXplYCBpZiB0aGUgdmFsaWRhdGlvbiBjaGVjayBmYWlscywgb3RoZXJ3aXNlIGBudWxsYC5cbiAqL1xuZXhwb3J0IGNvbnN0IG1heFNpemVWYWxpZGF0b3IgPVxuICAgIChtYXhTaXplOiBudW1iZXIpOiBWYWxpZGF0b3JGbiA9PlxuICAgIChjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOiB7IG1heFNpemU6IG51bWJlciB9IHwgbnVsbCA9PiB7XG4gICAgICAgIGxldCB0b3RhbFNpemUgPSAwO1xuICAgICAgICBpZiAoY29udHJvbC52YWx1ZSkge1xuICAgICAgICAgICAgY29udHJvbC52YWx1ZS5mb3JFYWNoKChmaWxlOiBGaWxlKSA9PiB7XG4gICAgICAgICAgICAgICAgdG90YWxTaXplICs9IGZpbGUuc2l6ZTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNvbnRyb2wudmFsdWUgJiYgdG90YWxTaXplID4gbWF4U2l6ZSAqIDEuMDI0ID8geyBtYXhTaXplIH0gOiBudWxsO1xuICAgIH07XG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogVmFsaWRhdG9yIHRoYXQgcmVxdWlyZXMgYW4gYXJyYXkgb2YgbWltZSB0eXBlIHRoYXQgY2FuIGJlIHVwbG9hZGVkLlxuICpcbiAqIEB1c2FnZU5vdGVzXG4gKiBWYWxpZGF0ZSB0aGF0IHRoZSB1c2VyIGRvZXNuJ3Qgc2VsZWN0IGEgZmlsZSBoYXZpbmcgYW5vdGhlciBleHRlbnNpb24gdGhhbiAuanBnIG9yIC5qcGVnOlxuICpcbiAqIGBgYHR5cGVzY3JpcHRcbiAqIGNvbnN0IGZpbGVVcGxvYWQgPSBuZXcgRm9ybUNvbnRyb2wobnVsbCwgbWltZVR5cGVFeHRlbnNpb25WYWxpZGF0b3IoWydpbWFnZS9qcGVnJ10pKSxcbiAqIGNvbnNvbGUubG9nKGZpbGVVcGxvYWQuZXJyb3JzKTsgLy8geyBpbnZhbGlkRmlsZUV4dGVuc2lvbjogWydpbWFnZS9qcGVnJ10gfVxuICogYGBgXG4gKlxuICogQHJldHVybnMgQSB2YWxpZGF0b3IgZnVuY3Rpb24gdGhhdCByZXR1cm5zIGFuIGVycm9yIG1hcCB3aXRoIHRoZVxuICogYGludmFsaWRGaWxlRXh0ZW5zaW9uYCBpZiB0aGUgdmFsaWRhdGlvbiBjaGVjayBmYWlscywgb3RoZXJ3aXNlIGBudWxsYC5cbiAqL1xuZXhwb3J0IGNvbnN0IG1pbWVUeXBlRXh0ZW5zaW9uVmFsaWRhdG9yID1cbiAgICAobWltZVR5cGVzOiBzdHJpbmdbXSk6IFZhbGlkYXRvckZuID0+XG4gICAgKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCk6IHsgaW52YWxpZEZpbGVFeHRlbnNpb246IHN0cmluZ1tdIH0gfCBudWxsID0+IHtcbiAgICAgICAgY29uc3QgaW52YWxpZEZpbGVFeHRlbnNpb246IHN0cmluZ1tdID0gW107XG4gICAgICAgIGlmIChjb250cm9sLnZhbHVlKSB7XG4gICAgICAgICAgICBjb250cm9sLnZhbHVlLmZvckVhY2goKGZpbGU6IEZpbGUpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAobWltZVR5cGVzLmluZGV4T2YoZmlsZS50eXBlKSA9PT0gLTEpIHtcbiAgICAgICAgICAgICAgICAgICAgaW52YWxpZEZpbGVFeHRlbnNpb24ucHVzaChmaWxlLm5hbWUpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNvbnRyb2wudmFsdWUgJiYgaW52YWxpZEZpbGVFeHRlbnNpb24ubGVuZ3RoID4gMCA/IHsgaW52YWxpZEZpbGVFeHRlbnNpb24gfSA6IG51bGw7XG4gICAgfTtcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIFZhbGlkYXRvciB0aGF0IHJlcXVpcmVzIGFuIGFycmF5IG9mIG1pbWUgdHlwZSB0aGF0IGNhbiBiZSB1cGxvYWRlZC5cbiAqXG4gKiBAdXNhZ2VOb3Rlc1xuICogVmFsaWRhdGUgdGhhdCB0aGUgdXNlciBkb2Vzbid0IHNlbGVjdCBhIGZpbGUgaGF2aW5nIGFub3RoZXIgZXh0ZW5zaW9uIHRoYW4gLmpwZyBvciAuanBlZzpcbiAqXG4gKiBgYGB0eXBlc2NyaXB0XG4gKiBjb25zdCBmaWxlVXBsb2FkID0gbmV3IEZvcm1Db250cm9sKG51bGwsIG1pbWVUeXBlRXh0ZW5zaW9uVmFsaWRhdG9yKFsnaW1hZ2UvanBlZyddKSksXG4gKiBjb25zb2xlLmxvZyhmaWxlVXBsb2FkLmVycm9ycyk7IC8vIHsgaW52YWxpZE1pbWVGaWxlVHlwZTogWydpbWFnZS9qcGVnJ10gfVxuICogYGBgXG4gKlxuICogQHJldHVybnMgQW4gQXN5bmMgdmFsaWRhdG9yIGZ1bmN0aW9uIHRoYXQgcmV0dXJucyBhbiBlcnJvciBtYXAgd2l0aCB0aGVcbiAqIGBpbnZhbGlkTWltZUZpbGVUeXBlYCBpZiB0aGUgdmFsaWRhdGlvbiBjaGVjayBmYWlscywgb3RoZXJ3aXNlIGBudWxsYC5cbiAqL1xuZXhwb3J0IGNvbnN0IGFzeW5jTWltZVR5cGVFeHRlbnNpb25WYWxpZGF0b3IgPVxuICAgIChtaW1lVHlwZXM6IE1pbWVUeXBlW10pOiBBc3luY1ZhbGlkYXRvckZuID0+XG4gICAgKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCk6IFByb21pc2U8VmFsaWRhdGlvbkVycm9ycyB8IG51bGw+IHwgT2JzZXJ2YWJsZTxWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbD4gPT4ge1xuICAgICAgICBpZiAoY29udHJvbC52YWx1ZSkge1xuICAgICAgICAgICAgY29uc3QgZmlsZUVycm9yT2JzZXJ2YWJsZXM6IE9ic2VydmFibGU8VmFsaWRhdGlvbkVycm9ycyB8IG51bGw+W10gPSBbXTtcbiAgICAgICAgICAgIC8vIGl0ZXJhdGUgb3ZlciBmaWxlc1xuICAgICAgICAgICAgY29udHJvbC52YWx1ZS5mb3JFYWNoKChmaWxlOiBGaWxlKSA9PiB7XG4gICAgICAgICAgICAgICAgLy8gcHVzaCBvYnNlcnZhYmxlIHdoaWNoIHdpbGwgY2hlY2sgdGhlIG1pbWUgdmFsaWRhdGlvbiB0eXBlXG4gICAgICAgICAgICAgICAgZmlsZUVycm9yT2JzZXJ2YWJsZXMucHVzaCh2YWxpZGF0ZUZpbGVNaW1lVHlwZShmaWxlLCBtaW1lVHlwZXMpKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgcmV0dXJuIHppcCguLi5maWxlRXJyb3JPYnNlcnZhYmxlcykucGlwZShcbiAgICAgICAgICAgICAgICBtYXAoKGZpbGVFcnJvcnMpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZXJyb3JzID0gZmlsZUVycm9ycy5maWx0ZXIoKGZpbGVFcnJvcikgPT4gZmlsZUVycm9yICE9PSBudWxsKTtcbiAgICAgICAgICAgICAgICAgICAgLy8gRXJyb3Igc2hvdWxkIGJlIHsgZmlsZU5hbWU6IEZpbGVUeXBlIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgaW52YWxpZE1pbWVGaWxlVHlwZTogZXJyb3JzIH07XG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBvZihudWxsKTtcbiAgICB9O1xuXG5jb25zdCB2YWxpZGF0ZUZpbGVNaW1lVHlwZSA9IChmaWxlOiBGaWxlLCBtaW1lVHlwZXM6IE1pbWVUeXBlW10pOiBPYnNlcnZhYmxlPHsgW2tleTogc3RyaW5nXTogTWltZVR5cGUgfT4gPT4ge1xuICAgIHJldHVybiBuZXcgT2JzZXJ2YWJsZTx7IFtwOiBzdHJpbmddOiBNaW1lVHlwZSB9Pigoc3Vic2NyaWJlcikgPT4ge1xuICAgICAgICBjb25zdCByZWFkZXIgPSBuZXcgRmlsZVJlYWRlcigpO1xuICAgICAgICByZWFkZXIub25sb2FkZW5kID0gKCk6IHZvaWQgPT4ge1xuICAgICAgICAgICAgY29uc3QgYnVmZmVyID0gcmVhZGVyLnJlc3VsdCBhcyBBcnJheUJ1ZmZlcjtcbiAgICAgICAgICAgIGNvbnN0IGhlYWRlckJ5dGVzID0gbmV3IFVpbnQ4QXJyYXkoYnVmZmVyKS5zbGljZSgwLCA4KTtcbiAgICAgICAgICAgIGNvbnN0IG1pbWUgPSBnZXRNaW1lVHlwZShoZWFkZXJCeXRlcyk7XG4gICAgICAgICAgICBpZiAobWltZVR5cGVzLmluZGV4T2YobWltZSkgPT09IC0xKSB7XG4gICAgICAgICAgICAgICAgc3Vic2NyaWJlci5uZXh0KHsgW2ZpbGUubmFtZV06IG1pbWUgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzdWJzY3JpYmVyLmNvbXBsZXRlKCk7XG4gICAgICAgIH07XG4gICAgICAgIHJlYWRlci5yZWFkQXNBcnJheUJ1ZmZlcihmaWxlKTtcbiAgICB9KTtcbn07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWZpbGUtdXBsb2FkLnZhbGlkYXRvcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9ldWktZmlsZS11cGxvYWQvdXRpbHMvZXVpLWZpbGUtdXBsb2FkLnZhbGlkYXRvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUsV0FBVyxFQUFZLE1BQU0sY0FBYyxDQUFDO0FBRXJEOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQzFCLENBQUMsUUFBZ0IsRUFBZSxFQUFFLENBQ2xDLENBQUMsT0FBd0IsRUFBK0IsRUFBRSxDQUN0RCxPQUFPLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBRS9FOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQ3pCLENBQUMsT0FBZSxFQUFlLEVBQUUsQ0FDakMsQ0FBQyxPQUF3QixFQUE4QixFQUFFO0lBQ3JELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQztJQUNsQixJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7UUFDZixPQUFPLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQVUsRUFBRSxFQUFFO1lBQ2pDLFNBQVMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0tBQ047SUFFRCxPQUFPLE9BQU8sQ0FBQyxLQUFLLElBQUksU0FBUyxHQUFHLE9BQU8sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUM3RSxDQUFDLENBQUM7QUFDTjs7Ozs7Ozs7O0dBU0c7QUFDSCxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FDN0IsQ0FBQyxXQUFtQixFQUFlLEVBQUUsQ0FDckMsQ0FBQyxPQUF3QixFQUEwRCxFQUFFO0lBQ2pGLE1BQU0sV0FBVyxHQUFFLEVBQUUsQ0FBQztJQUN0QixJQUFJLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDNUIsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFO1FBQ2YsT0FBTyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFVLEVBQUUsS0FBYSxFQUFFLEVBQUU7WUFDaEQsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLFdBQVcsR0FBRyxLQUFLLEVBQUU7Z0JBQ2pDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3hCLGVBQWUsR0FBRyxJQUFJLENBQUM7YUFDMUI7UUFDTCxDQUFDLENBQUMsQ0FBQztLQUNOO0lBRUQsT0FBTyxPQUFPLENBQUMsS0FBSyxJQUFJLGVBQWUsQ0FBQyxDQUFDLENBQUMsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDM0YsQ0FBQyxDQUFDO0FBQ047Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FDbkMsQ0FBQyxTQUFtQixFQUFlLEVBQUUsQ0FDckMsQ0FBQyxPQUF3QixFQUE2QyxFQUFFO0lBQ3BFLE1BQU0sb0JBQW9CLEdBQWEsRUFBRSxDQUFDO0lBQzFDLElBQUksT0FBTyxDQUFDLEtBQUssRUFBRTtRQUNmLE9BQU8sQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBVSxFQUFFLEVBQUU7WUFDakMsSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRTtnQkFDckMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN4QztRQUNMLENBQUMsQ0FBQyxDQUFDO0tBQ047SUFFRCxPQUFPLE9BQU8sQ0FBQyxLQUFLLElBQUksb0JBQW9CLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDOUYsQ0FBQyxDQUFDO0FBRU47Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FDeEMsQ0FBQyxTQUFxQixFQUFvQixFQUFFLENBQzVDLENBQUMsT0FBd0IsRUFBMEUsRUFBRTtJQUNqRyxJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7UUFDZixNQUFNLG9CQUFvQixHQUEwQyxFQUFFLENBQUM7UUFDdkUscUJBQXFCO1FBQ3JCLE9BQU8sQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBVSxFQUFFLEVBQUU7WUFDakMsNERBQTREO1lBQzVELG9CQUFvQixDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUNyRSxDQUFDLENBQUMsQ0FBQztRQUNILE9BQU8sR0FBRyxDQUFDLEdBQUcsb0JBQW9CLENBQUMsQ0FBQyxJQUFJLENBQ3BDLEdBQUcsQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFO1lBQ2YsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsU0FBUyxLQUFLLElBQUksQ0FBQyxDQUFDO1lBQ3BFLHlDQUF5QztZQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxFQUFFLENBQUM7UUFDM0MsQ0FBQyxDQUFDLENBQ0wsQ0FBQztLQUNMO0lBQ0QsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDcEIsQ0FBQyxDQUFDO0FBRU4sTUFBTSxvQkFBb0IsR0FBRyxDQUFDLElBQVUsRUFBRSxTQUFxQixFQUEyQyxFQUFFO0lBQ3hHLE9BQU8sSUFBSSxVQUFVLENBQTRCLENBQUMsVUFBVSxFQUFFLEVBQUU7UUFDNUQsTUFBTSxNQUFNLEdBQUcsSUFBSSxVQUFVLEVBQUUsQ0FBQztRQUNoQyxNQUFNLENBQUMsU0FBUyxHQUFHLEdBQVMsRUFBRTtZQUMxQixNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBcUIsQ0FBQztZQUM1QyxNQUFNLFdBQVcsR0FBRyxJQUFJLFVBQVUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3ZELE1BQU0sSUFBSSxHQUFHLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUN0QyxJQUFJLFNBQVMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUU7Z0JBQ2hDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO2FBQzFDO1lBQ0QsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQztRQUNGLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDLENBQUMsQ0FBQztBQUNQLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgQXN5bmNWYWxpZGF0b3JGbiwgVmFsaWRhdGlvbkVycm9ycywgVmFsaWRhdG9yRm4gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBvZiwgemlwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IGdldE1pbWVUeXBlLCBNaW1lVHlwZSB9IGZyb20gJy4vbWltZS10eXBlcyc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBWYWxpZGF0b3IgdGhhdCByZXF1aXJlcyB0aGUgbWF4aW11bSBsZW5ndGggb2YgZmlsZXMgdGhhdCBjYW4gYmUgdXBsb2FkZWQuXG4gKlxuICogQHVzYWdlTm90ZXNcbiAqIFZhbGlkYXRlIHRoYXQgdGhlIHVzZXIgc2VsZWN0ZWQgbWF4aW11bSAzIGZpbGVzOlxuICpcbiAqIGBgYHR5cGVzY3JpcHRcbiAqIGNvbnN0IGZpbGVVcGxvYWQgPSBuZXcgRm9ybUNvbnRyb2wobnVsbCwgbWF4RmlsZXNWYWxpZGF0b3IoMykpO1xuICogY29uc29sZS5sb2coZmlsZVVwbG9hZC5lcnJvcnMpOyAvLyB7IG1heEZpbGVzOiAzIH1cbiAqIGBgYFxuICpcbiAqIEByZXR1cm5zIEEgdmFsaWRhdG9yIGZ1bmN0aW9uIHRoYXQgcmV0dXJucyBhbiBlcnJvciBtYXAgd2l0aCB0aGVcbiAqIGBtYXhGaWxlc2AgaWYgdGhlIHZhbGlkYXRpb24gY2hlY2sgZmFpbHMsIG90aGVyd2lzZSBgbnVsbGAuXG4gKi9cbmV4cG9ydCBjb25zdCBtYXhGaWxlc1ZhbGlkYXRvciA9XG4gICAgKG1heEZpbGVzOiBudW1iZXIpOiBWYWxpZGF0b3JGbiA9PlxuICAgIChjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOiB7IG1heEZpbGVzOiBudW1iZXIgfSB8IG51bGwgPT5cbiAgICAgICAgY29udHJvbC52YWx1ZSAmJiBjb250cm9sLnZhbHVlLmxlbmd0aCA+IG1heEZpbGVzID8geyBtYXhGaWxlcyB9IDogbnVsbDtcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIFZhbGlkYXRvciB0aGF0IHJlcXVpcmVzIHRoZSBtYXhpbXVtIHNpemUgKGluIGJ5dGVzKSBvZiBmaWxlcyB0aGF0IGNhbiBiZSB1cGxvYWRlZC5cbiAqXG4gKiBAdXNhZ2VOb3Rlc1xuICogVmFsaWRhdGUgdGhhdCB0aGUgdXNlciBkb2Vzbid0IHNlbGVjdCBhIGZpbGUgaGF2ZSBhIHNpemUgdXAgdG8gMzAwS2I6XG4gKlxuICogYGBgdHlwZXNjcmlwdFxuICogY29uc3QgZmlsZVVwbG9hZCA9IG5ldyBGb3JtQ29udHJvbChudWxsLCBtYXhTaXplVmFsaWRhdG9yKDMwMDAwMCkpO1xuICogY29uc29sZS5sb2coZmlsZVVwbG9hZC5lcnJvcnMpOyAvLyB7IG1heFNpemU6IDMwMDAwMCB9XG4gKiBgYGBcbiAqXG4gKiBAcmV0dXJucyBBIHZhbGlkYXRvciBmdW5jdGlvbiB0aGF0IHJldHVybnMgYW4gZXJyb3IgbWFwIHdpdGggdGhlXG4gKiBgbWF4U2l6ZWAgaWYgdGhlIHZhbGlkYXRpb24gY2hlY2sgZmFpbHMsIG90aGVyd2lzZSBgbnVsbGAuXG4gKi9cbmV4cG9ydCBjb25zdCBtYXhTaXplVmFsaWRhdG9yID1cbiAgICAobWF4U2l6ZTogbnVtYmVyKTogVmFsaWRhdG9yRm4gPT5cbiAgICAoY29udHJvbDogQWJzdHJhY3RDb250cm9sKTogeyBtYXhTaXplOiBudW1iZXIgfSB8IG51bGwgPT4ge1xuICAgICAgICBsZXQgdG90YWxTaXplID0gMDtcbiAgICAgICAgaWYgKGNvbnRyb2wudmFsdWUpIHtcbiAgICAgICAgICAgIGNvbnRyb2wudmFsdWUuZm9yRWFjaCgoZmlsZTogRmlsZSkgPT4ge1xuICAgICAgICAgICAgICAgIHRvdGFsU2l6ZSArPSBmaWxlLnNpemU7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBjb250cm9sLnZhbHVlICYmIHRvdGFsU2l6ZSA+IG1heFNpemUgKiAxLjAyNCA/IHsgbWF4U2l6ZSB9IDogbnVsbDtcbiAgICB9O1xuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIFZhbGlkYXRvciB0aGF0IHJlcXVpcmVzIHRoZSBtYXhpbXVtIHNpemUgKGluIGJ5dGVzKSBwZXIgZmlsZSB0aGF0IGNhbiBiZSB1cGxvYWRlZC5cbiAqXG4gKiBAdXNhZ2VOb3Rlc1xuICogVmFsaWRhdGVzIHRoYXQgdGhlIHVzZXIgZG9lc24ndCBzZWxlY3QgYSBmaWxlIHRoYXQgZXhjZWVkcyB0aGUgcHJvdmlkZWQgc2l6ZVxuICpcbiAqIEByZXR1cm5zIEEgdmFsaWRhdG9yIGZ1bmN0aW9uIHRoYXQgcmV0dXJucyBhbiBlcnJvciBtYXAgd2l0aCB0aGVcbiAqIGBtYXhGaWxlU2l6ZWAgYW5kIHRoZSBgaW5kZXhlc2Agb2YgdGhlIGZpbGUvZmlsZXMgdGhhdCBleGNlZWRlZCB0aGUgbWF4IHNpemUgaWYgdGhlIHZhbGlkYXRpb24gY2hlY2sgZmFpbHMsIG90aGVyd2lzZSBgbnVsbGAuXG4gKi9cbmV4cG9ydCBjb25zdCBtYXhGaWxlU2l6ZVZhbGlkYXRvciA9XG4gICAgKG1heEZpbGVTaXplOiBudW1iZXIpOiBWYWxpZGF0b3JGbiA9PlxuICAgIChjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOiB7IG1heEZpbGVTaXplOiBudW1iZXIsIGluZGV4ZXM6IEFycmF5PG51bWJlcj4gfSB8IG51bGwgPT4ge1xuICAgICAgICBjb25zdCBmaWxlSW5kZXhlcyA9W107XG4gICAgICAgIGxldCBtYXhGaWxlRXhjZWVkZWQgPSBmYWxzZTtcbiAgICAgICAgaWYgKGNvbnRyb2wudmFsdWUpIHtcbiAgICAgICAgICAgIGNvbnRyb2wudmFsdWUuZm9yRWFjaCgoZmlsZTogRmlsZSwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChmaWxlLnNpemUgPiBtYXhGaWxlU2l6ZSAqIDEuMDI0KSB7XG4gICAgICAgICAgICAgICAgICAgIGZpbGVJbmRleGVzLnB1c2goaW5kZXgpO1xuICAgICAgICAgICAgICAgICAgICBtYXhGaWxlRXhjZWVkZWQgPSB0cnVlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNvbnRyb2wudmFsdWUgJiYgbWF4RmlsZUV4Y2VlZGVkID8geyBtYXhGaWxlU2l6ZSwgaW5kZXhlczogZmlsZUluZGV4ZXMgfSA6IG51bGw7XG4gICAgfTtcbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBWYWxpZGF0b3IgdGhhdCByZXF1aXJlcyBhbiBhcnJheSBvZiBtaW1lIHR5cGUgdGhhdCBjYW4gYmUgdXBsb2FkZWQuXG4gKlxuICogQHVzYWdlTm90ZXNcbiAqIFZhbGlkYXRlIHRoYXQgdGhlIHVzZXIgZG9lc24ndCBzZWxlY3QgYSBmaWxlIGhhdmluZyBhbm90aGVyIGV4dGVuc2lvbiB0aGFuIC5qcGcgb3IgLmpwZWc6XG4gKlxuICogYGBgdHlwZXNjcmlwdFxuICogY29uc3QgZmlsZVVwbG9hZCA9IG5ldyBGb3JtQ29udHJvbChudWxsLCBtaW1lVHlwZUV4dGVuc2lvblZhbGlkYXRvcihbJ2ltYWdlL2pwZWcnXSkpLFxuICogY29uc29sZS5sb2coZmlsZVVwbG9hZC5lcnJvcnMpOyAvLyB7IGludmFsaWRGaWxlRXh0ZW5zaW9uOiBbJ2ltYWdlL2pwZWcnXSB9XG4gKiBgYGBcbiAqXG4gKiBAcmV0dXJucyBBIHZhbGlkYXRvciBmdW5jdGlvbiB0aGF0IHJldHVybnMgYW4gZXJyb3IgbWFwIHdpdGggdGhlXG4gKiBgaW52YWxpZEZpbGVFeHRlbnNpb25gIGlmIHRoZSB2YWxpZGF0aW9uIGNoZWNrIGZhaWxzLCBvdGhlcndpc2UgYG51bGxgLlxuICovXG5leHBvcnQgY29uc3QgbWltZVR5cGVFeHRlbnNpb25WYWxpZGF0b3IgPVxuICAgIChtaW1lVHlwZXM6IHN0cmluZ1tdKTogVmFsaWRhdG9yRm4gPT5cbiAgICAoY29udHJvbDogQWJzdHJhY3RDb250cm9sKTogeyBpbnZhbGlkRmlsZUV4dGVuc2lvbjogc3RyaW5nW10gfSB8IG51bGwgPT4ge1xuICAgICAgICBjb25zdCBpbnZhbGlkRmlsZUV4dGVuc2lvbjogc3RyaW5nW10gPSBbXTtcbiAgICAgICAgaWYgKGNvbnRyb2wudmFsdWUpIHtcbiAgICAgICAgICAgIGNvbnRyb2wudmFsdWUuZm9yRWFjaCgoZmlsZTogRmlsZSkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChtaW1lVHlwZXMuaW5kZXhPZihmaWxlLnR5cGUpID09PSAtMSkge1xuICAgICAgICAgICAgICAgICAgICBpbnZhbGlkRmlsZUV4dGVuc2lvbi5wdXNoKGZpbGUubmFtZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gY29udHJvbC52YWx1ZSAmJiBpbnZhbGlkRmlsZUV4dGVuc2lvbi5sZW5ndGggPiAwID8geyBpbnZhbGlkRmlsZUV4dGVuc2lvbiB9IDogbnVsbDtcbiAgICB9O1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogVmFsaWRhdG9yIHRoYXQgcmVxdWlyZXMgYW4gYXJyYXkgb2YgbWltZSB0eXBlIHRoYXQgY2FuIGJlIHVwbG9hZGVkLlxuICpcbiAqIEB1c2FnZU5vdGVzXG4gKiBWYWxpZGF0ZSB0aGF0IHRoZSB1c2VyIGRvZXNuJ3Qgc2VsZWN0IGEgZmlsZSBoYXZpbmcgYW5vdGhlciBleHRlbnNpb24gdGhhbiAuanBnIG9yIC5qcGVnOlxuICpcbiAqIGBgYHR5cGVzY3JpcHRcbiAqIGNvbnN0IGZpbGVVcGxvYWQgPSBuZXcgRm9ybUNvbnRyb2wobnVsbCwgbWltZVR5cGVFeHRlbnNpb25WYWxpZGF0b3IoWydpbWFnZS9qcGVnJ10pKSxcbiAqIGNvbnNvbGUubG9nKGZpbGVVcGxvYWQuZXJyb3JzKTsgLy8geyBpbnZhbGlkTWltZUZpbGVUeXBlOiBbJ2ltYWdlL2pwZWcnXSB9XG4gKiBgYGBcbiAqXG4gKiBAcmV0dXJucyBBbiBBc3luYyB2YWxpZGF0b3IgZnVuY3Rpb24gdGhhdCByZXR1cm5zIGFuIGVycm9yIG1hcCB3aXRoIHRoZVxuICogYGludmFsaWRNaW1lRmlsZVR5cGVgIGlmIHRoZSB2YWxpZGF0aW9uIGNoZWNrIGZhaWxzLCBvdGhlcndpc2UgYG51bGxgLlxuICovXG5leHBvcnQgY29uc3QgYXN5bmNNaW1lVHlwZUV4dGVuc2lvblZhbGlkYXRvciA9XG4gICAgKG1pbWVUeXBlczogTWltZVR5cGVbXSk6IEFzeW5jVmFsaWRhdG9yRm4gPT5cbiAgICAoY29udHJvbDogQWJzdHJhY3RDb250cm9sKTogUHJvbWlzZTxWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbD4gfCBPYnNlcnZhYmxlPFZhbGlkYXRpb25FcnJvcnMgfCBudWxsPiA9PiB7XG4gICAgICAgIGlmIChjb250cm9sLnZhbHVlKSB7XG4gICAgICAgICAgICBjb25zdCBmaWxlRXJyb3JPYnNlcnZhYmxlczogT2JzZXJ2YWJsZTxWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbD5bXSA9IFtdO1xuICAgICAgICAgICAgLy8gaXRlcmF0ZSBvdmVyIGZpbGVzXG4gICAgICAgICAgICBjb250cm9sLnZhbHVlLmZvckVhY2goKGZpbGU6IEZpbGUpID0+IHtcbiAgICAgICAgICAgICAgICAvLyBwdXNoIG9ic2VydmFibGUgd2hpY2ggd2lsbCBjaGVjayB0aGUgbWltZSB2YWxpZGF0aW9uIHR5cGVcbiAgICAgICAgICAgICAgICBmaWxlRXJyb3JPYnNlcnZhYmxlcy5wdXNoKHZhbGlkYXRlRmlsZU1pbWVUeXBlKGZpbGUsIG1pbWVUeXBlcykpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICByZXR1cm4gemlwKC4uLmZpbGVFcnJvck9ic2VydmFibGVzKS5waXBlKFxuICAgICAgICAgICAgICAgIG1hcCgoZmlsZUVycm9ycykgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBlcnJvcnMgPSBmaWxlRXJyb3JzLmZpbHRlcigoZmlsZUVycm9yKSA9PiBmaWxlRXJyb3IgIT09IG51bGwpO1xuICAgICAgICAgICAgICAgICAgICAvLyBFcnJvciBzaG91bGQgYmUgeyBmaWxlTmFtZTogRmlsZVR5cGUgfVxuICAgICAgICAgICAgICAgICAgICByZXR1cm4geyBpbnZhbGlkTWltZUZpbGVUeXBlOiBlcnJvcnMgfTtcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG9mKG51bGwpO1xuICAgIH07XG5cbmNvbnN0IHZhbGlkYXRlRmlsZU1pbWVUeXBlID0gKGZpbGU6IEZpbGUsIG1pbWVUeXBlczogTWltZVR5cGVbXSk6IE9ic2VydmFibGU8eyBba2V5OiBzdHJpbmddOiBNaW1lVHlwZSB9PiA9PiB7XG4gICAgcmV0dXJuIG5ldyBPYnNlcnZhYmxlPHsgW3A6IHN0cmluZ106IE1pbWVUeXBlIH0+KChzdWJzY3JpYmVyKSA9PiB7XG4gICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XG4gICAgICAgIHJlYWRlci5vbmxvYWRlbmQgPSAoKTogdm9pZCA9PiB7XG4gICAgICAgICAgICBjb25zdCBidWZmZXIgPSByZWFkZXIucmVzdWx0IGFzIEFycmF5QnVmZmVyO1xuICAgICAgICAgICAgY29uc3QgaGVhZGVyQnl0ZXMgPSBuZXcgVWludDhBcnJheShidWZmZXIpLnNsaWNlKDAsIDgpO1xuICAgICAgICAgICAgY29uc3QgbWltZSA9IGdldE1pbWVUeXBlKGhlYWRlckJ5dGVzKTtcbiAgICAgICAgICAgIGlmIChtaW1lVHlwZXMuaW5kZXhPZihtaW1lKSA9PT0gLTEpIHtcbiAgICAgICAgICAgICAgICBzdWJzY3JpYmVyLm5leHQoeyBbZmlsZS5uYW1lXTogbWltZSB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHN1YnNjcmliZXIuY29tcGxldGUoKTtcbiAgICAgICAgfTtcbiAgICAgICAgcmVhZGVyLnJlYWRBc0FycmF5QnVmZmVyKGZpbGUpO1xuICAgIH0pO1xufTtcbiJdfQ==

package/eui-file-upload/utils/eui-file-upload.validators.d.ts

@@ -32,6 +32,17 @@ export declare const maxFilesValidator: (maxFiles: number) => ValidatorFn;
  * `maxSize` if the validation check fails, otherwise `null`.
  */
 export declare const maxSizeValidator: (maxSize: number) => ValidatorFn;
+/**
+ * @description
+ * Validator that requires the maximum size (in bytes) per file that can be uploaded.
+ *
+ * @usageNotes
+ * Validates that the user doesn't select a file that exceeds the provided size
+ *
+ * @returns A validator function that returns an error map with the
+ * `maxFileSize` and the `indexes` of the file/files that exceeded the max size if the validation check fails, otherwise `null`.
+ */
+export declare const maxFileSizeValidator: (maxFileSize: number) => ValidatorFn;
 /**
  * @description
  * Validator that requires an array of mime type that can be uploaded.

package/eui-file-upload/utils/eui-file-upload.validators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-file-upload.validators.d.ts","sourceRoot":"","sources":["../../../eui-file-upload/utils/eui-file-upload.validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,gBAAgB,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlG,OAAO,EAAe,QAAQ,EAAE,MAAM,cAAc,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,aACf,MAAM,KAAG,WAEsD,CAAC;AAE/E;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,YACf,MAAM,KAAG,WAUlB,CAAC;AACN;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,0BAA0B,cACvB,MAAM,EAAE,KAAG,WAYtB,CAAC;AAEN;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,+BAA+B,cAC5B,QAAQ,EAAE,KAAG,gBAkBxB,CAAC"}
+{"version":3,"file":"eui-file-upload.validators.d.ts","sourceRoot":"","sources":["../../../eui-file-upload/utils/eui-file-upload.validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,gBAAgB,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlG,OAAO,EAAe,QAAQ,EAAE,MAAM,cAAc,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,aACf,MAAM,KAAG,WAEsD,CAAC;AAE/E;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,YACf,MAAM,KAAG,WAUlB,CAAC;AACN;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,gBACf,MAAM,KAAG,WActB,CAAC;AACN;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,0BAA0B,cACvB,MAAM,EAAE,KAAG,WAYtB,CAAC;AAEN;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,+BAA+B,cAC5B,QAAQ,EAAE,KAAG,gBAkBxB,CAAC"}

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

@@ -319,11 +319,11 @@ class EuiChipListComponent extends BaseDirective {
         return tab;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", 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.3.7", 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", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop", chiplistFocus: "chiplistFocus" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "euiChipsContent", predicate: i0.forwardRef(() => EuiChipComponent) }], viewQueries: [{ propertyName: "chipListDropList", first: true, predicate: ["chipListDropList"], descendants: true, read: CdkDropList }, { propertyName: "chipListDragAndDropItems", first: true, predicate: ["chipListDragAndDropItems"], descendants: true, read: CdkDropList }, { propertyName: "euiChipItems", predicate: ["euiChipItem"], descendants: true, read: ElementRef }], 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            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || 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                    <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                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || 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                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", 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: ["ariaLabel", "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", "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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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", chipDragStart: "chipDragStart", chipDragRelease: "chipDragRelease", chipDrop: "chipDrop", chiplistFocus: "chiplistFocus" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "euiChipsContent", predicate: i0.forwardRef(() => EuiChipComponent) }], viewQueries: [{ propertyName: "chipListDropList", first: true, predicate: ["chipListDropList"], descendants: true, read: CdkDropList }, { propertyName: "chipListDragAndDropItems", first: true, predicate: ["chipListDragAndDropItems"], descendants: true, read: CdkDropList }, { propertyName: "euiChipItems", predicate: ["euiChipItem"], descendants: true, read: ElementRef }], 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            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || 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                    <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                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || 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                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", 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;width:100%}.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: ["ariaLabel", "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", "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.3.7", 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            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || 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                    <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                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || 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                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", 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            role=\"list\"\n            #chipList\n            #chipListDropList\n            #chipListDragAndDropItems\n            cdkDropList\n            [cdkDropListOrientation]=\"dropListOrientation\"\n            [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n            [cdkDropListData]=\"{ chips }\"\n            [cdkDropListConnectedTo]=\"droppableArea\"\n            (cdkDropListDropped)=\"drop($event)\"\n            (focus)=\"onFocus()\"\n            class=\"eui-chip-list__list\">\n            <div\n                class=\"eui-chip-list__chip-container\"\n                *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n                cdkDrag\n                [cdkDragData]=\"chip\"\n                (cdkDragStarted)=\"onDragStarted($event)\"\n                (cdkDragReleased)=\"onDragReleased($event)\">\n                <eui-chip\n                    #euiChipItem\n                    *ngIf=\"\n                        (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                        (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                        !maxVisibleChipsCount\n                    \"\n                    [data]=\"chip.data ? chip.data : chip\"\n                    [attr.role]=\"'listitem'\"\n                    ariaLabel=\"{{ getChipLabel(chip) }}\"\n                    [euiInternalId]=\"chip.euiInternalId\"\n                    [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                    [euiOutline]=\"chip.euiOutline || 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                    <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                role=\"list\"\n                #chipList\n                #chipListDropList\n                #chipListDragAndDropItems\n                cdkDropList\n                *ngFor=\"let chip of chips; let i = index\"\n                [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n                [cdkDropListData]=\"{ chip: chip, index: i }\"\n                (focus)=\"onFocus()\"\n                (cdkDropListDropped)=\"onDropGrid($event)\"\n                class=\"eui-chip-list__custom\">\n                <div\n                    class=\"eui-chip-list__chip-container\"\n                    cdkDrag\n                    [cdkDragData]=\"{ chip: chip, index: i }\"\n                    (cdkDragStarted)=\"onDragStarted($event)\"\n                    (cdkDragReleased)=\"onDragReleased($event)\"\n                    (cdkDragEntered)=\"onDragEnter($event)\">\n                    <eui-chip\n                        #euiChipItem\n                        *ngIf=\"\n                            (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n                            (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n                            !maxVisibleChipsCount\n                        \"\n                        [data]=\"chip.data ? chip.data : chip\"\n                        [id]=\"chip.id\"\n                        [attr.role]=\"'listitem'\"\n                        ariaLabel=\"{{ getChipLabel(chip) }}\"\n                        [euiInternalId]=\"chip.euiInternalId\"\n                        [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n                        [euiOutline]=\"chip.euiOutline || 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                        <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n                        <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n                        <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n                            getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n                        }}</span>\n                    </eui-chip>\n                </div>\n            </div>\n            <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n    <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n    <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n        <div class=\"eui-chip-list__expand-button-wrapper\">\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"isMaxVisibleChipsOpened\">\n                <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n                <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n            </button>\n            <button\n                euiButton\n                euiBasicButton\n                euiButtonSecondary\n                euiSizeS\n                type=\"button\"\n                aria-haspopup=\"true\"\n                class=\"eui-chip-list__expand-button\"\n                (click)=\"toggleTags()\"\n                *ngIf=\"!isMaxVisibleChipsOpened\">\n                <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n                <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n            </button>\n        </div>\n    </ng-container>\n</ng-template>\n", 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;width:100%}.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: () => [{ type: i0.ChangeDetectorRef }, { type: EuiChipListDragService }, { type: i2.DomSanitizer }], propDecorators: { chips: [{
                 type: Input
             }], toggleLinkMoreLabel: [{