@eui/components-wc 0.0.0-stage → 22.0.0-alpha.52

package/eui-autocomplete-v2/eui-wc-autocomplete-v2.js

@@ -0,0 +1,118 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+let EuiWcAutocompleteV2 = class EuiWcAutocompleteV2 extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.autocompleteData = [];
+        this.placeholder = '';
+        this.matching = 'contains';
+        this.hasChips = false;
+        this.chipsPosition = 'top';
+        this.isDisabled = false;
+        this.isLoading = false;
+        this.isOpen = false;
+        this.e2eAttr = 'eui-wc-autocomplete-v2';
+        this._query = '';
+        this._chips = [];
+    }
+    static { this.styles = css `
+        :host { display: inline-flex; flex-direction: column; position: relative; width: 100%; }
+        .chips { display: flex; flex-wrap: wrap; gap: var(--eui-s-3xs); margin-bottom: var(--eui-s-3xs); }
+        .chip { align-items: center; background: var(--eui-c-secondary-surface-light); border-radius: var(--eui-br-max); display: inline-flex; font: var(--eui-f-s); gap: var(--eui-s-3xs); padding: 1px var(--eui-s-xs); }
+        .chip button { background: none; border: none; cursor: pointer; font-size: 0.75rem; line-height: 1; padding: 0; }
+        input { background: var(--eui-c-surface-container); border: 1px solid var(--eui-c-secondary-border); border-radius: var(--eui-br-s); font: var(--eui-f-m); padding: var(--eui-s-xs) var(--eui-s-m); width: 100%; }
+        input:focus { border-color: var(--eui-c-primary); outline: none; }
+        .panel { background: var(--eui-c-white); border: 1px solid var(--eui-c-secondary-border); border-radius: var(--eui-br-s); box-shadow: var(--eui-sh-2); left: 0; max-height: 200px; overflow-y: auto; position: absolute; top: 100%; width: 100%; z-index: 100; }
+        .option { cursor: pointer; font: var(--eui-f-m); padding: var(--eui-s-xs) var(--eui-s-m); }
+        .option:hover { background: var(--eui-c-hover); }
+        .group-label { color: var(--eui-c-text-light); font: var(--eui-f-s-semi-bold); padding: var(--eui-s-2xs) var(--eui-s-m); }
+        :host(:not([is-open])) .panel { display: none; }
+    `; }
+    get _filtered() {
+        if (!this._query)
+            return this.autocompleteData;
+        const q = this._query.toLowerCase();
+        return this.autocompleteData.filter((i) => this.matching === 'startWith' ? i.label.toLowerCase().startsWith(q) : i.label.toLowerCase().includes(q));
+    }
+    _select(item) {
+        if (this.hasChips) {
+            this._chips = [...this._chips, item];
+            this._query = '';
+        }
+        else {
+            this._query = item.label;
+        }
+        this.isOpen = false;
+        this.dispatchEvent(new CustomEvent('eui-option-selected', { detail: item, bubbles: true, composed: true }));
+    }
+    _removeChip(item) {
+        this._chips = this._chips.filter((c) => c !== item);
+        this.dispatchEvent(new CustomEvent('eui-chip-removed', { detail: item, bubbles: true, composed: true }));
+    }
+    _renderChips() {
+        return html `<div class="chips">${this._chips.map((c) => html `<span class="chip">${c.label}<button type="button" @click=${() => this._removeChip(c)}>×</button></span>`)}</div>`;
+    }
+    _renderGrouped() {
+        const groups = {};
+        this._filtered.forEach((i) => { const g = String(i[this.groupBy] ?? ''); groups[g] = groups[g] ?? []; groups[g].push(i); });
+        return html `${Object.entries(groups).map(([g, opts]) => html `<div class="group-label">${g}</div>${opts.map((o) => html `<div class="option" role="option" @click=${() => this._select(o)}>${o.label}</div>`)}`)}`;
+    }
+    render() {
+        return html `
+            ${this.hasChips && this.chipsPosition === 'top' ? this._renderChips() : ''}
+            <input placeholder=${this.placeholder} .value=${this._query} ?disabled=${this.isDisabled} @input=${(e) => { this._query = e.target.value; this.isOpen = true; }} @focus=${() => { this.isOpen = true; }} />
+            ${this.hasChips && this.chipsPosition === 'bottom' ? this._renderChips() : ''}
+            <div class="panel" role="listbox">
+                ${this.groupBy ? this._renderGrouped() : this._filtered.map((item) => html `<div class="option" role="option" @click=${() => this._select(item)}>${item.label}</div>`)}
+                ${this.isLoading ? html `<div class="option">Loading…</div>` : ''}
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], EuiWcAutocompleteV2.prototype, "autocompleteData", void 0);
+__decorate([
+    property()
+], EuiWcAutocompleteV2.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], EuiWcAutocompleteV2.prototype, "matching", void 0);
+__decorate([
+    property({ attribute: 'group-by' })
+], EuiWcAutocompleteV2.prototype, "groupBy", void 0);
+__decorate([
+    property({ attribute: 'has-chips', type: Boolean })
+], EuiWcAutocompleteV2.prototype, "hasChips", void 0);
+__decorate([
+    property({ attribute: 'chips-position' })
+], EuiWcAutocompleteV2.prototype, "chipsPosition", void 0);
+__decorate([
+    property({ attribute: 'is-disabled', type: Boolean, reflect: true })
+], EuiWcAutocompleteV2.prototype, "isDisabled", void 0);
+__decorate([
+    property({ attribute: 'is-loading', type: Boolean, reflect: true })
+], EuiWcAutocompleteV2.prototype, "isLoading", void 0);
+__decorate([
+    property({ attribute: 'is-open', type: Boolean, reflect: true })
+], EuiWcAutocompleteV2.prototype, "isOpen", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcAutocompleteV2.prototype, "e2eAttr", void 0);
+__decorate([
+    state()
+], EuiWcAutocompleteV2.prototype, "_query", void 0);
+__decorate([
+    state()
+], EuiWcAutocompleteV2.prototype, "_chips", void 0);
+EuiWcAutocompleteV2 = __decorate([
+    customElement('eui-wc-autocomplete-v2')
+], EuiWcAutocompleteV2);
+export { EuiWcAutocompleteV2 };
+//# sourceMappingURL=eui-wc-autocomplete-v2.js.map

package/eui-autocomplete-v2/eui-wc-autocomplete-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-autocomplete-v2.js","sourceRoot":"","sources":["../../src/eui-autocomplete-v2/eui-wc-autocomplete-v2.ts"],"names":[],"mappings":"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"}

package/eui-autocomplete-v2/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcAutocompleteV2, type EuiWcAutocompleteItemV2 } from './eui-wc-autocomplete-v2.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-autocomplete-v2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-autocomplete-v2/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,KAAK,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}

package/eui-autocomplete-v2/index.js

@@ -0,0 +1,2 @@
+export { EuiWcAutocompleteV2 } from './eui-wc-autocomplete-v2.js';
+//# sourceMappingURL=index.js.map

package/eui-autocomplete-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-autocomplete-v2/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,6BAA6B,CAAC"}

package/eui-avatar/eui-wc-avatar.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+export type EuiWcAvatarColor = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+export type EuiWcAvatarSize = 'xs' | 's' | 'm' | 'l';
+/**
+ * `EuiWcAvatar` — Lit WC projection of `eui-avatar`.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-avatar label="John Doe" sub-label="Developer"></eui-wc-avatar>
+ * <eui-wc-avatar image-url="/assets/photo.jpg" size="l"></eui-wc-avatar>
+ * ```
+ */
+export declare class EuiWcAvatar extends LitElement {
+    static styles: import("lit").CSSResult;
+    color?: EuiWcAvatarColor;
+    size: EuiWcAvatarSize;
+    imageUrl?: string;
+    initials?: string;
+    label?: string;
+    subLabel?: string;
+    icon?: string;
+    isOutline: boolean;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-avatar': EuiWcAvatar;
+    }
+}
+//# sourceMappingURL=eui-wc-avatar.d.ts.map

