@sentropic/design-system-angular 0.36.54

package/dist/ErrorBarChart.js

@@ -0,0 +1,310 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+import { GraphLegend } from "./GraphLegend.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 16, right: 20, bottom: 32, left: 96 };
+const MARKER_RADIUS = 4;
+const CAP_HALF = 5;
+export class ErrorBarChart {
+    static stComponentName = "ErrorBarChart";
+    componentName = "ErrorBarChart";
+    MARGIN = MARGIN;
+    MARKER_RADIUS = MARKER_RADIUS;
+    CAP_HALF = CAP_HALF;
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    tone;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-errorBarChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 240;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get toneValue() {
+        return this.tone ?? "category1";
+    }
+    get plotWidth() {
+        return Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1);
+    }
+    normalize(d) {
+        if (!Number.isFinite(d.value) || !Number.isFinite(d.low) || !Number.isFinite(d.high))
+            return null;
+        const lo = Math.min(d.low, d.high);
+        const hi = Math.max(d.low, d.high);
+        const mid = Math.min(hi, Math.max(lo, d.value));
+        return { lo, mid, hi };
+    }
+    get validData() {
+        return (this.data ?? []).filter((d) => this.normalize(d) !== null);
+    }
+    get xTicks() {
+        if (this.validData.length === 0)
+            return [0];
+        const lows = this.validData.map((d) => this.normalize(d).lo);
+        const highs = this.validData.map((d) => this.normalize(d).hi);
+        const minRaw = Math.min(...lows);
+        const maxRaw = Math.max(...highs);
+        const padded = (maxRaw - minRaw) * 0.08 || Math.max(Math.abs(maxRaw), 1) * 0.1;
+        return niceTicks(minRaw - padded, maxRaw + padded, 5);
+    }
+    get xDomain() {
+        if (this.xTicks.length === 0)
+            return { min: 0, max: 1 };
+        return { min: this.xTicks[0], max: this.xTicks[this.xTicks.length - 1] };
+    }
+    get rows() {
+        if (this.validData.length === 0)
+            return [];
+        const band = this.plotHeight / this.validData.length;
+        return this.validData.map((d, i) => {
+            const r = this.normalize(d);
+            const cy = MARGIN.top + band * (i + 0.5);
+            const xLow = MARGIN.left + scaleLinear(r.lo, this.xDomain.min, this.xDomain.max, 0, this.plotWidth);
+            const xMid = MARGIN.left + scaleLinear(r.mid, this.xDomain.min, this.xDomain.max, 0, this.plotWidth);
+            const xHigh = MARGIN.left + scaleLinear(r.hi, this.xDomain.min, this.xDomain.max, 0, this.plotWidth);
+            return { datum: d, range: r, cy, xLow, xMid, xHigh, index: i };
+        });
+    }
+    get gridLines() {
+        return this.xTicks.map((tick) => ({
+            value: tick,
+            x: MARGIN.left + scaleLinear(tick, this.xDomain.min, this.xDomain.max, 0, this.plotWidth),
+        }));
+    }
+    get legendEntries() {
+        return [{ label: this.label, shape: "circle", tone: this.toneValue }];
+    }
+    get dataValueItems() {
+        return this.validData.map((d) => {
+            const r = this.normalize(d);
+            return `${d.category}: ${r.mid} (${r.lo} – ${r.hi})`;
+        });
+    }
+    get hoveredRow() {
+        if (this.hoveredIndex === null)
+            return null;
+        return this.rows[this.hoveredIndex] ?? null;
+    }
+    fmtTick(v) {
+        return formatTick(v);
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const attr = target?.getAttribute("data-chart-index");
+        if (attr != null) {
+            const idx = Number(attr);
+            if (Number.isInteger(idx)) {
+                this.hoveredIndex = idx;
+                return;
+            }
+        }
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ErrorBarChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ErrorBarChart, isStandalone: true, selector: "st-error-bar-chart", inputs: { data: "data", width: "width", height: "height", tone: "tone", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-errorBarChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="hoveredIndex = null"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (g of gridLines; track g.value) {
+            <line class="st-errorBarChart__grid" [attr.x1]="g.x" [attr.x2]="g.x" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+            <text class="st-errorBarChart__tickLabel" [attr.x]="g.x" [attr.y]="heightValue - MARGIN.bottom + 16" text-anchor="middle">{{ fmtTick(g.value) }}</text>
+          }
+
+          <line class="st-errorBarChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          <line class="st-errorBarChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="heightValue - MARGIN.bottom" [attr.y2]="heightValue - MARGIN.bottom"></line>
+
+          @for (row of rows; track row.index) {
+            <text
+              class="st-errorBarChart__categoryLabel"
+              [attr.x]="MARGIN.left - 8"
+              [attr.y]="row.cy"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ row.datum.category }}</text>
+            <line
+              [class]="'st-errorBarChart__whisker st-errorBarChart__whisker--' + toneValue"
+              [attr.x1]="row.xLow"
+              [attr.x2]="row.xHigh"
+              [attr.y1]="row.cy"
+              [attr.y2]="row.cy"
+            ></line>
+            <line
+              [class]="'st-errorBarChart__cap st-errorBarChart__cap--low st-errorBarChart__cap--' + toneValue"
+              [attr.x1]="row.xLow"
+              [attr.x2]="row.xLow"
+              [attr.y1]="row.cy - CAP_HALF"
+              [attr.y2]="row.cy + CAP_HALF"
+            ></line>
+            <line
+              [class]="'st-errorBarChart__cap st-errorBarChart__cap--high st-errorBarChart__cap--' + toneValue"
+              [attr.x1]="row.xHigh"
+              [attr.x2]="row.xHigh"
+              [attr.y1]="row.cy - CAP_HALF"
+              [attr.y2]="row.cy + CAP_HALF"
+            ></line>
+            <circle
+              [class]="'st-errorBarChart__marker st-errorBarChart__marker--' + toneValue"
+              [attr.cx]="row.xMid"
+              [attr.cy]="row.cy"
+              [attr.r]="MARKER_RADIUS"
+              [attr.data-chart-index]="row.index"
+            ></circle>
+          }
+        </svg>
+        <st-graph-legend class="st-errorBarChart__legend" [entries]="legendEntries"></st-graph-legend>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredRow; as row) {
+        <div
+          class="st-errorBarChart__tooltip"
+          role="presentation"
+          [style.left.%]="(row.xMid / widthValue) * 100"
+          [style.top.%]="(row.cy / heightValue) * 100"
+        >
+          <span class="st-errorBarChart__tooltipLabel">{{ row.datum.category }}</span>
+          <span class="st-errorBarChart__tooltipValue">{{ row.range.mid }} ({{ row.range.lo }} – {{ row.range.hi }})</span>
+        </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: GraphLegend, selector: "st-graph-legend", inputs: ["entries", "title", "class"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ErrorBarChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-error-bar-chart",
+                    standalone: true,
+                    imports: [GraphLegend],
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-errorBarChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="hoveredIndex = null"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (g of gridLines; track g.value) {
+            <line class="st-errorBarChart__grid" [attr.x1]="g.x" [attr.x2]="g.x" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+            <text class="st-errorBarChart__tickLabel" [attr.x]="g.x" [attr.y]="heightValue - MARGIN.bottom + 16" text-anchor="middle">{{ fmtTick(g.value) }}</text>
+          }
+
+          <line class="st-errorBarChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          <line class="st-errorBarChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="heightValue - MARGIN.bottom" [attr.y2]="heightValue - MARGIN.bottom"></line>
+
+          @for (row of rows; track row.index) {
+            <text
+              class="st-errorBarChart__categoryLabel"
+              [attr.x]="MARGIN.left - 8"
+              [attr.y]="row.cy"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ row.datum.category }}</text>
+            <line
+              [class]="'st-errorBarChart__whisker st-errorBarChart__whisker--' + toneValue"
+              [attr.x1]="row.xLow"
+              [attr.x2]="row.xHigh"
+              [attr.y1]="row.cy"
+              [attr.y2]="row.cy"
+            ></line>
+            <line
+              [class]="'st-errorBarChart__cap st-errorBarChart__cap--low st-errorBarChart__cap--' + toneValue"
+              [attr.x1]="row.xLow"
+              [attr.x2]="row.xLow"
+              [attr.y1]="row.cy - CAP_HALF"
+              [attr.y2]="row.cy + CAP_HALF"
+            ></line>
+            <line
+              [class]="'st-errorBarChart__cap st-errorBarChart__cap--high st-errorBarChart__cap--' + toneValue"
+              [attr.x1]="row.xHigh"
+              [attr.x2]="row.xHigh"
+              [attr.y1]="row.cy - CAP_HALF"
+              [attr.y2]="row.cy + CAP_HALF"
+            ></line>
+            <circle
+              [class]="'st-errorBarChart__marker st-errorBarChart__marker--' + toneValue"
+              [attr.cx]="row.xMid"
+              [attr.cy]="row.cy"
+              [attr.r]="MARKER_RADIUS"
+              [attr.data-chart-index]="row.index"
+            ></circle>
+          }
+        </svg>
+        <st-graph-legend class="st-errorBarChart__legend" [entries]="legendEntries"></st-graph-legend>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredRow; as row) {
+        <div
+          class="st-errorBarChart__tooltip"
+          role="presentation"
+          [style.left.%]="(row.xMid / widthValue) * 100"
+          [style.top.%]="(row.cy / heightValue) * 100"
+        >
+          <span class="st-errorBarChart__tooltipLabel">{{ row.datum.category }}</span>
+          <span class="st-errorBarChart__tooltipValue">{{ row.range.mid }} ({{ row.range.lo }} – {{ row.range.hi }})</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ErrorBarChart.js.map

package/dist/ErrorBarChart.js.map

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

package/dist/ErrorSummary.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+/** A single field error: `href` points to the offending control, `text` is the message. */
+export type ErrorSummaryItem = {
+    href: string;
+    text: string;
+};
+export type ErrorSummaryProps = {
+    heading?: string;
+    errors?: ErrorSummaryItem[];
+    class?: string;
+};
+export declare class ErrorSummary {
+    static readonly stComponentName = "ErrorSummary";
+    readonly componentName = "ErrorSummary";
+    heading: string;
+    errors: ErrorSummaryItem[];
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorSummary, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorSummary, "st-error-summary", never, { "heading": { "alias": "heading"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=ErrorSummary.d.ts.map

package/dist/ErrorSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummary.d.ts","sourceRoot":"","sources":["../src/ErrorSummary.ts"],"names":[],"mappings":";AAIA,2FAA2F;AAC3F,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAmBa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAC7B,OAAO,SAAyB;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAM;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCATU,YAAY;2CAAZ,YAAY;CAUxB"}

package/dist/ErrorSummary.js

@@ -0,0 +1,59 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class ErrorSummary {
+    static stComponentName = "ErrorSummary";
+    componentName = "ErrorSummary";
+    heading = "There was a problem";
+    errors = [];
+    classInput;
+    get hostClass() {
+        return classNames("st-error-summary", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ErrorSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ErrorSummary, isStandalone: true, selector: "st-error-summary", inputs: { heading: "heading", errors: "errors", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass" role="alert" tabindex="-1">
+      <h2 class="st-error-summary__heading">{{ heading }}</h2>
+      @if (errors && errors.length > 0) {
+        <ul class="st-error-summary__list">
+          @for (err of errors; track err.href) {
+            <li class="st-error-summary__item">
+              <a [href]="err.href" class="st-error-summary__link">{{ err.text }}</a>
+            </li>
+          }
+        </ul>
+      }
+      <ng-content></ng-content>
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ErrorSummary, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-error-summary",
+                    standalone: true,
+                    template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass" role="alert" tabindex="-1">
+      <h2 class="st-error-summary__heading">{{ heading }}</h2>
+      @if (errors && errors.length > 0) {
+        <ul class="st-error-summary__list">
+          @for (err of errors; track err.href) {
+            <li class="st-error-summary__item">
+              <a [href]="err.href" class="st-error-summary__link">{{ err.text }}</a>
+            </li>
+          }
+        </ul>
+      }
+      <ng-content></ng-content>
+    </section>
+  `,
+                }]
+        }], propDecorators: { heading: [{
+                type: NgInput
+            }], errors: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ErrorSummary.js.map

package/dist/ErrorSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../src/ErrorSummary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA8B7C,MAAM,OAAO,YAAY;IACvB,MAAM,CAAU,eAAe,GAAG,cAAc,CAAC;IACxC,aAAa,GAAG,cAAc,CAAC;IAC7B,OAAO,GAAG,qBAAqB,CAAC;IAChC,MAAM,GAAuB,EAAE,CAAC;IACzB,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACzD,CAAC;wGATU,YAAY;4FAAZ,YAAY,mKAhBb;;;;;;;;;;;;;;GAcT;;4FAEU,YAAY;kBAnBxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;GAcT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/EventFeedPanel.d.ts

@@ -0,0 +1,38 @@
+import * as i0 from "@angular/core";
+export type EventFeedPanelSeverity = "info" | "success" | "warning" | "error" | (string & {});
+export type EventFeedPanelEvent = {
+    at: number;
+    type: string;
+    severity: EventFeedPanelSeverity;
+    message: string;
+};
+export type EventFeedPanelProps = {
+    data: EventFeedPanelEvent[];
+    label?: string;
+    maxHeight?: number;
+    height?: number;
+    class?: string;
+};
+export declare class EventFeedPanel {
+    static readonly stComponentName = "EventFeedPanel";
+    readonly componentName = "EventFeedPanel";
+    data: EventFeedPanelEvent[];
+    label?: string;
+    maxHeight?: number;
+    height?: number;
+    classInput?: string;
+    private readonly knownSeverities;
+    get hostClass(): string;
+    get resolvedMaxHeight(): number | undefined;
+    get items(): Array<{
+        index: number;
+        datum: EventFeedPanelEvent;
+        tone: string;
+        time: string;
+    }>;
+    private severityTone;
+    private formatTime;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EventFeedPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EventFeedPanel, "st-event-feed-panel", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "height": { "alias": "height"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=EventFeedPanel.d.ts.map

package/dist/EventFeedPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventFeedPanel.d.ts","sourceRoot":"","sources":["../src/EventFeedPanel.ts"],"names":[],"mappings":";AAGA,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE9F,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,sBAAsB,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAmCa,cAAc;IACzB,MAAM,CAAC,QAAQ,CAAC,eAAe,oBAAoB;IACnD,QAAQ,CAAC,aAAa,oBAAoB;IAC/B,IAAI,EAAE,mBAAmB,EAAE,CAAM;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA2C;IAE3E,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,iBAAiB,IAAI,MAAM,GAAG,SAAS,CAG1C;IAED,IAAI,KAAK,IAAI,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,mBAAmB,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAU5F;IAED,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;yCApCP,cAAc;2CAAd,cAAc;CA0C1B"}

package/dist/EventFeedPanel.js

@@ -0,0 +1,123 @@
+import { NgFor, NgIf } from "@angular/common";
+import { Component, Input as NgInput } from "@angular/core";
+import * as i0 from "@angular/core";
+export class EventFeedPanel {
+    static stComponentName = "EventFeedPanel";
+    componentName = "EventFeedPanel";
+    data = [];
+    label;
+    maxHeight;
+    height;
+    classInput;
+    knownSeverities = ["info", "success", "warning", "error"];
+    get hostClass() {
+        return ["st-eventFeedPanel", this.classInput].filter(Boolean).join(" ");
+    }
+    get resolvedMaxHeight() {
+        const value = this.maxHeight ?? this.height;
+        return typeof value === "number" && Number.isFinite(value) ? value : undefined;
+    }
+    get items() {
+        return (this.data ?? [])
+            .filter((datum) => Boolean(datum) && Number.isFinite(datum.at) && typeof datum.message === "string")
+            .map((datum, index) => ({
+            index,
+            datum,
+            tone: this.severityTone(String(datum.severity)),
+            time: this.formatTime(datum.at),
+        }))
+            .sort((a, b) => b.datum.at - a.datum.at);
+    }
+    severityTone(severity) {
+        return this.knownSeverities.includes(severity) ? severity : "neutral";
+    }
+    formatTime(at) {
+        if (!Number.isFinite(at))
+            return "";
+        const date = new Date(at);
+        if (Number.isNaN(date.getTime()))
+            return String(at);
+        return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EventFeedPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: EventFeedPanel, isStandalone: true, selector: "st-event-feed-panel", inputs: { data: "data", label: "label", maxHeight: "maxHeight", height: "height", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <p *ngIf="label" class="st-eventFeedPanel__label" id="st-eventFeedPanel-label">
+        {{ label }}
+      </p>
+      <ul
+        class="st-eventFeedPanel__list"
+        role="feed"
+        [attr.aria-label]="label"
+        aria-busy="false"
+        [style.max-height.px]="resolvedMaxHeight"
+      >
+        <li
+          *ngFor="let item of items"
+          [class]="'st-eventFeedPanel__item st-eventFeedPanel__item--' + item.tone"
+          role="article"
+          [attr.aria-label]="item.datum.type + ' - ' + item.datum.message"
+        >
+          <span [class]="'st-eventFeedPanel__badge st-eventFeedPanel__badge--' + item.tone" aria-hidden="true"></span>
+          <div class="st-eventFeedPanel__body">
+            <div class="st-eventFeedPanel__meta">
+              <span class="st-eventFeedPanel__type">{{ item.datum.type }}</span>
+              <time class="st-eventFeedPanel__time">{{ item.time }}</time>
+            </div>
+            <p class="st-eventFeedPanel__message">{{ item.datum.message }}</p>
+          </div>
+        </li>
+      </ul>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EventFeedPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-event-feed-panel",
+                    standalone: true,
+                    imports: [NgFor, NgIf],
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <p *ngIf="label" class="st-eventFeedPanel__label" id="st-eventFeedPanel-label">
+        {{ label }}
+      </p>
+      <ul
+        class="st-eventFeedPanel__list"
+        role="feed"
+        [attr.aria-label]="label"
+        aria-busy="false"
+        [style.max-height.px]="resolvedMaxHeight"
+      >
+        <li
+          *ngFor="let item of items"
+          [class]="'st-eventFeedPanel__item st-eventFeedPanel__item--' + item.tone"
+          role="article"
+          [attr.aria-label]="item.datum.type + ' - ' + item.datum.message"
+        >
+          <span [class]="'st-eventFeedPanel__badge st-eventFeedPanel__badge--' + item.tone" aria-hidden="true"></span>
+          <div class="st-eventFeedPanel__body">
+            <div class="st-eventFeedPanel__meta">
+              <span class="st-eventFeedPanel__type">{{ item.datum.type }}</span>
+              <time class="st-eventFeedPanel__time">{{ item.time }}</time>
+            </div>
+            <p class="st-eventFeedPanel__message">{{ item.datum.message }}</p>
+          </div>
+        </li>
+      </ul>
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], maxHeight: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=EventFeedPanel.js.map

package/dist/EventFeedPanel.js.map

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

package/dist/FieldCard.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from "@angular/core";
+export type FieldCardVariant = "plain" | "bordered" | "accent";
+export type FieldCardTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type FieldCardProps = {
+    label: string;
+    variant?: FieldCardVariant;
+    tone?: FieldCardTone;
+    commentCount?: number;
+    onOpenComments?: () => void;
+    class?: string;
+};
+export declare class FieldCard {
+    static readonly stComponentName = "FieldCard";
+    readonly componentName = "FieldCard";
+    label: string;
+    variant: FieldCardVariant;
+    tone?: FieldCardTone;
+    commentCount?: number;
+    onOpenComments?: () => void;
+    classInput?: string;
+    get count(): number;
+    get showBadge(): boolean;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldCard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldCard, "st-field-card", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "commentCount": { "alias": "commentCount"; "required": false; }; "onOpenComments": { "alias": "onOpenComments"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=FieldCard.d.ts.map

package/dist/FieldCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCard.d.ts","sourceRoot":"","sources":["../src/FieldCard.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/D,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAoDa,SAAS;IACpB,MAAM,CAAC,QAAQ,CAAC,eAAe,eAAe;IAC9C,QAAQ,CAAC,aAAa,eAAe;IAC1B,KAAK,EAAG,MAAM,CAAC;IACf,OAAO,EAAE,gBAAgB,CAAc;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,IAAI,MAAM,CAOtB;yCAzBU,SAAS;2CAAT,SAAS;CA0BrB"}