@0001-labs/design-system-1 0.3.0-alpha.13 → 0.3.0-alpha.14

package/dist/2-core/ds-chart.js

@@ -0,0 +1,390 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { drawSparkline, GridChart } from "./chart/grid-chart";
+import { define } from "../0-face/define";
+import styles from "./chart/chart.css?inline";
+export * from "./chart/grid-chart";
+/** Independent chart configuration; no module-wide size or theme state. */
+export class ChartElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.unit = 20;
+        this.grid = "rows";
+        this.themeChanged = () => this.refreshTheme();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.media = globalThis.matchMedia?.("(prefers-color-scheme: dark)");
+        this.media?.addEventListener("change", this.themeChanged);
+        void this.updateComplete.then(() => {
+            if (!this.isConnected)
+                return;
+            this.initialize();
+            this.refreshTheme();
+        });
+    }
+    disconnectedCallback() {
+        this.media?.removeEventListener("change", this.themeChanged);
+        super.disconnectedCallback();
+    }
+    initialize() { }
+    refreshTheme() { this.requestUpdate(); }
+    updated(_changed) {
+        if (!Number.isFinite(this.unit) || this.unit <= 0)
+            this.unit = 20;
+        this.style.setProperty("--ds-chart-unit", `${this.unit}px`);
+    }
+}
+ChartElement.styles = unsafeCSS(styles);
+__decorate([
+    property({ type: Number })
+], ChartElement.prototype, "unit", void 0);
+__decorate([
+    property()
+], ChartElement.prototype, "grid", void 0);
+/** Whole-pixel width of an element, kept current. */
+function observeWidth(element, callback) {
+    const observer = new ResizeObserver(() => callback(Math.floor(element.getBoundingClientRect().width)));
+    observer.observe(element);
+    return observer;
+}
+export class GridLineChart extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+        this.kind = "area";
+        this.color = "--ds-chart-ink";
+        this.rows = 8;
+        this.markers = [];
+        this.timeRange = null;
+        this.extremes = false;
+        this.labels = false;
+        this.live = false;
+        this.format = (v) => v.toFixed(2);
+        /** Changing this replays the draw-in. */
+        this.drawKey = "";
+        this.dot = null;
+        this.scrubbing = false;
+        this.down = (event) => {
+            if (event.button !== 0)
+                return;
+            this.scrubbing = true;
+            event.target.setPointerCapture(event.pointerId);
+            this.chart?.setCrosshair(this.x(event));
+        };
+        this.move = (event) => {
+            if (this.scrubbing || event.pointerType === "mouse")
+                this.chart?.setCrosshair(this.x(event));
+        };
+        this.up = (event) => {
+            this.scrubbing = false;
+            if (event.pointerType !== "mouse" || event.type === "pointercancel")
+                this.chart?.setCrosshair(null);
+        };
+        this.leave = (event) => {
+            if (!this.scrubbing && event.pointerType === "mouse")
+                this.chart?.setCrosshair(null);
+        };
+    }
+    connectedCallback() { this.dataset.chartKind = "line"; super.connectedCallback(); }
+    refreshTheme() { this.chart?.refreshTheme(); }
+    render() {
+        return html `<canvas
+        @pointerdown=${this.down}
+        @pointermove=${this.move}
+        @pointerup=${this.up}
+        @pointercancel=${this.up}
+        @pointerleave=${this.leave}
+      ></canvas
+      >${this.live && this.dot
+            ? html `<span class="live-dot" style="transform: translate(${this.dot.x - 2}px, ${this.dot.y - 2}px)"></span>`
+            : nothing}`;
+    }
+    initialize() {
+        if (this.chart)
+            return;
+        const canvas = this.renderRoot.querySelector("canvas");
+        this.chart = new GridChart(canvas, {
+            extremes: this.extremes,
+            scaleLabels: this.labels,
+            format: this.format,
+            grid: this.grid,
+            unit: this.unit,
+        });
+        this.series = this.chart.addSeries(this.seriesOptions());
+        this.chart.subscribeCrosshairMove((event) => {
+            this.dispatchEvent(new CustomEvent("scrub", { detail: event.point, bubbles: true, composed: true }));
+        });
+        this.observer = observeWidth(this, (width) => {
+            this.chart?.resize(width, this.rows * this.unit);
+            this.placeDot();
+        });
+        void document.fonts?.ready.then(() => this.chart?.draw());
+        this.resizeToUnit();
+        this.sync(true);
+    }
+    resizeToUnit() {
+        this.chart?.resize(Math.floor(this.getBoundingClientRect().width), this.rows * this.unit);
+        this.placeDot();
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (!this.chart)
+            return;
+        if (changed.has("unit") || changed.has("grid"))
+            this.chart.applyOptions({ unit: this.unit, grid: this.grid });
+        if (changed.has("rows") || changed.has("unit"))
+            this.resizeToUnit();
+        if (changed.has("extremes") || changed.has("labels") || changed.has("format")) {
+            this.chart.applyOptions({ extremes: this.extremes, scaleLabels: this.labels, format: this.format });
+        }
+        if (changed.has("data") || changed.has("kind") || changed.has("base") || changed.has("color") || changed.has("markers") || changed.has("timeRange")) {
+            this.sync(changed.has("drawKey"));
+        }
+        else if (changed.has("drawKey")) {
+            this.sync(true);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.observer?.disconnect();
+        clearTimeout(this.dotTimer);
+        this.chart?.destroy();
+        this.chart = undefined;
+    }
+    seriesOptions() {
+        return { kind: this.kind, baseValue: this.base, color: this.color };
+    }
+    sync(animate) {
+        if (!this.chart || !this.series)
+            return;
+        this.chart.setTimeRange(this.timeRange);
+        this.series.applyOptions(this.seriesOptions());
+        this.series.setMarkers(this.markers);
+        this.series.setData(this.data);
+        if (animate) {
+            this.dot = null;
+            this.chart.animateIn();
+            clearTimeout(this.dotTimer);
+            this.dotTimer = setTimeout(() => this.placeDot(), 560);
+        }
+        else {
+            this.placeDot();
+        }
+    }
+    placeDot() {
+        const point = this.chart?.lastPoint() ?? null;
+        if (point?.x !== this.dot?.x || point?.y !== this.dot?.y)
+            this.dot = point;
+    }
+    x(event) {
+        return event.clientX - this.getBoundingClientRect().left;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], GridLineChart.prototype, "data", void 0);
+__decorate([
+    property()
+], GridLineChart.prototype, "kind", void 0);
+__decorate([
+    property({ type: Number })
+], GridLineChart.prototype, "base", void 0);
+__decorate([
+    property()
+], GridLineChart.prototype, "color", void 0);
+__decorate([
+    property({ type: Number })
+], GridLineChart.prototype, "rows", void 0);
+__decorate([
+    property({ attribute: false })
+], GridLineChart.prototype, "markers", void 0);
+__decorate([
+    property({ attribute: false })
+], GridLineChart.prototype, "timeRange", void 0);
+__decorate([
+    property({ type: Boolean })
+], GridLineChart.prototype, "extremes", void 0);
+__decorate([
+    property({ type: Boolean })
+], GridLineChart.prototype, "labels", void 0);
+__decorate([
+    property({ type: Boolean })
+], GridLineChart.prototype, "live", void 0);
+__decorate([
+    property({ attribute: false })
+], GridLineChart.prototype, "format", void 0);
+__decorate([
+    property()
+], GridLineChart.prototype, "drawKey", void 0);
+__decorate([
+    state()
+], GridLineChart.prototype, "dot", void 0);
+export class GridSpark extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.values = [];
+        this.cols = 4;
+    }
+    connectedCallback() { this.dataset.chartKind = "spark"; super.connectedCallback(); }
+    refreshTheme() { this.draw(); }
+    render() {
+        const last = this.values[this.values.length - 1] ?? 0;
+        const reference = this.base ?? this.values[0] ?? 0;
+        return html `<canvas class=${last >= reference ? "up" : "down"}></canvas>`;
+    }
+    updated(changed) {
+        super.updated(changed);
+        this.draw();
+    }
+    draw() {
+        const canvas = this.renderRoot.querySelector("canvas");
+        if (!canvas)
+            return;
+        const style = getComputedStyle(canvas);
+        drawSparkline(canvas, this.values, {
+            width: this.cols * this.unit,
+            height: this.unit,
+            color: style.color,
+            base: this.base,
+            faint: style.borderTopColor,
+        });
+    }
+}
+__decorate([
+    property({ attribute: false })
+], GridSpark.prototype, "values", void 0);
+__decorate([
+    property({ type: Number })
+], GridSpark.prototype, "base", void 0);
+__decorate([
+    property({ type: Number })
+], GridSpark.prototype, "cols", void 0);
+export class GridBars extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.rows = 4;
+        this.span = 2;
+    }
+    connectedCallback() { this.dataset.chartKind = "bars"; super.connectedCallback(); }
+    render() {
+        const height = (this.rows - 1) * this.unit;
+        const max = Math.max(...this.items.flatMap((item) => [item.value, item.compare ?? 0]), 1e-9);
+        const px = (v) => Math.max(1, Math.round((v / max) * (height - 4)));
+        return html `<div class="bars" style="--span: ${this.span}">
+      ${this.items.map((item) => html `<div class="bar-cell">
+          <div class="bar-area" style="height: ${height}px">
+            ${item.compare !== undefined
+            ? html `<span class="bar-compare" style="height: ${px(item.compare)}px"></span>`
+            : nothing}
+            ${item.value > 0
+            ? html `<span class="bar-fill ${item.tone ?? "ink"}" style="height: ${px(item.value)}px"></span>`
+            : nothing}
+          </div>
+          <span class="bar-caption">${item.caption ?? ""}</span>
+          <span class="bar-label">${item.label}</span>
+        </div>`)}
+    </div>`;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], GridBars.prototype, "items", void 0);
+__decorate([
+    property({ type: Number })
+], GridBars.prototype, "rows", void 0);
+__decorate([
+    property({ type: Number })
+], GridBars.prototype, "span", void 0);
+export class GridRatio extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.value = 0.5;
+        this.width = 0;
+    }
+    connectedCallback() { this.dataset.chartKind = "ratio"; super.connectedCallback(); }
+    initialize() {
+        this.observer?.disconnect();
+        this.observer = observeWidth(this, (width) => {
+            this.width = width;
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.observer?.disconnect();
+    }
+    render() {
+        const left = Math.round(Math.max(0, this.width - 1) * Math.max(0, Math.min(1, this.value)));
+        return html `<span class="ratio-buy" style="width: ${left}px"></span
+      ><span class="ratio-sell" style="width: ${Math.max(0, this.width - left - 1)}px"></span>`;
+    }
+}
+__decorate([
+    property({ type: Number })
+], GridRatio.prototype, "value", void 0);
+__decorate([
+    state()
+], GridRatio.prototype, "width", void 0);
+export class GridRange extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.min = 0;
+        this.max = 1;
+        this.from = 0;
+        this.to = 1;
+        this.marks = [];
+        this.width = 0;
+    }
+    connectedCallback() { this.dataset.chartKind = "range"; super.connectedCallback(); }
+    initialize() {
+        this.observer?.disconnect();
+        this.observer = observeWidth(this, (width) => {
+            this.width = width;
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.observer?.disconnect();
+    }
+    render() {
+        const span = Math.max(1e-9, this.max - this.min);
+        const x = (v) => Math.round(((v - this.min) / span) * (this.width - 1));
+        const left = x(this.from);
+        const right = x(this.to);
+        return html `<span class="range-track"></span>
+      <span class="range-fill" style="transform: translateX(${left}px); width: ${Math.max(1, right - left + 1)}px"></span>
+      ${this.marks.map((mark) => html `<span class="range-${mark.kind}" style="transform: translateX(${x(mark.value) - (mark.kind === "dot" ? 2 : 0)}px)"
+            >${mark.label ? html `<span class="range-label">${mark.label}</span>` : nothing}</span
+          >`)}`;
+    }
+}
+__decorate([
+    property({ type: Number })
+], GridRange.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], GridRange.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], GridRange.prototype, "from", void 0);
+__decorate([
+    property({ type: Number })
+], GridRange.prototype, "to", void 0);
+__decorate([
+    property({ attribute: false })
+], GridRange.prototype, "marks", void 0);
+__decorate([
+    state()
+], GridRange.prototype, "width", void 0);
+define("ds-chart", GridLineChart);
+define("ds-spark", GridSpark);
+define("ds-bars", GridBars);
+define("ds-ratio", GridRatio);
+define("ds-range", GridRange);