package/eui-avatar/eui-wc-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-avatar.d.ts","sourceRoot":"","sources":["../../src/eui-avatar/eui-wc-avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACnG,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErD;;;;;;;;GAQG;AACH,qBACa,WAAY,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAkCpB;IAE2B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,EAAE,eAAe,CAAO;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACW,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAC2C,SAAS,UAAS;IAClD,OAAO,SAAmB;IAEtD,MAAM;CAkBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,eAAe,EAAE,WAAW,CAAC;KAAE;CACpE"}

package/eui-avatar/eui-wc-avatar.js

@@ -0,0 +1,109 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * `EuiWcAvatar` — Lit WC projection of `eui-avatar`.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-avatar label="John Doe" sub-label="Developer"></eui-wc-avatar>
+ * <eui-wc-avatar image-url="/assets/photo.jpg" size="l"></eui-wc-avatar>
+ * ```
+ */
+let EuiWcAvatar = class EuiWcAvatar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'm';
+        this.isOutline = false;
+        this.e2eAttr = 'eui-wc-avatar';
+    }
+    static { this.styles = css `
+        :host {
+            --_eui-wc-av-size: 3rem;
+            --_eui-wc-av-bg: var(--eui-c-secondary-surface-light);
+            --_eui-wc-av-color: var(--eui-c-secondary-on-surface-light);
+            display: inline-flex; align-items: center; gap: var(--eui-s-xs);
+        }
+        :host([color='primary'])  { --_eui-wc-av-bg: var(--eui-c-primary-surface);  --_eui-wc-av-color: var(--eui-c-primary-on-surface); }
+        :host([color='neutral'])  { --_eui-wc-av-bg: var(--eui-c-secondary-surface-light); --_eui-wc-av-color: var(--eui-c-secondary-on-surface-light); }
+        :host([color='info'])     { --_eui-wc-av-bg: var(--eui-c-info-surface);     --_eui-wc-av-color: var(--eui-c-info-on-surface); }
+        :host([color='success'])  { --_eui-wc-av-bg: var(--eui-c-success-surface);  --_eui-wc-av-color: var(--eui-c-success-on-surface); }
+        :host([color='warning'])  { --_eui-wc-av-bg: var(--eui-c-warning-surface);  --_eui-wc-av-color: var(--eui-c-warning-on-surface); }
+        :host([color='critical']) { --_eui-wc-av-bg: var(--eui-c-danger-surface);   --_eui-wc-av-color: var(--eui-c-danger-on-surface); }
+        :host([size='xs']) { --_eui-wc-av-size: 1.5rem; }
+        :host([size='s'])  { --_eui-wc-av-size: 2rem; }
+        :host([size='m'])  { --_eui-wc-av-size: 3rem; }
+        :host([size='l'])  { --_eui-wc-av-size: 4rem; }
+        .eui-avatar__picture {
+            align-items: center;
+            background-color: var(--_eui-wc-av-bg);
+            border-radius: var(--eui-br-max);
+            color: var(--_eui-wc-av-color);
+            display: flex;
+            flex-shrink: 0;
+            font: var(--eui-f-s-semi-bold);
+            height: var(--_eui-wc-av-size);
+            justify-content: center;
+            overflow: hidden;
+            width: var(--_eui-wc-av-size);
+        }
+        .eui-avatar__picture img { height: 100%; object-fit: cover; width: 100%; }
+        .eui-avatar__content { display: flex; flex-direction: column; }
+        .eui-avatar__content-label { font: var(--eui-f-s-semi-bold); }
+        .eui-avatar__content-sublabel { color: var(--eui-c-text-light); font: var(--eui-f-s); }
+    `; }
+    render() {
+        return html `
+            <div class="eui-avatar__picture">
+                ${this.imageUrl
+            ? html `<img src=${this.imageUrl} alt=${this.label ?? 'avatar'} />`
+            : html `${this.initials ?? (this.label?.slice(0, 2).toUpperCase() ?? '')}`}
+                <slot name="picture"></slot>
+            </div>
+            ${(this.label || this.subLabel) ? html `
+                <div class="eui-avatar__content">
+                    ${this.label ? html `<span class="eui-avatar__content-label">${this.label}</span>` : nothing}
+                    ${this.subLabel ? html `<span class="eui-avatar__content-sublabel">${this.subLabel}</span>` : nothing}
+                </div>
+            ` : nothing}
+            <slot></slot>
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcAvatar.prototype, "color", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcAvatar.prototype, "size", void 0);
+__decorate([
+    property({ attribute: 'image-url' })
+], EuiWcAvatar.prototype, "imageUrl", void 0);
+__decorate([
+    property()
+], EuiWcAvatar.prototype, "initials", void 0);
+__decorate([
+    property()
+], EuiWcAvatar.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'sub-label' })
+], EuiWcAvatar.prototype, "subLabel", void 0);
+__decorate([
+    property()
+], EuiWcAvatar.prototype, "icon", void 0);
+__decorate([
+    property({ attribute: 'is-outline', type: Boolean, reflect: true })
+], EuiWcAvatar.prototype, "isOutline", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcAvatar.prototype, "e2eAttr", void 0);
+EuiWcAvatar = __decorate([
+    customElement('eui-wc-avatar')
+], EuiWcAvatar);
+export { EuiWcAvatar };
+//# sourceMappingURL=eui-wc-avatar.js.map

