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

/**
 * @description
 * Container component for organizing multiple chip elements with consistent spacing and layout.
 * Provides visual grouping for related chips such as tags, filters, or selected items.
 * Content is projected via ng-content expecting eui-chip children.
 * Automatically applies appropriate spacing and wrapping behavior for chip collections.
 * Typically used for displaying sets of tags, categories, or multi-select values.
 *
 * @usageNotes
 * ```html
 * <eui-chip-group>
 *     <eui-chip>Label</eui-chip>
 *     <eui-chip>SubLabel</eui-chip>
 * </eui-chip-group>
 * ```
 */
class EuiChipGroupComponent {
    /**
     * Returns the CSS classes for the component.
     * This binds the 'eui-chip-group' class to the host element.
     *
     * @returns {string} The CSS class name
     */
    get cssClasses() {
        return 'eui-chip-group';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: EuiChipGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: EuiChipGroupComponent, isStandalone: true, selector: "eui-chip-group", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-21 :host.eui-chip-group ::ng-deep .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-21 :host.eui-chip-group ::ng-deep .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: EuiChipGroupComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eui-chip-group', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eui-21 :host.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-21 :host.eui-chip-group ::ng-deep .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-21 :host.eui-chip-group ::ng-deep .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}\n"] }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });

const EUI_CHIP_GROUP = [
    EuiChipGroupComponent,
];
// export { EuiChipGroupComponent as EuiChipGroup } from './eui-chip-group.component';

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

export { EUI_CHIP_GROUP, EuiChipGroupComponent };
//# sourceMappingURL=eui-components-eui-chip-group.mjs.map
