{"version":3,"file":"eui-components-eui-chip-list.mjs","sources":["../../eui-chip-list/eui-chip-list.component.ts","../../eui-chip-list/eui-chip-list.component.html","../../eui-chip-list/index.ts","../../eui-chip-list/eui-components-eui-chip-list.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Directive, Input } from '@angular/core';\n\n/**\n * @description\n * Directive for appending content to chip list, used internally by eui-autocomplete component.\n * Enables positioning of chips above, below, or inside the text input field.\n * Used exclusively within eui-autocomplete for flexible chip placement.\n */\n/* eslint-disable */\n@Directive({ \n    selector: 'eui-chip-list-append-content'\n})\nexport class EuiChipListAppendContentDirective {}\n\n/**\n * @description\n * Directive for wrapping non-chip content within eui-chip-list.\n * Excludes wrapped content from the list ARIA structure for proper accessibility.\n * Used to include additional elements alongside chips without affecting semantic list structure.\n */\n@Directive({ \n    selector: 'eui-chip-list-additional-content'\n})\nexport class EuiChipListAdditionalContentDirective {}\n/* eslint-enable */\n\n/**\n * @description\n * Container component for displaying multiple interactive chip elements as a cohesive group.\n * Provides semantic list structure with ARIA attributes for accessibility.\n * Automatically manages layout and spacing for chip collections.\n * Supports additional content via directives for flexible composition.\n * Typically used for displaying tags, filters, selected items, or multi-value selections.\n * \n * @usageNotes\n * ```html\n * <eui-chip-list>\n *     <eui-chip><span euiLabel>Label</span></eui-chip>\n * </eui-chip-list>\n * ```\n * \n * @usageNotes\n * With icon\n * ```html\n * <eui-chip-list>\n *     <eui-chip><span [class]=\"eui-user\"></span><span euiLabel>Label</span></eui-chip>\n * </eui-chip-list>\n * ```\n * \n * @usageNotes\n * Max visible chips\n * ```html\n * <eui-chip-list>\n *     \\@for (chip of chips; let i = $index; track chip.id) {\n *         \\@if (isMaxVisibleChipsOpened || i <= maxVisibleChipsCount) {\n *             <eui-chip [data]=\"{ id: chip.id }\" [euiVariant]=\"chip.variant\"><span euiLabel>{{ chip.label }}</span></eui-chip>\n *         }\n *     }\n *     <eui-chip-list-additional-content>\n *         \\@if (maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount) {\n *             <button\n *                 euiButton\n *                 euiBasicButton\n *                 euiSecondary\n *                 euiSizeS\n *                 type=\"button\"\n *                 class=\"eui-chip-list__expand-button\"\n *                 [aria-label]=\"isMaxVisibleChipsOpened ? 'Collapse tags' : 'Expand tags'\"\n *                 (click)=\"toggleTags()\">\n *                 \\@if (isMaxVisibleChipsOpened) {\n *                     <eui-icon-svg icon=\"eui-chevron-left\"/>\n *                 } \\@else {\n *                     <eui-icon-svg icon=\"eui-chevron-right\"/>\n *                 }\n *            </button>\n *         }\n *     </eui-chip-list-additional-content>\n * </eui-chip-list>\n * ```\n * \n * Typescript logic\n * ```ts\n * public chips = [\n *     { id: 1, label: 'Chip label', variant: 'primary' },\n * ];\n * \n * public maxVisibleChipsCount = 2;\n * public isMaxVisibleChipsOpened = false;\n * \n * public toggleTags(): void {\n *     this.isMaxVisibleChipsOpened = !this.isMaxVisibleChipsOpened;\n * }\n * ```\n */\n@Component({\n    templateUrl: './eui-chip-list.component.html',\n    selector: 'eui-chip-list',\n    styleUrls: ['./chip-list.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiChipListComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-chip-list';\n    }\n\n    /**\n     * ARIA label for the chip list container for screen reader accessibility.\n     * Provides semantic description of the chip list purpose.\n     * @default 'eUI Chip list'\n     */\n    @Input() ariaLabel = 'eUI Chip list';\n}\n","<div [attr.role]=\"'list'\" [attr.aria-label]=\"ariaLabel\" class=\"eui-chip-list__chip-container\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"eui-chip-list-additional-content\"></ng-content>\n\n<ng-content select=\"eui-chip-list-append-content\"></ng-content>\n\n","import { EuiChipListComponent, EuiChipListAppendContentDirective, EuiChipListAdditionalContentDirective } from './eui-chip-list.component';\n\nexport * from './eui-chip-list.component';\n\nexport const EUI_CHIP_LIST = [\n    EuiChipListComponent,\n    EuiChipListAppendContentDirective,\n    EuiChipListAdditionalContentDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;AAKG;AACH;MAIa,iCAAiC,CAAA;8GAAjC,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAH7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;AACb,iBAAA;;AAGD;;;;;AAKG;MAIU,qCAAqC,CAAA;8GAArC,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArC,qCAAqC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAArC,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAHjD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;AACb,iBAAA;;AAED;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEG;MAOU,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAYI;;;;AAIG;QACM,IAAA,CAAA,SAAS,GAAG,eAAe;AACvC,IAAA;AAXG,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,eAAe;IAC1B;8GAJS,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,mKCpGjC,+RAQA,EAAA,MAAA,EAAA,CAAA,0jBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FD4Fa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BAEI,eAAe,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+RAAA,EAAA,MAAA,EAAA,CAAA,0jBAAA,CAAA,EAAA;;sBAG9C,WAAW;uBAAC,OAAO;;sBAUnB;;;AE3GE,MAAM,aAAa,GAAG;IACzB,oBAAoB;IACpB,iCAAiC;IACjC,qCAAqC;;;ACPzC;;AAEG;;;;"}