@sondor-technology/sondor-components 1.0.8 → 1.0.10

package/dist/components/heat-map/heat-map.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 { 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 { clamp, normalize } from "../chart/chart.utils.js";
+export const heatMapColors = ["primary", "info", "success", "warning", "error"];
+const MARGIN = { top: 28, right: 8, bottom: 8 };
+/** Matrix heat map. Cell intensity is interpolated between the surface and the chosen color. */
+let StHeatMap = class StHeatMap extends StChartBase {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        this.columns = [];
+        /** `values[row][col]`; null/undefined renders an empty cell. */
+        this.values = [];
+        this.color = "primary";
+        /** Prints each value inside its cell when the cell is large enough. */
+        this.showValues = false;
+        /** The selected cell, e.g. `{ "row": 1, "col": 2 }`, or null. */
+        this.selected = null;
+        this._active = null;
+    }
+    get _range() {
+        const flat = this.values.flat().filter((v) => v != null);
+        return [this.min ?? Math.min(...flat, Infinity), this.max ?? Math.max(...flat, -Infinity)].map((v) => (Number.isFinite(v) ? v : 0));
+    }
+    _value(ref) {
+        return this.values[ref.row]?.[ref.col] ?? null;
+    }
+    _same(a, b) {
+        return !!a && !!b && a.row === b.row && a.col === b.col;
+    }
+    _layout() {
+        const maxLabel = Math.max(0, ...this.rows.map((r) => r.length));
+        const left = clamp(maxLabel * 7 + 16, 40, 140);
+        const innerW = Math.max(this._width - left - MARGIN.right, 1);
+        const innerH = Math.max(this.height - MARGIN.top - MARGIN.bottom, 1);
+        return {
+            left,
+            cellW: innerW / Math.max(this.columns.length, 1),
+            cellH: innerH / Math.max(this.rows.length, 1),
+        };
+    }
+    _describe(ref) {
+        return {
+            row: ref.row,
+            col: ref.col,
+            rowLabel: this.rows[ref.row],
+            columnLabel: this.columns[ref.col],
+            value: this._value(ref),
+        };
+    }
+    _setActive(ref) {
+        if (this._same(ref, this._active))
+            return;
+        this._active = ref;
+        if (!ref) {
+            this.hideTooltip();
+            this.emit("st-chart-leave", {});
+            return;
+        }
+        const { left, cellW, cellH } = this._layout();
+        const d = this._describe(ref);
+        const value = d.value === null ? "No data" : this.fmt(d.value);
+        this.showTooltip({
+            x: left + (ref.col + 0.5) * cellW,
+            y: MARGIN.top + ref.row * cellH,
+            title: `${d.rowLabel} · ${d.columnLabel}`,
+            rows: [{ label: "Value", value }],
+        }, `${d.rowLabel}, ${d.columnLabel}: ${value}`);
+        this.emit("st-chart-hover", d);
+    }
+    _select(ref) {
+        if (!this.selectable)
+            return;
+        this.selected = this._same(this.selected, ref) ? null : { ...ref };
+        this.emit("st-chart-select", { ...this._describe(ref), selected: this.selected !== null });
+    }
+    _onKeydown(e) {
+        if (e.key === "Escape")
+            return this._setActive(null);
+        if ((e.key === "Enter" || e.key === " ") && this._active) {
+            e.preventDefault();
+            return this._select(this._active);
+        }
+        const cur = this._active ?? { row: 0, col: -1 };
+        const rows = this.rows.length;
+        const cols = this.columns.length;
+        if (!rows || !cols)
+            return;
+        let { row, col } = cur;
+        switch (e.key) {
+            case "ArrowRight":
+                col = Math.min(col + 1, cols - 1);
+                break;
+            case "ArrowLeft":
+                col = Math.max(col - 1, 0);
+                break;
+            case "ArrowDown":
+                row = Math.min(row + 1, rows - 1);
+                col = Math.max(col, 0);
+                break;
+            case "ArrowUp":
+                row = Math.max(row - 1, 0);
+                col = Math.max(col, 0);
+                break;
+            case "Home":
+                col = 0;
+                break;
+            case "End":
+                col = cols - 1;
+                break;
+            default: return;
+        }
+        e.preventDefault();
+        this._setActive({ row, col });
+    }
+    _renderPlot() {
+        const { left, cellW, cellH } = this._layout();
+        const [lo, hi] = this._range;
+        const emphasis = this._active ?? this.selected;
+        return svg `
+      <svg width=${this._width} height=${this.height} aria-hidden="true">
+        ${this.columns.map((c, i) => svg `<text class="tick" x=${left + (i + 0.5) * cellW} y=${MARGIN.top - 10} text-anchor="middle">${c}</text>`)}
+        ${this.rows.map((r, i) => svg `<text class="tick" x=${left - 8} y=${MARGIN.top + (i + 0.5) * cellH} text-anchor="end" dominant-baseline="middle">${r}</text>`)}
+        ${this.rows.map((_, row) => this.columns.map((_, col) => {
+            const ref = { row, col };
+            const value = this._value(ref);
+            const t = value === null ? 0 : normalize(value, lo, hi);
+            const pct = Math.round(t * 100);
+            const x = left + col * cellW;
+            const y = MARGIN.top + row * cellH;
+            const classes = [
+                "cell",
+                value === null ? "empty" : "",
+                this._same(this._active, ref) ? "active" : "",
+                this._same(this.selected, ref) ? "chosen" : "",
+            ].join(" ");
+            const label = this.showValues && value !== null && cellW > 36 && cellH > 20
+                ? svg `<text class="cell-text" x=${x + cellW / 2} y=${y + cellH / 2} text-anchor="middle" dominant-baseline="middle"
+                    style="fill:${pct > 55 ? "var(--_on-ramp)" : "var(--st-color-text)"}">${this.fmtAxis(value)}</text>`
+                : nothing;
+            return svg `
+              <rect
+                class=${classes}
+                x=${x} y=${y} width=${cellW} height=${cellH} rx="3"
+                style=${value === null ? "" : `fill:color-mix(in srgb, var(--_ramp) ${pct}%, var(--st-color-surface-muted))`}
+                opacity=${emphasis && !this._same(emphasis, ref) && value !== null ? 0.7 : 1}
+                @pointerenter=${() => this._setActive(ref)}
+                @pointerleave=${() => this._setActive(null)}
+                @click=${() => this._select(ref)}
+              ></rect>
+              ${label}
+            `;
+        }))}
+      </svg>
+    `;
+    }
+    render() {
+        const [lo, hi] = this._range;
+        return html `
+      <div class="chart">
+        ${this._width > 0
+            ? html `
+              <div
+                class="plot"
+                tabindex="0"
+                role="group"
+                aria-roledescription="heat map"
+                aria-label=${this.label || "Heat map"}
+                @keydown=${this._onKeydown}
+                @focus=${() => !this._active && this.rows.length && this.columns.length && this._setActive({ row: 0, col: 0 })}
+                @blur=${() => this._setActive(null)}
+              >
+                ${this._renderPlot()} ${this.renderTooltip()}
+              </div>
+            `
+            : nothing}
+        ${this.hideLegend
+            ? nothing
+            : html `
+              <div class="scale" aria-hidden="true">
+                <span>${this.fmtAxis(lo)}</span>
+                <span class="scale-bar"></span>
+                <span>${this.fmtAxis(hi)}</span>
+              </div>
+            `}
+        ${this.renderLiveRegion()}
+        ${this.renderDataTable(["Row", ...this.columns], this.rows.map((r, row) => [
+            r,
+            ...this.columns.map((_, col) => {
+                const v = this._value({ row, col });
+                return v === null ? "–" : this.fmt(v);
+            }),
+        ]))}
+      </div>
+    `;
+    }
+};
+StHeatMap.styles = [
+    resetStyles,
+    StChartBase.baseStyles,
+    css `
+      :host {
+        --_ramp: var(--st-color-primary);
+        --_on-ramp: var(--st-color-on-primary);
+      }
+      :host([color="info"]) {
+        --_ramp: var(--st-color-info);
+        --_on-ramp: var(--st-color-on-info);
+      }
+      :host([color="success"]) {
+        --_ramp: var(--st-color-success);
+        --_on-ramp: var(--st-color-on-success);
+      }
+      :host([color="warning"]) {
+        --_ramp: var(--st-color-warning);
+        --_on-ramp: var(--st-color-on-warning);
+      }
+      :host([color="error"]) {
+        --_ramp: var(--st-color-error);
+        --_on-ramp: var(--st-color-on-danger);
+      }
+      .cell {
+        stroke: var(--st-color-bg);
+        stroke-width: 2;
+        cursor: default;
+      }
+      :host([selectable]) .cell {
+        cursor: pointer;
+      }
+      .cell.empty {
+        fill: var(--st-color-surface-muted);
+        opacity: 0.4;
+      }
+      .cell.active {
+        stroke: var(--st-color-text);
+      }
+      .cell.chosen {
+        stroke: var(--st-color-text);
+        stroke-dasharray: 4 2;
+      }
+      .cell-text {
+        font-size: var(--st-font-size-xs);
+        pointer-events: none;
+      }
+      .scale {
+        display: flex;
+        align-items: center;
+        gap: var(--st-spacing-sm);
+        margin-top: var(--st-spacing-sm);
+        font-size: var(--st-font-size-xs);
+        color: var(--st-color-text-muted);
+      }
+      .scale-bar {
+        flex: 1;
+        max-width: 12rem;
+        height: 0.5rem;
+        border-radius: 999px;
+        border: 1px solid var(--st-color-border);
+        background: linear-gradient(
+          to right,
+          var(--st-color-surface-muted),
+          var(--_ramp)
+        );
+      }
+    `,
+];
+__decorate([
+    property({ type: Array })
+], StHeatMap.prototype, "rows", void 0);
+__decorate([
+    property({ type: Array })
+], StHeatMap.prototype, "columns", void 0);
+__decorate([
+    property({ type: Array })
+], StHeatMap.prototype, "values", void 0);
+__decorate([
+    property({ type: Number })
+], StHeatMap.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], StHeatMap.prototype, "max", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], StHeatMap.prototype, "color", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "show-values" })
+], StHeatMap.prototype, "showValues", void 0);
+__decorate([
+    property({ type: Object })
+], StHeatMap.prototype, "selected", void 0);
+__decorate([
+    state()
+], StHeatMap.prototype, "_active", void 0);
+StHeatMap = __decorate([
+    customElement("st-heat-map")
+], StHeatMap);
+export { StHeatMap };
+//# sourceMappingURL=heat-map.js.map