package/eui-avatar/eui-wc-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-avatar.js","sourceRoot":"","sources":["../../src/eui-avatar/eui-wc-avatar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK5D;;;;;;;;GAQG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAsC0B,SAAI,GAAoB,GAAG,CAAC;QAMY,cAAS,GAAG,KAAK,CAAC;QAClD,YAAO,GAAG,eAAe,CAAC;IAoBnE,CAAC;aAhEmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkC3B,AAlCqB,CAkCpB;IAYO,MAAM;QACX,OAAO,IAAI,CAAA;;kBAED,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAA,YAAY,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,KAAK,IAAI,QAAQ,KAAK;YAClE,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,EAC3E;;;cAGF,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;sBAE5B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,2CAA2C,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO;sBACzF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,8CAA8C,IAAI,CAAC,QAAQ,SAAS,CAAC,CAAC,CAAC,OAAO;;aAE3G,CAAC,CAAC,CAAC,OAAO;;SAEd,CAAC;IACN,CAAC;;AA3B4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAA0B;AACzB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAA6B;AACnB;IAArC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CAAmB;AAC5C;IAAX,QAAQ,EAAE;6CAAmB;AAClB;IAAX,QAAQ,EAAE;0CAAgB;AACW;IAArC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CAAmB;AAC5C;IAAX,QAAQ,EAAE;yCAAe;AAC2C;IAApE,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAmB;AAClD;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;4CAA2B;AA7CtD,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAiEvB"}

