@sentropic/design-system-angular 0.36.54

package/dist/TileMapChart.js

@@ -0,0 +1,286 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+const MARGIN = { top: 16, right: 16, bottom: 44, left: 16 };
+const GAP = 4;
+export class TileMapChart {
+    static stComponentName = "TileMapChart";
+    componentName = "TileMapChart";
+    data = [];
+    width;
+    height;
+    label = "";
+    classInput;
+    hoveredIndex = null;
+    legendTones = TONES;
+    get hostClass() {
+        return classNames("st-tileMapChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 360;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get plotWidth() {
+        return Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1);
+    }
+    get valid() {
+        return this.data.filter((tile) => Number.isFinite(tile.col) && Number.isFinite(tile.row) && Number.isFinite(tile.value));
+    }
+    get tiles() {
+        const valid = this.valid;
+        if (valid.length === 0)
+            return [];
+        const cols = Math.max(...valid.map((t) => t.col)) + 1;
+        const rows = Math.max(...valid.map((t) => t.row)) + 1;
+        const values = valid.map((t) => t.value);
+        const min = Math.min(...values);
+        const max = Math.max(...values);
+        const side = Math.max(Math.min(this.plotWidth / cols, this.plotHeight / rows) - GAP, 1);
+        const gridW = cols * (side + GAP) - GAP;
+        const gridH = rows * (side + GAP) - GAP;
+        const offsetX = MARGIN.left + Math.max((this.plotWidth - gridW) / 2, 0);
+        const offsetY = MARGIN.top + Math.max((this.plotHeight - gridH) / 2, 0);
+        return valid.map((tile, index) => {
+            const x = offsetX + tile.col * (side + GAP);
+            const y = offsetY + tile.row * (side + GAP);
+            return {
+                tile,
+                index,
+                tone: this.toneForValue(tile.value, min, max),
+                x,
+                y,
+                side,
+                cx: x + side / 2,
+                cy: y + side / 2,
+            };
+        });
+    }
+    get hoveredTile() {
+        return this.hoveredIndex !== null ? this.tiles[this.hoveredIndex] : undefined;
+    }
+    get dataValueItems() {
+        return this.valid.map((tile) => `${tile.label}: ${this.formatNumber(tile.value)}`);
+    }
+    toneForValue(value, min, max) {
+        if (!Number.isFinite(value) || max <= min)
+            return "category1";
+        const index = Math.max(0, Math.min(TONES.length - 1, Math.floor(((value - min) / (max - min)) * TONES.length)));
+        return TONES[index];
+    }
+    formatNumber(value) {
+        if (value === undefined || !Number.isFinite(value))
+            return "0";
+        if (Number.isInteger(value))
+            return String(value);
+        return value.toFixed(2).replace(/\.?0+$/, "");
+    }
+    tileClass(tile) {
+        return classNames("st-tileMapChart__tile", `st-tileMapChart__tile--${tile.tone}`, this.hoveredIndex !== null && this.hoveredIndex !== tile.index ? "st-tileMapChart__tile--dim" : null);
+    }
+    tooltipLeft() {
+        const tile = this.hoveredTile;
+        if (!tile)
+            return "0%";
+        return `${(tile.cx / this.widthValue) * 100}%`;
+    }
+    tooltipTop() {
+        const tile = this.hoveredTile;
+        if (!tile)
+            return "0%";
+        return `${(tile.cy / this.heightValue) * 100}%`;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) ? raw : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TileMapChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TileMapChart, isStandalone: true, selector: "st-tile-map-chart", inputs: { data: "data", width: "width", height: "height", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-tileMapChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tile of tiles; track $index) {
+            <g>
+              <rect
+                [class]="tileClass(tile)"
+                [attr.x]="tile.x"
+                [attr.y]="tile.y"
+                [attr.width]="tile.side"
+                [attr.height]="tile.side"
+                rx="3"
+                [attr.data-chart-index]="tile.index"
+              ></rect>
+              @if (tile.side > 18) {
+                <text
+                  class="st-tileMapChart__tileLabel"
+                  [attr.x]="tile.cx"
+                  [attr.y]="tile.cy"
+                  text-anchor="middle"
+                  dominant-baseline="middle"
+                  pointer-events="none"
+                >
+                  {{ tile.tile.label }}
+                </text>
+              }
+            </g>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredIndex !== null && tiles[hoveredIndex ?? -1]) {
+        <div
+          class="st-tileMapChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft()"
+          [style.top]="tooltipTop()"
+        >
+          <span class="st-tileMapChart__tooltipLabel">{{ hoveredTile?.tile?.label }}</span>
+          <span class="st-tileMapChart__tooltipValue">{{ formatNumber(hoveredTile?.tile?.value) }}</span>
+        </div>
+      }
+
+      <div class="st-tileMapChart__legend" aria-hidden="true">
+        <span class="st-tileMapChart__legendText">Low</span>
+        <span class="st-tileMapChart__legendRamp">
+          @for (tone of legendTones; track tone) {
+            <span [class]="'st-tileMapChart__legendSwatch st-tileMapChart__legendSwatch--' + tone"></span>
+          }
+        </span>
+        <span class="st-tileMapChart__legendText">High</span>
+      </div>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TileMapChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-tile-map-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-tileMapChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tile of tiles; track $index) {
+            <g>
+              <rect
+                [class]="tileClass(tile)"
+                [attr.x]="tile.x"
+                [attr.y]="tile.y"
+                [attr.width]="tile.side"
+                [attr.height]="tile.side"
+                rx="3"
+                [attr.data-chart-index]="tile.index"
+              ></rect>
+              @if (tile.side > 18) {
+                <text
+                  class="st-tileMapChart__tileLabel"
+                  [attr.x]="tile.cx"
+                  [attr.y]="tile.cy"
+                  text-anchor="middle"
+                  dominant-baseline="middle"
+                  pointer-events="none"
+                >
+                  {{ tile.tile.label }}
+                </text>
+              }
+            </g>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredIndex !== null && tiles[hoveredIndex ?? -1]) {
+        <div
+          class="st-tileMapChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft()"
+          [style.top]="tooltipTop()"
+        >
+          <span class="st-tileMapChart__tooltipLabel">{{ hoveredTile?.tile?.label }}</span>
+          <span class="st-tileMapChart__tooltipValue">{{ formatNumber(hoveredTile?.tile?.value) }}</span>
+        </div>
+      }
+
+      <div class="st-tileMapChart__legend" aria-hidden="true">
+        <span class="st-tileMapChart__legendText">Low</span>
+        <span class="st-tileMapChart__legendRamp">
+          @for (tone of legendTones; track tone) {
+            <span [class]="'st-tileMapChart__legendSwatch st-tileMapChart__legendSwatch--' + tone"></span>
+          }
+        </span>
+        <span class="st-tileMapChart__legendText">High</span>
+      </div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=TileMapChart.js.map