package/dist/components/heat-map/heat-map.js.map

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

package/dist/components/hero/hero.d.ts

@@ -0,0 +1,26 @@
+import { StSection } from "../section/section.js";
+/**
+ * The opening row of a page: a big title, a short introduction and the main actions. Add a
+ * `media` (an image or video) and the row becomes two columns on wide screens, text beside media,
+ * stacking on narrow ones.
+ *
+ * Slots: `eyebrow`, `title`, `lead`, `actions` (buttons), `media` and the default slot for
+ * anything extra under the actions (a note, a row of logos).
+ * It takes all the row options of `st-section` (tone, space, width, reveal, label).
+ */
+export declare class StHero extends StSection {
+    /** With media, shows it before the text instead of after. */
+    reverse: boolean;
+    private _hasMedia;
+    private _hasActions;
+    constructor();
+    static styles: import("lit").CSSResult[];
+    private _onMediaChange;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-hero": StHero;
+    }
+}
+//# sourceMappingURL=hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../src/components/hero/hero.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,6DAA6D;IACnB,OAAO,UAAS;IAEjD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAS;IAErC,cAGC;IAED,MAAM,CAAC,MAAM,4BAkEX;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,MAAM,sCAyBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/hero/hero.js

@@ -0,0 +1,132 @@
+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 } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { StSection } from "../section/section.js";
+/**
+ * The opening row of a page: a big title, a short introduction and the main actions. Add a
+ * `media` (an image or video) and the row becomes two columns on wide screens, text beside media,
+ * stacking on narrow ones.
+ *
+ * Slots: `eyebrow`, `title`, `lead`, `actions` (buttons), `media` and the default slot for
+ * anything extra under the actions (a note, a row of logos).
+ * It takes all the row options of `st-section` (tone, space, width, reveal, label).
+ */
+let StHero = class StHero extends StSection {
+    constructor() {
+        super();
+        /** With media, shows it before the text instead of after. */
+        this.reverse = false;
+        this._hasMedia = false;
+        this._hasActions = false;
+        this._onMediaChange = (e) => {
+            this._hasMedia = e.target.assignedNodes().length > 0;
+            this.toggleAttribute("data-media", this._hasMedia);
+        };
+        this.space = "lg";
+    }
+    render() {
+        return this.frame(html `
+        <div class="hero">
+          <div class="text">
+            ${this.renderHeader()}
+            ${this.animateIn(html `<div class="actions" ?hidden=${!this._hasActions}>
+                <slot
+                  name="actions"
+                  @slotchange=${(e) => (this._hasActions = e.target.assignedNodes().length > 0)}
+                ></slot>
+              </div>`, 150)}
+            ${this.animateIn(html `<slot @slotchange=${this._onItemsChange}></slot>`, 250)}
+          </div>
+          <div class="media" ?hidden=${!this._hasMedia}>
+            ${this.animateIn(html `<slot name="media" @slotchange=${this._onMediaChange}></slot>`, 200)}
+          </div>
+        </div>
+      `, { header: false, animated: false });
+    }
+};
+StHero.styles = [
+    ...StSection.styles,
+    css `
+      .hero {
+        display: grid;
+        gap: var(--st-spacing-2xl);
+        align-items: center;
+      }
+
+      :host([data-media]) .hero {
+        grid-template-columns: minmax(0, 1fr);
+      }
+
+      @media (min-width: 60rem) {
+        :host([data-media]) .hero {
+          grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+
+        :host([reverse]) .media {
+          order: -1;
+        }
+      }
+
+      .text {
+        display: grid;
+        justify-items: center;
+        gap: var(--st-spacing-lg);
+      }
+
+      :host([data-media]) .text {
+        justify-items: start;
+      }
+
+      :host([data-media]) .header {
+        margin-inline: 0;
+        text-align: start;
+      }
+
+      .header {
+        margin-bottom: 0;
+      }
+
+      ::slotted([slot="title"]) {
+        font-size: clamp(2rem, 5vw, 3.5rem) !important;
+      }
+
+      ::slotted([slot="lead"]) {
+        font-size: var(--st-font-size-xl);
+      }
+
+      .actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--st-spacing-md);
+        justify-content: center;
+      }
+
+      :host([data-media]) .actions {
+        justify-content: flex-start;
+      }
+
+      .media ::slotted(*) {
+        width: 100%;
+        border-radius: var(--st-radius-lg);
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StHero.prototype, "reverse", void 0);
+__decorate([
+    state()
+], StHero.prototype, "_hasMedia", void 0);
+__decorate([
+    state()
+], StHero.prototype, "_hasActions", void 0);
+StHero = __decorate([
+    customElement("st-hero")
+], StHero);
+export { StHero };
+//# sourceMappingURL=hero.js.map

package/dist/components/hero/hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../src/components/hero/hero.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC9B,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD;;;;;;;;GAQG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,SAAS;IAOnC;QACE,KAAK,EAAE,CAAC;QAPV,6DAA6D;QACnB,YAAO,GAAG,KAAK,CAAC;QAEzC,cAAS,GAAG,KAAK,CAAC;QAClB,gBAAW,GAAG,KAAK,CAAC;QA2E7B,mBAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;YACpC,IAAI,CAAC,SAAS,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1E,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;QA1EA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IA2ED,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CACf,IAAI,CAAA;;;cAGI,IAAI,CAAC,YAAY,EAAE;cACnB,IAAI,CAAC,SAAS,CACd,IAAI,CAAA,gCAAgC,CAAC,IAAI,CAAC,WAAW;;;gCAGnC,CAAC,CAAQ,EAAE,EAAE,CACzB,CAAC,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;;qBAE5E,EACP,GAAG,CACJ;cACC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,cAAc,UAAU,EAAE,GAAG,CAAC;;uCAElD,CAAC,IAAI,CAAC,SAAS;cACxC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA,kCAAkC,IAAI,CAAC,cAAc,UAAU,EAAE,GAAG,CAAC;;;OAG/F,EACD,EAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAC,CACjC,CAAC;IACJ,CAAC;CACF,CAAA;AAnGQ,aAAM,GAAG;IACd,GAAG,SAAS,CAAC,MAAM;IACnB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DF;CACF,AAlEY,CAkEX;AA5EwC;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;uCAAiB;AAEzC;IAAhB,KAAK,EAAE;yCAA2B;AAClB;IAAhB,KAAK,EAAE;2CAA6B;AAL1B,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CA+GlB"}

package/dist/components/icon/icon-paths.d.ts

@@ -202,6 +202,90 @@ export declare const iconPaths: {
     wrench: {
         classic: import("lit-html").TemplateResult<2>;
     };
+    x: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    check: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    search: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    eye: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "eye-slash": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    copy: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    menu: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    ellipsis: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    filter: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "sort-up": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "sort-down": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    sliders: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "calendar-clock": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    user: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    lock: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    link: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "external-link": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    bell: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    server: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "hard-drive": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    monitor: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    loader: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    cpu: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    box: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    minus: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    table: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    grid: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    list: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
 };
 export type IconName = keyof typeof iconPaths;
 //# sourceMappingURL=icon-paths.d.ts.map

package/dist/components/icon/icon-paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-paths.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon-paths.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;IACpB,aAAa;QACX,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,WAAW;QACT,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,UAAU;QACR,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,UAAU;QACR,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,UAAU;QACR,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,eAAe;QACb,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,UAAU;QACR,OAAO;;IAET,GAAK;QACH,OAAO;;IAET,QAAU;QACR,OAAO;;IAET,mBAAmB;QACjB,OAAO;;IAET,mBAAmB;QACjB,OAAO;;IAET,oBAAoB;QAClB,OAAO;;IAET,iBAAiB;QACf,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,gBAAgB;QACd,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,OAAS;QACP,OAAO;;IAET,OAAS;QACP,OAAO;;IAET,QAAU;QACR,OAAO;;IAET,QAAU;QACR,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,KAAO;QACL,OAAO;;IAET,KAAO;QACL,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,OAAS;QACP,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,kBAAkB;QAChB,OAAO;QACP,KAAK;;IAEP,wBAAwB;QACtB,OAAO;QACP,KAAK;;IAEP,sBAAsB;QACpB,OAAO;QACP,KAAK;;IAEP,iBAAiB;QACf,OAAO;QACP,KAAK;;IAEP,qBAAqB;QACnB,OAAO;QACP,KAAK;;IAEP,IAAM;QACJ,OAAO;;IAET,OAAS;QACP,OAAO;;IAET,KAAO;QACL,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,IAAM;QACJ,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,QAAU;QACR,OAAO;;IAET,KAAO;QACL,OAAO;;IAET,WAAW;QACT,OAAO;;IAET,WAAW;QACT,OAAO;;IAET,sBAAsB;QACpB,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,MAAQ;QACN,OAAO;;CAEV,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC"}
+{"version":3,"file":"icon-paths.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon-paths.ts"],"names":[],"mappings":"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"}