@sentropic/design-system-angular 0.36.54

package/dist/RoseChart.js

@@ -0,0 +1,242 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { contrastTextForTone } from "./chartContrast.js";
+import * as i0 from "@angular/core";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+export class RoseChart {
+    static stComponentName = "RoseChart";
+    componentName = "RoseChart";
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-roseChart", this.classInput);
+    }
+    get widthValue() { return this.width ?? 320; }
+    get heightValue() { return this.height ?? 320; }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    safeValue(value) {
+        return Number.isFinite(value) && value > 0 ? value : 0;
+    }
+    formatNumber(value) {
+        if (!Number.isFinite(value))
+            return "0";
+        if (Number.isInteger(value))
+            return String(value);
+        return value.toFixed(2).replace(/\.?0+$/, "");
+    }
+    point(cx, cy, radius, angle) {
+        return { x: cx + radius * Math.cos(angle), y: cy + radius * Math.sin(angle) };
+    }
+    sectorPath(cx, cy, radius, start, end) {
+        const safeEnd = Math.min(end, start + Math.PI * 2 - 0.0001);
+        const large = safeEnd - start > Math.PI ? 1 : 0;
+        const outerStart = this.point(cx, cy, radius, start);
+        const outerEnd = this.point(cx, cy, radius, safeEnd);
+        return `M ${cx} ${cy} L ${outerStart.x} ${outerStart.y} A ${radius} ${radius} 0 ${large} 1 ${outerEnd.x} ${outerEnd.y} Z`;
+    }
+    get sectors() {
+        const cx = this.widthValue / 2;
+        const cy = this.heightValue / 2;
+        const outerLimit = Math.max(Math.min(this.widthValue, this.heightValue) / 2 - 6, 1);
+        const count = this.data.length;
+        if (count === 0)
+            return [];
+        const maxValue = Math.max(0, ...this.data.map((d) => this.safeValue(d.value)));
+        const safeMax = maxValue > 0 ? maxValue : 1;
+        const sweep = (Math.PI * 2) / count;
+        return this.data.map((datum, index) => {
+            const value = this.safeValue(datum.value);
+            const radius = Math.sqrt(value / safeMax) * outerLimit;
+            const start = -Math.PI / 2 + sweep * index;
+            const end = start + sweep;
+            const midAngle = (start + end) / 2;
+            const labelPoint = this.point(cx, cy, radius * 0.62, midAngle);
+            return {
+                datum,
+                value,
+                tone: datum.tone ?? TONES[index % TONES.length],
+                radius,
+                path: value > 0 ? this.sectorPath(cx, cy, radius, start, end) : "",
+                labelX: labelPoint.x,
+                labelY: labelPoint.y,
+                showLabel: value > 0 && radius > outerLimit * 0.4,
+            };
+        });
+    }
+    get dataValueItems() {
+        return this.data.map((d) => `${d.label}: ${this.formatNumber(this.safeValue(d.value))}`);
+    }
+    get tooltipLeft() {
+        const s = this.hoveredIndex !== null ? this.sectors[this.hoveredIndex] : null;
+        return s ? (s.labelX / this.widthValue) * 100 : 0;
+    }
+    get tooltipTop() {
+        const s = this.hoveredIndex !== null ? this.sectors[this.hoveredIndex] : null;
+        return s ? (s.labelY / this.heightValue) * 100 : 0;
+    }
+    sectorClass(sector, i) {
+        return classNames("st-roseChart__sector", `st-roseChart__sector--${sector.tone}`, this.hoveredIndex !== null && this.hoveredIndex !== i && "st-roseChart__sector--dim");
+    }
+    contrastText(tone) {
+        return contrastTextForTone(tone);
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && !isNaN(raw) ? raw : null;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RoseChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: RoseChart, isStandalone: true, selector: "st-rose-chart", inputs: { data: "data", width: "width", height: "height", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-roseChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (sector of sectors; track sector.datum.label; let i = $index) {
+            @if (sector.path) {
+              <path
+                [class]="sectorClass(sector, i)"
+                [attr.d]="sector.path"
+                [attr.data-chart-index]="i"
+              ></path>
+            }
+          }
+
+          @for (sector of sectors; track sector.datum.label) {
+            @if (sector.showLabel) {
+              <text
+                class="st-roseChart__label"
+                [attr.x]="sector.labelX"
+                [attr.y]="sector.labelY"
+                text-anchor="middle"
+                dominant-baseline="middle"
+                [attr.fill]="contrastText(sector.tone)"
+              >{{ sector.datum.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 (hoveredIndex !== null && sectors[hoveredIndex] && sectors[hoveredIndex].value > 0) {
+        <div
+          class="st-roseChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft + \'%\'"
+          [style.top]="tooltipTop + \'%\'"
+        >
+          <span class="st-roseChart__tooltipLabel">{{ sectors[hoveredIndex].datum.label }}</span>
+          <span class="st-roseChart__tooltipValue">{{ formatNumber(sectors[hoveredIndex].value) }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RoseChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-rose-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-roseChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (sector of sectors; track sector.datum.label; let i = $index) {
+            @if (sector.path) {
+              <path
+                [class]="sectorClass(sector, i)"
+                [attr.d]="sector.path"
+                [attr.data-chart-index]="i"
+              ></path>
+            }
+          }
+
+          @for (sector of sectors; track sector.datum.label) {
+            @if (sector.showLabel) {
+              <text
+                class="st-roseChart__label"
+                [attr.x]="sector.labelX"
+                [attr.y]="sector.labelY"
+                text-anchor="middle"
+                dominant-baseline="middle"
+                [attr.fill]="contrastText(sector.tone)"
+              >{{ sector.datum.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 (hoveredIndex !== null && sectors[hoveredIndex] && sectors[hoveredIndex].value > 0) {
+        <div
+          class="st-roseChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft + \'%\'"
+          [style.top]="tooltipTop + \'%\'"
+        >
+          <span class="st-roseChart__tooltipLabel">{{ sectors[hoveredIndex].datum.label }}</span>
+          <span class="st-roseChart__tooltipValue">{{ formatNumber(sectors[hoveredIndex].value) }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=RoseChart.js.map

package/dist/RoseChart.js.map

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

package/dist/Row.d.ts

@@ -0,0 +1,27 @@
+import type { FlexAlign, FlexJustify } from "./Flex.js";
+import * as i0 from "@angular/core";
+export type RowProps = {
+    /** Spacing scale step (0..12) used for the column gutter. */
+    gutter?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    as?: string;
+    class?: string;
+};
+export declare class Row {
+    static readonly stComponentName = "Row";
+    readonly componentName = "Row";
+    gutter?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    as?: string;
+    classInput?: string;
+    get hostClass(): string;
+    get gutterToken(): string;
+    get inlineStyles(): Record<string, string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Row, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Row, "st-row", never, { "gutter": { "alias": "gutter"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "as": { "alias": "as"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Row.d.ts.map

package/dist/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../src/Row.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;AAExD,MAAM,MAAM,QAAQ,GAAG;IACrB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAmBa,GAAG;IACd,MAAM,CAAC,QAAQ,CAAC,eAAe,SAAS;IACxC,QAAQ,CAAC,aAAa,SAAS;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAID,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,YAAY,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CASrD;yCA7BU,GAAG;2CAAH,GAAG;CA8Bf"}

package/dist/Row.js

@@ -0,0 +1,71 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { NgStyle } from "@angular/common";
+import { classNames } from "./classNames.js";
+import { spacingToken, alignValue, justifyValue } from "./Flex.js";
+import * as i0 from "@angular/core";
+export class Row {
+    static stComponentName = "Row";
+    componentName = "Row";
+    gutter;
+    align;
+    justify;
+    wrap;
+    as;
+    classInput;
+    get hostClass() {
+        return ["st-row", this.classInput].filter(Boolean).join(" ");
+    }
+    // Gouttière exposée en variable CSS pour que les `Col` enfants soustraient le
+    // gutter de leur flex-basis (parité Vue : `calc(% - var(--st-row-gutter))`).
+    get gutterToken() {
+        return spacingToken(this.gutter) ?? "0";
+    }
+    get inlineStyles() {
+        return {
+            display: 'flex',
+            flexDirection: 'row',
+            flexWrap: this.wrap !== false ? 'wrap' : 'nowrap',
+            gap: this.gutterToken,
+            alignItems: this.align ? alignValue(this.align) : undefined,
+            justifyContent: this.justify ? justifyValue(this.justify) : undefined,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Row, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: Row, isStandalone: true, selector: "st-row", inputs: { gutter: "gutter", align: "align", justify: "justify", wrap: "wrap", as: "as", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [style.--st-row-gutter]="gutterToken"
+      [ngStyle]="inlineStyles"
+    >
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, styles: [":host { display: contents; }"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Row, decorators: [{
+            type: Component,
+            args: [{ selector: "st-row", standalone: true, imports: [NgStyle], template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [style.--st-row-gutter]="gutterToken"
+      [ngStyle]="inlineStyles"
+    >
+      <ng-content></ng-content>
+    </div>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { gutter: [{
+                type: NgInput
+            }], align: [{
+                type: NgInput
+            }], justify: [{
+                type: NgInput
+            }], wrap: [{
+                type: NgInput
+            }], as: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Row.js.map

package/dist/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../src/Row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;;AAiCnE,MAAM,OAAO,GAAG;IACd,MAAM,CAAU,eAAe,GAAG,KAAK,CAAC;IAC/B,aAAa,GAAG,KAAK,CAAC;IACpB,MAAM,CAAU;IAChB,KAAK,CAAa;IAClB,OAAO,CAAe;IACtB,IAAI,CAAW;IACf,EAAE,CAAU;IACL,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/D,CAAC;IAED,8EAA8E;IAC9E,6EAA6E;IAC7E,IAAI,WAAW;QACb,OAAO,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC;IAC1C,CAAC;IAED,IAAI,YAAY;QACd,OAAO;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YACjD,GAAG,EAAE,IAAI,CAAC,WAAW;YACrB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;YAC3D,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;SACtE,CAAC;IACJ,CAAC;wGA7BU,GAAG;4FAAH,GAAG,iMAXJ;;;;;;;;;GAST,sGAdS,OAAO;;4FAgBN,GAAG;kBAnBf,SAAS;+BACE,QAAQ,cACN,IAAI,WACP,CAAC,OAAO,CAAC,YAKR;;;;;;;;;GAST;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/SankeyChart.d.ts

@@ -0,0 +1,74 @@
+import * as i0 from "@angular/core";
+export type SankeyChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type SankeyChartNode = {
+    id: string;
+    label: string;
+    tone?: SankeyChartTone;
+};
+export type SankeyChartLink = {
+    source: string;
+    target: string;
+    value: number;
+    tone?: SankeyChartTone;
+};
+export type SankeyChartProps = {
+    nodes: SankeyChartNode[];
+    links: SankeyChartLink[];
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type PositionedNode = {
+    node: SankeyChartNode;
+    tone: SankeyChartTone;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    centerY: number;
+};
+type PositionedLink = {
+    link: SankeyChartLink;
+    source: PositionedNode | undefined;
+    target: PositionedNode | undefined;
+    tone: SankeyChartTone;
+    width: number;
+    path: string;
+    midX: number;
+    midY: number;
+    key: string;
+};
+export declare class SankeyChart {
+    static readonly stComponentName = "SankeyChart";
+    readonly componentName = "SankeyChart";
+    nodes: SankeyChartNode[];
+    links: SankeyChartLink[];
+    width?: number;
+    height?: number;
+    label: string;
+    classInput?: string;
+    hoveredLinkIndex: number | null;
+    get widthValue(): number;
+    get heightValue(): number;
+    get hostClass(): string;
+    get viewBox(): string;
+    private computeNodeDepths;
+    private computeNodeValues;
+    private computeLayout;
+    get layoutNodes(): PositionedNode[];
+    get layoutLinks(): PositionedLink[];
+    get dataValueItems(): string[];
+    linkClass(flow: PositionedLink, index: number): string;
+    nodeClass(entry: PositionedNode): string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    tooltipLeft(): string;
+    tooltipTop(): string;
+    tooltipLabel(): string;
+    tooltipValue(): number | string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SankeyChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SankeyChart, "st-sankey-chart", never, { "nodes": { "alias": "nodes"; "required": false; }; "links": { "alias": "links"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=SankeyChart.d.ts.map

package/dist/SankeyChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../src/SankeyChart.ts"],"names":[],"mappings":";AAMA,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAmBF,qBAwEa,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IAC5B,KAAK,EAAG,eAAe,EAAE,CAAC;IAC1B,KAAK,EAAG,eAAe,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAG,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvC,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,aAAa;IAwErB,IAAI,WAAW,IAAI,cAAc,EAAE,CAElC;IAED,IAAI,WAAW,IAAI,cAAc,EAAE,CAElC;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAS7B;IAED,SAAS,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAWtD,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM;IAIxC,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAelD,WAAW,IAAI,IAAI;IAInB,WAAW,IAAI,MAAM;IAOrB,UAAU,IAAI,MAAM;IAOpB,YAAY,IAAI,MAAM;IAStB,YAAY,IAAI,MAAM,GAAG,MAAM;yCAxNpB,WAAW;2CAAX,WAAW;CA8NvB"}