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

package/eui-phone-picker/eui-wc-phone-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-phone-picker.d.ts","sourceRoot":"","sources":["../../src/eui-phone-picker/eui-wc-phone-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,uBAAuB;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CAAE;AASxG,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAOpB;IAC0C,cAAc,SAAQ;IACvC,SAAS,EAAE,uBAAuB,EAAE,CAAqB;IACf,SAAS,UAAS;IAC3C,QAAQ,UAAS;IACxB,OAAO,SAAyB;IAC5D,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,OAAO,CAAM;IAErB,iBAAiB;IAE1B,OAAO,CAAC,KAAK;IAKJ,MAAM;CAQlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,qBAAqB,EAAE,gBAAgB,CAAC;KAAE;CAAE"}

package/eui-phone-picker/eui-wc-phone-picker.js

@@ -0,0 +1,73 @@
+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';
+const DEFAULT_COUNTRIES = [
+    { id: 'be', label: 'Belgium', dialCode: '+32', flag: '🇧🇪' }, { id: 'de', label: 'Germany', dialCode: '+49', flag: '🇩🇪' },
+    { id: 'fr', label: 'France', dialCode: '+33', flag: '🇫🇷' }, { id: 'gb', label: 'United Kingdom', dialCode: '+44', flag: '🇬🇧' },
+    { id: 'it', label: 'Italy', dialCode: '+39', flag: '🇮🇹' }, { id: 'lu', label: 'Luxembourg', dialCode: '+352', flag: '🇱🇺' },
+    { id: 'nl', label: 'Netherlands', dialCode: '+31', flag: '🇳🇱' }, { id: 'es', label: 'Spain', dialCode: '+34', flag: '🇪🇸' },
+];
+let EuiWcPhonePicker = class EuiWcPhonePicker extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.defaultCountry = 'be';
+        this.countries = DEFAULT_COUNTRIES;
+        this.isInvalid = false;
+        this.disabled = false;
+        this.e2eAttr = 'eui-wc-phone-picker';
+        this._country = '';
+        this._number = '';
+    }
+    static { this.styles = css `
+        :host { display: flex; gap: var(--eui-s-xs); width: 100%; }
+        select, input { 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-s); background: var(--eui-c-surface-container); }
+        select { flex-shrink: 0; width: 120px; }
+        input { flex: 1; }
+        :host([is-invalid]) select, :host([is-invalid]) input { border-color: var(--eui-c-danger); }
+        :host([disabled]) select, :host([disabled]) input { opacity: var(--eui-o-50); cursor: not-allowed; }
+    `; }
+    connectedCallback() { super.connectedCallback(); this._country = this.defaultCountry; }
+    _emit() {
+        const c = this.countries.find((x) => x.id === this._country);
+        this.dispatchEvent(new CustomEvent('eui-change', { detail: { country: this._country, dialCode: c?.dialCode ?? '', number: this._number, full: `${c?.dialCode ?? ''}${this._number}` }, bubbles: true, composed: true }));
+    }
+    render() {
+        return html `
+            <select .value=${this._country} ?disabled=${this.disabled} @change=${(e) => { this._country = e.target.value; this._emit(); }}>
+                ${this.countries.map((c) => html `<option value=${c.id} ?selected=${c.id === this._country}>${c.flag ?? ''} ${c.dialCode}</option>`)}
+            </select>
+            <input type="tel" .value=${this._number} placeholder="Phone number" ?disabled=${this.disabled} aria-invalid=${this.isInvalid ? 'true' : 'false'} @input=${(e) => { this._number = e.target.value; this._emit(); }} />
+        `;
+    }
+};
+__decorate([
+    property({ attribute: 'default-country' })
+], EuiWcPhonePicker.prototype, "defaultCountry", void 0);
+__decorate([
+    property({ type: Array })
+], EuiWcPhonePicker.prototype, "countries", void 0);
+__decorate([
+    property({ attribute: 'is-invalid', type: Boolean, reflect: true })
+], EuiWcPhonePicker.prototype, "isInvalid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EuiWcPhonePicker.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcPhonePicker.prototype, "e2eAttr", void 0);
+__decorate([
+    state()
+], EuiWcPhonePicker.prototype, "_country", void 0);
+__decorate([
+    state()
+], EuiWcPhonePicker.prototype, "_number", void 0);
+EuiWcPhonePicker = __decorate([
+    customElement('eui-wc-phone-picker')
+], EuiWcPhonePicker);
+export { EuiWcPhonePicker };
+//# sourceMappingURL=eui-wc-phone-picker.js.map

package/eui-phone-picker/eui-wc-phone-picker.js.map

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

package/eui-phone-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcPhonePicker, type EuiWcPhonePickerCountry } from './eui-wc-phone-picker.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-phone-picker/index.d.ts.map

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

