@sondor-technology/sondor-components 1.0.9 → 1.0.10

package/dist/components/modal/modal.js

@@ -7,6 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, html, css, nothing } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
 import { resetStyles } from "../../styles/reset.js";
+import { resetFormState } from "../form/form-reset.js";
+/** Longest we wait for the close animation before closing anyway. */
+const CLOSE_FALLBACK_MS = 400;
 let StModal = class StModal extends LitElement {
     constructor() {
         super(...arguments);
@@ -14,6 +17,12 @@ let StModal = class StModal extends LitElement {
         this.heading = "";
         this.size = "md";
         this.static = false;
+        /**
+         * By default closing the modal resets what is inside it: forms and fields go back to their
+         * starting values, errors clear and multi-step forms return to step one, so it opens fresh next
+         * time. Set this to keep what was entered between openings.
+         */
+        this.preserveState = false;
         this.isClosing = false;
     }
     // 🚀 FIX: Typed strictly and calls super
@@ -37,15 +46,34 @@ let StModal = class StModal extends LitElement {
             return;
         this.isClosing = true;
         this.dialogEl.classList.add("closing");
-        const onAnimationEnd = () => {
+        let finished = false;
+        const finish = () => {
+            if (finished)
+                return;
+            finished = true;
+            window.clearTimeout(fallback);
             this.dialogEl.classList.remove("closing");
             this.isClosing = false;
             if (!this.open) {
                 this.dialogEl.close();
+                // Reset once it has faded out, so nothing visibly changes as it closes.
+                if (!this.preserveState)
+                    this.reset();
             }
         };
-        // 🚀 FIX: Prevent listener stacking on rapid toggles
-        this.dialogEl.addEventListener("animationend", onAnimationEnd, { once: true });
+        // The animation ending finishes the close; the timer covers it never firing (reduced motion).
+        const fallback = window.setTimeout(finish, CLOSE_FALLBACK_MS);
+        this.dialogEl.addEventListener("animationend", finish, { once: true });
+    }
+    /**
+     * Returns the content to its starting state: forms and fields are reset, errors cleared and the
+     * body scrolled back to the top. Happens automatically on close unless `preserve-state` is set.
+     * Fires `st-reset` afterwards so your own state (in a framework, say) can be cleared too.
+     */
+    reset() {
+        resetFormState(this);
+        this.renderRoot.querySelector(".modal-body")?.scrollTo({ top: 0 });
+        this.dispatchEvent(new CustomEvent("st-reset", { bubbles: true, composed: true }));
     }
     handleClose() {
         this.open = false;
@@ -130,16 +158,14 @@ StModal.styles = [
       dialog {
         padding: 0;
         border: 1px solid var(--st-color-border);
-        border-radius: var(--st-radius-lg, 0.5rem);
+        border-radius: var(--st-radius-lg);
         background-color: var(--st-color-surface);
         color: var(--st-color-text);
 
         width: calc(100% - 2rem);
         margin: auto;
 
-        box-shadow:
-          0 20px 25px -5px rgb(0 0 0 / 0.1),
-          0 8px 10px -6px rgb(0 0 0 / 0.1);
+        box-shadow: var(--st-shadow-xl);
         font-family: var(--st-font-family, inherit);
       }
 
@@ -160,7 +186,7 @@ StModal.styles = [
       }
 
       dialog::backdrop {
-        background-color: rgba(0, 0, 0, 0.5);
+        background-color: var(--st-color-overlay);
         backdrop-filter: blur(2px);
       }
 
@@ -246,12 +272,12 @@ StModal.styles = [
 
       .close-btn:hover {
         color: var(--st-color-text);
-        background-color: var(--st-color-surface-muted, #f1f5f9);
+        background-color: var(--st-color-surface-muted);
       }
 
       .modal-body {
         padding: var(--st-spacing-lg);
-        font-size: var(--st-font-size-sm, 0.875rem);
+        font-size: var(--st-font-size-sm);
         line-height: 1.5;
       }
 
@@ -262,7 +288,7 @@ StModal.styles = [
         gap: var(--st-spacing-sm);
         padding: var(--st-spacing-md) var(--st-spacing-lg);
         border-top: 1px solid var(--st-color-border);
-        background-color: var(--st-color-surface-muted, #f8fafc);
+        background-color: var(--st-color-surface-muted);
       }
     `,
 ];
@@ -278,6 +304,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], StModal.prototype, "static", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "preserve-state" })
+], StModal.prototype, "preserveState", void 0);
 __decorate([
     query("dialog")
 ], StModal.prototype, "dialogEl", void 0);

package/dist/components/modal/modal.js.map

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

package/dist/components/page-layout/page-layout.js

@@ -289,9 +289,9 @@ StPageLayout.styles = [
       :host {
         display: block;
         box-sizing: border-box;
-        --layout-bg-color: var(--st-color-bg, #ffffff);
-        --layout-surface-color: var(--st-color-surface, #f8fafc);
-        --layout-border-color: var(--st-color-border, #e2e8f0);
+        --layout-bg-color: var(--st-color-bg);
+        --layout-surface-color: var(--st-color-surface);
+        --layout-border-color: var(--st-color-border);
         --layout-sidebar-width: 16rem;
         --layout-right-sidebar-width: 16rem;
         --layout-main-max-width: none;
@@ -313,7 +313,7 @@ StPageLayout.styles = [
         justify-content: center;
         background: transparent;
         border: 1px solid var(--layout-border-color);
-        border-radius: var(--st-radius-sm, 0.375rem);
+        border-radius: var(--st-radius-sm);
         width: 2.25rem;
         height: 2.25rem;
         cursor: pointer;
@@ -347,7 +347,7 @@ StPageLayout.styles = [
         left: 0;
         width: 100vw;
         height: 100vh;
-        background-color: rgba(0, 0, 0, 0.5);
+        background-color: var(--st-color-overlay);
         backdrop-filter: blur(2px);
         z-index: 1000;
         display: none;
@@ -392,12 +392,12 @@ StPageLayout.styles = [
         display: flex;
         align-items: center;
         justify-content: center;
-        border-radius: var(--st-radius-sm, 0.375rem);
+        border-radius: var(--st-radius-sm);
       }
 
       .mobile-close-btn:hover {
         color: var(--st-color-text);
-        background-color: var(--st-color-surface-muted, #f1f5f9);
+        background-color: var(--st-color-surface-muted);
       }
 
       .mobile-close-btn svg {
@@ -674,7 +674,7 @@ StPageLayout.styles = [
           height: 100vh;
           background: var(--layout-bg-color);
           z-index: 1001;
-          box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
+          box-shadow: var(--st-shadow-drawer);
           transform: translateX(-100%);
           transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
           display: flex !important;

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from "lit";
+import "../icon/icon.js";
+export declare class StPagination extends LitElement {
+    page: number;
+    totalPages: number;
+    static styles: import("lit").CSSResult[];
+    private _go;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-pagination": StPagination;
+    }
+}
+//# sourceMappingURL=pagination.d.ts.map

package/dist/components/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,OAAO,iBAAiB,CAAC;AAEzB,qBACa,YAAa,SAAQ,UAAU;IACD,IAAI,SAAK;IACE,UAAU,SAAK;IAEnE,MAAM,CAAC,MAAM,4BAgDX;IAEF,OAAO,CAAC,GAAG;IASX,MAAM,yCA0CL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/components/pagination/pagination.js

@@ -0,0 +1,126 @@
+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 { resetStyles } from "../../styles/reset.js";
+import { buildPages } from "./pagination.utils.js";
+import "../icon/icon.js";
+let StPagination = class StPagination extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.page = 1;
+        this.totalPages = 1;
+    }
+    _go(page) {
+        const next = Math.min(Math.max(page, 1), this.totalPages);
+        if (next === this.page)
+            return;
+        this.page = next;
+        this.dispatchEvent(new CustomEvent("st-page-change", { detail: { page: next }, bubbles: true, composed: true }));
+    }
+    render() {
+        const pages = buildPages(this.page, this.totalPages);
+        return html `
+      <nav aria-label="Pagination">
+        <ul>
+          <li>
+            <button
+              type="button"
+              aria-label="Previous page"
+              ?disabled=${this.page <= 1}
+              @click=${() => this._go(this.page - 1)}
+            >
+              <st-icon name="angle-left" size="sm" aria-hidden="true"></st-icon>
+            </button>
+          </li>
+          ${pages.map((p) => p === "…"
+            ? html `<li class="gap" aria-hidden="true">…</li>`
+            : html `<li>
+                  <button
+                    type="button"
+                    aria-label="Page ${p}"
+                    aria-current=${p === this.page ? "page" : "false"}
+                    @click=${() => this._go(p)}
+                  >
+                    ${p}
+                  </button>
+                </li>`)}
+          <li>
+            <button
+              type="button"
+              aria-label="Next page"
+              ?disabled=${this.page >= this.totalPages}
+              @click=${() => this._go(this.page + 1)}
+            >
+              <st-icon name="angle-right" size="sm" aria-hidden="true"></st-icon>
+            </button>
+          </li>
+        </ul>
+      </nav>
+    `;
+    }
+};
+StPagination.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: block;
+      }
+      ul {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.25rem;
+        list-style: none;
+        align-items: center;
+      }
+      button {
+        min-width: 2.25rem;
+        height: 2.25rem;
+        padding: 0 0.5rem;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid var(--st-color-border);
+        border-radius: 0.5rem;
+        background: var(--st-color-surface);
+        color: var(--st-color-text);
+        cursor: pointer;
+      }
+      button:hover:not(:disabled):not([aria-current="page"]) {
+        background: var(--st-color-surface-hover);
+      }
+      button:focus-visible {
+        outline: 2px solid var(--st-color-primary);
+        outline-offset: 2px;
+      }
+      button[aria-current="page"] {
+        background: var(--st-color-primary);
+        border-color: var(--st-color-primary);
+        color: var(--st-color-on-primary);
+        cursor: default;
+      }
+      button:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      .gap {
+        padding: 0 0.25rem;
+        color: var(--st-color-text-muted);
+      }
+    `,
+];
+__decorate([
+    property({ type: Number, reflect: true })
+], StPagination.prototype, "page", void 0);
+__decorate([
+    property({ type: Number, attribute: "total-pages" })
+], StPagination.prototype, "totalPages", void 0);
+StPagination = __decorate([
+    customElement("st-pagination")
+], StPagination);
+export { StPagination };
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/components/pagination/pagination.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAGlB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QACoC,SAAI,GAAG,CAAC,CAAC;QACE,eAAU,GAAG,CAAC,CAAC;IAwGrE,CAAC;IApDS,GAAG,CAAC,IAAY;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAC1D,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI;YAAE,OAAO;QAC/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CACzF,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACrD,OAAO,IAAI,CAAA;;;;;;;0BAOW,IAAI,CAAC,IAAI,IAAI,CAAC;uBACjB,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;;;;;YAKxC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAChB,CAAC,KAAK,GAAG;YACP,CAAC,CAAC,IAAI,CAAA,2CAA2C;YACjD,CAAC,CAAC,IAAI,CAAA;;;uCAGmB,CAAC;mCACL,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;6BACxC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;;sBAExB,CAAC;;sBAED,CACX;;;;;0BAKe,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU;uBAC/B,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;;;;;;;KAO/C,CAAC;IACJ,CAAC;CACF,CAAA;AAtGQ,mBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6CF;CACF,AAhDY,CAgDX;AAnDuC;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;0CAAU;AACE;IAAnD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAC,CAAC;gDAAgB;AAFxD,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA0GxB"}

package/dist/components/pagination/pagination.utils.d.ts

@@ -0,0 +1,3 @@
+/** Builds the visible page list, e.g. [1, "…", 4, 5, 6, "…", 12]. */
+export declare function buildPages(current: number, total: number, siblings?: number): (number | "…")[];
+//# sourceMappingURL=pagination.utils.d.ts.map

package/dist/components/pagination/pagination.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,CAYzF"}

package/dist/components/pagination/pagination.utils.js

@@ -0,0 +1,19 @@
+/** Builds the visible page list, e.g. [1, "…", 4, 5, 6, "…", 12]. */
+export function buildPages(current, total, siblings = 1) {
+    if (total <= 0)
+        return [];
+    const range = (a, b) => Array.from({ length: b - a + 1 }, (_, i) => a + i);
+    if (total <= siblings * 2 + 5)
+        return range(1, total);
+    const left = Math.max(current - siblings, 2);
+    const right = Math.min(current + siblings, total - 1);
+    const pages = [1];
+    if (left > 2)
+        pages.push("…");
+    pages.push(...range(left, right));
+    if (right < total - 1)
+        pages.push("…");
+    pages.push(total);
+    return pages;
+}
+//# sourceMappingURL=pagination.utils.js.map

package/dist/components/pagination/pagination.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.js","sourceRoot":"","sources":["../../../src/components/pagination/pagination.utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,MAAM,UAAU,UAAU,CAAC,OAAe,EAAE,KAAa,EAAE,QAAQ,GAAG,CAAC;IACrE,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IAC1B,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACzF,IAAI,KAAK,IAAI,QAAQ,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IACtD,MAAM,KAAK,GAAqB,CAAC,CAAC,CAAC,CAAC;IACpC,IAAI,IAAI,GAAG,CAAC;QAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAClC,IAAI,KAAK,GAAG,KAAK,GAAG,CAAC;QAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClB,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/components/pie-chart/pie-chart.d.ts

@@ -0,0 +1,33 @@
+import { StChartBase } from "../chart/chart-base.js";
+export interface PieDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+/** Pie chart, or donut with `donut`. Slices are hoverable, selectable and keyboard navigable. */
+export declare class StPieChart extends StChartBase {
+    data: PieDatum[];
+    donut: boolean;
+    /** Donut label shown above the total, e.g. "Total". */
+    centerLabel: string;
+    /** Index of the selected slice, or null. */
+    selected: number | null;
+    private _active;
+    private _hidden;
+    static styles: import("lit").CSSResult[];
+    private get _slices();
+    private _describe;
+    private _setActive;
+    private _select;
+    private _radius;
+    private _onKeydown;
+    private _toggleSlice;
+    private _renderPlot;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-pie-chart": StPieChart;
+    }
+}
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/components/pie-chart/pie-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/components/pie-chart/pie-chart.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGnD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iGAAiG;AACjG,qBACa,UAAW,SAAQ,WAAW;IAChB,IAAI,EAAE,QAAQ,EAAE,CAAM;IACpB,KAAK,UAAS;IACzC,uDAAuD;IACF,WAAW,SAAW;IAC3E,4CAA4C;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/D,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,OAAO,CAAqB;IAE7C,MAAM,CAAC,MAAM,4BAyBX;IAEF,OAAO,KAAK,OAAO,GAclB;IAED,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,WAAW;IAqCnB,MAAM,yCA0CL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/pie-chart/pie-chart.js

@@ -0,0 +1,233 @@
+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 { html, css, svg, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
+import { StChartBase } from "../chart/chart-base.js";
+import { arcPath, chartColor, polar, stepIndex } from "../chart/chart.utils.js";
+/** Pie chart, or donut with `donut`. Slices are hoverable, selectable and keyboard navigable. */
+let StPieChart = class StPieChart extends StChartBase {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+        this.donut = false;
+        /** Donut label shown above the total, e.g. "Total". */
+        this.centerLabel = "Total";
+        /** Index of the selected slice, or null. */
+        this.selected = null;
+        this._active = null;
+        this._hidden = new Set();
+    }
+    get _slices() {
+        const visible = this.data
+            .map((d, i) => ({ d, i }))
+            .filter(({ d, i }) => !this._hidden.has(i) && d.value > 0);
+        const total = visible.reduce((sum, { d }) => sum + d.value, 0);
+        let angle = 0;
+        return {
+            total,
+            slices: visible.map(({ d, i }) => {
+                const start = angle;
+                angle += total ? (d.value / total) * Math.PI * 2 : 0;
+                return { ...d, index: i, start, end: angle, percent: total ? (d.value / total) * 100 : 0 };
+            }),
+        };
+    }
+    _describe(index) {
+        const { total } = this._slices;
+        const d = this.data[index];
+        return {
+            index,
+            label: d.label,
+            value: d.value,
+            percent: total ? (d.value / total) * 100 : 0,
+        };
+    }
+    _setActive(index) {
+        if (index === this._active)
+            return;
+        this._active = index;
+        if (index === null) {
+            this.hideTooltip();
+            this.emit("st-chart-leave", {});
+            return;
+        }
+        const d = this._describe(index);
+        const slice = this._slices.slices.find((s) => s.index === index);
+        const r = this._radius();
+        const [x, y] = polar(this._width / 2, this.height / 2, r, (slice.start + slice.end) / 2);
+        const percent = `${d.percent.toFixed(1)}%`;
+        this.showTooltip({
+            x,
+            y,
+            title: d.label,
+            rows: [{ label: percent, value: this.fmt(d.value), color: chartColor(index, this.data[index].color) }],
+        }, `${d.label}: ${this.fmt(d.value)}, ${percent}`);
+        this.emit("st-chart-hover", d);
+    }
+    _select(index) {
+        if (!this.selectable)
+            return;
+        this.selected = this.selected === index ? null : index;
+        this.emit("st-chart-select", { ...this._describe(index), selected: this.selected === index });
+    }
+    _radius() {
+        return Math.max(Math.min(this._width, this.height) / 2 - 12, 10);
+    }
+    _onKeydown(e) {
+        if (e.key === "Escape")
+            return this._setActive(null);
+        if ((e.key === "Enter" || e.key === " ") && this._active !== null) {
+            e.preventDefault();
+            return this._select(this._active);
+        }
+        const order = this._slices.slices.map((s) => s.index);
+        const pos = this._active === null ? null : order.indexOf(this._active);
+        const next = stepIndex(e.key, pos === -1 ? null : pos, order.length);
+        if (next !== null) {
+            e.preventDefault();
+            this._setActive(order[next]);
+        }
+    }
+    _toggleSlice(index) {
+        const hidden = new Set(this._hidden);
+        if (hidden.has(index))
+            hidden.delete(index);
+        else
+            hidden.add(index);
+        this._hidden = hidden;
+        this._active = null;
+        this.hideTooltip();
+        this.emit("st-chart-legend-toggle", {
+            name: this.data[index].label,
+            index,
+            hidden: hidden.has(index),
+        });
+    }
+    _renderPlot() {
+        const { total, slices } = this._slices;
+        const cx = this._width / 2;
+        const cy = this.height / 2;
+        const r = this._radius();
+        const inner = this.donut ? r * 0.6 : 0;
+        const emphasis = this._active ?? this.selected;
+        return svg `
+      <svg width=${this._width} height=${this.height} aria-hidden="true">
+        ${slices.map((s) => {
+            const [dx, dy] = s.index === this.selected
+                ? polar(0, 0, 6, (s.start + s.end) / 2)
+                : [0, 0];
+            const dim = emphasis !== null && emphasis !== s.index ? "dim" : "";
+            return svg `
+            <path
+              class="slice animate ${dim}"
+              d=${arcPath(cx, cy, r, inner, s.start, s.end)}
+              transform="translate(${dx} ${dy})"
+              style="fill:${chartColor(s.index, s.color)}"
+              @pointerenter=${() => this._setActive(s.index)}
+              @pointerleave=${() => this._setActive(null)}
+              @click=${() => this._select(s.index)}
+            ></path>
+          `;
+        })}
+        ${this.donut
+            ? svg `
+              <text class="center-value" x=${cx} y=${cy + 4} text-anchor="middle">${this.fmtAxis(total)}</text>
+              <text class="center-label" x=${cx} y=${cy + 22} text-anchor="middle">${this.centerLabel}</text>
+            `
+            : nothing}
+      </svg>
+    `;
+    }
+    render() {
+        const total = this.data.reduce((sum, d) => sum + d.value, 0);
+        return html `
+      <div class="chart">
+        ${this._width > 0
+            ? html `
+              <div
+                class="plot"
+                tabindex="0"
+                role="group"
+                aria-roledescription=${this.donut ? "donut chart" : "pie chart"}
+                aria-label=${this.label || (this.donut ? "Donut chart" : "Pie chart")}
+                @keydown=${this._onKeydown}
+                @focus=${() => {
+                const first = this._slices.slices[0];
+                if (this._active === null && first)
+                    this._setActive(first.index);
+            }}
+                @blur=${() => this._setActive(null)}
+              >
+                ${this._renderPlot()} ${this.renderTooltip()}
+              </div>
+            `
+            : nothing}
+        ${this.renderLegend(this.data.map((d, i) => ({
+            name: d.label,
+            color: chartColor(i, d.color),
+            hidden: this._hidden.has(i),
+        })), (i) => this._toggleSlice(i))}
+        ${this.renderLiveRegion()}
+        ${this.renderDataTable(["Category", "Value", "Share"], this.data.map((d) => [
+            d.label,
+            this.fmt(d.value),
+            total ? `${((d.value / total) * 100).toFixed(1)}%` : "0%",
+        ]))}
+      </div>
+    `;
+    }
+};
+StPieChart.styles = [
+    resetStyles,
+    StChartBase.baseStyles,
+    css `
+      .slice {
+        stroke: var(--st-color-bg);
+        stroke-width: 2;
+        cursor: default;
+      }
+      :host([selectable]) .slice {
+        cursor: pointer;
+      }
+      .slice.dim {
+        opacity: 0.5;
+      }
+      .center-value {
+        fill: var(--st-color-text);
+        font-size: var(--st-font-size-2xl);
+        font-weight: var(--st-font-weight-bold);
+      }
+      .center-label {
+        fill: var(--st-color-text-muted);
+        font-size: var(--st-font-size-xs);
+      }
+    `,
+];
+__decorate([
+    property({ type: Array })
+], StPieChart.prototype, "data", void 0);
+__decorate([
+    property({ type: Boolean })
+], StPieChart.prototype, "donut", void 0);
+__decorate([
+    property({ type: String, attribute: "center-label" })
+], StPieChart.prototype, "centerLabel", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], StPieChart.prototype, "selected", void 0);
+__decorate([
+    state()
+], StPieChart.prototype, "_active", void 0);
+__decorate([
+    state()
+], StPieChart.prototype, "_hidden", void 0);
+StPieChart = __decorate([
+    customElement("st-pie-chart")
+], StPieChart);
+export { StPieChart };
+//# sourceMappingURL=pie-chart.js.map