@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.50

package/eds-chip/eds-wc-chip.d.ts

@@ -1,43 +1,132 @@
 import { EdsBaseElement } from '../shared/eds-base.js';
-declare const EdsWcChip_base: (new (...args: any[]) => import("../shared/size-mixin.js").SizeMixinInterface) & (new (...args: any[]) => import("../shared/color-mixin.js").ColorMixinInterface) & typeof EdsBaseElement;
+/**
+ * Local narrowed color union — the chip's color contract. Copied verbatim from the
+ * Angular `eds-chip` exported `EdsChipColor` union. No shared-token import.
+ */
+export type EdsWcChipColor = 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'critical';
+/**
+ * Local narrowed size union — the chip's size contract. Copied verbatim from the
+ * Angular `eds-chip` exported `EdsChipSize` union.
+ */
+export type EdsWcChipSize = 's' | 'm' | 'l';
+/**
+ * Payload emitted by chip events and passed via the `data` property.
+ * Mirrors the Angular `EdsChipData` model.
+ */
+export interface EdsWcChipData {
+    id?: string | number;
+    tooltip?: {
+        tooltipMessage?: string;
+        position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after';
+        contentAlignment?: 'center' | 'left' | 'right' | 'justify' | null;
+        delay?: number;
+        color?: string;
+    };
+    /** Internal event reference, present when triggered via keyboard. */
+    _event?: Event;
+    [key: string]: unknown;
+}
 /**
  * `<eds-wc-chip>` — EDS Chip Web Component.
  *
- * An interactive pill element for selection, filtering, or tagging.
- * Supports removable mode (with X icon), active/pressed state,
- * color/size variants, and keyboard interaction.
+ * An interactive chip that displays projected content with a semantic color and size.
+ * The host element itself is the interactive control (`role="button"`, or `role="listitem"`
+ * when nested inside an `<eds-wc-chip-list>`): clicking or pressing Enter/Space either removes
+ * the chip (when `removable`) or emits a click; Delete/Backspace removes it (WAI-ARIA APG
+ * convention). When `removable`, an `x` icon is rendered as the remove affordance.
+ * 1:1 projection of the Angular `eds-chip`.
  *
  * @example
  * ```html
- * <eds-wc-chip color="neutral" size="m">Filter</eds-wc-chip>
- * <eds-wc-chip color="info" removable>Tag</eds-wc-chip>
- * <eds-wc-chip active color="primary">Selected</eds-wc-chip>
+ * <eds-wc-chip color="success">Active</eds-wc-chip>
+ * <eds-wc-chip color="info" size="s" removable>Filter</eds-wc-chip>
+ * <eds-wc-chip active>Selected</eds-wc-chip>
+ * <eds-wc-chip disabled>Disabled</eds-wc-chip>
  * ```
  *
- * @slot - Chip content (text, icon + text)
+ * @slot - Chip content (text).
  *
- * @fires chip-click - Dispatched when the chip is clicked (non-removable)
- * @fires chip-remove - Dispatched when the chip is removed (removable, click or Delete/Backspace key)
+ * @fires chip-remove - Fired when the chip is removed (click/Enter on a removable chip, or
+ *   Delete/Backspace). `detail` is the `EdsWcChipData` payload.
+ * @fires chip-click - Fired when a non-removable chip is activated (click/Enter/Space).
+ *   `detail` is the `EdsWcChipData` payload.
  */