package/dist/TileMapChart.js.map

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

package/dist/TimePicker.d.ts

@@ -0,0 +1,61 @@
+import { ElementRef, EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type TimePickerFormat = "24" | "12";
+export type TimePickerSize = "sm" | "md" | "lg";
+export type TimePickerProps = {
+    value?: string;
+    modelValue?: string;
+    onChange?: (value: string) => void;
+    step?: number;
+    min?: string;
+    max?: string;
+    format?: TimePickerFormat;
+    size?: TimePickerSize;
+    disabled?: boolean;
+    label?: string;
+    class?: string;
+    id?: string;
+};
+export declare class TimePicker {
+    private readonly host;
+    static readonly stComponentName = "TimePicker";
+    readonly componentName = "TimePicker";
+    readonly fieldId: string;
+    readonly listId: string;
+    constructor(host: ElementRef<HTMLElement>);
+    value: string;
+    modelValue?: string;
+    onChange?: (value: string) => void;
+    step: number;
+    min?: string;
+    max?: string;
+    format: TimePickerFormat;
+    size: TimePickerSize;
+    disabled: boolean;
+    label?: string;
+    id?: string;
+    readonly modelValueChange: EventEmitter<string>;
+    open: boolean;
+    activeIndex: number;
+    get currentValue(): string;
+    get groupClasses(): string;
+    get placeholderText(): string;
+    get displayValue(): string;
+    get activeDescendant(): string | null;
+    get slots(): string[];
+    private toMinutes;
+    private fromMinutes;
+    display(hhmm: string): string;
+    openList(): void;
+    closeList(returnFocus?: boolean): void;
+    toggleOpen(): void;
+    pick(slot: string): void;
+    private focusInput;
+    private scrollActiveIntoView;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onListKeyDown(event: KeyboardEvent): void;
+    onDocumentMouseDown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePicker, "st-time-picker", never, { "value": { "alias": "value"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "onChange": { "alias": "onChange"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "format": { "alias": "format"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "modelValueChange": "modelValueChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=TimePicker.d.ts.map

package/dist/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../src/TimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,YAAY,EAIb,MAAM,eAAe,CAAC;;AAEvB,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAIF,qBAsFa,UAAU;IAMT,OAAO,CAAC,QAAQ,CAAC,IAAI;IALjC,MAAM,CAAC,QAAQ,CAAC,eAAe,gBAAgB;IAC/C,QAAQ,CAAC,aAAa,gBAAgB;IACtC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;gBAEK,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC;IAM/C,KAAK,SAAM;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,SAAM;IACV,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,gBAAgB,CAAQ;IAChC,IAAI,EAAE,cAAc,CAAQ;IAC5B,QAAQ,UAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,gBAAgB,uBAA8B;IAEjE,IAAI,UAAS;IACb,WAAW,SAAM;IAEjB,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAIpC;IAED,IAAI,KAAK,IAAI,MAAM,EAAE,CASpB;IAED,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAY7B,QAAQ,IAAI,IAAI;IAOhB,SAAS,CAAC,WAAW,UAAO,GAAG,IAAI;IAMnC,UAAU,IAAI,IAAI;IAMlB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQxB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,oBAAoB;IAU5B,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqD1C,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAsCzC,mBAAmB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCA/NjC,UAAU;2CAAV,UAAU;CAsOtB"}