package/eui-phone-picker/index.js

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

package/eui-phone-picker/index.js.map

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

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

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export type EuiWcPopoverPosition = 'above' | 'below' | 'left' | 'right';
+/** `EuiWcPopover` — Lit WC projection of `eui-popover`. */
+export declare class EuiWcPopover extends LitElement {
+    static styles: import("lit").CSSResult;
+    isOpen: boolean;
+    position: EuiWcPopoverPosition;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-popover': EuiWcPopover;
+    }
+}
+//# sourceMappingURL=eui-wc-popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-popover.d.ts","sourceRoot":"","sources":["../../src/eui-popover/eui-wc-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAExE,2DAA2D;AAC3D,qBACa,YAAa,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAgBpB;IAEgE,MAAM,UAAS;IACpD,QAAQ,EAAE,oBAAoB,CAAW;IACjC,OAAO,SAAoB;IAEvD,MAAM;CAUlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,YAAY,CAAC;KAAE;CACtE"}

package/eui-popover/eui-wc-popover.js

@@ -0,0 +1,58 @@
+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';
+/** `EuiWcPopover` — Lit WC projection of `eui-popover`. */
+let EuiWcPopover = class EuiWcPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isOpen = false;
+        this.position = 'below';
+        this.e2eAttr = 'eui-wc-popover';
+    }
+    static { this.styles = css `
+        :host { display: inline-block; position: relative; }
+        .eui-popover__panel {
+            background-color: var(--eui-c-surface-container);
+            border: 1px solid var(--eui-c-divider);
+            border-radius: var(--eui-br-s);
+            box-shadow: var(--eui-sh-2);
+            padding: var(--eui-s-m);
+            position: absolute;
+            z-index: 100;
+            min-width: 200px;
+        }
+        :host([position='above']) .eui-popover__panel { bottom: 100%; margin-bottom: var(--eui-s-2xs); }
+        :host(:not([position='above'])) .eui-popover__panel { top: 100%; margin-top: var(--eui-s-2xs); }
+        :host([is-open]) .eui-popover__panel { display: block; }
+        :host(:not([is-open])) .eui-popover__panel { display: none; }
+    `; }
+    render() {
+        return html `
+            <div @click=${() => { this.isOpen = !this.isOpen; this.dispatchEvent(new CustomEvent('eui-open-change', { detail: this.isOpen, bubbles: true, composed: true })); }}>
+                <slot name="trigger"></slot>
+            </div>
+            <div class="eui-popover__panel" role="dialog">
+                <slot></slot>
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ attribute: 'is-open', type: Boolean, reflect: true })
+], EuiWcPopover.prototype, "isOpen", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcPopover.prototype, "position", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcPopover.prototype, "e2eAttr", void 0);
+EuiWcPopover = __decorate([
+    customElement('eui-wc-popover')
+], EuiWcPopover);
+export { EuiWcPopover };
+//# sourceMappingURL=eui-wc-popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-popover.js","sourceRoot":"","sources":["../../src/eui-popover/eui-wc-popover.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI5D,2DAA2D;AAEpD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAmB+D,WAAM,GAAG,KAAK,CAAC;QACpD,aAAQ,GAAyB,OAAO,CAAC;QACjC,YAAO,GAAG,gBAAgB,CAAC;IAYpE,CAAC;aAhCmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;KAgB3B,AAhBqB,CAgBpB;IAMO,MAAM;QACX,OAAO,IAAI,CAAA;0BACO,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;SAMtK,CAAC;IACN,CAAC;;AAbiE;IAAjE,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AACpD;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAA0C;AACjC;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;6CAA4B;AArBvD,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAiCxB"}

package/eui-popover/index.d.ts

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

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

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

package/eui-popover/index.js

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

package/eui-popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA6B,MAAM,qBAAqB,CAAC"}

package/eui-progress-bar/eui-wc-progress-bar.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+import '../eui-icon/eui-wc-icon.js';
+export type EuiWcProgressBarColor = 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+export type EuiWcProgressBarSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+/**
+ * `EuiWcProgressBar` — Lit Web Component projection of `eui-progress-bar`.
+ *
+ * Horizontal progress indicator with determinate/indeterminate states, color/size variants,
+ * an optional header label, and an optional status icon.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-progress-bar progress="65" label="Uploading…"></eui-wc-progress-bar>
+ * <eui-wc-progress-bar is-indeterminate color="info"></eui-wc-progress-bar>
+ * ```
+ */
+export declare class EuiWcProgressBar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Semantic color variant. */
+    color?: EuiWcProgressBarColor;
+    /** Bar thickness. @default '2xs' */
+    size: EuiWcProgressBarSize;
+    /** Current progress 0-100. @default 0 */
+    progress: number;
+    /** Optional header label. */
+    label: string;
+    /** Shows indeterminate animation. @default false */
+    isIndeterminate: boolean;
+    /** Renders a status icon in the header. @default false */
+    hasStatusIcon: boolean;
+    /** `data-e2e` attribute. */
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-progress-bar': EuiWcProgressBar;
+    }
+}
+//# sourceMappingURL=eui-wc-progress-bar.d.ts.map

