@sondor-technology/sondor-components 1.0.8 → 1.0.10

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

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

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

package/dist/components/pin-input/pin-input.js

@@ -192,24 +192,24 @@ StPinInput.styles = [
       .pin-box:focus {
         outline: none;
         border-color: var(--st-color-primary);
-        box-shadow: 0 0 0 2px var(--st-color-primary-muted, rgba(59, 130, 246, 0.25));
+        box-shadow: 0 0 0 2px var(--st-color-primary-muted);
       }
 
       .pin-box:disabled {
-        background: var(--st-color-surface-muted, #f1f5f9);
+        background: var(--st-color-surface-muted);
         color: var(--st-color-text-muted);
         cursor: not-allowed;
       }
 
       .is-invalid .pin-box {
-        border-color: var(--st-color-danger, #dc2626);
+        border-color: var(--st-color-danger);
       }
 
       .error-msg {
         display: block;
         margin-top: var(--st-spacing-xs);
         font-size: var(--st-font-size-xs);
-        color: var(--st-color-danger, #dc2626);
+        color: var(--st-color-danger);
       }
     `,
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElE,qBACa,SAAU,SAAQ,UAAU;IACb,QAAQ,EAAE,eAAe,CAAY;IACrC,MAAM,SAAK;IACK,QAAQ,UAAS;IAElD,OAAO,CAAC,OAAO,CAAS;IAEN,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,UAAU,CAAe;IAElB,OAAO,CAAC,gBAAgB,CAAiB;IAEnF,MAAM,CAAC,MAAM,4BAkDX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAOjD;IAED,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,cAAc;IAKf,IAAI,SAWV;IAEM,IAAI,SAOV;IAED,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,WAAW,CAwCjB;IAEF,MAAM,yCAiBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElE,qBACa,SAAU,SAAQ,UAAU;IACb,QAAQ,EAAE,eAAe,CAAY;IACrC,MAAM,SAAK;IACK,QAAQ,UAAS;IAElD,OAAO,CAAC,OAAO,CAAS;IAEN,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,UAAU,CAAe;IAElB,OAAO,CAAC,gBAAgB,CAAiB;IAEnF,MAAM,CAAC,MAAM,4BAgDX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAOjD;IAED,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,cAAc;IAKf,IAAI,SAWV;IAEM,IAAI,SAOV;IAED,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,WAAW,CAwCjB;IAEF,MAAM,yCAiBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/popover/popover.js

@@ -145,9 +145,7 @@ StPopover.styles = [
         background: var(--st-color-surface);
         border: 1px solid var(--st-color-border);
         border-radius: var(--st-radius-md);
-        box-shadow:
-          0 10px 15px -3px rgba(0, 0, 0, 0.1),
-          0 4px 6px -2px rgba(0, 0, 0, 0.05);
+        box-shadow: var(--st-shadow-lg);
         padding: var(--st-spacing-md);
         color: var(--st-color-text);
 

package/dist/components/popover/popover.js.map

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

package/dist/components/post-list/post-card.d.ts

@@ -0,0 +1,16 @@
+import { StCard } from "../section/card.js";
+/**
+ * One blog post in a `st-post-list`: a picture, the date and reading time, a title linking to the
+ * post, and an excerpt.
+ *
+ * Slots: `image`, `meta` (date, reading time, tags), `title` (a heading containing the link),
+ * the default slot (the excerpt) and `footer`. Set `tags` (comma separated) for the list's filter.
+ */
+export declare class StPostCard extends StCard {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-post-card": StPostCard;
+    }
+}
+//# sourceMappingURL=post-card.d.ts.map

package/dist/components/post-list/post-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-card.d.ts","sourceRoot":"","sources":["../../../src/components/post-list/post-card.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C;;;;;;GAMG;AACH,qBACa,UAAW,SAAQ,MAAM;CAAG;AAEzC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/post-list/post-card.js

@@ -0,0 +1,22 @@
+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 { customElement } from "lit/decorators.js";
+import { StCard } from "../section/card.js";
+/**
+ * One blog post in a `st-post-list`: a picture, the date and reading time, a title linking to the
+ * post, and an excerpt.
+ *
+ * Slots: `image`, `meta` (date, reading time, tags), `title` (a heading containing the link),
+ * the default slot (the excerpt) and `footer`. Set `tags` (comma separated) for the list's filter.
+ */
+let StPostCard = class StPostCard extends StCard {
+};
+StPostCard = __decorate([
+    customElement("st-post-card")
+], StPostCard);
+export { StPostCard };
+//# sourceMappingURL=post-card.js.map

package/dist/components/post-list/post-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-card.js","sourceRoot":"","sources":["../../../src/components/post-list/post-card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C;;;;;;GAMG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,MAAM;CAAG,CAAA;AAA5B,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAAkB"}

package/dist/components/post-list/post-list.d.ts

@@ -0,0 +1,17 @@
+import { StCardRow } from "../section/card-row.js";
+import "./post-card.js";
+/**
+ * A row listing blog posts as `st-post-card` items, in a grid or one per row (`layout="list"`),
+ * optionally filtered by topic (`filterable`).
+ *
+ * Slots: `eyebrow`, `title`, `lead` and the default slot for the `st-post-card` items.
+ * Events: `st-filter` `{tag, count}` when a topic is chosen.
+ */
+export declare class StPostList extends StCardRow {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-post-list": StPostList;
+    }
+}
+//# sourceMappingURL=post-list.d.ts.map

package/dist/components/post-list/post-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-list.d.ts","sourceRoot":"","sources":["../../../src/components/post-list/post-list.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,gBAAgB,CAAC;AAExB;;;;;;GAMG;AACH,qBACa,UAAW,SAAQ,SAAS;CAAG;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/post-list/post-list.js

@@ -0,0 +1,23 @@
+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 { customElement } from "lit/decorators.js";
+import { StCardRow } from "../section/card-row.js";
+import "./post-card.js";
+/**
+ * A row listing blog posts as `st-post-card` items, in a grid or one per row (`layout="list"`),
+ * optionally filtered by topic (`filterable`).
+ *
+ * Slots: `eyebrow`, `title`, `lead` and the default slot for the `st-post-card` items.
+ * Events: `st-filter` `{tag, count}` when a topic is chosen.
+ */
+let StPostList = class StPostList extends StCardRow {
+};
+StPostList = __decorate([
+    customElement("st-post-list")
+], StPostList);
+export { StPostList };
+//# sourceMappingURL=post-list.js.map

package/dist/components/post-list/post-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-list.js","sourceRoot":"","sources":["../../../src/components/post-list/post-list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,gBAAgB,CAAC;AAExB;;;;;;GAMG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,SAAS;CAAG,CAAA;AAA/B,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAAqB"}

package/dist/components/pricing/pricing-tier.d.ts

@@ -0,0 +1,23 @@
+import { StRowItem } from "../section/row-item.js";
+/**
+ * One plan inside `st-pricing`: a name, a price, what is included and a button.
+ *
+ * Slots: `title` (the plan name, a real heading such as `<h3>`), `price` (such as `£29`), `period`
+ * (such as `per month`), the default slot (a short description, then a `<ul>` of what is included,
+ * which is marked with ticks) and `action` (the button).
+ */
+export declare class StPricingTier extends StRowItem {
+    /** Highlights the plan as the recommended one. */
+    featured: boolean;
+    /** Label shown on the featured plan. */
+    featuredLabel: string;
+    private _hasAction;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-pricing-tier": StPricingTier;
+    }
+}
+//# sourceMappingURL=pricing-tier.d.ts.map

package/dist/components/pricing/pricing-tier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-tier.d.ts","sourceRoot":"","sources":["../../../src/components/pricing/pricing-tier.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAEjD;;;;;;GAMG;AACH,qBACa,aAAc,SAAQ,SAAS;IAC1C,kDAAkD;IACR,QAAQ,UAAS;IAC3D,wCAAwC;IACe,aAAa,SAAkB;IAE7E,OAAO,CAAC,UAAU,CAAS;IAEpC,MAAM,CAAC,MAAM,4BAsFX;IAEF,MAAM,sCAeL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/pricing/pricing-tier.js

@@ -0,0 +1,144 @@
+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, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
+import { StRowItem } from "../section/row-item.js";
+/**
+ * One plan inside `st-pricing`: a name, a price, what is included and a button.
+ *
+ * Slots: `title` (the plan name, a real heading such as `<h3>`), `price` (such as `£29`), `period`
+ * (such as `per month`), the default slot (a short description, then a `<ul>` of what is included,
+ * which is marked with ticks) and `action` (the button).
+ */
+let StPricingTier = class StPricingTier extends StRowItem {
+    constructor() {
+        super(...arguments);
+        /** Highlights the plan as the recommended one. */
+        this.featured = false;
+        /** Label shown on the featured plan. */
+        this.featuredLabel = "Most popular";
+        this._hasAction = false;
+    }
+    render() {
+        return this.frame(html `
+      <div class="tier">
+        ${this.featured ? html `<span class="badge">${this.featuredLabel}</span>` : nothing}
+        <slot name="title"></slot>
+        <div class="price"><slot name="price"></slot><slot name="period"></slot></div>
+        <div class="body"><slot></slot></div>
+        <div class="action" ?hidden=${!this._hasAction}>
+          <slot
+            name="action"
+            @slotchange=${(e) => (this._hasAction = e.target.assignedNodes().length > 0)}
+          ></slot>
+        </div>
+      </div>
+    `);
+    }
+};
+StPricingTier.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: block;
+      }
+
+      .tier {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        gap: var(--st-spacing-md);
+        height: 100%;
+        padding: var(--st-spacing-xl) var(--st-spacing-lg);
+        border: 1px solid var(--st-color-border);
+        border-radius: var(--st-radius-lg);
+        background: var(--st-row-card-bg, var(--st-color-surface));
+      }
+
+      :host([featured]) .tier {
+        border: 2px solid var(--st-color-primary);
+        box-shadow: var(--st-shadow-lg);
+      }
+
+      .badge {
+        position: absolute;
+        top: 0;
+        left: 50%;
+        padding: var(--st-spacing-xs) var(--st-spacing-md);
+        border-radius: 999px;
+        background: var(--st-color-primary);
+        color: var(--st-color-bg);
+        font-size: var(--st-font-size-sm);
+        font-weight: var(--st-font-weight-bold);
+        white-space: nowrap;
+        transform: translate(-50%, -50%);
+      }
+
+      ::slotted([slot="title"]) {
+        margin: 0 !important;
+        font-size: var(--st-font-size-xl) !important;
+      }
+
+      .price {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: baseline;
+        gap: var(--st-spacing-sm);
+      }
+
+      ::slotted([slot="price"]) {
+        font-size: clamp(2rem, 5vw, 2.75rem);
+        font-weight: var(--st-font-weight-bold);
+        line-height: 1;
+      }
+
+      ::slotted([slot="period"]) {
+        color: var(--st-color-text-muted);
+      }
+
+      .body {
+        flex: 1;
+        color: var(--st-color-text-muted);
+      }
+
+      .body ::slotted(p) {
+        margin: 0 0 var(--st-spacing-md);
+      }
+
+      /* A string marker is inherited by the list items, so the ticks need no extra markup. */
+      .body ::slotted(ul) {
+        margin: 0;
+        padding-left: var(--st-spacing-lg);
+        list-style: "\\2713  ";
+        color: var(--st-color-text);
+      }
+
+      .action[hidden] {
+        display: none;
+      }
+
+      .action ::slotted(*) {
+        display: block;
+        width: 100%;
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StPricingTier.prototype, "featured", void 0);
+__decorate([
+    property({ type: String, attribute: "featured-label" })
+], StPricingTier.prototype, "featuredLabel", void 0);
+__decorate([
+    state()
+], StPricingTier.prototype, "_hasAction", void 0);
+StPricingTier = __decorate([
+    customElement("st-pricing-tier")
+], StPricingTier);
+export { StPricingTier };
+//# sourceMappingURL=pricing-tier.js.map