package/dist/2-core/ds-composer.d.ts

@@ -1,9 +1,16 @@
 import { LitElement } from "lit";
 import "./styles/ds-composer-frame.css";
+/**
+ * A range of the text, in UTF-16 offsets. `color` is any CSS colour, the
+ * accent when left out. By default the words are tinted with it; with `fill`
+ * the colour itself lies behind the words, which stay in the text colour, so
+ * a pale colour shows and every palette colour keeps the words readable.
+ */
 export type TextHighlight = {
     start: number;
     end: number;
     color?: string;
+    fill?: boolean;
 };
 /** A native writing field with metric-preserving highlights. Products own the
  * text and mention data; DS1 owns its face, growth and synchronized overlay.

package/dist/2-core/ds-composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-composer.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-composer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,gCAAgC,CAAC;AAYxC,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3E;;;GAGG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;MAMf;IACF,MAAM,CAAC,MAAM,0BAAqB;IAC1B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC,QAAgB,IAAI,CAAS;IAC7B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,IAAI,CAAgC;IAC5C,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClC,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAIrB;IACF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IACpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA8C;IACpE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAwB;;IAWnD,iBAAiB;IAMjB,YAAY;IACZ,oBAAoB;IAMpB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,WAAW;IAuBnB,+EAA+E;IAC/E,OAAO;IAaP,OAAO;IA6BP,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,eAAe;IAOvB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAC5B,MAAM;CASP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,aAAa,EAAE,QAAQ,CAAA;KAAE;CAAE"}
+{"version":3,"file":"ds-composer.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-composer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,gCAAgC,CAAC;AAYxC;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE3F;;;GAGG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;MAMf;IACF,MAAM,CAAC,MAAM,0BAAqB;IAC1B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC,QAAgB,IAAI,CAAS;IAC7B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,IAAI,CAAgC;IAC5C,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClC,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAIrB;IACF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IACpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA8C;IACpE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAwB;;IAWnD,iBAAiB;IAMjB,YAAY;IACZ,oBAAoB;IAMpB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,WAAW;IAuBnB,+EAA+E;IAC/E,OAAO;IAaP,OAAO;IA6BP,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,eAAe;IAOvB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAC5B,MAAM;CASP;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,aAAa,EAAE,QAAQ,CAAA;KAAE;CAAE"}

package/dist/2-core/ds-composer.js

@@ -167,7 +167,7 @@ export class Composer extends LitElement {
         const parts = this.validHighlights().map(range => {
             const before = this.text.slice(cursor, range.start);
             cursor = range.end;
-            return html `${before}<mark style=${styleMap({ "--composer-highlight-color": range.color || undefined })}>${this.text.slice(range.start, range.end)}</mark>`;
+            return html `${before}<mark class=${range.fill ? "fill" : ""} style=${styleMap({ "--composer-highlight-color": range.color || undefined })}>${this.text.slice(range.start, range.end)}</mark>`;
         });
         return html `<span class="row-metric" aria-hidden="true"></span><slot @slotchange=${this.bindControl}></slot><div class="mirror" aria-hidden="true">${parts}${this.text.slice(cursor)}${"\n"}</div>`;
     }

package/dist/2-core/ds-cycle.d.ts

@@ -2,15 +2,32 @@ import { LitElement } from "lit";
 import "./ds-button";
 import "./ds-icon";
 import "./ds-text";
+/**
+ * A language's name in the language itself (`Dansk`, `日本語`): from the
+ * language list, else from the browser, else the code.
+ */
+export declare function nativeLanguageName(code: string): string;
 export declare class Cycle extends LitElement {
     static formAssociated: boolean;
     static get properties(): {
         type: {
             type: StringConstructor;
+            reflect: boolean;
+        };
+        chip: {
+            type: BooleanConstructor;
+            reflect: boolean;
         };
         values: {
             type: ArrayConstructor;
         };
+        value: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
         currentValue: {
             type: StringConstructor;
             state: boolean;
@@ -40,7 +57,14 @@ export declare class Cycle extends LitElement {
     };
     static styles: import("lit").CSSResult;
     type: string;
+    chip: boolean;
     values: string[];
+    value: string;
+    /**
+     * The setting's name, a translation key: the button is announced as
+     * "Size: 40" while its face shows the value alone.
+     */
+    label: string;
     currentValue: string;
     translationsReady: boolean;
     disabled: boolean;
@@ -53,9 +77,9 @@ export declare class Cycle extends LitElement {
     formDisabledCallback(disabled: boolean): void;
     focus(options?: FocusOptions): void;
     connectedCallback(): void;
-    initializeValues(): Promise<void>;
+    initializeValues(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    setupInitialValue(): Promise<void>;
+    setupInitialValue(): void;
     handleSettingsChanges(): void;
     disconnectedCallback(): void;
     handleButtonClick(e: Event): void;
@@ -70,6 +94,16 @@ export declare class Cycle extends LitElement {
      * first paint, so the inner button and any page sheet see the same word.
      */
     willUpdate(changed: Map<PropertyKey, unknown>): void;
+    /** The words the face shows for the current value, for the accessible name. */
+    valueText(): string;
+    /** "Size: 40" when the cycle has a label, so the control is named while its face shows the value alone. */
+    accessibleLabel(): string;
+    /**
+     * The language picker: a native button carrying the language's code as
+     * `lang`, so each name is set in its own typeface. An item on its own, eight
+     * squares wide (four with `compact`); with `chip`, the cycle's button around it.
+     */
+    private renderLanguagePicker;
     render(): import("lit").TemplateResult<1>;
     private handleTranslationsLoaded;
     private handleLanguageChanged;

package/dist/2-core/ds-cycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-cycle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-cycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAalD,OAAO,aAAa,CAAC;AACrB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AAsCnB,qBAAa,KAAM,SAAQ,UAAU;IACnC,MAAM,CAAC,cAAc,UAAQ;IAE7B,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAepB;IAED,MAAM,CAAC,MAAM,0BAAqB;IAI1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAC1B,UAAkB,iBAAiB,EAAE,OAAO,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IAG3B,OAAO,CAAC,aAAa,CAOnB;;IA4BF,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAEtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAE5B,iBAAiB;IA6BX,gBAAgB;IA8DtB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IASnE,iBAAiB;IAqCvB,qBAAqB;IAKrB,oBAAoB;IA0BpB,iBAAiB,CAAC,CAAC,EAAE,KAAK;IA2I1B,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG;IA+C5C,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAgBrC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAyBtC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAe/B;;;;;OAKG;IACH,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAW7C,MAAM;IAsCN,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,yBAAyB;CAGlC;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}
+{"version":3,"file":"ds-cycle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-cycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAclD,OAAO,aAAa,CAAC;AACrB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AAuCnB;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMvD;AAKD,qBAAa,KAAM,SAAQ,UAAU;IACnC,MAAM,CAAC,cAAc,UAAQ;IAE7B,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBpB;IAED,MAAM,CAAC,MAAM,0BAAqB;IAI1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACK,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAC1B,UAAkB,iBAAiB,EAAE,OAAO,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IAG3B,OAAO,CAAC,aAAa,CAOnB;;IA+BF,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAEtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAE5B,iBAAiB;IA8BjB,gBAAgB,IAAI,IAAI;IA2DxB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IASzE,iBAAiB,IAAI,IAAI;IAoCzB,qBAAqB;IAKrB,oBAAoB;IA0BpB,iBAAiB,CAAC,CAAC,EAAE,KAAK;IA+I1B,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG;IA6C5C,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAgBrC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAyBtC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAe/B;;;;;OAKG;IACH,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAiB7C,+EAA+E;IAC/E,SAAS,IAAI,MAAM;IASnB,2GAA2G;IAC3G,eAAe,IAAI,MAAM;IAMzB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAgB5B,MAAM;IAwCN,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,yBAAyB;CAGlC;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}