@sentropic/design-system-angular 0.36.54

package/dist/TimelineChart.js

@@ -0,0 +1,213 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { chartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 12, right: 24, bottom: 32, left: 24 };
+const TONES = ["category1", "category2", "category3", "category4", "category5", "category6", "category7", "category8"];
+export class TimelineChart {
+    static stComponentName = "TimelineChart";
+    componentName = "TimelineChart";
+    MARGIN = MARGIN;
+    hoveredIndex = null;
+    data;
+    label;
+    width;
+    height;
+    classInput;
+    get hostClass() {
+        return classNames("st-timelineChart", this.classInput);
+    }
+    get widthValue() { return this.width ?? 640; }
+    get heightValue() { return this.height ?? 240; }
+    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 safeData() { return this.data ?? []; }
+    get axisY() {
+        return MARGIN.top + this.plotHeight / 2;
+    }
+    get xDomain() {
+        if (this.safeData.length === 0)
+            return { min: 0, max: 1 };
+        const positions = this.safeData.map((e) => e.position);
+        return { min: Math.min(...positions), max: Math.max(...positions) };
+    }
+    xOf(position) {
+        const { min, max } = this.xDomain;
+        if (min === max)
+            return MARGIN.left + this.plotWidth / 2;
+        return MARGIN.left + scaleLinear(position, min, max, 0, this.plotWidth);
+    }
+    toneForIndex(event, index) {
+        return event.tone ?? TONES[index % TONES.length] ?? "category1";
+    }
+    get markers() {
+        const armLength = this.plotHeight * 0.35;
+        return this.safeData.map((event, index) => {
+            const above = index % 2 === 0;
+            const labelY = above ? this.axisY - armLength : this.axisY + armLength;
+            return {
+                index,
+                event,
+                x: this.xOf(event.position),
+                labelY,
+                above,
+                tone: this.toneForIndex(event, index),
+            };
+        });
+    }
+    get hoveredMarker() {
+        if (this.hoveredIndex == null)
+            return null;
+        return this.markers[this.hoveredIndex] ?? null;
+    }
+    get dataValueItems() {
+        return this.safeData.map((e) => e.description ? `${e.label}: ${e.description}` : e.label);
+    }
+    tooltipLeft(marker) {
+        return ((marker.x - MARGIN.left) / this.plotWidth) * 100;
+    }
+    handlePointerMove(e) {
+        const target = e.target;
+        const attr = target?.getAttribute("data-chart-index");
+        if (attr != null) {
+            const idx = Number(attr);
+            if (Number.isFinite(idx))
+                this.hoveredIndex = idx;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TimelineChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TimelineChart, isStandalone: true, selector: "st-timeline-chart", inputs: { data: "data", label: "label", width: "width", height: "height", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-timelineChart__visual" role="img" [attr.aria-label]="label"
+           (pointermove)="handlePointerMove($event)" (pointerleave)="hoveredIndex = null">
+        <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
+
+          <!-- Central axis line -->
+          <line class="st-timelineChart__axis"
+            [attr.x1]="MARGIN.left"
+            [attr.x2]="widthValue - MARGIN.right"
+            [attr.y1]="axisY"
+            [attr.y2]="axisY"
+          ></line>
+
+          @for (m of markers; track m.index) {
+            <!-- Connector from axis to label -->
+            <line class="st-timelineChart__connector"
+              [attr.x1]="m.x" [attr.x2]="m.x"
+              [attr.y1]="axisY" [attr.y2]="m.labelY"
+            ></line>
+
+            <!-- Circle on axis -->
+            <circle
+              [class]="'st-timelineChart__marker st-timelineChart__marker--' + m.tone"
+              [attr.cx]="m.x"
+              [attr.cy]="axisY"
+              r="5"
+              [attr.data-chart-index]="m.index"
+            ></circle>
+
+            <!-- Label -->
+            <text class="st-timelineChart__label"
+              [attr.x]="m.x"
+              [attr.y]="m.above ? m.labelY - 6 : m.labelY + 6"
+              text-anchor="middle"
+              [attr.dominant-baseline]="m.above ? 'auto' : 'hanging'"
+            >{{ m.event.label }}</text>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredMarker) {
+        <div class="st-timelineChart__tooltip" role="presentation" [style.left.%]="tooltipLeft(hoveredMarker)" [style.top.%]="50">
+          <span class="st-timelineChart__tooltipLabel">{{ hoveredMarker.event.label }}</span>
+          @if (hoveredMarker.event.description) {
+            <span class="st-timelineChart__tooltipValue">{{ hoveredMarker.event.description }}</span>
+          }
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TimelineChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-timeline-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-timelineChart__visual" role="img" [attr.aria-label]="label"
+           (pointermove)="handlePointerMove($event)" (pointerleave)="hoveredIndex = null">
+        <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
+
+          <!-- Central axis line -->
+          <line class="st-timelineChart__axis"
+            [attr.x1]="MARGIN.left"
+            [attr.x2]="widthValue - MARGIN.right"
+            [attr.y1]="axisY"
+            [attr.y2]="axisY"
+          ></line>
+
+          @for (m of markers; track m.index) {
+            <!-- Connector from axis to label -->
+            <line class="st-timelineChart__connector"
+              [attr.x1]="m.x" [attr.x2]="m.x"
+              [attr.y1]="axisY" [attr.y2]="m.labelY"
+            ></line>
+
+            <!-- Circle on axis -->
+            <circle
+              [class]="'st-timelineChart__marker st-timelineChart__marker--' + m.tone"
+              [attr.cx]="m.x"
+              [attr.cy]="axisY"
+              r="5"
+              [attr.data-chart-index]="m.index"
+            ></circle>
+
+            <!-- Label -->
+            <text class="st-timelineChart__label"
+              [attr.x]="m.x"
+              [attr.y]="m.above ? m.labelY - 6 : m.labelY + 6"
+              text-anchor="middle"
+              [attr.dominant-baseline]="m.above ? 'auto' : 'hanging'"
+            >{{ m.event.label }}</text>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredMarker) {
+        <div class="st-timelineChart__tooltip" role="presentation" [style.left.%]="tooltipLeft(hoveredMarker)" [style.top.%]="50">
+          <span class="st-timelineChart__tooltipLabel">{{ hoveredMarker.event.label }}</span>
+          @if (hoveredMarker.event.description) {
+            <span class="st-timelineChart__tooltipValue">{{ hoveredMarker.event.description }}</span>
+          }
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=TimelineChart.js.map

package/dist/TimelineChart.js.map

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

package/dist/Toast.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export type ToastTone = "info" | "success" | "warning" | "error";
+export type ToastProps = {
+    tone?: ToastTone;
+    title: unknown;
+    message?: unknown;
+    actions?: unknown;
+    class?: string;
+};
+export declare class Toast {
+    static readonly stComponentName = "Toast";
+    readonly componentName = "Toast";
+    tone?: ToastTone;
+    title: unknown;
+    message?: unknown;
+    actions?: unknown;
+    classInput?: string;
+    get role(): "alert" | "status";
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Toast, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Toast, "st-toast", never, { "tone": { "alias": "tone"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["[slot='actions']"], true, never>;
+}
+//# sourceMappingURL=Toast.d.ts.map

package/dist/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAuBa,KAAK;IAChB,MAAM,CAAC,QAAQ,CAAC,eAAe,WAAW;IAC1C,QAAQ,CAAC,aAAa,WAAW;IAEtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAG,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,IAAI,IAAI,OAAO,GAAG,QAAQ,CAE7B;IAED,IAAI,SAAS,IAAI,MAAM,CAMtB;yCApBU,KAAK;2CAAL,KAAK;CAqBjB"}

package/dist/Toast.js

@@ -0,0 +1,76 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Toast {
+    static stComponentName = "Toast";
+    componentName = "Toast";
+    tone;
+    title;
+    message;
+    actions;
+    classInput;
+    get role() {
+        return this.tone === "error" ? "alert" : "status";
+    }
+    get hostClass() {
+        return classNames("st-toast", `st-toast--${this.tone ?? "info"}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Toast, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Toast, isStandalone: true, selector: "st-toast", inputs: { tone: "tone", title: "title", message: "message", actions: "actions", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <section
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.role]="role"
+    >
+      <div class="st-toast__content">
+        <h2 class="st-toast__title">{{ title }}</h2>
+        @if (message) {
+          <p class="st-toast__message">{{ message }}</p>
+        }
+      </div>
+      @if (actions) {
+        <div class="st-toast__actions">
+          <ng-content select="[slot='actions']"></ng-content>
+        </div>
+      }
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Toast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-toast",
+                    standalone: true,
+                    template: `
+    <section
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.role]="role"
+    >
+      <div class="st-toast__content">
+        <h2 class="st-toast__title">{{ title }}</h2>
+        @if (message) {
+          <p class="st-toast__message">{{ message }}</p>
+        }
+      </div>
+      @if (actions) {
+        <div class="st-toast__actions">
+          <ng-content select="[slot='actions']"></ng-content>
+        </div>
+      }
+    </section>
+  `,
+                }]
+        }], propDecorators: { tone: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], message: [{
+                type: NgInput
+            }], actions: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Toast.js.map

package/dist/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAmC7C,MAAM,OAAO,KAAK;IAChB,MAAM,CAAU,eAAe,GAAG,OAAO,CAAC;IACjC,aAAa,GAAG,OAAO,CAAC;IAEtB,IAAI,CAAa;IACjB,KAAK,CAAW;IAChB,OAAO,CAAW;IAClB,OAAO,CAAW;IACX,UAAU,CAAU;IAEtC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,UAAU,EACV,aAAa,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,EAClC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGApBU,KAAK;4FAAL,KAAK,2LApBN;;;;;;;;;;;;;;;;;;GAkBT;;4FAEU,KAAK;kBAvBjB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;GAkBT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/Toggle.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type ToggleSize = "sm" | "md";
+export type ToggleProps = {
+    label: unknown;
+    labelOn?: string;
+    labelOff?: string;
+    helperText?: unknown;
+    size?: ToggleSize;
+    modelValue?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    class?: string;
+};
+export declare class Toggle {
+    static readonly stComponentName = "Toggle";
+    readonly componentName = "Toggle";
+    label: unknown;
+    labelOn: string;
+    labelOff: string;
+    helperText?: unknown;
+    size?: ToggleSize;
+    modelValue?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    classInput?: string;
+    readonly checkedChange: EventEmitter<boolean>;
+    readonly modelValueChange: EventEmitter<boolean>;
+    get isChecked(): boolean;
+    get hostClass(): string;
+    onChange(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Toggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Toggle, "st-toggle", never, { "label": { "alias": "label"; "required": false; }; "labelOn": { "alias": "labelOn"; "required": false; }; "labelOff": { "alias": "labelOff"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "checkedChange": "checkedChange"; "modelValueChange": "modelValueChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAkCa,MAAM;IACjB,MAAM,CAAC,QAAQ,CAAC,eAAe,YAAY;IAC3C,QAAQ,CAAC,aAAa,YAAY;IACvB,KAAK,EAAG,OAAO,CAAC;IAChB,OAAO,SAAQ;IACf,QAAQ,SAAS;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,aAAa,wBAA+B;IACrD,QAAQ,CAAC,gBAAgB,wBAA+B;IAElE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;yCA9Bb,MAAM;2CAAN,MAAM;CAqClB"}

package/dist/Toggle.js

@@ -0,0 +1,115 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Toggle {
+    static stComponentName = "Toggle";
+    componentName = "Toggle";
+    label;
+    labelOn = "On";
+    labelOff = "Off";
+    helperText;
+    size;
+    modelValue;
+    checked;
+    disabled;
+    name;
+    value;
+    classInput;
+    checkedChange = new EventEmitter();
+    modelValueChange = new EventEmitter();
+    get isChecked() {
+        return this.modelValue ?? this.checked ?? false;
+    }
+    get hostClass() {
+        return classNames("st-toggle", `st-toggle--${this.size ?? "md"}`, this.classInput);
+    }
+    onChange(e) {
+        const next = e.target.checked;
+        this.checked = next;
+        this.modelValue = next;
+        this.checkedChange.emit(next);
+        this.modelValueChange.emit(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Toggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Toggle, isStandalone: true, selector: "st-toggle", inputs: { label: "label", labelOn: "labelOn", labelOff: "labelOff", helperText: "helperText", size: "size", modelValue: "modelValue", checked: "checked", disabled: "disabled", name: "name", value: "value", classInput: ["class", "classInput"] }, outputs: { checkedChange: "checkedChange", modelValueChange: "modelValueChange" }, ngImport: i0, template: `
+    <label [attr.data-st-component]="componentName" [class]="hostClass">
+      <span class="st-toggle__label">{{ label }}</span>
+      <span class="st-toggle__row">
+        <input
+          class="st-toggle__input"
+          type="checkbox"
+          role="switch"
+          [name]="name ?? null"
+          [value]="value ?? null"
+          [checked]="isChecked"
+          [disabled]="disabled ?? false"
+          [attr.aria-checked]="isChecked ? 'true' : 'false'"
+          (change)="onChange($event)"
+        />
+        <span class="st-toggle__track" aria-hidden="true">
+          <span class="st-toggle__thumb"></span>
+        </span>
+        <span class="st-toggle__state" aria-hidden="true">{{ isChecked ? labelOn : labelOff }}</span>
+      </span>
+      @if (helperText) {
+        <span class="st-toggle__help">{{ helperText }}</span>
+      }
+    </label>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Toggle, decorators: [{
+            type: Component,
+            args: [{ selector: "st-toggle", standalone: true, template: `
+    <label [attr.data-st-component]="componentName" [class]="hostClass">
+      <span class="st-toggle__label">{{ label }}</span>
+      <span class="st-toggle__row">
+        <input
+          class="st-toggle__input"
+          type="checkbox"
+          role="switch"
+          [name]="name ?? null"
+          [value]="value ?? null"
+          [checked]="isChecked"
+          [disabled]="disabled ?? false"
+          [attr.aria-checked]="isChecked ? 'true' : 'false'"
+          (change)="onChange($event)"
+        />
+        <span class="st-toggle__track" aria-hidden="true">
+          <span class="st-toggle__thumb"></span>
+        </span>
+        <span class="st-toggle__state" aria-hidden="true">{{ isChecked ? labelOn : labelOff }}</span>
+      </span>
+      @if (helperText) {
+        <span class="st-toggle__help">{{ helperText }}</span>
+      }
+    </label>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], labelOn: [{
+                type: NgInput
+            }], labelOff: [{
+                type: NgInput
+            }], helperText: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], modelValue: [{
+                type: NgInput
+            }], checked: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], name: [{
+                type: NgInput
+            }], value: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], checkedChange: [{
+                type: Output
+            }], modelValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Toggle.js.map

package/dist/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAoD7C,MAAM,OAAO,MAAM;IACjB,MAAM,CAAU,eAAe,GAAG,QAAQ,CAAC;IAClC,aAAa,GAAG,QAAQ,CAAC;IACvB,KAAK,CAAW;IAChB,OAAO,GAAG,IAAI,CAAC;IACf,QAAQ,GAAG,KAAK,CAAC;IACjB,UAAU,CAAW;IACrB,IAAI,CAAc;IAClB,UAAU,CAAW;IACrB,OAAO,CAAW;IAClB,QAAQ,CAAW;IACnB,IAAI,CAAU;IACd,KAAK,CAAU;IACR,UAAU,CAAU;IAEnB,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;IAC5C,gBAAgB,GAAG,IAAI,YAAY,EAAW,CAAC;IAElE,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC;IAClD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,WAAW,EACX,cAAc,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,EACjC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,MAAM,IAAI,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;QACpD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;wGApCU,MAAM;4FAAN,MAAM,6YA1BP;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;;4FAEU,MAAM;kBAlClB,SAAS;+BACE,WAAW,cACT,IAAI,YAMN;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM;;sBACN,MAAM"}

package/dist/Toggletip.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from "@angular/core";
+import type { OnChanges, SimpleChanges } from "@angular/core";
+import * as i0 from "@angular/core";
+export type ToggletipPlacement = "top" | "bottom" | "start" | "end";
+export type ToggletipProps = {
+    content: unknown;
+    label?: string;
+    open?: boolean;
+    placement?: ToggletipPlacement;
+    triggerLabel?: string;
+    class?: string;
+};
+export declare class Toggletip implements OnChanges {
+    static readonly stComponentName = "Toggletip";
+    readonly componentName = "Toggletip";
+    content: unknown;
+    label?: string;
+    open?: boolean;
+    placement?: ToggletipPlacement;
+    triggerLabel?: string;
+    classInput?: string;
+    readonly openChange: EventEmitter<boolean>;
+    isOpen: boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    get hostClass(): string;
+    toggle(): void;
+    close(): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Toggletip, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Toggletip, "st-toggletip", never, { "content": { "alias": "content"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Toggletip.d.ts.map

package/dist/Toggletip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggletip.d.ts","sourceRoot":"","sources":["../src/Toggletip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA0C,MAAM,eAAe,CAAC;AAChG,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;;AAI9D,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpE,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA2Ba,SAAU,YAAW,SAAS;IACzC,MAAM,CAAC,QAAQ,CAAC,eAAe,eAAe;IAC9C,QAAQ,CAAC,aAAa,eAAe;IAE1B,OAAO,EAAG,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,UAAU,wBAA+B;IAE5D,MAAM,UAAS;IAEf,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,MAAM,IAAI,IAAI;IAKd,KAAK,IAAI,IAAI;IAQb,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCA1C1B,SAAS;2CAAT,SAAS;CAgDrB"}

package/dist/Toggletip.js

@@ -0,0 +1,106 @@
+import { Component, EventEmitter, HostListener, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Toggletip {
+    static stComponentName = "Toggletip";
+    componentName = "Toggletip";
+    content;
+    label;
+    open;
+    placement;
+    triggerLabel;
+    classInput;
+    openChange = new EventEmitter();
+    isOpen = false;
+    ngOnChanges(changes) {
+        if (changes["open"] && this.open !== undefined) {
+            this.isOpen = this.open;
+        }
+    }
+    get hostClass() {
+        return classNames("st-toggletip", `st-toggletip--${this.placement ?? "top"}`, this.classInput);
+    }
+    toggle() {
+        this.isOpen = !this.isOpen;
+        this.openChange.emit(this.isOpen);
+    }
+    close() {
+        if (this.isOpen) {
+            this.isOpen = false;
+            this.openChange.emit(false);
+        }
+    }
+    onKeydown(event) {
+        if (event.key === "Escape" && this.isOpen) {
+            event.preventDefault();
+            this.close();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Toggletip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Toggletip, isStandalone: true, selector: "st-toggletip", inputs: { content: "content", label: "label", open: "open", placement: "placement", triggerLabel: "triggerLabel", classInput: ["class", "classInput"] }, outputs: { openChange: "openChange" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, usesOnChanges: true, ngImport: i0, template: `
+    <span [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+      <button
+        type="button"
+        class="st-toggletip__trigger"
+        [attr.aria-label]="triggerLabel ?? label ?? 'More information'"
+        [attr.aria-expanded]="isOpen ? 'true' : 'false'"
+        (click)="toggle()"
+      >
+        <span aria-hidden="true">i</span>
+      </button>
+      @if (isOpen) {
+        <span class="st-toggletip__bubble" role="status" aria-live="polite">
+          @if (label) {
+            <span class="st-toggletip__label">{{ label }}</span>
+          }
+          <span class="st-toggletip__content">{{ content }}</span>
+        </span>
+      }
+    </span>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Toggletip, decorators: [{
+            type: Component,
+            args: [{ selector: "st-toggletip", standalone: true, template: `
+    <span [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+      <button
+        type="button"
+        class="st-toggletip__trigger"
+        [attr.aria-label]="triggerLabel ?? label ?? 'More information'"
+        [attr.aria-expanded]="isOpen ? 'true' : 'false'"
+        (click)="toggle()"
+      >
+        <span aria-hidden="true">i</span>
+      </button>
+      @if (isOpen) {
+        <span class="st-toggletip__bubble" role="status" aria-live="polite">
+          @if (label) {
+            <span class="st-toggletip__label">{{ label }}</span>
+          }
+          <span class="st-toggletip__content">{{ content }}</span>
+        </span>
+      }
+    </span>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { content: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], open: [{
+                type: NgInput
+            }], placement: [{
+                type: NgInput
+            }], triggerLabel: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], openChange: [{
+                type: Output
+            }], onKeydown: [{
+                type: HostListener,
+                args: ["document:keydown", ["$event"]]
+            }] } });
+//# sourceMappingURL=Toggletip.js.map

package/dist/Toggletip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggletip.js","sourceRoot":"","sources":["../src/Toggletip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGhG,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAwC7C,MAAM,OAAO,SAAS;IACpB,MAAM,CAAU,eAAe,GAAG,WAAW,CAAC;IACrC,aAAa,GAAG,WAAW,CAAC;IAE1B,OAAO,CAAW;IAClB,KAAK,CAAU;IACf,IAAI,CAAW;IACf,SAAS,CAAsB;IAC/B,YAAY,CAAU;IACf,UAAU,CAAU;IAEnB,UAAU,GAAG,IAAI,YAAY,EAAW,CAAC;IAE5D,MAAM,GAAG,KAAK,CAAC;IAEf,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC/C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,cAAc,EACd,iBAAiB,IAAI,CAAC,SAAS,IAAI,KAAK,EAAE,EAC1C,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAED,KAAK;QACH,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAGD,SAAS,CAAC,KAAoB;QAC5B,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;wGA/CU,SAAS;4FAAT,SAAS,+VAvBV;;;;;;;;;;;;;;;;;;;;;GAqBT;;4FAEU,SAAS;kBA3BrB,SAAS;+BACE,cAAc,cACZ,IAAI,YAEN;;;;;;;;;;;;;;;;;;;;;GAqBT;;sBAMA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM;;sBA8BN,YAAY;uBAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC"}