@eui/eds 23.0.0-alpha.11 → 23.0.0-alpha.13

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

@@ -32,10 +32,10 @@ class EdsChipList {
         this.hostClasses = computed(() => 'eds-chip-list', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsChipList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsChipList, isStandalone: true, selector: "eds-chip-list", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div role=\"list\" [attr.aria-label]=\"ariaLabel()\" class=\"eds-chip-list__chip-container\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"eds-chip-list-additional-content\"></ng-content>\n\n<ng-content select=\"eds-chip-list-append-content\"></ng-content>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-chip-list{display:flex;gap:var(--eds-sp-xs)}.eui-21 :host.eds-chip-list .eds-chip-list__chip-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--eds-sp-xs)}.eui-21 :host.eds-chip-list .eds-chip-list__chip-container:empty{display:none}.eui-21 :host.eds-chip-list eds-chip-list-additional-content:empty,.eui-21 :host.eds-chip-list eds-chip-list-append-content:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsChipList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsChipList, isStandalone: true, selector: "eds-chip-list", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div role=\"list\" [attr.aria-label]=\"ariaLabel()\" class=\"eds-chip-list__chip-container\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"eds-chip-list-additional-content\"></ng-content>\n\n<ng-content select=\"eds-chip-list-append-content\"></ng-content>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-chip-list{display:flex;gap:var(--eds-sp-xs)}.eui-21 :host.eds-chip-list .eds-chip-list__chip-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--eds-sp-xs)}.eui-21 :host.eds-chip-list .eds-chip-list__chip-container:empty{display:none}.eui-21 :host.eds-chip-list eds-chip-list-additional-content:empty,.eui-21 :host.eds-chip-list eds-chip-list-append-content:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsChipList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsChipList, decorators: [{
             type: Component,
             args: [{ selector: 'eds-chip-list', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',
@@ -50,10 +50,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Used within autocomplete-like components for flexible chip placement.
  */
 class EdsChipListAppendContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsChipListAppendContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsChipListAppendContent, isStandalone: true, selector: "eds-chip-list-append-content", ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsChipListAppendContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsChipListAppendContent, isStandalone: true, selector: "eds-chip-list-append-content", ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsChipListAppendContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsChipListAppendContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eds-chip-list-append-content',
@@ -69,10 +69,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Used to include additional elements alongside chips without affecting semantic list structure.
  */
 class EdsChipListAdditionalContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsChipListAdditionalContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsChipListAdditionalContent, isStandalone: true, selector: "eds-chip-list-additional-content", ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsChipListAdditionalContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsChipListAdditionalContent, isStandalone: true, selector: "eds-chip-list-additional-content", ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsChipListAdditionalContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsChipListAdditionalContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eds-chip-list-additional-content',

package/fesm2022/eui-eds-eds-chip.mjs

@@ -98,7 +98,8 @@ class EdsChip {
         /**
          * Icon declares by user in the chip
          */
-        this.chipLabel = viewChild.required('chipLabel');
+        this.chipLabel = viewChild.required('chipLabel', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "chipLabel" }] : /* istanbul ignore next */ []));
         this.sizeDirective = inject(EdsSizeDirective);
         this.colorDirective = inject(EdsColorDirective);
         this._renderer = inject(Renderer2);
@@ -177,10 +178,10 @@ class EdsChip {
     onClick(event) {
         this.chipClick.emit(this.data());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsChip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsChip, isStandalone: true, selector: "eds-chip, span[edsChip], li[edsChip]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, edsInternalId: { classPropertyName: "edsInternalId", publicName: "edsInternalId", isSignal: true, isRequired: false, transformFunction: null }, tooltipMessage: { classPropertyName: "tooltipMessage", publicName: "tooltipMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isRemovable: { classPropertyName: "isRemovable", publicName: "isRemovable", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, edsDisabled: { classPropertyName: "edsDisabled", publicName: "edsDisabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { chipRemove: "chipRemove", chipClick: "chipClick" }, host: { listeners: { "click": "onHostClick($event)", "keydown.enter": "onHostClick($event)", "keydown.space": "onHostKeyActivate($event)", "keydown.delete": "onKeyRemove($event)", "keydown.backspace": "onKeyRemove($event)" }, properties: { "class": "hostClasses()", "attr.tabindex": "edsDisabled ? \"-1\" : \"0\"", "attr.role": "role", "attr.aria-pressed": "isActive() ? \"true\" : null", "attr.aria-label": "ariaLabel()", "attr.data-e2e": "e2eAttr()" } }, viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"eds-chip__content\" #chipLabel>\n    <ng-content></ng-content>\n</div>\n@if (isRemovable()) {\n    <eds-icon ariaLabel=\"Remove {{ chipLabel.textContent }} chip\" icon=\"x:core\" edsSizeXS/>\n}\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-chip.eds-chip--size-m{--_font: var(--eds-f-paragraph-s);--_chip-padding: var(--eds-sp-4xs) var(--eds-sp-2xs);--_icon-size: var(--eds-is-s);--_height: var(--eds-sp-xl)}.eui-21 :host.eds-chip.eds-chip--size-l{--_font: var(--eds-f-paragraph-s);--_chip-padding: var(--eds-sp-3xs) var(--eds-sp-2xs);--_icon-size: var(--eds-is-m);--_height: var(--eds-sp-2xl)}.eui-21 :host.eds-chip.eds-chip{--_surface: transparent;--_on-surface: var(--eds-c-foreground-primary);--_border-color: var(--eds-c-border-primary-subtle);--_surface-hover: var(--eds-c-surface-primary-subtle);--_on-surface-hover: var(--eds-c-on-surface-primary-subtle);--_surface-active: var(--eds-c-surface-primary-subtle);--_on-surface-active: var(--eds-c-on-surface-primary-subtle)}.eui-21 :host.eds-chip.eds-chip--active{--_surface: var(--eds-c-surface-primary);--_on-surface: var(--eds-c-on-surface-primary);--_border-color: transparent;--_surface-hover: var(--eds-c-surface-primary--hover);--_on-surface-hover: var(--eds-c-on-surface-primary--hover);--_surface-active: var(--eds-c-surface-primary--pressed);--_on-surface-active: var(--eds-c-on-surface-primary--pressed)}.eui-21 :host.eds-chip.eds-chip--disabled{--_surface: var(--eds-c-surface-disabled-subtle);--_on-surface: var(--eds-c-foreground-disabled);--_border-color: var(--eds-c-border-disabled);--_surface-hover: var(--eds-c-surface-disabled-subtle);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-disabled-subtle);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-chip{border-radius:var(--eds-br-full);display:inline-flex;border:var(--eds-bw-xs) solid var(--_border-color);padding:var(--_chip-padding);font:var(--_font);background-color:var(--_surface);color:var(--_on-surface);height:var(--_height);cursor:pointer;gap:var(--eds-sp-2xs);align-items:center}.eui-21 :host.eds-chip:not(.eds-chip--disabled):focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}.eui-21 :host.eds-chip.eds-chip--disabled{cursor:default}.eui-21 :host.eds-chip:hover{background-color:var(--_surface-hover);color:var(--_on-surface-hover)}.eui-21 :host.eds-chip:active{background-color:var(--_surface-active);color:var(--_on-surface-active)}.eui-21 :host.eds-chip .eds-chip__content{display:inline-flex;align-items:center;background:transparent;gap:var(--eds-sp-2xs)}.eui-21 :host.eds-chip .eds-chip__close{margin-left:var(--eds-sp-xs)}\n"], dependencies: [{ kind: "component", type: i2.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsChip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsChip, isStandalone: true, selector: "eds-chip, span[edsChip], li[edsChip]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, edsInternalId: { classPropertyName: "edsInternalId", publicName: "edsInternalId", isSignal: true, isRequired: false, transformFunction: null }, tooltipMessage: { classPropertyName: "tooltipMessage", publicName: "tooltipMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isRemovable: { classPropertyName: "isRemovable", publicName: "isRemovable", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, edsDisabled: { classPropertyName: "edsDisabled", publicName: "edsDisabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { chipRemove: "chipRemove", chipClick: "chipClick" }, host: { listeners: { "click": "onHostClick($event)", "keydown.enter": "onHostClick($event)", "keydown.space": "onHostKeyActivate($event)", "keydown.delete": "onKeyRemove($event)", "keydown.backspace": "onKeyRemove($event)" }, properties: { "class": "hostClasses()", "attr.tabindex": "edsDisabled ? \"-1\" : \"0\"", "attr.role": "role", "attr.aria-pressed": "isActive() ? \"true\" : null", "attr.aria-label": "ariaLabel()", "attr.data-e2e": "e2eAttr()" } }, viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"eds-chip__content\" #chipLabel>\n    <ng-content></ng-content>\n</div>\n@if (isRemovable()) {\n    <eds-icon ariaLabel=\"Remove {{ chipLabel.textContent }} chip\" icon=\"x:core\" edsSizeXS/>\n}\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-chip.eds-chip--size-m{--_font: var(--eds-f-paragraph-s);--_chip-padding: var(--eds-sp-4xs) var(--eds-sp-2xs);--_icon-size: var(--eds-is-s);--_height: var(--eds-sp-xl)}.eui-21 :host.eds-chip.eds-chip--size-l{--_font: var(--eds-f-paragraph-s);--_chip-padding: var(--eds-sp-3xs) var(--eds-sp-2xs);--_icon-size: var(--eds-is-m);--_height: var(--eds-sp-2xl)}.eui-21 :host.eds-chip.eds-chip{--_surface: transparent;--_on-surface: var(--eds-c-foreground-primary);--_border-color: var(--eds-c-border-primary-subtle);--_surface-hover: var(--eds-c-surface-primary-subtle);--_on-surface-hover: var(--eds-c-on-surface-primary-subtle);--_surface-active: var(--eds-c-surface-primary-subtle);--_on-surface-active: var(--eds-c-on-surface-primary-subtle)}.eui-21 :host.eds-chip.eds-chip--active{--_surface: var(--eds-c-surface-primary);--_on-surface: var(--eds-c-on-surface-primary);--_border-color: transparent;--_surface-hover: var(--eds-c-surface-primary--hover);--_on-surface-hover: var(--eds-c-on-surface-primary--hover);--_surface-active: var(--eds-c-surface-primary--pressed);--_on-surface-active: var(--eds-c-on-surface-primary--pressed)}.eui-21 :host.eds-chip.eds-chip--disabled{--_surface: var(--eds-c-surface-disabled-subtle);--_on-surface: var(--eds-c-foreground-disabled);--_border-color: var(--eds-c-border-disabled);--_surface-hover: var(--eds-c-surface-disabled-subtle);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-disabled-subtle);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-chip{border-radius:var(--eds-br-full);display:inline-flex;border:var(--eds-bw-xs) solid var(--_border-color);padding:var(--_chip-padding);font:var(--_font);background-color:var(--_surface);color:var(--_on-surface);height:var(--_height);cursor:pointer;gap:var(--eds-sp-2xs);align-items:center}.eui-21 :host.eds-chip:not(.eds-chip--disabled):focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}.eui-21 :host.eds-chip.eds-chip--disabled{cursor:default}.eui-21 :host.eds-chip:hover{background-color:var(--_surface-hover);color:var(--_on-surface-hover)}.eui-21 :host.eds-chip:active{background-color:var(--_surface-active);color:var(--_on-surface-active)}.eui-21 :host.eds-chip .eds-chip__content{display:inline-flex;align-items:center;background:transparent;gap:var(--eds-sp-2xs)}.eui-21 :host.eds-chip .eds-chip__close{margin-left:var(--eds-sp-xs)}\n"], dependencies: [{ kind: "component", type: i2.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsChip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsChip, decorators: [{
             type: Component,
             args: [{ selector: 'eds-chip, span[edsChip], li[edsChip]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ...EDS_ICON_BUTTON,

package/fesm2022/eui-eds-eds-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-chip.mjs","sources":["../../eds-chip/eds-chip.ts","../../eds-chip/eds-chip.html","../../eds-chip/models/eui-chip.model.ts","../../eds-chip/index.ts","../../eds-chip/eui-eds-eds-chip.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    ChangeDetectionStrategy,\n    AfterContentInit,\n    viewChild,\n    ElementRef,\n    booleanAttribute,\n    inject,\n    input,\n    output,\n    computed,\n    Renderer2,\n} from '@angular/core';\n\nimport { EdsColorDirective, EdsSizeDirective } from '@eui/eds/shared';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n    templateUrl: './eds-chip.html',\n    selector: 'eds-chip, span[edsChip], li[edsChip]',\n    styleUrl: './eds-chip.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        ...EDS_ICON_BUTTON,\n        ...EDS_ICON,\n    ],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.tabindex]': 'edsDisabled ? \"-1\" : \"0\"',\n        '[attr.role]': 'role',\n        '[attr.aria-pressed]': 'isActive() ? \"true\" : null',\n        '[attr.aria-label]': 'ariaLabel()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '(click)': 'onHostClick($event)',\n        '(keydown.enter)': 'onHostClick($event)',\n        '(keydown.space)': 'onHostKeyActivate($event)',\n        '(keydown.delete)': 'onKeyRemove($event)',\n        '(keydown.backspace)': 'onKeyRemove($event)',\n    },\n    hostDirectives: [\n        {\n            directive: EdsSizeDirective,\n            inputs: [\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeVariant',\n            ],\n        },\n        {\n            directive: EdsColorDirective,\n            inputs: [\n                'edsNeutral',\n                'edsSuccess',\n                'edsInfo',\n                'edsWarning',\n                'edsCritical',\n                'edsColorVariant',\n            ],\n        },\n    ],\n})\nexport class EdsChip implements AfterContentInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the component based on its current state.\n     */\n    hostClasses = computed(() => {\n        const sizeClass = this.sizeDirective.getCssClass('eds-chip');\n        const colorClass = this.colorDirective.getCssClass('eds-chip');\n\n        return [\n            'eds-chip',\n            sizeClass || 'eds-chip--size-m',\n            colorClass || 'eds-chip--neutral',\n            this.isRemovable() ? 'eds-chip--removable' : '',\n            this.isActive() ? 'eds-chip--active' : '',\n            this.edsDisabled ? 'eds-chip--disabled' : '',\n        ].join(' ').trim();\n    });\n\n    /**\n     * Sets the `aria-label` attribute for the host element.\n     * When not set, assistive technology will use the text content of the chip.\n     *\n     * @default undefined\n     */\n    ariaLabel = input<string | undefined>(undefined);\n\n    /**\n     * Sets the `role` attribute for the host element.\n     * Defaults to 'button' per WAI-ARIA APG Button Pattern.\n     * Overridden to 'listitem' when inside an eds-chip-list.\n     *\n     * @default 'button'\n     */\n    role = 'button';\n\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     *\n     * @default 'eds-chip'\n     */\n    e2eAttr = input('eds-chip');\n\n    /**\n     * Sets the edsInternalId of the chip.\n     *\n     * @default null\n     */\n    edsInternalId = input<string>('');\n    /**\n     * Sets the label of the tooltip to diaply on hover.\n     */\n    tooltipMessage = input<string>('');\n    /**\n     * Sets the id of the chip.\n     */\n    id = input<string | number>('');\n    /**\n     * Sets the data of the chip like tooltip configuration.\n     */\n    // TODO: type should be specific\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data = input<any>({\n        id: crypto.randomUUID(),\n        tooltip: {\n            color: 'edsTooltipPrimary',\n            contentAlignment: null,\n            position: 'above',\n        },\n    });\n\n    /**\n     * Wether the chip can be removed.\n     *\n     * @default false\n     */\n    isRemovable = input(false, { transform: booleanAttribute });\n\n    isActive = input(false, { transform: booleanAttribute });\n\n    /**\n     * @description\n     * Controls the disabled state of the button\n     * When true, adds the disabled attribute and prevents interaction\n     */\n    @Input()\n    public get edsDisabled(): boolean {\n        return this._edsDisabled;\n    }\n    public set edsDisabled(value: BooleanInput) {\n        this._edsDisabled = coerceBooleanProperty(value);\n        if (this._edsDisabled) {\n            this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n        } else {\n            this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    /**\n     * Event emitted when the chip is removed.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    chipRemove = output<any>();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    chipClick = output<any>();\n\n    /**\n     * Icon declares by user in the chip\n     */\n    readonly chipLabel = viewChild.required<ElementRef<HTMLInputElement>>('chipLabel');\nprotected sizeDirective = inject(EdsSizeDirective);\n    protected colorDirective = inject(EdsColorDirective);\n\n    protected _renderer: Renderer2 = inject(Renderer2);\n    private _elementRef = inject(ElementRef);\n    private _edsDisabled = false;\n    onHostClick(event?: Event): void {\n        if (this.edsDisabled) {\n            return;\n        }\n\n        if (this.isRemovable()) {\n            this.onRemove(event);\n        } else {\n            this.onClick(event);\n        }\n    }\n\n    /**\n     * Handles Space key activation — prevents page scroll and triggers click.\n     */\n    onHostKeyActivate(event: Event): void {\n        event.preventDefault();\n        this.onHostClick(event);\n    }\n\n    /**\n     * Handles Delete/Backspace key to remove chip (WAI-ARIA APG convention).\n     */\n    onKeyRemove(event: Event): void {\n        if (this.edsDisabled || !this.isRemovable()) {\n            return;\n        }\n        event.preventDefault();\n        this.chipRemove.emit(this.data());\n    }\n\n    ngAfterContentInit(): void {\n        if (!this.data().id && this.id()) {\n            // Note: input signals are read-only, so we work with the value\n            const currentData = this.data();\n            Object.assign(currentData, { id: this.id() });\n        }\n        // checks if the parent element is an eds-chip-list to set role listitem or if a parent above in case cdkdroplist interferes\n        if (this._elementRef.nativeElement.parentElement?.classList.contains('eds-chip-list__chip-container') || this._elementRef.nativeElement.parentElement?.parentElement?.classList.contains('eds-chip-list__chip-container')) {\n            this.role = 'listitem';\n        }\n    }\n\n    /**\n     * Remove chip handler\n     *\n     * @param event Click event\n     */\n    private onRemove(event?: Event): void {\n        if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n            this.chipRemove.emit({ chip: this.data(), event });\n        } else {\n            this.chipRemove.emit(this.data());\n        }\n    }\n\n    private onClick(event?: Event): void {\n        this.chipClick.emit(this.data());\n    }\n}\n","<div class=\"eds-chip__content\" #chipLabel>\n    <ng-content></ng-content>\n</div>\n@if (isRemovable()) {\n    <eds-icon ariaLabel=\"Remove {{ chipLabel.textContent }} chip\" icon=\"x:core\" edsSizeXS/>\n}\n","export class EdsChipModel {\n    id!: string | number;\n    edsInternalId!: string;\n    label!: string;\n    isRemovable = false;\n    isOutline = false;\n    isRounded = false;\n    isDisabled = false;\n    variant: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n    tooltip: EdsChipTooltip = new EdsChipTooltip();\n    iconClass?: string;\n    iconSvgName?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n\nexport class EdsChipTooltip {\n    tooltipMessage!: string;\n    position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n    contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n    delay? = 0;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import { EdsChip } from './eds-chip';\n\nexport * from './models/eui-chip.model';\nexport * from './eds-chip';\n\nexport const EDS_CHIP = [\n    EdsChip,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-chip.mjs","sources":["../../eds-chip/eds-chip.ts","../../eds-chip/eds-chip.html","../../eds-chip/models/eui-chip.model.ts","../../eds-chip/index.ts","../../eds-chip/eui-eds-eds-chip.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    ChangeDetectionStrategy,\n    AfterContentInit,\n    viewChild,\n    ElementRef,\n    booleanAttribute,\n    inject,\n    input,\n    output,\n    computed,\n    Renderer2,\n} from '@angular/core';\n\nimport { EdsColorDirective, EdsSizeDirective } from '@eui/eds/shared';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n    templateUrl: './eds-chip.html',\n    selector: 'eds-chip, span[edsChip], li[edsChip]',\n    styleUrl: './eds-chip.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        ...EDS_ICON_BUTTON,\n        ...EDS_ICON,\n    ],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.tabindex]': 'edsDisabled ? \"-1\" : \"0\"',\n        '[attr.role]': 'role',\n        '[attr.aria-pressed]': 'isActive() ? \"true\" : null',\n        '[attr.aria-label]': 'ariaLabel()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '(click)': 'onHostClick($event)',\n        '(keydown.enter)': 'onHostClick($event)',\n        '(keydown.space)': 'onHostKeyActivate($event)',\n        '(keydown.delete)': 'onKeyRemove($event)',\n        '(keydown.backspace)': 'onKeyRemove($event)',\n    },\n    hostDirectives: [\n        {\n            directive: EdsSizeDirective,\n            inputs: [\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeVariant',\n            ],\n        },\n        {\n            directive: EdsColorDirective,\n            inputs: [\n                'edsNeutral',\n                'edsSuccess',\n                'edsInfo',\n                'edsWarning',\n                'edsCritical',\n                'edsColorVariant',\n            ],\n        },\n    ],\n})\nexport class EdsChip implements AfterContentInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the component based on its current state.\n     */\n    hostClasses = computed(() => {\n        const sizeClass = this.sizeDirective.getCssClass('eds-chip');\n        const colorClass = this.colorDirective.getCssClass('eds-chip');\n\n        return [\n            'eds-chip',\n            sizeClass || 'eds-chip--size-m',\n            colorClass || 'eds-chip--neutral',\n            this.isRemovable() ? 'eds-chip--removable' : '',\n            this.isActive() ? 'eds-chip--active' : '',\n            this.edsDisabled ? 'eds-chip--disabled' : '',\n        ].join(' ').trim();\n    });\n\n    /**\n     * Sets the `aria-label` attribute for the host element.\n     * When not set, assistive technology will use the text content of the chip.\n     *\n     * @default undefined\n     */\n    ariaLabel = input<string | undefined>(undefined);\n\n    /**\n     * Sets the `role` attribute for the host element.\n     * Defaults to 'button' per WAI-ARIA APG Button Pattern.\n     * Overridden to 'listitem' when inside an eds-chip-list.\n     *\n     * @default 'button'\n     */\n    role = 'button';\n\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     *\n     * @default 'eds-chip'\n     */\n    e2eAttr = input('eds-chip');\n\n    /**\n     * Sets the edsInternalId of the chip.\n     *\n     * @default null\n     */\n    edsInternalId = input<string>('');\n    /**\n     * Sets the label of the tooltip to diaply on hover.\n     */\n    tooltipMessage = input<string>('');\n    /**\n     * Sets the id of the chip.\n     */\n    id = input<string | number>('');\n    /**\n     * Sets the data of the chip like tooltip configuration.\n     */\n    // TODO: type should be specific\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data = input<any>({\n        id: crypto.randomUUID(),\n        tooltip: {\n            color: 'edsTooltipPrimary',\n            contentAlignment: null,\n            position: 'above',\n        },\n    });\n\n    /**\n     * Wether the chip can be removed.\n     *\n     * @default false\n     */\n    isRemovable = input(false, { transform: booleanAttribute });\n\n    isActive = input(false, { transform: booleanAttribute });\n\n    /**\n     * @description\n     * Controls the disabled state of the button\n     * When true, adds the disabled attribute and prevents interaction\n     */\n    @Input()\n    public get edsDisabled(): boolean {\n        return this._edsDisabled;\n    }\n    public set edsDisabled(value: BooleanInput) {\n        this._edsDisabled = coerceBooleanProperty(value);\n        if (this._edsDisabled) {\n            this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n        } else {\n            this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    /**\n     * Event emitted when the chip is removed.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    chipRemove = output<any>();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    chipClick = output<any>();\n\n    /**\n     * Icon declares by user in the chip\n     */\n    readonly chipLabel = viewChild.required<ElementRef<HTMLInputElement>>('chipLabel');\nprotected sizeDirective = inject(EdsSizeDirective);\n    protected colorDirective = inject(EdsColorDirective);\n\n    protected _renderer: Renderer2 = inject(Renderer2);\n    private _elementRef = inject(ElementRef);\n    private _edsDisabled = false;\n    onHostClick(event?: Event): void {\n        if (this.edsDisabled) {\n            return;\n        }\n\n        if (this.isRemovable()) {\n            this.onRemove(event);\n        } else {\n            this.onClick(event);\n        }\n    }\n\n    /**\n     * Handles Space key activation — prevents page scroll and triggers click.\n     */\n    onHostKeyActivate(event: Event): void {\n        event.preventDefault();\n        this.onHostClick(event);\n    }\n\n    /**\n     * Handles Delete/Backspace key to remove chip (WAI-ARIA APG convention).\n     */\n    onKeyRemove(event: Event): void {\n        if (this.edsDisabled || !this.isRemovable()) {\n            return;\n        }\n        event.preventDefault();\n        this.chipRemove.emit(this.data());\n    }\n\n    ngAfterContentInit(): void {\n        if (!this.data().id && this.id()) {\n            // Note: input signals are read-only, so we work with the value\n            const currentData = this.data();\n            Object.assign(currentData, { id: this.id() });\n        }\n        // checks if the parent element is an eds-chip-list to set role listitem or if a parent above in case cdkdroplist interferes\n        if (this._elementRef.nativeElement.parentElement?.classList.contains('eds-chip-list__chip-container') || this._elementRef.nativeElement.parentElement?.parentElement?.classList.contains('eds-chip-list__chip-container')) {\n            this.role = 'listitem';\n        }\n    }\n\n    /**\n     * Remove chip handler\n     *\n     * @param event Click event\n     */\n    private onRemove(event?: Event): void {\n        if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n            this.chipRemove.emit({ chip: this.data(), event });\n        } else {\n            this.chipRemove.emit(this.data());\n        }\n    }\n\n    private onClick(event?: Event): void {\n        this.chipClick.emit(this.data());\n    }\n}\n","<div class=\"eds-chip__content\" #chipLabel>\n    <ng-content></ng-content>\n</div>\n@if (isRemovable()) {\n    <eds-icon ariaLabel=\"Remove {{ chipLabel.textContent }} chip\" icon=\"x:core\" edsSizeXS/>\n}\n","export class EdsChipModel {\n    id!: string | number;\n    edsInternalId!: string;\n    label!: string;\n    isRemovable = false;\n    isOutline = false;\n    isRounded = false;\n    isDisabled = false;\n    variant: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n    tooltip: EdsChipTooltip = new EdsChipTooltip();\n    iconClass?: string;\n    iconSvgName?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n\nexport class EdsChipTooltip {\n    tooltipMessage!: string;\n    position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n    contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n    delay? = 0;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import { EdsChip } from './eds-chip';\n\nexport * from './models/eui-chip.model';\nexport * from './eds-chip';\n\nexport const EDS_CHIP = [\n    EdsChip,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}