@sentropic/design-system-angular 0.36.54

package/dist/Accordion.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type AccordionItem = {
+    id?: string;
+    title: string;
+    content: string | (() => unknown);
+    disabled?: boolean;
+};
+export type AccordionAlign = "start" | "end";
+export type AccordionSize = "sm" | "md" | "lg";
+export type AccordionProps = {
+    items: AccordionItem[];
+    openIds?: string[];
+    defaultOpenIds?: string[];
+    allowMultiple?: boolean;
+    /** Svelte-canonical alias for `defaultOpenIds` (initially open item ids). */
+    open?: string[];
+    /** Svelte-canonical alias for `allowMultiple`. */
+    multiple?: boolean;
+    align?: AccordionAlign;
+    size?: AccordionSize;
+    class?: string;
+};
+export declare class Accordion {
+    static readonly stComponentName = "Accordion";
+    readonly componentName = "Accordion";
+    private readonly instancePrefix;
+    private localOpenIds;
+    items: AccordionItem[];
+    openIds?: string[];
+    defaultOpenIds?: string[];
+    allowMultiple?: boolean;
+    open?: string[];
+    multiple?: boolean;
+    align?: AccordionAlign;
+    size?: AccordionSize;
+    classInput?: string;
+    readonly change: EventEmitter<string[]>;
+    ngOnInit(): void;
+    get resolvedAlign(): AccordionAlign;
+    get resolvedAllowMultiple(): boolean;
+    get effectiveOpenIds(): string[];
+    itemId(item: AccordionItem, index: number): string;
+    isOpen(item: AccordionItem, index: number): boolean;
+    itemClass(item: AccordionItem, index: number): string;
+    toggle(item: AccordionItem, index: number): void;
+    resolveContent(item: AccordionItem): string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Accordion, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Accordion, "st-accordion", never, { "items": { "alias": "items"; "required": false; }; "openIds": { "alias": "openIds"; "required": false; }; "defaultOpenIds": { "alias": "defaultOpenIds"; "required": false; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; }; "open": { "alias": "open"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "align": { "alias": "align"; "required": false; }; "size": { "alias": "size"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,qBAiDa,SAAS;IACpB,MAAM,CAAC,QAAQ,CAAC,eAAe,eAAe;IAC9C,QAAQ,CAAC,aAAa,eAAe;IAErC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAsC;IACrE,OAAO,CAAC,YAAY,CAAgB;IAEzB,KAAK,EAAG,aAAa,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,MAAM,yBAAgC;IAEzD,QAAQ,IAAI,IAAI;IAIhB,IAAI,aAAa,IAAI,cAAc,CAElC;IAED,IAAI,qBAAqB,IAAI,OAAO,CAEnC;IAED,IAAI,gBAAgB,IAAI,MAAM,EAAE,CAE/B;IAED,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlD,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAInD,SAAS,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAOrD,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAchD,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM;IAI3C,IAAI,SAAS,IAAI,MAAM,CAOtB;yCA3EU,SAAS;2CAAT,SAAS;CA4ErB"}

package/dist/Accordion.js

@@ -0,0 +1,180 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+let _accordionCounter = 0;
+export class Accordion {
+    static stComponentName = "Accordion";
+    componentName = "Accordion";
+    instancePrefix = `accordion-${++_accordionCounter}`;
+    localOpenIds = [];
+    items;
+    openIds;
+    defaultOpenIds;
+    allowMultiple;
+    open;
+    multiple;
+    align;
+    size;
+    classInput;
+    change = new EventEmitter();
+    ngOnInit() {
+        this.localOpenIds = this.defaultOpenIds ?? this.open ?? [];
+    }
+    get resolvedAlign() {
+        return this.align ?? "end";
+    }
+    get resolvedAllowMultiple() {
+        return this.allowMultiple ?? this.multiple ?? false;
+    }
+    get effectiveOpenIds() {
+        return this.openIds ?? this.localOpenIds;
+    }
+    itemId(item, index) {
+        return item.id ?? `${this.instancePrefix}-${index}`;
+    }
+    isOpen(item, index) {
+        return this.effectiveOpenIds.includes(this.itemId(item, index));
+    }
+    itemClass(item, index) {
+        return classNames("st-accordion__item", this.isOpen(item, index) && "st-accordion__item--open");
+    }
+    toggle(item, index) {
+        const id = this.itemId(item, index);
+        const current = this.effectiveOpenIds;
+        const next = current.includes(id)
+            ? current.filter((v) => v !== id)
+            : this.resolvedAllowMultiple
+                ? [...current, id]
+                : [id];
+        if (this.openIds === undefined) {
+            this.localOpenIds = next;
+        }
+        this.change.emit(next);
+    }
+    resolveContent(item) {
+        return typeof item.content === "function" ? String(item.content()) : item.content;
+    }
+    get hostClass() {
+        return classNames("st-accordion", `st-accordion--${this.size ?? "md"}`, `st-accordion--align-${this.resolvedAlign}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Accordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Accordion, isStandalone: true, selector: "st-accordion", inputs: { items: "items", openIds: "openIds", defaultOpenIds: "defaultOpenIds", allowMultiple: "allowMultiple", open: "open", multiple: "multiple", align: "align", size: "size", classInput: ["class", "classInput"] }, outputs: { change: "change" }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      @for (item of items; track itemId(item, $index)) {
+        <div [class]="itemClass(item, $index)">
+          <h3 class="st-accordion__heading">
+            <button
+              type="button"
+              class="st-accordion__trigger"
+              [disabled]="item.disabled"
+              [attr.aria-expanded]="isOpen(item, $index) ? 'true' : 'false'"
+              [attr.aria-controls]="'st-accordion-panel-' + itemId(item, $index)"
+              [id]="'st-accordion-trigger-' + itemId(item, $index)"
+              (click)="toggle(item, $index)"
+            >
+              @if (resolvedAlign === 'start') {
+                <span class="st-accordion__icon" aria-hidden="true">
+                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                    <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                </span>
+              }
+              <span class="st-accordion__title">{{ item.title }}</span>
+              @if (resolvedAlign !== 'start') {
+                <span class="st-accordion__icon" aria-hidden="true">
+                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                    <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                </span>
+              }
+            </button>
+          </h3>
+          @if (isOpen(item, $index)) {
+            <div
+              class="st-accordion__panel"
+              role="region"
+              [id]="'st-accordion-panel-' + itemId(item, $index)"
+              [attr.aria-labelledby]="'st-accordion-trigger-' + itemId(item, $index)"
+            >
+              {{ resolveContent(item) }}
+            </div>
+          }
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Accordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-accordion",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      @for (item of items; track itemId(item, $index)) {
+        <div [class]="itemClass(item, $index)">
+          <h3 class="st-accordion__heading">
+            <button
+              type="button"
+              class="st-accordion__trigger"
+              [disabled]="item.disabled"
+              [attr.aria-expanded]="isOpen(item, $index) ? 'true' : 'false'"
+              [attr.aria-controls]="'st-accordion-panel-' + itemId(item, $index)"
+              [id]="'st-accordion-trigger-' + itemId(item, $index)"
+              (click)="toggle(item, $index)"
+            >
+              @if (resolvedAlign === 'start') {
+                <span class="st-accordion__icon" aria-hidden="true">
+                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                    <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                </span>
+              }
+              <span class="st-accordion__title">{{ item.title }}</span>
+              @if (resolvedAlign !== 'start') {
+                <span class="st-accordion__icon" aria-hidden="true">
+                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                    <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                </span>
+              }
+            </button>
+          </h3>
+          @if (isOpen(item, $index)) {
+            <div
+              class="st-accordion__panel"
+              role="region"
+              [id]="'st-accordion-panel-' + itemId(item, $index)"
+              [attr.aria-labelledby]="'st-accordion-trigger-' + itemId(item, $index)"
+            >
+              {{ resolveContent(item) }}
+            </div>
+          }
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], openIds: [{
+                type: NgInput
+            }], defaultOpenIds: [{
+                type: NgInput
+            }], allowMultiple: [{
+                type: NgInput
+            }], open: [{
+                type: NgInput
+            }], multiple: [{
+                type: NgInput
+            }], align: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Accordion.js.map

package/dist/Accordion.js.map

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

package/dist/Alert.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export type AlertTone = "info" | "success" | "warning" | "error";
+export type AlertProps = {
+    tone?: AlertTone;
+    title: unknown;
+    message?: unknown;
+    actions?: unknown;
+    class?: string;
+};
+export declare class Alert {
+    static readonly stComponentName = "Alert";
+    readonly componentName = "Alert";
+    tone?: AlertTone;
+    title: unknown;
+    message?: unknown;
+    actions?: unknown;
+    classInput?: string;
+    get role(): string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Alert, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "st-alert", 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=Alert.d.ts.map

package/dist/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.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,qBAsBa,KAAK;IAChB,MAAM,CAAC,QAAQ,CAAC,eAAe,WAAW;IAC1C,QAAQ,CAAC,aAAa,WAAW;IACtB,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,MAAM,CAGjB;IAED,IAAI,SAAS,IAAI,MAAM,CAMtB;yCApBU,KAAK;2CAAL,KAAK;CAqBjB"}

package/dist/Alert.js

@@ -0,0 +1,75 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Alert {
+    static stComponentName = "Alert";
+    componentName = "Alert";
+    tone;
+    title;
+    message;
+    actions;
+    classInput;
+    get role() {
+        const tone = this.tone ?? "info";
+        return tone === "error" || tone === "warning" ? "alert" : "status";
+    }
+    get hostClass() {
+        return classNames("st-alert", `st-alert--${this.tone ?? "info"}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Alert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Alert, isStandalone: true, selector: "st-alert", 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-alert__content">
+        @if (title) {
+          <h2 class="st-alert__title">{{ title }}</h2>
+        }
+        @if (message) {
+          <p class="st-alert__message">{{ message }}</p>
+        }
+        <ng-content></ng-content>
+      </div>
+      @if (actions) {
+        <div class="st-alert__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: Alert, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-alert",
+                    standalone: true,
+                    template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass" [attr.role]="role">
+      <div class="st-alert__content">
+        @if (title) {
+          <h2 class="st-alert__title">{{ title }}</h2>
+        }
+        @if (message) {
+          <p class="st-alert__message">{{ message }}</p>
+        }
+        <ng-content></ng-content>
+      </div>
+      @if (actions) {
+        <div class="st-alert__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=Alert.js.map

package/dist/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../src/Alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAkC7C,MAAM,OAAO,KAAK;IAChB,MAAM,CAAU,eAAe,GAAG,OAAO,CAAC;IACjC,aAAa,GAAG,OAAO,CAAC;IACtB,IAAI,CAAa;IACjB,KAAK,CAAW;IAChB,OAAO,CAAW;IAClB,OAAO,CAAW;IACX,UAAU,CAAU;IAEtC,IAAI,IAAI;QACN,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;QACjC,OAAO,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,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,2LAnBN;;;;;;;;;;;;;;;;;GAiBT;;4FAEU,KAAK;kBAtBjB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;GAiBT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/AnomalySwimLaneChart.d.ts

@@ -0,0 +1,87 @@
+import * as i0 from "@angular/core";
+export type AnomalySwimLaneTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type AnomalySwimLaneChartScale = "categorical" | "sequential";
+export type AnomalySwimLaneBucket = {
+    at: number;
+    score: number;
+};
+export type AnomalySwimLaneSeries = {
+    job: string;
+    buckets: AnomalySwimLaneBucket[];
+};
+export type AnomalySwimLaneChartProps = {
+    data: AnomalySwimLaneSeries[];
+    max?: number;
+    scale?: AnomalySwimLaneChartScale;
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    class?: string;
+};
+type AnomalyRowCell = {
+    key: string;
+    datum: AnomalySwimLaneBucket;
+    x: number;
+    width: number;
+    cx: number;
+    tone: AnomalySwimLaneTone;
+};
+type AnomalyRow = {
+    datum: AnomalySwimLaneSeries;
+    index: number;
+    y: number;
+    height: number;
+    rowCenterY: number;
+    cells: AnomalyRowCell[];
+};
+export declare class AnomalySwimLaneChart {
+    static readonly stComponentName = "AnomalySwimLaneChart";
+    readonly componentName = "AnomalySwimLaneChart";
+    readonly margin: {
+        readonly top: 28;
+        readonly right: 18;
+        readonly bottom: 44;
+        readonly left: 132;
+    };
+    readonly tones: AnomalySwimLaneTone[];
+    data: AnomalySwimLaneSeries[];
+    max?: number;
+    scale?: AnomalySwimLaneChartScale;
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    classInput?: string;
+    hoveredKey: string | null;
+    get resolvedScale(): AnomalySwimLaneChartScale;
+    get resolvedWidth(): number;
+    get resolvedHeight(): number;
+    get viewBox(): string;
+    get hostClass(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get validData(): AnomalySwimLaneSeries[];
+    get columnOrder(): number[];
+    get scoreMax(): number;
+    get rows(): AnomalyRow[];
+    get columns(): Array<{
+        at: number;
+        cx: number;
+    }>;
+    get dataValueItems(): string[];
+    get hasLegend(): boolean;
+    get hoveredCell(): {
+        row: AnomalyRow;
+        cell: AnomalyRowCell;
+    } | null;
+    ellipsize(text: string, maxChars: number): string;
+    formatTick(value: number): string;
+    cellClass(key: string, tone: AnomalySwimLaneTone): string;
+    handlePointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnomalySwimLaneChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnomalySwimLaneChart, "st-anomaly-swim-lane-chart", never, { "data": { "alias": "data"; "required": false; }; "max": { "alias": "max"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "size": { "alias": "size"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=AnomalySwimLaneChart.d.ts.map

package/dist/AnomalySwimLaneChart.d.ts.map

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