-export declare class EdsWcChip extends EdsWcChip_base {
-    /** Whether the chip shows a remove icon and emits `chip-remove` on click. */
+export declare class EdsWcChip extends EdsBaseElement {
+    /**
+     * Semantic color of the chip.
+     * @default 'neutral'
+     */
+    color: EdsWcChipColor;
+    /**
+     * Size of the chip.
+     * @default 'm'
+     */
+    size: EdsWcChipSize;
+    /**
+     * Whether the chip can be removed.
+     * @default false
+     */
     removable: boolean;
-    /** Whether the chip is in active/pressed state. */
+    /**
+     * Whether the chip is in active/pressed state.
+     * @default false
+     */
     active: boolean;
-    /** Disabled state. */
+    /**
+     * Controls the disabled state of the chip.
+     * When true, prevents interaction and applies disabled styling.
+     * @default false
+     */
     disabled: boolean;
+    /**
+     * Sets the `aria-label` attribute for the host element.
+     * When not set, assistive technology will use the text content of the chip.
+     * @default null
+     */
+    ariaLabel: string | null;
+    /**
+     * Data attribute for e2e testing.
+     * @default 'eds-chip'
+     */
+    e2eAttr: string;
+    /**
+     * Internal id of the chip.
+     * @default ''
+     */
+    edsInternalId: string;
+    /**
+     * Label of the tooltip to display on hover.
+     * @default ''
+     */
+    tooltipMessage: string;
+    /**
+     * Id of the chip.
+     * @default ''
+     */
+    id: string;
+    /**
+     * Data payload of the chip (e.g. tooltip configuration). Emitted with chip events.
+     */
+    data: EdsWcChipData;
+    /** Resolved inner remove-icon size, derived from the chip size. */
+    private get iconSize();
+    /** Resolved role — 'listitem' when inside an eds-wc-chip-list, 'button' otherwise. */
+    private get hostRole();
     static styles: import("lit").CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    protected updated(): void;
-    protected render(): import("lit-html").TemplateResult<1>;
+    private _onHostClick;
+    private _onKeyDown;
+    private _onKeyRemove;
+    private _onRemove;
     private _onClick;
-    private _onKeydown;
+    private _emitRemove;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected updated(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'eds-wc-chip': EdsWcChip;
     }
 }
-export {};
 //# sourceMappingURL=eds-wc-chip.d.ts.map

package/eds-chip/eds-wc-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-chip.d.ts","sourceRoot":"","sources":["../../src/eds-chip/eds-wc-chip.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAIvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,SAAU,SAAQ,cAAqC;IAChE,6EAA6E;IAE7E,SAAS,UAAS;IAElB,mDAAmD;IAEnD,MAAM,UAAS;IAEf,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,OAAgB,MAAM,0BAgFpB;IAEF,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;cAMT,OAAO,IAAI,IAAI;cAcf,MAAM;IAezB,OAAO,CAAC,QAAQ,CAOd;IAEF,OAAO,CAAC,UAAU,CAUhB;CACL;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,SAAS,CAAC;KAC5B;CACJ"}
+{"version":3,"file":"eds-wc-chip.d.ts","sourceRoot":"","sources":["../../src/eds-chip/eds-wc-chip.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjG;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;QACrE,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;QAClE,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,qEAAqE;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AASD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,SAAU,SAAQ,cAAc;IACzC;;;OAGG;IAEH,KAAK,EAAE,cAAc,CAAa;IAElC;;;OAGG;IAEH,IAAI,EAAE,aAAa,CAAO;IAE1B;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,MAAM,UAAS;IAEf;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEM,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC;;;OAGG;IAEH,OAAO,SAAc;IAErB;;;OAGG;IAEH,aAAa,SAAM;IAEnB;;;OAGG;IAEH,cAAc,SAAM;IAEpB;;;OAGG;IAEM,EAAE,EAAE,MAAM,CAAM;IAEzB;;OAEG;IAEH,IAAI,EAAE,aAAa,CAOjB;IAEF,mEAAmE;IACnE,OAAO,KAAK,QAAQ,GAEnB;IAED,sFAAsF;IACtF,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAgB,MAAM,0BA2PpB;IAEO,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,YAAY,CASlB;IAEF,OAAO,CAAC,UAAU,CAUhB;IAEF,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,WAAW;cAQA,MAAM;cAoBN,OAAO,IAAI,IAAI;CAiBrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,SAAS,CAAC;KAC5B;CACJ"}