package/eui-avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcAvatar, type EuiWcAvatarColor, type EuiWcAvatarSize } from './eui-wc-avatar.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/eui-avatar/index.js

@@ -0,0 +1,2 @@
+export { EuiWcAvatar } from './eui-wc-avatar.js';
+//# sourceMappingURL=index.js.map

package/eui-avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA+C,MAAM,oBAAoB,CAAC"}

package/eui-badge/eui-wc-badge.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from 'lit';
+export type EuiWcBadgeColor = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+export type EuiWcBadgeSize = 's' | 'm';
+export type EuiWcBadgeVariant = 'filled' | 'outline';
+/**
+ * `EuiWcBadge` — Lit Web Component projection of `eui-badge`.
+ *
+ * Small inline status/count indicator with color, size, variant, and truncation support.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-badge color="success" size="m">Active</eui-wc-badge>
+ * <eui-wc-badge color="critical" variant="outline">3</eui-wc-badge>
+ * ```
+ */
+export declare class EuiWcBadge extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Color variant. @default 'neutral' */
+    color: EuiWcBadgeColor;
+    /** Size variant. @default 'm' */
+    size: EuiWcBadgeSize;
+    /** Style variant (filled vs outline). @default 'filled' */
+    variant: EuiWcBadgeVariant;
+    /** Extra color palette name (orthogonal to color union). */
+    colorPalette?: string;
+    /** Icon-only mode (removes wrapper padding). @default false */
+    isIconOnly: boolean;
+    /** Max characters before truncation (0 = no truncation). @default 0 */
+    maxCharCount: number;
+    /** Replacement string when truncated. Falls back to '99+'. @default '' */
+    charReplacement: string;
+    /** Accessible name for the role=status region. @default 'badge' */
+    ariaLabel: string | null;
+    /** `data-e2e` attribute. */
+    e2eAttr: string;
+    private _isEmpty;
+    private _truncatedText;
+    private _handleSlotChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-badge': EuiWcBadge;
+    }
+}
+//# sourceMappingURL=eui-wc-badge.d.ts.map

