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

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

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+import '../eui-icon/eui-wc-icon.js';
+export type EuiWcAccordionItemSize = 's' | 'm' | 'l';
+/**
+ * `EuiWcAccordion` — Lit WC projection of `eui-accordion`.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-accordion>
+ *   <eui-wc-accordion-item><span slot="header">Title</span>Body</eui-wc-accordion-item>
+ * </eui-wc-accordion>
+ * ```
+ */
+export declare class EuiWcAccordion extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Allow multiple panels to be expanded simultaneously. @default false */
+    isMulti: boolean;
+    e2eAttr: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onItemToggle;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * `EuiWcAccordionItem` — individual expandable panel.
+ */
+export declare class EuiWcAccordionItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    size: EuiWcAccordionItemSize;
+    isExpanded: boolean;
+    disabled: boolean;
+    e2eAttr: string;
+    readonly _id: string;
+    _setExpanded(val: boolean): void;
+    private _handleToggle;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-accordion': EuiWcAccordion;
+        'eui-wc-accordion-item': EuiWcAccordionItem;
+    }
+}
+//# sourceMappingURL=eui-wc-accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-accordion.d.ts","sourceRoot":"","sources":["../../src/eui-accordion/eui-wc-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,4BAA4B,CAAC;AAEpC,MAAM,MAAM,sBAAsB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErD;;;;;;;;;GASG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAsE;IAE5F,0EAA0E;IACP,OAAO,UAAS;IAC9C,OAAO,SAAsB;IAEzD,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,aAAa;IAaZ,MAAM;CAClB;AAID;;GAEG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAWpB;IAE2B,IAAI,EAAE,sBAAsB,CAAO;IACM,UAAU,UAAS;IAC7C,QAAQ,UAAS;IACxB,OAAO,SAA2B;IAEvE,QAAQ,CAAC,GAAG,SAAoD;IAEhE,YAAY,CAAC,GAAG,EAAE,OAAO;IAIzB,OAAO,CAAC,aAAa;IAQZ,MAAM;CAalB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;QACnC,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;CACJ"}

package/eui-accordion/eui-wc-accordion.js

