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

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

@@ -0,0 +1,306 @@
+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';
+import { createRef, ref } from 'lit/directives/ref.js';
+import '../eui-icon/eui-wc-icon.js';
+/**
+ * `EuiWcProgressCircle` — Lit WC projection of `eui-progress-circle`.
+ *
+ * Usage: `<eui-wc-progress-circle value="65"></eui-wc-progress-circle>`
+ */
+let EuiWcProgressCircle = class EuiWcProgressCircle extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'm';
+        this.value = 0;
+        this.ariaLabel = 'progress circle';
+        this.isDefaultColorSteps = true;
+        this.hasBottomLabel = false;
+        this.emptyLabel = 'N/A';
+        this.iconSize = 'm';
+        this.e2eAttr = 'eui-wc-progress-circle';
+        this._isLongLabel = false;
+        this._labelRef = createRef();
+    }
+    static { this.styles = css `
+        :host { position: relative; display: inline-block; }
+        :host([size='s']) .eui-progress-circle-content { margin: var(--eui-s-s); transform: scale(0.75); }
+        :host([size='l']) .eui-progress-circle-content { margin: var(--eui-s-m) 3rem; transform: scale(1.5); }
+
+        .eui-progress-circle-content {
+            background-color: #f2e9e1;
+            border-radius: var(--eui-br-max);
+            box-shadow: var(--eui-sh-1);
+            height: 6rem; line-height: 6rem;
+            margin: var(--eui-s-s);
+            position: relative;
+            width: 6rem;
+        }
+        .eui-progress-circle-content::after {
+            background-color: var(--eui-c-surface-container);
+            border-radius: var(--eui-br-max);
+            content: " ";
+            display: block;
+            height: 4.5rem; left: 0.75rem;
+            position: absolute;
+            top: 0.75rem; width: 4.5rem;
+        }
+        .eui-progress-circle-content__label {
+            display: block;
+            line-height: 6rem;
+            position: absolute;
+            text-align: center;
+            white-space: nowrap;
+            width: 6rem;
+            z-index: 2;
+        }
+        .eui-progress-circle-content__left-half-clipper {
+            border-radius: var(--eui-br-max);
+            clip: rect(0, 6rem, 6rem, 3rem);
+            height: 6rem; position: absolute; width: 6rem;
+        }
+        .eui-progress-circle-content__value-bar {
+            border: 0.7895rem solid var(--eui-c-primary);
+            border-radius: var(--eui-br-max);
+            box-sizing: border-box;
+            clip: rect(0, 3rem, 6rem, 0);
+            height: 6rem; position: absolute; width: 6rem;
+        }
+        .eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper { clip: rect(auto, auto, auto, auto); }
+        .eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper .eui-progress-circle-content__first50-bar {
+            background-color: var(--eui-c-primary-surface);
+            border-radius: var(--eui-br-max);
+            clip: rect(0, 6rem, 6rem, 3rem);
+            height: 6rem; position: absolute; width: 6rem;
+        }
+        .eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar { display: none; }
+        .eui-progress-circle-content--success .eui-progress-circle-content__value-bar { border-color: var(--eui-c-success-surface); }
+        .eui-progress-circle-content--warning .eui-progress-circle-content__value-bar { border-color: var(--eui-c-warning-surface); }
+        .eui-progress-circle-content--danger  .eui-progress-circle-content__value-bar { border-color: var(--eui-c-danger-surface); }
+        .eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar { display: none; }
+        .eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar { transform: rotate(3.6deg); }
+        .eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar { transform: rotate(7.2deg); }
+        .eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar { transform: rotate(10.8deg); }
+        .eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar { transform: rotate(14.4deg); }
+        .eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar { transform: rotate(18deg); }
+        .eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar { transform: rotate(21.6deg); }
+        .eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar { transform: rotate(25.2deg); }
+        .eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar { transform: rotate(28.8deg); }
+        .eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar { transform: rotate(32.4deg); }
+        .eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar { transform: rotate(36deg); }
+        .eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar { transform: rotate(39.6deg); }
+        .eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar { transform: rotate(43.2deg); }
+        .eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar { transform: rotate(46.8deg); }
+        .eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar { transform: rotate(50.4deg); }
+        .eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar { transform: rotate(54deg); }
+        .eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar { transform: rotate(57.6deg); }
+        .eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar { transform: rotate(61.2deg); }
+        .eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar { transform: rotate(64.8deg); }
+        .eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar { transform: rotate(68.4deg); }
+        .eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar { transform: rotate(72deg); }
+        .eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar { transform: rotate(75.6deg); }
+        .eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar { transform: rotate(79.2deg); }
+        .eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar { transform: rotate(82.8deg); }
+        .eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar { transform: rotate(86.4deg); }
+        .eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar { transform: rotate(90deg); }
+        .eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar { transform: rotate(93.6deg); }
+        .eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar { transform: rotate(97.2deg); }
+        .eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar { transform: rotate(100.8deg); }
+        .eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar { transform: rotate(104.4deg); }
+        .eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar { transform: rotate(108deg); }
+        .eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar { transform: rotate(111.6deg); }
+        .eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar { transform: rotate(115.2deg); }
+        .eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar { transform: rotate(118.8deg); }
+        .eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar { transform: rotate(122.4deg); }
+        .eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar { transform: rotate(126deg); }
+        .eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar { transform: rotate(129.6deg); }
+        .eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar { transform: rotate(133.2deg); }
+        .eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar { transform: rotate(136.8deg); }
+        .eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar { transform: rotate(140.4deg); }
+        .eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar { transform: rotate(144deg); }
+        .eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar { transform: rotate(147.6deg); }
+        .eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar { transform: rotate(151.2deg); }
+        .eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar { transform: rotate(154.8deg); }
+        .eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar { transform: rotate(158.4deg); }
+        .eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar { transform: rotate(162deg); }
+        .eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar { transform: rotate(165.6deg); }
+        .eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar { transform: rotate(169.2deg); }
+        .eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar { transform: rotate(172.8deg); }
+        .eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar { transform: rotate(176.4deg); }
+        .eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar { transform: rotate(180deg); }
+        .eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar { transform: rotate(183.6deg); }
+        .eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar { transform: rotate(187.2deg); }
+        .eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar { transform: rotate(190.8deg); }
+        .eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar { transform: rotate(194.4deg); }
+        .eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar { transform: rotate(198deg); }
+        .eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar { transform: rotate(201.6deg); }
+        .eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar { transform: rotate(205.2deg); }
+        .eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar { transform: rotate(208.8deg); }
+        .eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar { transform: rotate(212.4deg); }
+        .eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar { transform: rotate(216deg); }
+        .eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar { transform: rotate(219.6deg); }
+        .eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar { transform: rotate(223.2deg); }
+        .eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar { transform: rotate(226.8deg); }
+        .eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar { transform: rotate(230.4deg); }
+        .eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar { transform: rotate(234deg); }
+        .eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar { transform: rotate(237.6deg); }
+        .eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar { transform: rotate(241.2deg); }
+        .eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar { transform: rotate(244.8deg); }
+        .eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar { transform: rotate(248.4deg); }
+        .eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar { transform: rotate(252deg); }
+        .eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar { transform: rotate(255.6deg); }
+        .eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar { transform: rotate(259.2deg); }
+        .eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar { transform: rotate(262.8deg); }
+        .eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar { transform: rotate(266.4deg); }
+        .eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar { transform: rotate(270deg); }
+        .eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar { transform: rotate(273.6deg); }
+        .eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar { transform: rotate(277.2deg); }
+        .eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar { transform: rotate(280.8deg); }
+        .eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar { transform: rotate(284.4deg); }
+        .eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar { transform: rotate(288deg); }
+        .eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar { transform: rotate(291.6deg); }
+        .eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar { transform: rotate(295.2deg); }
+        .eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar { transform: rotate(298.8deg); }
+        .eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar { transform: rotate(302.4deg); }
+        .eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar { transform: rotate(306deg); }
+        .eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar { transform: rotate(309.6deg); }
+        .eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar { transform: rotate(313.2deg); }
+        .eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar { transform: rotate(316.8deg); }
+        .eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar { transform: rotate(320.4deg); }
+        .eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar { transform: rotate(324deg); }
+        .eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar { transform: rotate(327.6deg); }
+        .eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar { transform: rotate(331.2deg); }
+        .eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar { transform: rotate(334.8deg); }
+        .eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar { transform: rotate(338.4deg); }
+        .eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar { transform: rotate(342deg); }
+        .eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar { transform: rotate(345.6deg); }
+        .eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar { transform: rotate(349.2deg); }
+        .eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar { transform: rotate(352.8deg); }
+        .eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar { transform: rotate(356.4deg); }
+        .eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar { transform: rotate(360deg); }
+        .eui-progress-circle-content__icon-label { font-size: 26px; position: absolute; right: -10px; top: -7px; }
+        .eui-progress-circle-content__bottom-label { margin: 0 auto; margin-top: -6px; text-align: center; width: 9em; word-wrap: break-word; }
+    `; }
+    updated() {
+        if (this._labelRef.value) {
+            const el = this._labelRef.value;
+            if (el.offsetWidth > 65 && !this._isLongLabel)
+                this._isLongLabel = true;
+            else if (el.offsetWidth <= 65 && this._isLongLabel)
+                this._isLongLabel = false;
+        }
+    }
+    get _rounded() {
+        return Math.round(Math.max(0, Math.min(this.value ?? 0, 100)));
+    }
+    get _colorClass() {
+        if (this.colorType)
+            return `eui-progress-circle-content--${this.colorType}`;
+        if (!this.isDefaultColorSteps)
+            return '';
+        const steps = this.colorSteps
+            ? this.colorSteps.split(/[\s,]+/).map(Number)
+            : [33, 66];
+        const v = this._rounded;
+        if (v <= steps[0])
+            return 'eui-progress-circle-content--success';
+        if (v <= steps[1])
+            return 'eui-progress-circle-content--warning';
+        return 'eui-progress-circle-content--danger';
+    }
+    get _labelValue() {
+        if (this.valueLabel)
+            return this.valueLabel;
+        if (this._rounded === 0 && !this.hasBottomLabel)
+            return this.emptyLabel;
+        return `${this._rounded}%`;
+    }
+    render() {
+        const v = this._rounded;
+        const over50 = v > 50;
+        const ringClass = [
+            'eui-progress-circle-content',
+            `p${v}`,
+            this._colorClass,
+            over50 ? 'eui-progress-circle-content--over50' : '',
+        ].filter(Boolean).join(' ');
+        const showCenter = !this._isLongLabel && !this.hasBottomLabel;
+        return html `
+            <div class=${ringClass}>
+                ${showCenter ? html `
+                    <span class="eui-progress-circle-content__label">
+                        <span ${ref(this._labelRef)}>${this._labelValue}</span>
+                    </span>
+                ` : nothing}
+                <div class="eui-progress-circle-content__left-half-clipper">
+                    <div class="eui-progress-circle-content__first50-bar"></div>
+                    <div class="eui-progress-circle-content__value-bar"></div>
+                </div>
+                ${this.icon ? html `
+                    <eui-wc-icon
+                        class="eui-progress-circle-content__icon-label"
+                        icon=${this.icon}
+                        fill-color=${this.fillColor ?? nothing}
+                        size=${this.iconSize}
+                        aria-hidden="true"
+                    ></eui-wc-icon>
+                ` : nothing}
+            </div>
+            ${(this._isLongLabel || this.hasBottomLabel) ? html `
+                <div class="eui-progress-circle-content__bottom-label">${this._labelValue}</div>
+            ` : nothing}
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcProgressCircle.prototype, "size", void 0);
+__decorate([
+    property({ type: Number })
+], EuiWcProgressCircle.prototype, "value", void 0);
+__decorate([
+    property({ attribute: 'aria-label', reflect: true })
+], EuiWcProgressCircle.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ attribute: 'is-default-color-steps', type: Boolean, reflect: true })
+], EuiWcProgressCircle.prototype, "isDefaultColorSteps", void 0);
+__decorate([
+    property({ attribute: 'has-bottom-label', type: Boolean, reflect: true })
+], EuiWcProgressCircle.prototype, "hasBottomLabel", void 0);
+__decorate([
+    property({ attribute: 'empty-label' })
+], EuiWcProgressCircle.prototype, "emptyLabel", void 0);
+__decorate([
+    property({ attribute: 'value-label' })
+], EuiWcProgressCircle.prototype, "valueLabel", void 0);
+__decorate([
+    property({ attribute: 'color-steps' })
+], EuiWcProgressCircle.prototype, "colorSteps", void 0);
+__decorate([
+    property({ attribute: 'color-type' })
+], EuiWcProgressCircle.prototype, "colorType", void 0);
+__decorate([
+    property()
+], EuiWcProgressCircle.prototype, "icon", void 0);
+__decorate([
+    property({ attribute: 'fill-color' })
+], EuiWcProgressCircle.prototype, "fillColor", void 0);
+__decorate([
+    property({ attribute: 'icon-size' })
+], EuiWcProgressCircle.prototype, "iconSize", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcProgressCircle.prototype, "e2eAttr", void 0);
+__decorate([
+    state()
+], EuiWcProgressCircle.prototype, "_isLongLabel", void 0);
+EuiWcProgressCircle = __decorate([
+    customElement('eui-wc-progress-circle')
+], EuiWcProgressCircle);
+export { EuiWcProgressCircle };
+//# sourceMappingURL=eui-wc-progress-circle.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { EuiWcProgressCircle, type EuiWcProgressCircleSize, type EuiWcProgressCircleColorType, } from './eui-wc-progress-circle.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-progress-circle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,GACpC,MAAM,6BAA6B,CAAC"}

package/eui-progress-circle/index.js

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

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

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

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

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+import '../eui-icon/eui-wc-icon.js';
+/**
+ * `EuiWcRating` — Lit WC projection of `eui-rating`.
+ *
+ * Interactive star-rating control. Supports controlled (`value` + `eui-change`) and
+ * uncontrolled (`default-value`) usage.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-rating value="3" number-of-stars="5"></eui-wc-rating>
+ * ```
+ */
+export declare class EuiWcRating extends LitElement {
+    static styles: import("lit").CSSResult;
+    value?: number;
+    defaultValue: number;
+    numberOfStars: number;
+    disabled: boolean;
+    isReadonly: boolean;
+    isInvalid: boolean;
+    ariaLabel: string | null;
+    e2eAttr: string;
+    private _rating;
+    private _buttonRefs;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private get _effective();
+    private get _nonInteractive();
+    private _select;
+    private _onKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-rating': EuiWcRating;
+    }
+}
+//# sourceMappingURL=eui-wc-rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-rating.d.ts","sourceRoot":"","sources":["../../src/eui-rating/eui-wc-rating.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,4BAA4B,CAAC;AAEpC;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAiBpB;IAE0B,KAAK,CAAC,EAAE,MAAM,CAAC;IACa,YAAY,SAAK;IACf,aAAa,SAAK;IAChC,QAAQ,UAAS;IACS,UAAU,UAAS;IACpB,SAAS,UAAS;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAgB;IAClE,OAAO,SAAmB;IAEtD,OAAO,CAAC,OAAO,CAAK;IAC7B,OAAO,CAAC,WAAW,CAAgC;IAE1C,iBAAiB;IAKjB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,UAAU;IAYT,MAAM;CAsClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,eAAe,EAAE,WAAW,CAAC;KAAE;CACpE"}