package/eui-badge/eui-wc-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-badge.d.ts","sourceRoot":"","sources":["../../src/eui-badge/eui-wc-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAClG,MAAM,MAAM,cAAc,GAAG,GAAG,GAAG,GAAG,CAAC;AACvC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErD;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BA4FpB;IAEF,wCAAwC;IACX,KAAK,EAAE,eAAe,CAAa;IAChE,iCAAiC;IACJ,IAAI,EAAE,cAAc,CAAO;IACxD,2DAA2D;IAC9B,OAAO,EAAE,iBAAiB,CAAY;IACnE,4DAA4D;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/E,+DAA+D;IACQ,UAAU,UAAS;IAC1F,uEAAuE;IAC3C,YAAY,SAAK;IAC7C,0EAA0E;IAC9D,eAAe,SAAM;IACjC,mEAAmE;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAW;IACzF,4BAA4B;IACS,OAAO,SAAkB;IAErD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,cAAc,CAAM;IAErC,OAAO,CAAC,iBAAiB;IAahB,MAAM;CAUlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,UAAU,CAAC;KAC9B;CACJ"}

package/eui-badge/eui-wc-badge.js

@@ -0,0 +1,195 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+/**
+ * `EuiWcBadge` — Lit Web Component projection of `eui-badge`.
+ *
+ * Small inline status/count indicator with color, size, variant, and truncation support.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-badge color="success" size="m">Active</eui-wc-badge>
+ * <eui-wc-badge color="critical" variant="outline">3</eui-wc-badge>
+ * ```
+ */
+let EuiWcBadge = class EuiWcBadge extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Color variant. @default 'neutral' */
+        this.color = 'neutral';
+        /** Size variant. @default 'm' */
+        this.size = 'm';
+        /** Style variant (filled vs outline). @default 'filled' */
+        this.variant = 'filled';
+        /** Icon-only mode (removes wrapper padding). @default false */
+        this.isIconOnly = false;
+        /** Max characters before truncation (0 = no truncation). @default 0 */
+        this.maxCharCount = 0;
+        /** Replacement string when truncated. Falls back to '99+'. @default '' */
+        this.charReplacement = '';
+        /** Accessible name for the role=status region. @default 'badge' */
+        this.ariaLabel = 'badge';
+        /** `data-e2e` attribute. */
+        this.e2eAttr = 'eui-wc-badge';
+        this._isEmpty = false;
+        this._truncatedText = '';
+    }
+    static { this.styles = css `
+        /* DEFAULT TOKENS (neutral / m / filled) */
+        :host {
+            --_eui-wc-badge-padding: 0 var(--eui-s-3xs);
+            --_eui-wc-badge-border-radius: var(--eui-br-max);
+            --_eui-wc-badge-font: var(--eui-f-xs-semi-bold);
+            --_eui-wc-badge-height: calc(var(--eui-s-m) + var(--eui-s-3xs));
+            --_eui-wc-badge-min-width: calc(var(--eui-s-m) + var(--eui-s-3xs));
+            --_eui-wc-badge-empty-size: var(--eui-s-s);
+            --_eui-wc-badge-bg: var(--eui-c-secondary-surface-light);
+            --_eui-wc-badge-color: var(--eui-c-secondary-on-surface-light);
+            --_eui-wc-badge-border: var(--eui-c-secondary-border);
+
+            display: inline-flex;
+            border: 1px solid var(--_eui-wc-badge-border);
+            border-radius: var(--_eui-wc-badge-border-radius);
+            background-color: var(--_eui-wc-badge-bg);
+        }
+
+        /* COLOR VARIANTS */
+        :host([color='primary']) {
+            --_eui-wc-badge-bg: var(--eui-c-primary-surface);
+            --_eui-wc-badge-color: var(--eui-c-primary-on-surface);
+            --_eui-wc-badge-border: var(--eui-c-primary-border-light);
+        }
+        :host([color='neutral']) {
+            --_eui-wc-badge-bg: var(--eui-c-secondary-surface);
+            --_eui-wc-badge-color: var(--eui-c-secondary-on-surface);
+            --_eui-wc-badge-border: var(--eui-c-secondary-border-light);
+        }
+        :host([color='info']) {
+            --_eui-wc-badge-bg: var(--eui-c-info-surface);
+            --_eui-wc-badge-color: var(--eui-c-info-on-surface);
+            --_eui-wc-badge-border: var(--eui-c-info-border-light);
+        }
+        :host([color='success']) {
+            --_eui-wc-badge-bg: var(--eui-c-success-surface);
+            --_eui-wc-badge-color: var(--eui-c-success-on-surface);
+            --_eui-wc-badge-border: var(--eui-c-success-border-light);
+        }
+        :host([color='warning']) {
+            --_eui-wc-badge-bg: var(--eui-c-warning-surface);
+            --_eui-wc-badge-color: var(--eui-c-warning-on-surface);
+            --_eui-wc-badge-border: var(--eui-c-warning-border-light);
+        }
+        :host([color='critical']) {
+            --_eui-wc-badge-bg: var(--eui-c-danger-surface);
+            --_eui-wc-badge-color: var(--eui-c-danger-on-surface);
+            --_eui-wc-badge-border: var(--eui-c-danger-border-light);
+        }
+
+        /* OUTLINE VARIANT */
+        :host([variant='outline']) {
+            background-color: var(--eui-c-surface-container);
+        }
+
+        /* SIZE S */
+        :host([size='s']) {
+            --_eui-wc-badge-height: var(--eui-s-m);
+            --_eui-wc-badge-min-width: var(--eui-s-m);
+            --_eui-wc-badge-font: var(--eui-f-xs-medium);
+        }
+
+        /* EMPTY (dot) */
+        :host([is-empty]) {
+            width: var(--_eui-wc-badge-empty-size);
+            height: var(--_eui-wc-badge-empty-size);
+        }
+
+        /* ICON-ONLY */
+        :host([is-icon-only]) .eui-wc-badge__wrapper {
+            padding: 0;
+        }
+
+        /* WRAPPER */
+        .eui-wc-badge__wrapper {
+            display: inline-flex;
+            align-items: center;
+            color: var(--_eui-wc-badge-color);
+            height: var(--_eui-wc-badge-height);
+            min-width: var(--_eui-wc-badge-min-width);
+            padding: var(--_eui-wc-badge-padding);
+            justify-content: center;
+            font: var(--_eui-wc-badge-font);
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        :host([variant='outline']) .eui-wc-badge__wrapper {
+            color: var(--_eui-wc-badge-color);
+        }
+    `; }
+    _handleSlotChange(e) {
+        const slot = e.target;
+        const nodes = slot.assignedNodes({ flatten: true });
+        const text = nodes.map((n) => n.textContent ?? '').join('');
+        this._isEmpty = text.trim().length === 0;
+        if (this.maxCharCount > 0 && text.length > this.maxCharCount) {
+            this._truncatedText = this.charReplacement || '99+';
+        }
+        else {
+            this._truncatedText = '';
+        }
+        this.toggleAttribute('is-empty', this._isEmpty);
+    }
+    render() {
+        return html `
+            <div class="eui-wc-badge__wrapper" role="status" aria-label=${this.ariaLabel ?? nothing}>
+                ${this._truncatedText
+            ? html `${this._truncatedText}`
+            : html `<slot @slotchange=${this._handleSlotChange}></slot>`}
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcBadge.prototype, "color", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcBadge.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcBadge.prototype, "variant", void 0);
+__decorate([
+    property({ attribute: 'color-palette', reflect: true })
+], EuiWcBadge.prototype, "colorPalette", void 0);
+__decorate([
+    property({ attribute: 'is-icon-only', type: Boolean, reflect: true })
+], EuiWcBadge.prototype, "isIconOnly", void 0);
+__decorate([
+    property({ type: Number })
+], EuiWcBadge.prototype, "maxCharCount", void 0);
+__decorate([
+    property()
+], EuiWcBadge.prototype, "charReplacement", void 0);
+__decorate([
+    property({ attribute: 'aria-label', reflect: true })
+], EuiWcBadge.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcBadge.prototype, "e2eAttr", void 0);
+__decorate([
+    state()
+], EuiWcBadge.prototype, "_isEmpty", void 0);
+__decorate([
+    state()
+], EuiWcBadge.prototype, "_truncatedText", void 0);
+EuiWcBadge = __decorate([
+    customElement('eui-wc-badge')
+], EuiWcBadge);
+export { EuiWcBadge };
+//# sourceMappingURL=eui-wc-badge.js.map

package/eui-badge/eui-wc-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-badge.js","sourceRoot":"","sources":["../../src/eui-badge/eui-wc-badge.ts"],"names":[],"mappings":"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"}

package/eui-badge/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcBadge, type EuiWcBadgeColor, type EuiWcBadgeSize, type EuiWcBadgeVariant, } from './eui-wc-badge.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACzB,MAAM,mBAAmB,CAAC"}

package/eui-badge/index.js

@@ -0,0 +1,2 @@
+export { EuiWcBadge, } from './eui-wc-badge.js';
+//# sourceMappingURL=index.js.map

package/eui-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,UAAU,GAIb,MAAM,mBAAmB,CAAC"}

package/eui-banner/eui-wc-banner.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+export type EuiWcBannerSize = 's' | 'm' | 'l';
+export type EuiWcBannerPosition = 'default' | 'top' | 'center';
+/** `EuiWcBanner` — Lit WC projection of `eui-banner`. */
+export declare class EuiWcBanner extends LitElement {
+    static styles: import("lit").CSSResult;
+    size: EuiWcBannerSize;
+    position: EuiWcBannerPosition;
+    isInverse: boolean;
+    isVideo: boolean;
+    imageUrl?: string;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class EuiWcBannerTitle extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class EuiWcBannerDescription extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class EuiWcBannerCta extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-banner': EuiWcBanner;
+        'eui-wc-banner-title': EuiWcBannerTitle;
+        'eui-wc-banner-description': EuiWcBannerDescription;
+        'eui-wc-banner-cta': EuiWcBannerCta;
+    }
+}
+//# sourceMappingURL=eui-wc-banner.d.ts.map

package/eui-banner/eui-wc-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-banner.d.ts","sourceRoot":"","sources":["../../src/eui-banner/eui-wc-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC9C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE/D,yDAAyD;AACzD,qBACa,WAAY,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAcpB;IAE2B,IAAI,EAAE,eAAe,CAAO;IAC5B,QAAQ,EAAE,mBAAmB,CAAa;IACF,SAAS,UAAS;IACpB,OAAO,UAAS;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,SAAmB;IAEtD,MAAM;CAmBlB;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAkC;IAC/C,MAAM;CAClB;AAED,qBACa,sBAAuB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAkC;IAC/C,MAAM;CAClB;AAED,qBACa,cAAe,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAkC;IAC/C,MAAM;CAClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,WAAW,CAAC;QAC7B,qBAAqB,EAAE,gBAAgB,CAAC;QACxC,2BAA2B,EAAE,sBAAsB,CAAC;QACpD,mBAAmB,EAAE,cAAc,CAAC;KACvC;CACJ"}