@sentropic/design-system-angular 0.36.54

package/dist/TimePicker.js

@@ -0,0 +1,430 @@
+import { Component, ElementRef, EventEmitter, HostListener, Input as NgInput, Output, } from "@angular/core";
+import * as i0 from "@angular/core";
+let _tpCounter = 0;
+export class TimePicker {
+    host;
+    static stComponentName = "TimePicker";
+    componentName = "TimePicker";
+    fieldId;
+    listId;
+    constructor(host) {
+        this.host = host;
+        _tpCounter++;
+        this.fieldId = "st-timepicker-" + _tpCounter;
+        this.listId = this.fieldId + "-list";
+    }
+    value = "";
+    modelValue;
+    onChange;
+    step = 15;
+    min;
+    max;
+    format = "24";
+    size = "md";
+    disabled = false;
+    label;
+    id;
+    modelValueChange = new EventEmitter();
+    open = false;
+    activeIndex = -1;
+    get currentValue() {
+        return this.modelValue ?? this.value ?? "";
+    }
+    get groupClasses() {
+        return `st-timepicker st-timepicker--${this.size}`;
+    }
+    get placeholderText() {
+        return this.format === "24" ? "HH:mm" : "hh:mm AM";
+    }
+    get displayValue() {
+        return this.currentValue ? this.display(this.currentValue) : "";
+    }
+    get activeDescendant() {
+        return this.open && this.activeIndex >= 0
+            ? `${this.listId}-opt-${this.activeIndex}`
+            : null;
+    }
+    get slots() {
+        const safeStep = this.step > 0 ? this.step : 15;
+        const lower = this.toMinutes(this.min) ?? 0;
+        const upper = this.toMinutes(this.max) ?? 23 * 60 + 59;
+        const result = [];
+        for (let t = lower; t <= upper; t += safeStep) {
+            result.push(this.fromMinutes(t));
+        }
+        return result;
+    }
+    toMinutes(hhmm) {
+        if (!hhmm)
+            return null;
+        const match = /^(\d{1,2}):(\d{2})$/.exec(hhmm);
+        if (!match)
+            return null;
+        const h = Number(match[1]);
+        const m = Number(match[2]);
+        if (h < 0 || h > 23 || m < 0 || m > 59)
+            return null;
+        return h * 60 + m;
+    }
+    fromMinutes(total) {
+        const h = Math.floor(total / 60);
+        const m = total % 60;
+        return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
+    }
+    display(hhmm) {
+        if (this.format === "24")
+            return hhmm;
+        const total = this.toMinutes(hhmm);
+        if (total === null)
+            return hhmm;
+        const h24 = Math.floor(total / 60);
+        const m = total % 60;
+        const period = h24 < 12 ? "AM" : "PM";
+        let h12 = h24 % 12;
+        if (h12 === 0)
+            h12 = 12;
+        return `${String(h12).padStart(2, "0")}:${String(m).padStart(2, "0")} ${period}`;
+    }
+    openList() {
+        if (this.disabled)
+            return;
+        this.open = true;
+        const idx = this.currentValue ? this.slots.indexOf(this.currentValue) : -1;
+        this.activeIndex = idx >= 0 ? idx : 0;
+    }
+    closeList(returnFocus = true) {
+        this.open = false;
+        this.activeIndex = -1;
+        if (returnFocus)
+            this.focusInput();
+    }
+    toggleOpen() {
+        if (this.disabled)
+            return;
+        if (this.open)
+            this.closeList(true);
+        else
+            this.openList();
+    }
+    pick(slot) {
+        this.value = slot;
+        this.modelValue = slot;
+        this.modelValueChange.emit(slot);
+        this.onChange?.(slot);
+        this.closeList(true);
+    }
+    focusInput() {
+        const input = this.host.nativeElement.querySelector(`#${this.fieldId}`);
+        input?.focus();
+    }
+    scrollActiveIntoView() {
+        if (this.activeIndex < 0)
+            return;
+        const optEl = this.host.nativeElement.querySelector(`#${this.listId}-opt-${this.activeIndex}`);
+        if (optEl && typeof optEl.scrollIntoView === "function") {
+            optEl.scrollIntoView({ block: "nearest" });
+        }
+    }
+    onInputKeyDown(event) {
+        if (this.disabled)
+            return;
+        const last = this.slots.length - 1;
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                if (!this.open)
+                    this.openList();
+                else {
+                    this.activeIndex = Math.min(this.activeIndex + 1, last);
+                    this.scrollActiveIntoView();
+                }
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                if (!this.open)
+                    this.openList();
+                else {
+                    this.activeIndex = Math.max(this.activeIndex - 1, 0);
+                    this.scrollActiveIntoView();
+                }
+                break;
+            case "Home":
+                event.preventDefault();
+                if (!this.open)
+                    this.openList();
+                else {
+                    this.activeIndex = 0;
+                    this.scrollActiveIntoView();
+                }
+                break;
+            case "End":
+                event.preventDefault();
+                if (!this.open)
+                    this.openList();
+                else {
+                    this.activeIndex = last;
+                    this.scrollActiveIntoView();
+                }
+                break;
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                if (!this.open)
+                    this.openList();
+                else if (this.activeIndex >= 0 && this.activeIndex <= last) {
+                    this.pick(this.slots[this.activeIndex]);
+                }
+                break;
+            case "Escape":
+                if (this.open) {
+                    event.preventDefault();
+                    this.closeList(true);
+                }
+                break;
+        }
+    }
+    onListKeyDown(event) {
+        const last = this.slots.length - 1;
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.activeIndex = Math.min(this.activeIndex + 1, last);
+                this.scrollActiveIntoView();
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.activeIndex = Math.max(this.activeIndex - 1, 0);
+                this.scrollActiveIntoView();
+                break;
+            case "Home":
+                event.preventDefault();
+                this.activeIndex = 0;
+                this.scrollActiveIntoView();
+                break;
+            case "End":
+                event.preventDefault();
+                this.activeIndex = last;
+                this.scrollActiveIntoView();
+                break;
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                if (this.activeIndex >= 0 && this.activeIndex <= last) {
+                    this.pick(this.slots[this.activeIndex]);
+                }
+                break;
+            case "Escape":
+                event.preventDefault();
+                this.closeList(true);
+                break;
+        }
+    }
+    onDocumentMouseDown(event) {
+        if (!this.open)
+            return;
+        const target = event.target;
+        if (target && !this.host.nativeElement.contains(target)) {
+            this.closeList(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TimePicker, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TimePicker, isStandalone: true, selector: "st-time-picker", inputs: { value: "value", modelValue: "modelValue", onChange: "onChange", step: "step", min: "min", max: "max", format: "format", size: "size", disabled: "disabled", label: "label", id: "id" }, outputs: { modelValueChange: "modelValueChange" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)" } }, ngImport: i0, template: `
+    <div class="st-field" [attr.data-st-component]="componentName">
+      <div class="st-field__control">
+        @if (label) {
+          <label class="st-field__label" [attr.for]="fieldId">{{ label }}</label>
+        }
+        <span [class]="groupClasses">
+          <input
+            #inputEl
+            [id]="fieldId"
+            type="text"
+            readonly
+            class="st-timepicker__control"
+            [value]="displayValue"
+            [attr.placeholder]="placeholderText"
+            [disabled]="disabled"
+            role="combobox"
+            aria-haspopup="listbox"
+            [attr.aria-controls]="listId"
+            [attr.aria-expanded]="open ? 'true' : 'false'"
+            [attr.aria-activedescendant]="activeDescendant"
+            aria-autocomplete="none"
+            (click)="toggleOpen()"
+            (keydown)="onInputKeyDown($event)"
+          />
+          <button
+            type="button"
+            class="st-timepicker__trigger"
+            aria-label="Ouvrir la liste des horaires"
+            aria-haspopup="listbox"
+            [attr.aria-expanded]="open ? 'true' : 'false'"
+            tabindex="-1"
+            [disabled]="disabled"
+            (click)="toggleOpen()"
+          >
+            <svg
+              viewBox="0 0 24 24"
+              width="16"
+              height="16"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M12 6v6l4 2" />
+              <circle cx="12" cy="12" r="10" />
+            </svg>
+          </button>
+        </span>
+      </div>
+      @if (open) {
+        <ul
+          #listEl
+          [id]="listId"
+          class="st-timepicker__list"
+          role="listbox"
+          [attr.aria-label]="label ?? 'Horaires'"
+          tabindex="-1"
+          (keydown)="onListKeyDown($event)"
+        >
+          @for (slot of slots; track slot; let i = $index) {
+            <li role="presentation">
+              <div
+                [id]="listId + '-opt-' + i"
+                class="st-timepicker__option"
+                [class.st-timepicker__option--selected]="slot === currentValue"
+                [class.st-timepicker__option--active]="i === activeIndex"
+                role="option"
+                [attr.aria-selected]="slot === currentValue ? 'true' : 'false'"
+                tabindex="-1"
+                (mousedown)="$event.preventDefault()"
+                (click)="pick(slot)"
+                (mouseenter)="activeIndex = i"
+              >{{ display(slot) }}</div>
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TimePicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-time-picker",
+                    standalone: true,
+                    template: `
+    <div class="st-field" [attr.data-st-component]="componentName">
+      <div class="st-field__control">
+        @if (label) {
+          <label class="st-field__label" [attr.for]="fieldId">{{ label }}</label>
+        }
+        <span [class]="groupClasses">
+          <input
+            #inputEl
+            [id]="fieldId"
+            type="text"
+            readonly
+            class="st-timepicker__control"
+            [value]="displayValue"
+            [attr.placeholder]="placeholderText"
+            [disabled]="disabled"
+            role="combobox"
+            aria-haspopup="listbox"
+            [attr.aria-controls]="listId"
+            [attr.aria-expanded]="open ? 'true' : 'false'"
+            [attr.aria-activedescendant]="activeDescendant"
+            aria-autocomplete="none"
+            (click)="toggleOpen()"
+            (keydown)="onInputKeyDown($event)"
+          />
+          <button
+            type="button"
+            class="st-timepicker__trigger"
+            aria-label="Ouvrir la liste des horaires"
+            aria-haspopup="listbox"
+            [attr.aria-expanded]="open ? 'true' : 'false'"
+            tabindex="-1"
+            [disabled]="disabled"
+            (click)="toggleOpen()"
+          >
+            <svg
+              viewBox="0 0 24 24"
+              width="16"
+              height="16"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M12 6v6l4 2" />
+              <circle cx="12" cy="12" r="10" />
+            </svg>
+          </button>
+        </span>
+      </div>
+      @if (open) {
+        <ul
+          #listEl
+          [id]="listId"
+          class="st-timepicker__list"
+          role="listbox"
+          [attr.aria-label]="label ?? 'Horaires'"
+          tabindex="-1"
+          (keydown)="onListKeyDown($event)"
+        >
+          @for (slot of slots; track slot; let i = $index) {
+            <li role="presentation">
+              <div
+                [id]="listId + '-opt-' + i"
+                class="st-timepicker__option"
+                [class.st-timepicker__option--selected]="slot === currentValue"
+                [class.st-timepicker__option--active]="i === activeIndex"
+                role="option"
+                [attr.aria-selected]="slot === currentValue ? 'true' : 'false'"
+                tabindex="-1"
+                (mousedown)="$event.preventDefault()"
+                (click)="pick(slot)"
+                (mouseenter)="activeIndex = i"
+              >{{ display(slot) }}</div>
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{
+                type: NgInput
+            }], modelValue: [{
+                type: NgInput
+            }], onChange: [{
+                type: NgInput
+            }], step: [{
+                type: NgInput
+            }], min: [{
+                type: NgInput
+            }], max: [{
+                type: NgInput
+            }], format: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], id: [{
+                type: NgInput
+            }], modelValueChange: [{
+                type: Output
+            }], onDocumentMouseDown: [{
+                type: HostListener,
+                args: ["document:mousedown", ["$event"]]
+            }] } });
+//# sourceMappingURL=TimePicker.js.map

package/dist/TimePicker.js.map

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

package/dist/Timeline.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from "@angular/core";
+export type TimelineTone = "neutral" | "info" | "success" | "warning" | "danger";
+export type TimelineOrientation = "vertical" | "horizontal";
+export type TimelineItem = {
+    /** Titre de l'événement. */
+    title: string;
+    /** Métadonnée optionnelle (date, heure, libellé court). */
+    meta?: string;
+    /** Description optionnelle de l'événement. */
+    description?: string;
+    /** Ton de la pastille (mappé sur les tokens de statut DS, défaut "neutral"). */
+    tone?: TimelineTone;
+};
+export type TimelineProps = {
+    items: TimelineItem[];
+    orientation?: TimelineOrientation;
+    class?: string;
+};
+export declare class Timeline {
+    static readonly stComponentName = "Timeline";
+    readonly componentName = "Timeline";
+    items: TimelineItem[];
+    orientation?: TimelineOrientation;
+    classInput?: string;
+    get safeItems(): TimelineItem[];
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Timeline, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Timeline, "st-timeline", never, { "items": { "alias": "items"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../src/Timeline.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG;IACzB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAyBa,QAAQ;IACnB,MAAM,CAAC,QAAQ,CAAC,eAAe,cAAc;IAC7C,QAAQ,CAAC,aAAa,cAAc;IACzB,KAAK,EAAG,YAAY,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,YAAY,EAAE,CAE9B;IAED,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAjBU,QAAQ;2CAAR,QAAQ;CAkBpB"}

package/dist/Timeline.js

@@ -0,0 +1,74 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Timeline {
+    static stComponentName = "Timeline";
+    componentName = "Timeline";
+    items;
+    orientation;
+    classInput;
+    get safeItems() {
+        return Array.isArray(this.items) ? this.items : [];
+    }
+    get hostClass() {
+        return classNames("st-timeline", `st-timeline--${this.orientation ?? "vertical"}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Timeline, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Timeline, isStandalone: true, selector: "st-timeline", inputs: { items: "items", orientation: "orientation", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <ol [attr.data-st-component]="componentName" [class]="hostClass">
+      @for (item of safeItems; track $index) {
+        <li [class]="'st-timeline__item st-timeline__item--' + (item.tone ?? 'neutral')">
+          <span class="st-timeline__rail" aria-hidden="true">
+            <span class="st-timeline__dot"></span>
+            <span class="st-timeline__line"></span>
+          </span>
+          <div class="st-timeline__content">
+            @if (item.meta) {
+              <span class="st-timeline__meta">{{ item.meta }}</span>
+            }
+            <span class="st-timeline__title">{{ item.title }}</span>
+            @if (item.description) {
+              <span class="st-timeline__description">{{ item.description }}</span>
+            }
+          </div>
+        </li>
+      }
+    </ol>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Timeline, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-timeline",
+                    standalone: true,
+                    template: `
+    <ol [attr.data-st-component]="componentName" [class]="hostClass">
+      @for (item of safeItems; track $index) {
+        <li [class]="'st-timeline__item st-timeline__item--' + (item.tone ?? 'neutral')">
+          <span class="st-timeline__rail" aria-hidden="true">
+            <span class="st-timeline__dot"></span>
+            <span class="st-timeline__line"></span>
+          </span>
+          <div class="st-timeline__content">
+            @if (item.meta) {
+              <span class="st-timeline__meta">{{ item.meta }}</span>
+            }
+            <span class="st-timeline__title">{{ item.title }}</span>
+            @if (item.description) {
+              <span class="st-timeline__description">{{ item.description }}</span>
+            }
+          </div>
+        </li>
+      }
+    </ol>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], orientation: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Timeline.js.map

package/dist/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../src/Timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAgD7C,MAAM,OAAO,QAAQ;IACnB,MAAM,CAAU,eAAe,GAAG,UAAU,CAAC;IACpC,aAAa,GAAG,UAAU,CAAC;IACzB,KAAK,CAAkB;IACvB,WAAW,CAAuB;IAC3B,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,aAAa,EACb,gBAAgB,IAAI,CAAC,WAAW,IAAI,UAAU,EAAE,EAChD,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAjBU,QAAQ;4FAAR,QAAQ,oKAtBT;;;;;;;;;;;;;;;;;;;;GAoBT;;4FAEU,QAAQ;kBAzBpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;GAoBT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/TimelineChart.d.ts

@@ -0,0 +1,66 @@
+import * as i0 from "@angular/core";
+export type TimelineChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type TimelineChartEvent = {
+    /** Point on the axis (year, day index, ordinal step…). */
+    position: number;
+    /** Required short label, shown above/below the marker (alternated). */
+    label: string;
+    /** Optional longer description, surfaced in the accessible list + tooltip. */
+    description?: string;
+    /** Optional explicit categorical tone; otherwise cycles category1..8. */
+    tone?: TimelineChartTone;
+};
+export type TimelineChartProps = {
+    data: TimelineChartEvent[];
+    label: string;
+    width?: number;
+    height?: number;
+    class?: string;
+};
+type Marker = {
+    index: number;
+    event: TimelineChartEvent;
+    x: number;
+    labelY: number;
+    above: boolean;
+    tone: TimelineChartTone;
+};
+export declare class TimelineChart {
+    static readonly stComponentName = "TimelineChart";
+    readonly componentName = "TimelineChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    hoveredIndex: number | null;
+    data: TimelineChartEvent[];
+    label: string;
+    width?: number;
+    height?: number;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get safeData(): TimelineChartEvent[];
+    get axisY(): number;
+    get xDomain(): {
+        min: number;
+        max: number;
+    };
+    xOf(position: number): number;
+    toneForIndex(event: TimelineChartEvent, index: number): TimelineChartTone;
+    get markers(): Marker[];
+    get hoveredMarker(): Marker | null;
+    get dataValueItems(): string[];
+    tooltipLeft(marker: Marker): number;
+    handlePointerMove(e: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineChart, "st-timeline-chart", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=TimelineChart.d.ts.map

package/dist/TimelineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineChart.d.ts","sourceRoot":"","sources":["../src/TimelineChart.ts"],"names":[],"mappings":";AAMA,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAKF,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,kBAAkB,CAAC;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,iBAAiB,CAAC;CACzB,CAAC;AAEF,qBA6Da,aAAa;IACxB,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IACzC,QAAQ,CAAC,MAAM;;;;;MAAU;IAEzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExB,IAAI,EAAG,kBAAkB,EAAE,CAAC;IAC5B,KAAK,EAAG,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,UAAU,IAAI,MAAM,CAA8B;IACtD,IAAI,WAAW,IAAI,MAAM,CAA+B;IACxD,IAAI,OAAO,IAAI,MAAM,CAAyD;IAC9E,IAAI,SAAS,IAAI,MAAM,CAAsE;IAC7F,IAAI,UAAU,IAAI,MAAM,CAAuE;IAE/F,IAAI,QAAQ,IAAI,kBAAkB,EAAE,CAA4B;IAEhE,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,OAAO,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAI1C;IAED,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAM7B,YAAY,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,GAAG,iBAAiB;IAIzE,IAAI,OAAO,IAAI,MAAM,EAAE,CActB;IAED,IAAI,aAAa,IAAI,MAAM,GAAG,IAAI,CAGjC;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAE7B;IAED,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAInC,iBAAiB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;yCA1E7B,aAAa;2CAAb,aAAa;CAkFzB"}