package/eui-rating/eui-wc-rating.js

@@ -0,0 +1,177 @@
+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';
+import { createRef, ref } from 'lit/directives/ref.js';
+import '../eui-icon/eui-wc-icon.js';
+/**
+ * `EuiWcRating` — Lit WC projection of `eui-rating`.
+ *
+ * Interactive star-rating control. Supports controlled (`value` + `eui-change`) and
+ * uncontrolled (`default-value`) usage.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-rating value="3" number-of-stars="5"></eui-wc-rating>
+ * ```
+ */
+let EuiWcRating = class EuiWcRating extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.defaultValue = 0;
+        this.numberOfStars = 5;
+        this.disabled = false;
+        this.isReadonly = false;
+        this.isInvalid = false;
+        this.ariaLabel = 'eUI Rating';
+        this.e2eAttr = 'eui-wc-rating';
+        this._rating = 0;
+        this._buttonRefs = [];
+    }
+    static { this.styles = css `
+        :host {
+            display: inline-flex;
+        }
+        :host([data-disabled]) { cursor: not-allowed; opacity: var(--eui-o-50); pointer-events: none; }
+        :host([data-readonly]) { cursor: default; pointer-events: none; }
+
+        button {
+            background: none;
+            border: none;
+            cursor: pointer;
+            padding: 2px;
+        }
+        button:focus-visible {
+            outline: 2px solid var(--eui-c-focus-visible) !important;
+            outline-offset: -2px !important;
+        }
+    `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this._rating = this.value ?? this.defaultValue;
+    }
+    updated(changed) {
+        if (changed.has('value') && this.value !== undefined) {
+            this._rating = this.value;
+        }
+        // Rebuild refs array if numberOfStars changed
+        if (changed.has('numberOfStars')) {
+            this._buttonRefs = Array.from({ length: this.numberOfStars }, () => createRef());
+        }
+    }
+    get _effective() {
+        return this.value !== undefined ? this.value : this._rating;
+    }
+    get _nonInteractive() {
+        return this.disabled || this.isReadonly;
+    }
+    _select(n) {
+        if (this._nonInteractive)
+            return;
+        const next = this._effective === n ? 0 : n;
+        this._rating = next;
+        this.dispatchEvent(new CustomEvent('eui-change', { detail: next, bubbles: true, composed: true }));
+    }
+    _onKeyDown(e, idx) {
+        if (this._nonInteractive)
+            return;
+        const buttons = this.shadowRoot?.querySelectorAll('button');
+        if (!buttons)
+            return;
+        let target = -1;
+        if (e.key === 'ArrowRight') {
+            e.preventDefault();
+            target = Math.min(idx + 1, this.numberOfStars - 1);
+        }
+        else if (e.key === 'ArrowLeft') {
+            e.preventDefault();
+            target = Math.max(idx - 1, 0);
+        }
+        else if (e.key === 'End') {
+            e.preventDefault();
+            target = this.numberOfStars - 1;
+            this._select(this.numberOfStars);
+        }
+        else if (e.key === 'Home') {
+            e.preventDefault();
+            target = 0;
+            this._select(0);
+        }
+        if (target >= 0)
+            buttons[target].focus();
+    }
+    render() {
+        if (this._buttonRefs.length !== this.numberOfStars) {
+            this._buttonRefs = Array.from({ length: this.numberOfStars }, () => createRef());
+        }
+        const effective = this._effective;
+        return html `
+            <div
+                role="radiogroup"
+                aria-label=${this.ariaLabel ?? 'eUI Rating'}
+                aria-invalid=${this.isInvalid ? 'true' : 'false'}
+            >
+                ${Array.from({ length: this.numberOfStars }, (_, i) => {
+            const n = i + 1;
+            const filled = n <= effective;
+            const tabIdx = (effective === 0 && n === 1) || n === effective ? 0 : -1;
+            return html `
+                        <button
+                            ${ref(this._buttonRefs[i])}
+                            type="button"
+                            role="radio"
+                            aria-checked=${filled ? 'true' : 'false'}
+                            aria-label="Rating star ${n} - ${filled ? 'Selected' : 'Not selected'}"
+                            tabindex=${tabIdx}
+                            @click=${() => this._select(n)}
+                            @keydown=${(e) => this._onKeyDown(e, i)}
+                        >
+                            <eui-wc-icon
+                                icon=${filled ? 'eui-star-fill' : 'eui-star'}
+                                fill-color="primary"
+                                size="m"
+                                aria-hidden="true"
+                            ></eui-wc-icon>
+                        </button>
+                    `;
+        })}
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], EuiWcRating.prototype, "value", void 0);
+__decorate([
+    property({ attribute: 'default-value', type: Number })
+], EuiWcRating.prototype, "defaultValue", void 0);
+__decorate([
+    property({ attribute: 'number-of-stars', type: Number })
+], EuiWcRating.prototype, "numberOfStars", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EuiWcRating.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: 'is-readonly', type: Boolean, reflect: true })
+], EuiWcRating.prototype, "isReadonly", void 0);
+__decorate([
+    property({ attribute: 'is-invalid', type: Boolean, reflect: true })
+], EuiWcRating.prototype, "isInvalid", void 0);
+__decorate([
+    property({ attribute: 'aria-label', reflect: true })
+], EuiWcRating.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcRating.prototype, "e2eAttr", void 0);
+__decorate([
+    state()
+], EuiWcRating.prototype, "_rating", void 0);
+EuiWcRating = __decorate([
+    customElement('eui-wc-rating')
+], EuiWcRating);
+export { EuiWcRating };
+//# sourceMappingURL=eui-wc-rating.js.map

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

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

package/eui-rating/index.d.ts

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

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

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

package/eui-rating/index.js

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

package/eui-rating/index.js.map

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

package/eui-section-header/eui-wc-section-header.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class EuiWcSectionHeader extends LitElement {
+    static styles: import("lit").CSSResult;
+    heading?: string;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-section-header': EuiWcSectionHeader;
+    }
+}
+//# sourceMappingURL=eui-wc-section-header.d.ts.map

package/eui-section-header/eui-wc-section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-section-header.d.ts","sourceRoot":"","sources":["../../src/eui-section-header/eui-wc-section-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAIpB;IACU,OAAO,CAAC,EAAE,MAAM,CAAC;IACQ,OAAO,SAA2B;IAC9D,MAAM;CAMlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,uBAAuB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}

package/eui-section-header/eui-wc-section-header.js

@@ -0,0 +1,36 @@
+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';
+let EuiWcSectionHeader = class EuiWcSectionHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.e2eAttr = 'eui-wc-section-header';
+    }
+    static { this.styles = css `
+        :host { display: flex; align-items: center; justify-content: space-between; padding: var(--eui-s-m) 0; }
+        .eui-section-header__title { display: flex; align-items: center; gap: var(--eui-s-xs); font: var(--eui-f-m-semi-bold); }
+        .eui-section-header__actions { display: flex; align-items: center; gap: var(--eui-s-xs); }
+    `; }
+    render() {
+        return html `
+            <div class="eui-section-header__title"><slot name="icon"></slot>${this.heading ?? ''}<slot name="badge"></slot></div>
+            <div class="eui-section-header__actions"><slot name="actions"></slot><slot></slot></div>
+        `;
+    }
+};
+__decorate([
+    property()
+], EuiWcSectionHeader.prototype, "heading", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcSectionHeader.prototype, "e2eAttr", void 0);
+EuiWcSectionHeader = __decorate([
+    customElement('eui-wc-section-header')
+], EuiWcSectionHeader);
+export { EuiWcSectionHeader };
+//# sourceMappingURL=eui-wc-section-header.js.map

package/eui-section-header/eui-wc-section-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-section-header.js","sourceRoot":"","sources":["../../src/eui-section-header/eui-wc-section-header.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;AAGrD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAOkC,YAAO,GAAG,uBAAuB,CAAC;IAO3E,CAAC;aAbmB,WAAM,GAAG,GAAG,CAAA;;;;KAI3B,AAJqB,CAIpB;IAGO,MAAM;QACX,OAAO,IAAI,CAAA;8EAC2D,IAAI,CAAC,OAAO,IAAI,EAAE;;SAEvF,CAAC;IACN,CAAC;;AAPW;IAAX,QAAQ,EAAE;mDAAkB;AACQ;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;mDAAmC;AAP9D,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAc9B"}

package/eui-section-header/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcSectionHeader } from './eui-wc-section-header.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-section-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-section-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}