package/eui-progress-bar/eui-wc-progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-progress-bar.d.ts","sourceRoot":"","sources":["../../src/eui-progress-bar/eui-wc-progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5F,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAazE;;;;;;;;;;;GAWG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BA2FpB;IAEF,8BAA8B;IACD,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC3D,oCAAoC;IACP,IAAI,EAAE,oBAAoB,CAAS;IAChE,yCAAyC;IACb,QAAQ,SAAK;IACzC,6BAA6B;IACjB,KAAK,SAAM;IACvB,oDAAoD;IACuB,eAAe,UAAS;IACnG,0DAA0D;IACgB,aAAa,UAAS;IAChG,4BAA4B;IACS,OAAO,SAAyB;IAE5D,MAAM;CAkClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,gBAAgB,CAAC;KAC3C;CACJ"}

package/eui-progress-bar/eui-wc-progress-bar.js

@@ -0,0 +1,199 @@
+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/eui-wc-icon.js';
+/** Map a progress bar color to the corresponding eUI state icon name. */
+function colorToStateIcon(color) {
+    switch (color) {
+        case 'info': return 'eui-state-info';
+        case 'success': return 'eui-state-success';
+        case 'warning': return 'eui-state-warning';
+        case 'critical': return 'eui-state-danger';
+        default: return 'eui-state-primary';
+    }
+}
+/**
+ * `EuiWcProgressBar` — Lit Web Component projection of `eui-progress-bar`.
+ *
+ * Horizontal progress indicator with determinate/indeterminate states, color/size variants,
+ * an optional header label, and an optional status icon.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-progress-bar progress="65" label="Uploading…"></eui-wc-progress-bar>
+ * <eui-wc-progress-bar is-indeterminate color="info"></eui-wc-progress-bar>
+ * ```
+ */
+let EuiWcProgressBar = class EuiWcProgressBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Bar thickness. @default '2xs' */
+        this.size = '2xs';
+        /** Current progress 0-100. @default 0 */
+        this.progress = 0;
+        /** Optional header label. */
+        this.label = '';
+        /** Shows indeterminate animation. @default false */
+        this.isIndeterminate = false;
+        /** Renders a status icon in the header. @default false */
+        this.hasStatusIcon = false;
+        /** `data-e2e` attribute. */
+        this.e2eAttr = 'eui-wc-progress-bar';
+    }
+    static { this.styles = css `
+        :host {
+            --_eui-wc-pb-current-color: var(--eui-c-primary);
+            align-items: center;
+            display: flex;
+            flex-direction: column;
+            position: relative;
+            width: 100%;
+        }
+
+        :host([color='neutral'])  { --_eui-wc-pb-current-color: var(--eui-c-secondary-surface); }
+        :host([color='success'])  { --_eui-wc-pb-current-color: var(--eui-c-success-surface); }
+        :host([color='info'])     { --_eui-wc-pb-current-color: var(--eui-c-info-surface); }
+        :host([color='warning'])  { --_eui-wc-pb-current-color: var(--eui-c-warning-surface); }
+        :host([color='critical']) { --_eui-wc-pb-current-color: var(--eui-c-danger-surface); }
+
+        .eui-wc-progress-bar__header {
+            align-items: center;
+            display: flex;
+            justify-content: space-between;
+            height: var(--eui-s-l);
+            margin-bottom: var(--eui-s-s);
+            width: 100%;
+        }
+        .eui-wc-progress-bar__header-label {
+            display: flex;
+            justify-content: flex-start;
+            font: var(--eui-f-m-semi-bold);
+        }
+        .eui-wc-progress-bar__header-status {
+            display: flex;
+            justify-content: flex-end;
+        }
+
+        .eui-wc-progress-bar__indicator-container {
+            background-color: var(--eui-c-surface-container-3);
+            height: var(--eui-s-3xs);
+            position: relative;
+            width: 100%;
+            margin-bottom: var(--eui-s-3xs);
+        }
+
+        .eui-wc-progress-bar__indicator {
+            background-color: var(--eui-c-primary-surface);
+            height: 100%;
+            transition: width 0.25s ease;
+        }
+
+        /* SIZE VARIANTS */
+        :host([size='2xs']) .eui-wc-progress-bar__indicator-container { height: var(--eui-s-3xs); }
+        :host([size='xs'])  .eui-wc-progress-bar__indicator-container { height: var(--eui-s-xs); }
+        :host([size='s'])   .eui-wc-progress-bar__indicator-container { height: var(--eui-s-s); }
+        :host([size='m'])   .eui-wc-progress-bar__indicator-container { height: var(--eui-s-m); }
+        :host([size='l'])   .eui-wc-progress-bar__indicator-container { height: var(--eui-s-l); }
+        :host([size='xl'])  .eui-wc-progress-bar__indicator-container { height: var(--eui-s-xl); }
+
+        /* COLOR INDICATOR */
+        :host([color='neutral'])  .eui-wc-progress-bar__indicator { background-color: var(--eui-c-secondary-surface); }
+        :host([color='success'])  .eui-wc-progress-bar__indicator { background-color: var(--eui-c-success-surface); }
+        :host([color='info'])     .eui-wc-progress-bar__indicator { background-color: var(--eui-c-info-surface); }
+        :host([color='warning'])  .eui-wc-progress-bar__indicator { background-color: var(--eui-c-warning-surface); }
+        :host([color='critical']) .eui-wc-progress-bar__indicator { background-color: var(--eui-c-danger-surface); }
+
+        /* INDETERMINATE */
+        :host([is-indeterminate]) .eui-wc-progress-bar__indicator {
+            animation: eui-wc-pb-indeterminate 2s infinite linear;
+            background-color: var(--eui-c-surface-container-3);
+            background-size: 200% 100%;
+            background-image: linear-gradient(
+                to right,
+                transparent 50%,
+                var(--_eui-wc-pb-current-color) 50%,
+                var(--_eui-wc-pb-current-color) 60%,
+                transparent 60%,
+                transparent 71.5%,
+                var(--_eui-wc-pb-current-color) 71.5%,
+                var(--_eui-wc-pb-current-color) 84%,
+                transparent 84%
+            );
+            width: 100% !important;
+        }
+
+        @keyframes eui-wc-pb-indeterminate {
+            0%   { background-size: 200% 100%; background-position: left -31.25% top 0%; }
+            50%  { background-size: 800% 100%; background-position: left -49% top 0%; }
+            100% { background-size: 400% 100%; background-position: left -102% top 0%; }
+        }
+
+        @media (max-width: 767px) {
+            :host([size='2xs']) .eui-wc-progress-bar__indicator-container { height: var(--eui-s-xs); }
+        }
+    `; }
+    render() {
+        const clamped = Math.min(Math.max(this.progress ?? 0, 0), 100);
+        const showHeader = this.label || this.hasStatusIcon;
+        return html `
+            ${showHeader ? html `
+                <div class="eui-wc-progress-bar__header">
+                    ${this.label ? html `<div class="eui-wc-progress-bar__header-label">${this.label}</div>` : nothing}
+                    ${this.hasStatusIcon ? html `
+                        <div class="eui-wc-progress-bar__header-status">
+                            <eui-wc-icon
+                                icon=${colorToStateIcon(this.color)}
+                                size="s"
+                                aria-hidden="true"
+                            ></eui-wc-icon>
+                        </div>
+                    ` : nothing}
+                </div>
+            ` : nothing}
+            <div
+                class="eui-wc-progress-bar__indicator-container"
+                role="progressbar"
+                aria-valuemin="0"
+                aria-valuemax="100"
+                aria-valuenow=${this.isIndeterminate ? nothing : clamped}
+                aria-label=${this.label || nothing}
+            >
+                <div
+                    class="eui-wc-progress-bar__indicator"
+                    style=${this.isIndeterminate ? nothing : `width: ${clamped}%`}
+                ></div>
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcProgressBar.prototype, "color", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcProgressBar.prototype, "size", void 0);
+__decorate([
+    property({ type: Number })
+], EuiWcProgressBar.prototype, "progress", void 0);
+__decorate([
+    property()
+], EuiWcProgressBar.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'is-indeterminate', type: Boolean, reflect: true })
+], EuiWcProgressBar.prototype, "isIndeterminate", void 0);
+__decorate([
+    property({ attribute: 'has-status-icon', type: Boolean, reflect: true })
+], EuiWcProgressBar.prototype, "hasStatusIcon", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcProgressBar.prototype, "e2eAttr", void 0);
+EuiWcProgressBar = __decorate([
+    customElement('eui-wc-progress-bar')
+], EuiWcProgressBar);
+export { EuiWcProgressBar };
+//# sourceMappingURL=eui-wc-progress-bar.js.map

package/eui-progress-bar/eui-wc-progress-bar.js.map

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

package/eui-progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcProgressBar, type EuiWcProgressBarColor, type EuiWcProgressBarSize, } from './eui-wc-progress-bar.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC5B,MAAM,0BAA0B,CAAC"}

package/eui-progress-bar/index.js

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

package/eui-progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,GAGnB,MAAM,0BAA0B,CAAC"}

package/eui-progress-circle/eui-wc-progress-circle.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+import '../eui-icon/eui-wc-icon.js';
+export type EuiWcProgressCircleSize = 's' | 'm' | 'l';
+export type EuiWcProgressCircleColorType = 'info' | 'success' | 'warning' | 'danger';
+/**
+ * `EuiWcProgressCircle` — Lit WC projection of `eui-progress-circle`.
+ *
+ * Usage: `<eui-wc-progress-circle value="65"></eui-wc-progress-circle>`
+ */
+export declare class EuiWcProgressCircle extends LitElement {
+    static styles: import("lit").CSSResult;
+    size: EuiWcProgressCircleSize;
+    value: number;
+    ariaLabel: string | null;
+    isDefaultColorSteps: boolean;
+    hasBottomLabel: boolean;
+    emptyLabel: string;
+    valueLabel?: string;
+    colorSteps?: string;
+    colorType?: EuiWcProgressCircleColorType;
+    icon?: string;
+    fillColor?: string;
+    iconSize: string;
+    e2eAttr: string;
+    private _isLongLabel;
+    private _labelRef;
+    updated(): void;
+    private get _rounded();
+    private get _colorClass();
+    private get _labelValue();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-progress-circle': EuiWcProgressCircle;
+    }
+}
+//# sourceMappingURL=eui-wc-progress-circle.d.ts.map

package/eui-progress-circle/eui-wc-progress-circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-progress-circle.d.ts","sourceRoot":"","sources":["../../src/eui-progress-circle/eui-wc-progress-circle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACtD,MAAM,MAAM,4BAA4B,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAErF;;;;GAIG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BA8JpB;IAE2B,IAAI,EAAE,uBAAuB,CAAO;IACrC,KAAK,SAAK;IACyB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAqB;IAC3B,mBAAmB,UAAQ;IACjC,cAAc,UAAS;IAC1D,UAAU,SAAS;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACa,SAAS,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,SAAO;IAChB,OAAO,SAA4B;IAE/D,OAAO,CAAC,YAAY,CAAS;IACtC,OAAO,CAAC,SAAS,CAAgC;IAExC,OAAO;IAQhB,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,WAAW,GAUtB;IAED,OAAO,KAAK,WAAW,GAItB;IAEQ,MAAM;CAqClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,wBAAwB,EAAE,mBAAmB,CAAC;KAAE;CACrF"}