@@ -0,0 +1,128 @@
+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 } from 'lit/decorators.js';
+import '../eui-icon/eui-wc-icon.js';
+/**
+ * `EuiWcAccordion` — Lit WC projection of `eui-accordion`.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-accordion>
+ *   <eui-wc-accordion-item><span slot="header">Title</span>Body</eui-wc-accordion-item>
+ * </eui-wc-accordion>
+ * ```
+ */
+let EuiWcAccordion = class EuiWcAccordion extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Allow multiple panels to be expanded simultaneously. @default false */
+        this.isMulti = false;
+        this.e2eAttr = 'eui-wc-accordion';
+    }
+    static { this.styles = css `:host { display: flex; flex-direction: column; width: 100%; }`; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('eui-item-toggle', this._onItemToggle);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('eui-item-toggle', this._onItemToggle);
+    }
+    _onItemToggle(e) {
+        if (this.isMulti)
+            return;
+        // Single-open: close all other items when one opens
+        if (e.detail.expanded) {
+            const items = this.querySelectorAll('eui-wc-accordion-item');
+            items.forEach((item) => {
+                if (item._id !== e.detail.id) {
+                    item._setExpanded(false);
+                }
+            });
+        }
+    }
+    render() { return html `<slot></slot>`; }
+};
+__decorate([
+    property({ attribute: 'is-multi', type: Boolean, reflect: true })
+], EuiWcAccordion.prototype, "isMulti", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcAccordion.prototype, "e2eAttr", void 0);
+EuiWcAccordion = __decorate([
+    customElement('eui-wc-accordion')
+], EuiWcAccordion);
+export { EuiWcAccordion };
+let _accordionItemCount = 0;
+/**
+ * `EuiWcAccordionItem` — individual expandable panel.
+ */
+let EuiWcAccordionItem = class EuiWcAccordionItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'm';
+        this.isExpanded = false;
+        this.disabled = false;
+        this.e2eAttr = 'eui-wc-accordion-item';
+        this._id = `eui-wc-accordion-item-${++_accordionItemCount}`;
+    }
+    static { this.styles = css `
+        :host { display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid var(--eui-c-divider); overflow: clip; }
+        .eui-accordion-item__header { display: flex; align-items: center; width: 100%; padding: var(--eui-s-m) var(--eui-s-l); background-color: initial; border: var(--eui-bw-none); text-align: start; cursor: pointer; font: var(--eui-f-m-medium); color: var(--eui-c-text); }
+        .eui-accordion-item__header:hover { background-color: var(--eui-c-hover); }
+        .eui-accordion-item__header:focus-visible { outline: 2px solid var(--eui-c-focus-visible) !important; outline-offset: -2px !important; }
+        .eui-accordion-item__header-expander { display: flex; margin-left: auto; padding-left: var(--eui-s-m); }
+        .eui-accordion-item__body { padding-left: var(--eui-s-l); padding-right: var(--eui-s-l); padding-top: 0; padding-bottom: 0; font: var(--eui-f-m); overflow: hidden; max-height: 0; transition: max-height 0.25s ease-out, padding-top 0.25s, padding-bottom 0.25s; }
+        :host([is-expanded]) .eui-accordion-item__body { max-height: 9999px; padding-top: var(--eui-s-xs); padding-bottom: var(--eui-s-l); }
+        :host([size='s']) .eui-accordion-item__header { padding-top: var(--eui-s-xs); padding-bottom: var(--eui-s-xs); }
+        :host([size='l']) .eui-accordion-item__header { padding-top: var(--eui-s-l); padding-bottom: var(--eui-s-l); }
+        :host([disabled]) { pointer-events: none; opacity: var(--eui-o-50); }
+    `; }
+    _setExpanded(val) {
+        this.isExpanded = val;
+    }
+    _handleToggle(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (this.disabled)
+            return;
+        this.isExpanded = !this.isExpanded;
+        this.dispatchEvent(new CustomEvent('eui-toggle', { detail: this.isExpanded, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent('eui-item-toggle', { detail: { id: this._id, expanded: this.isExpanded }, bubbles: true, composed: false }));
+    }
+    render() {
+        return html `
+            <button class="eui-accordion-item__header" type="button" aria-expanded=${this.isExpanded ? 'true' : 'false'} @click=${this._handleToggle}>
+                <slot name="header"></slot>
+                <div class="eui-accordion-item__header-expander">
+                    <eui-wc-icon icon=${this.isExpanded ? 'eui-chevron-up' : 'eui-chevron-down'} fill-color="primary" size="s"></eui-wc-icon>
+                </div>
+            </button>
+            <div class="eui-accordion-item__body" role="region">
+                <slot></slot>
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcAccordionItem.prototype, "size", void 0);
+__decorate([
+    property({ attribute: 'is-expanded', type: Boolean, reflect: true })
+], EuiWcAccordionItem.prototype, "isExpanded", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EuiWcAccordionItem.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcAccordionItem.prototype, "e2eAttr", void 0);
+EuiWcAccordionItem = __decorate([
+    customElement('eui-wc-accordion-item')
+], EuiWcAccordionItem);
+export { EuiWcAccordionItem };
+//# sourceMappingURL=eui-wc-accordion.js.map

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

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

package/eui-accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcAccordion, EuiWcAccordionItem, type EuiWcAccordionItemSize } from './eui-wc-accordion.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC"}

package/eui-accordion/index.js

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

package/eui-accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAA+B,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+import '../eui-icon-button/eui-wc-icon-button.js';
+export type EuiWcAlertColor = 'info' | 'success' | 'warning' | 'critical';
+/**
+ * `EuiWcAlert` — Lit WC projection of `eui-alert`.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-alert color="success">Operation completed.</eui-wc-alert>
+ * <eui-wc-alert color="critical" is-closeable>Error occurred.</eui-wc-alert>
+ * ```
+ */
+export declare class EuiWcAlert extends LitElement {
+    static styles: import("lit").CSSResult;
+    color: EuiWcAlertColor;
+    isCloseable: boolean;
+    isHidden: boolean;
+    e2eAttr: string;
+    private _handleClose;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * `EuiWcAlertTitle` — title slot for `eui-wc-alert`.
+ */
+export declare class EuiWcAlertTitle extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-alert': EuiWcAlert;
+        'eui-wc-alert-title': EuiWcAlertTitle;
+    }
+}
+//# sourceMappingURL=eui-wc-alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-alert.d.ts","sourceRoot":"","sources":["../../src/eui-alert/eui-wc-alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE1E;;;;;;;;GAQG;AACH,qBACa,UAAW,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAoBpB;IAE2B,KAAK,EAAE,eAAe,CAAU;IACU,WAAW,UAAS;IACvB,QAAQ,UAAS;IAChD,OAAO,SAAkB;IAE9D,OAAO,CAAC,YAAY;IAKX,MAAM;CAclB;AAED;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAMpB;IACO,MAAM;CAClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,UAAU,CAAC;QAC3B,oBAAoB,EAAE,eAAe,CAAC;KACzC;CACJ"}

package/eui-alert/eui-wc-alert.js

@@ -0,0 +1,100 @@
+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';
+import '../eui-icon-button/eui-wc-icon-button.js';
+/**
+ * `EuiWcAlert` — Lit WC projection of `eui-alert`.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-alert color="success">Operation completed.</eui-wc-alert>
+ * <eui-wc-alert color="critical" is-closeable>Error occurred.</eui-wc-alert>
+ * ```
+ */
+let EuiWcAlert = class EuiWcAlert extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.color = 'info';
+        this.isCloseable = false;
+        this.isHidden = false;
+        this.e2eAttr = 'eui-wc-alert';
+    }
+    static { this.styles = css `
+        :host {
+            --_eui-wc-alert-bg: var(--eui-c-info-surface-light);
+            --_eui-wc-alert-border-left: var(--eui-c-info-base);
+            --_eui-wc-alert-title-color: var(--eui-c-info);
+            display: flex;
+            padding: var(--eui-s-m);
+            border-radius: var(--eui-br-s);
+            background-color: var(--_eui-wc-alert-bg);
+            border-left: var(--eui-bw-m) solid var(--_eui-wc-alert-border-left);
+            position: relative;
+        }
+        :host([color='info'])     { --_eui-wc-alert-bg: var(--eui-c-info-surface-light);    --_eui-wc-alert-border-left: var(--eui-c-info-base);    --_eui-wc-alert-title-color: var(--eui-c-info); }
+        :host([color='success'])  { --_eui-wc-alert-bg: var(--eui-c-success-surface-light);  --_eui-wc-alert-border-left: var(--eui-c-success-base);  --_eui-wc-alert-title-color: var(--eui-c-success); }
+        :host([color='warning'])  { --_eui-wc-alert-bg: var(--eui-c-warning-surface-light);  --_eui-wc-alert-border-left: var(--eui-c-warning-base);  --_eui-wc-alert-title-color: var(--eui-c-warning); }
+        :host([color='critical']) { --_eui-wc-alert-bg: var(--eui-c-danger-surface-light);   --_eui-wc-alert-border-left: var(--eui-c-danger-base);   --_eui-wc-alert-title-color: var(--eui-c-danger); }
+        :host([is-hidden]) { display: none; }
+        :host([is-closeable]) { padding-right: var(--eui-s-6xl); }
+        .eui-alert-content { display: block; font: var(--eui-f-m); }
+        .eui-alert-close { position: absolute; top: var(--eui-s-xs); right: var(--eui-s-xs); }
+    `; }
+    _handleClose() {
+        this.isHidden = true;
+        this.dispatchEvent(new CustomEvent('eui-close', { bubbles: true, composed: true }));
+    }
+    render() {
+        return html `
+            <div class="eui-alert-content"><slot></slot></div>
+            ${this.isCloseable ? html `
+                <eui-wc-icon-button
+                    class="eui-alert-close"
+                    icon="eui-close"
+                    aria-label="Close alert"
+                    size="s"
+                    @eui-click=${this._handleClose}
+                ></eui-wc-icon-button>
+            ` : nothing}
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcAlert.prototype, "color", void 0);
+__decorate([
+    property({ attribute: 'is-closeable', type: Boolean, reflect: true })
+], EuiWcAlert.prototype, "isCloseable", void 0);
+__decorate([
+    property({ attribute: 'is-hidden', type: Boolean, reflect: true })
+], EuiWcAlert.prototype, "isHidden", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcAlert.prototype, "e2eAttr", void 0);
+EuiWcAlert = __decorate([
+    customElement('eui-wc-alert')
+], EuiWcAlert);
+export { EuiWcAlert };
+/**
+ * `EuiWcAlertTitle` — title slot for `eui-wc-alert`.
+ */
+let EuiWcAlertTitle = class EuiWcAlertTitle extends LitElement {
+    static { this.styles = css `
+        :host {
+            display: block;
+            font: var(--eui-f-m-semi-bold);
+            margin-bottom: var(--eui-s-xs);
+        }
+    `; }
+    render() { return html `<slot></slot>`; }
+};
+EuiWcAlertTitle = __decorate([
+    customElement('eui-wc-alert-title')
+], EuiWcAlertTitle);
+export { EuiWcAlertTitle };
+//# sourceMappingURL=eui-wc-alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-alert.js","sourceRoot":"","sources":["../../src/eui-alert/eui-wc-alert.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;AAC5D,OAAO,0CAA0C,CAAC;AAIlD;;;;;;;;GAQG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAuB0B,UAAK,GAAoB,MAAM,CAAC;QACU,gBAAW,GAAG,KAAK,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC;QAChD,YAAO,GAAG,cAAc,CAAC;IAqBlE,CAAC;aA9CmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoB3B,AApBqB,CAoBpB;IAOM,YAAY;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACxF,CAAC;IAEQ,MAAM;QACX,OAAO,IAAI,CAAA;;cAEL,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;iCAMJ,IAAI,CAAC,YAAY;;aAErC,CAAC,CAAC,CAAC,OAAO;SACd,CAAC;IACN,CAAC;;AAvB4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAiC;AACU;IAAtE,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAqB;AACvB;IAAnE,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAChD;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;2CAA0B;AA1BrD,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CA+CtB;;AAED;;GAEG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;aAC3B,WAAM,GAAG,GAAG,CAAA;;;;;;KAM3B,AANqB,CAMpB;IACO,MAAM,KAAK,OAAO,IAAI,CAAA,eAAe,CAAC,CAAC,CAAC;;AARxC,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAS3B"}

package/eui-alert/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcAlert, EuiWcAlertTitle, type EuiWcAlertColor } from './eui-wc-alert.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/eui-alert/index.js

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

package/eui-alert/index.js.map

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

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

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+export interface EuiWcAutocompleteItem {
+    value: string | number | object;
+    label: string;
+    [key: string]: unknown;
+}
+export declare class EuiWcAutocomplete extends LitElement {
+    static styles: import("lit").CSSResult;
+    autocompleteData: EuiWcAutocompleteItem[];
+    placeholder: string;
+    matching: 'contains' | 'startWith';
+    isDisabled: boolean;
+    isLoading: boolean;
+    isOpen: boolean;
+    e2eAttr: string;
+    private _query;
+    private get _filtered();
+    private _select;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-autocomplete': EuiWcAutocomplete;
+    }
+}
+//# sourceMappingURL=eui-wc-autocomplete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-autocomplete.d.ts","sourceRoot":"","sources":["../../src/eui-autocomplete/eui-wc-autocomplete.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,qBAAqB;IAAG,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAAE;AAElH,qBACa,iBAAkB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAQpB;IACyB,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAC9D,WAAW,SAAM;IACjB,QAAQ,EAAE,UAAU,GAAG,WAAW,CAAc;IACU,UAAU,UAAS;IACpB,SAAS,UAAS;IACrB,MAAM,UAAS;IAC5C,OAAO,SAAyB;IAC5D,OAAO,CAAC,MAAM,CAAM;IAE7B,OAAO,KAAK,SAAS,GAIpB;IAED,OAAO,CAAC,OAAO;IAKN,MAAM;CASlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,qBAAqB,EAAE,iBAAiB,CAAC;KAAE;CAAE"}

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

@@ -0,0 +1,79 @@
+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 EuiWcAutocomplete = class EuiWcAutocomplete extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.autocompleteData = [];
+        this.placeholder = '';
+        this.matching = 'contains';
+        this.isDisabled = false;
+        this.isLoading = false;
+        this.isOpen = false;
+        this.e2eAttr = 'eui-wc-autocomplete';
+        this._query = '';
+    }
+    static { this.styles = css `
+        :host { display: inline-flex; position: relative; width: 100%; }
+        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); }
+        :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) {
+        this._query = item.label;
+        this.isOpen = false;
+        this.dispatchEvent(new CustomEvent('eui-option-selected', { detail: item, bubbles: true, composed: true }));
+    }
+    render() {
+        return html `
+            <input placeholder=${this.placeholder} .value=${this._query} ?disabled=${this.isDisabled} @input=${(e) => { this._query = e.target.value; this.isOpen = true; }} @focus=${() => { this.isOpen = true; }} />
+            <div class="panel" role="listbox">
+                ${this._filtered.map((item) => html `<div class="option" role="option" @click=${() => this._select(item)}>${item.label}</div>`)}
+                ${this.isLoading ? html `<div class="option" aria-live="polite">Loading…</div>` : ''}
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], EuiWcAutocomplete.prototype, "autocompleteData", void 0);
+__decorate([
+    property()
+], EuiWcAutocomplete.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], EuiWcAutocomplete.prototype, "matching", void 0);
+__decorate([
+    property({ attribute: 'is-disabled', type: Boolean, reflect: true })
+], EuiWcAutocomplete.prototype, "isDisabled", void 0);
+__decorate([
+    property({ attribute: 'is-loading', type: Boolean, reflect: true })
+], EuiWcAutocomplete.prototype, "isLoading", void 0);
+__decorate([
+    property({ attribute: 'is-open', type: Boolean, reflect: true })
+], EuiWcAutocomplete.prototype, "isOpen", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcAutocomplete.prototype, "e2eAttr", void 0);
+__decorate([
+    state()
+], EuiWcAutocomplete.prototype, "_query", void 0);
+EuiWcAutocomplete = __decorate([
+    customElement('eui-wc-autocomplete')
+], EuiWcAutocomplete);
+export { EuiWcAutocomplete };
+//# sourceMappingURL=eui-wc-autocomplete.js.map

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

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

package/eui-autocomplete/index.d.ts

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

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

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

package/eui-autocomplete/index.js

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

package/eui-autocomplete/index.js.map

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

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

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+export interface EuiWcAutocompleteItemV2 {
+    value: string | number | object;
+    label: string;
+    [key: string]: unknown;
+}
+export declare class EuiWcAutocompleteV2 extends LitElement {
+    static styles: import("lit").CSSResult;
+    autocompleteData: EuiWcAutocompleteItemV2[];
+    placeholder: string;
+    matching: 'contains' | 'startWith';
+    groupBy?: string;
+    hasChips: boolean;
+    chipsPosition: 'top' | 'bottom';
+    isDisabled: boolean;
+    isLoading: boolean;
+    isOpen: boolean;
+    e2eAttr: string;
+    private _query;
+    private _chips;
+    private get _filtered();
+    private _select;
+    private _removeChip;
+    private _renderChips;
+    private _renderGrouped;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-autocomplete-v2': EuiWcAutocompleteV2;
+    }
+}
+//# sourceMappingURL=eui-wc-autocomplete-v2.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-autocomplete-v2.d.ts","sourceRoot":"","sources":["../../src/eui-autocomplete-v2/eui-wc-autocomplete-v2.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,uBAAuB;IAAG,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAAE;AAEpH,qBACa,mBAAoB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAYpB;IACyB,gBAAgB,EAAE,uBAAuB,EAAE,CAAM;IAChE,WAAW,SAAM;IACjB,QAAQ,EAAE,UAAU,GAAG,WAAW,CAAc;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACD,QAAQ,UAAS;IAC3B,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAS;IACb,UAAU,UAAS;IACpB,SAAS,UAAS;IACrB,MAAM,UAAS;IAC5C,OAAO,SAA4B;IAC/D,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,MAAM,CAAiC;IAExD,OAAO,KAAK,SAAS,GAIpB;IAED,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;IAMb,MAAM;CAWlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,wBAAwB,EAAE,mBAAmB,CAAC;KAAE;CAAE"}