import * as i0 from '@angular/core';
import { Directive, Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';

/**
 * @description
 * This directive is only used internally by eui-autocomplete component to be able to display the chips above, below and inside the text input with an option.
 */
/* eslint-disable */
class EuiChipListAppendContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EuiChipListAppendContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: EuiChipListAppendContentDirective, isStandalone: true, selector: "eui-chip-list-append-content", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EuiChipListAppendContentDirective, decorators: [{
            type: Directive,
            args: [{
                    selector: 'eui-chip-list-append-content'
                }]
        }] });
/**
 * @description
 * This directive is used to wrap non-chip content inside eui-chip-list to exclude it from the list ARIA structure.
 */
class EuiChipListAdditionalContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EuiChipListAdditionalContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: EuiChipListAdditionalContentDirective, isStandalone: true, selector: "eui-chip-list-additional-content", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EuiChipListAdditionalContentDirective, decorators: [{
            type: Directive,
            args: [{
                    selector: 'eui-chip-list-additional-content'
                }]
        }] });
/* eslint-enable */
/**
 * @description
 * Multiple eui-chips displayed dynamically as a group of multiple interactive elements.
 *
 * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-chip-list}.
 */
class EuiChipListComponent {
    constructor() {
        /**
         * Sets the `aria-label` attribute for the chip list.
         *
         * @default 'eUI Chip List'
         */
        this.ariaLabel = 'eUI Chip list';
    }
    get cssClasses() {
        return 'eui-chip-list';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EuiChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: EuiChipListComponent, isStandalone: true, selector: "eui-chip-list", inputs: { ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<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", styles: [".eui-21 :host.eui-chip-list{display:flex;gap:var(--eui-s-xs)}.eui-21 :host.eui-chip-list.cdk-drop-list:empty{display:none}.eui-21 :host.eui-chip-list .eui-chip-list__chip-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--eui-s-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EuiChipListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-chip-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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", styles: [".eui-21 :host.eui-chip-list{display:flex;gap:var(--eui-s-xs)}.eui-21 :host.eui-chip-list.cdk-drop-list:empty{display:none}.eui-21 :host.eui-chip-list .eui-chip-list__chip-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--eui-s-xs)}\n"] }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], ariaLabel: [{
                type: Input
            }] } });

const EUI_CHIP_LIST = [
    EuiChipListComponent,
    EuiChipListAppendContentDirective,
    EuiChipListAdditionalContentDirective,
];

/**
 * Generated bundle index. Do not edit.
 */

export { EUI_CHIP_LIST, EuiChipListAdditionalContentDirective, EuiChipListAppendContentDirective, EuiChipListComponent };
//# sourceMappingURL=eui-components-eui-chip-list.mjs.map
