@sentropic/design-system-angular 0.36.54

package/dist/GaugeChart.js

@@ -0,0 +1,307 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class GaugeChart {
+    static stComponentName = "GaugeChart";
+    componentName = "GaugeChart";
+    value = 0;
+    min;
+    max;
+    thresholds;
+    label;
+    format;
+    unit;
+    size;
+    thickness;
+    startAngle;
+    endAngle;
+    classInput;
+    get hostClass() {
+        return classNames("st-gaugeChart", this.classInput);
+    }
+    get minValue() {
+        return this.min ?? 0;
+    }
+    get maxValue() {
+        return this.max ?? 100;
+    }
+    get thicknessValue() {
+        return this.thickness ?? 22;
+    }
+    get sizeValue() {
+        return this.size ?? 220;
+    }
+    get startAngleValue() {
+        return this.startAngle ?? 180;
+    }
+    get endAngleValue() {
+        return this.endAngle ?? 360;
+    }
+    get span() {
+        return Math.max(this.maxValue - this.minValue, 0);
+    }
+    get clamped() {
+        return Math.min(Math.max(this.value, this.minValue), this.maxValue);
+    }
+    get frac() {
+        return this.span > 0 ? (this.clamped - this.minValue) / this.span : 0;
+    }
+    get cx() {
+        return this.sizeValue / 2;
+    }
+    get cy() {
+        return this.sizeValue / 2;
+    }
+    get r() {
+        return this.sizeValue / 2 - this.thicknessValue / 2 - 2;
+    }
+    get a0() {
+        return (this.startAngleValue * Math.PI) / 180;
+    }
+    get a1() {
+        return (this.endAngleValue * Math.PI) / 180;
+    }
+    get totalAngle() {
+        return this.a1 - this.a0;
+    }
+    polar(radius, angle) {
+        return [this.cx + radius * Math.cos(angle), this.cy + radius * Math.sin(angle)];
+    }
+    arcPath(fromFrac, toFrac) {
+        const from = this.a0 + this.totalAngle * fromFrac;
+        const to = this.a0 + this.totalAngle * toFrac;
+        const [x0, y0] = this.polar(this.r, from);
+        const [x1, y1] = this.polar(this.r, to);
+        const large = Math.abs(to - from) > Math.PI ? 1 : 0;
+        const sweep = this.totalAngle >= 0 ? 1 : 0;
+        return `M ${x0} ${y0} A ${this.r} ${this.r} 0 ${large} ${sweep} ${x1} ${y1}`;
+    }
+    get viewBoxStr() {
+        const samples = 64;
+        let minY = Infinity;
+        let maxY = -Infinity;
+        for (let i = 0; i <= samples; i++) {
+            const a = this.a0 + (this.totalAngle * i) / samples;
+            const yOuter = this.cy + (this.r + this.thicknessValue / 2) * Math.sin(a);
+            minY = Math.min(minY, yOuter);
+            maxY = Math.max(maxY, yOuter);
+        }
+        minY = Math.min(minY, this.cy - (this.r + this.thicknessValue / 2));
+        const vbTop = Math.max(minY, 0);
+        const vbH = Math.max(Math.min(maxY, this.sizeValue) - vbTop, this.thicknessValue);
+        return `0 ${vbTop} ${this.sizeValue} ${vbH}`;
+    }
+    get bands() {
+        if (!this.thresholds || this.thresholds.length === 0 || this.span <= 0)
+            return [];
+        const sorted = [...this.thresholds].sort((a, b) => a.value - b.value);
+        const segments = [];
+        let start = this.minValue;
+        for (const t of sorted) {
+            const end = Math.min(Math.max(t.value, this.minValue), this.maxValue);
+            if (end <= start)
+                continue;
+            segments.push({ from: (start - this.minValue) / this.span, to: (end - this.minValue) / this.span, tone: t.tone });
+            start = end;
+        }
+        if (start < this.maxValue) {
+            const lastTone = sorted[sorted.length - 1]?.tone ?? "neutral";
+            segments.push({ from: (start - this.minValue) / this.span, to: 1, tone: lastTone });
+        }
+        return segments;
+    }
+    get needlePath() {
+        const a = this.a0 + this.totalAngle * this.frac;
+        const tip = this.polar(this.r + this.thicknessValue / 2, a);
+        const left = this.polar(this.thicknessValue * 0.18, a + Math.PI / 2);
+        const right = this.polar(this.thicknessValue * 0.18, a - Math.PI / 2);
+        return `M ${left[0]} ${left[1]} L ${tip[0]} ${tip[1]} L ${right[0]} ${right[1]} Z`;
+    }
+    get hubRadius() {
+        return Math.max(this.thicknessValue * 0.22, 4);
+    }
+    get formatted() {
+        if (this.format === "percent") {
+            const pct = this.span > 0 ? Math.round(this.frac * 100) : 0;
+            return `${pct}%`;
+        }
+        const num = Number.isInteger(this.clamped) ? String(this.clamped) : this.clamped.toFixed(1);
+        return this.unit ? `${num} ${this.unit}` : num;
+    }
+    get ariaValueText() {
+        return this.label ? `${this.label}: ${this.formatted}` : this.formatted;
+    }
+    get dataValueItems() {
+        return [`${this.label ? `${this.label}: ` : ""}${this.formatted} (min ${this.minValue}, max ${this.maxValue})`];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GaugeChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GaugeChart, isStandalone: true, selector: "st-gauge-chart", inputs: { value: "value", min: "min", max: "max", thresholds: "thresholds", label: "label", format: "format", unit: "unit", size: "size", thickness: "thickness", startAngle: "startAngle", endAngle: "endAngle", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-gaugeChart__visual"
+        role="meter"
+        [attr.aria-valuenow]="clamped"
+        [attr.aria-valuemin]="minValue"
+        [attr.aria-valuemax]="maxValue"
+        [attr.aria-valuetext]="ariaValueText"
+        [attr.aria-label]="label"
+      >
+        <svg
+          [attr.viewBox]="viewBoxStr"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          <path class="st-gaugeChart__track" [attr.d]="arcPath(0, 1)" fill="none" [attr.stroke-width]="thicknessValue" />
+
+          @for (band of bands; track $index) {
+            <path
+              [class]="'st-gaugeChart__band st-gaugeChart__band--' + band.tone"
+              [attr.d]="arcPath(band.from, band.to)"
+              fill="none"
+              [attr.stroke-width]="thicknessValue"
+            ></path>
+          }
+
+          @if (bands.length === 0) {
+            <path
+              class="st-gaugeChart__progress"
+              [attr.d]="arcPath(0, frac)"
+              fill="none"
+              [attr.stroke-width]="thicknessValue"
+            ></path>
+          }
+
+          <path class="st-gaugeChart__needle" [attr.d]="needlePath"></path>
+          <circle class="st-gaugeChart__hub" [attr.cx]="cx" [attr.cy]="cy" [attr.r]="hubRadius"></circle>
+
+          <text
+            class="st-gaugeChart__value"
+            [attr.x]="cx"
+            [attr.y]="cy - thicknessValue * 0.55"
+            text-anchor="middle"
+            dominant-baseline="auto"
+          >{{ formatted }}</text>
+
+          @if (label) {
+            <text
+              class="st-gaugeChart__label"
+              [attr.x]="cx"
+              [attr.y]="cy - thicknessValue * 0.05"
+              text-anchor="middle"
+              dominant-baseline="hanging"
+            >{{ label }}</text>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + (label ?? 'gauge')">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GaugeChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-gauge-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-gaugeChart__visual"
+        role="meter"
+        [attr.aria-valuenow]="clamped"
+        [attr.aria-valuemin]="minValue"
+        [attr.aria-valuemax]="maxValue"
+        [attr.aria-valuetext]="ariaValueText"
+        [attr.aria-label]="label"
+      >
+        <svg
+          [attr.viewBox]="viewBoxStr"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          <path class="st-gaugeChart__track" [attr.d]="arcPath(0, 1)" fill="none" [attr.stroke-width]="thicknessValue" />
+
+          @for (band of bands; track $index) {
+            <path
+              [class]="'st-gaugeChart__band st-gaugeChart__band--' + band.tone"
+              [attr.d]="arcPath(band.from, band.to)"
+              fill="none"
+              [attr.stroke-width]="thicknessValue"
+            ></path>
+          }
+
+          @if (bands.length === 0) {
+            <path
+              class="st-gaugeChart__progress"
+              [attr.d]="arcPath(0, frac)"
+              fill="none"
+              [attr.stroke-width]="thicknessValue"
+            ></path>
+          }
+
+          <path class="st-gaugeChart__needle" [attr.d]="needlePath"></path>
+          <circle class="st-gaugeChart__hub" [attr.cx]="cx" [attr.cy]="cy" [attr.r]="hubRadius"></circle>
+
+          <text
+            class="st-gaugeChart__value"
+            [attr.x]="cx"
+            [attr.y]="cy - thicknessValue * 0.55"
+            text-anchor="middle"
+            dominant-baseline="auto"
+          >{{ formatted }}</text>
+
+          @if (label) {
+            <text
+              class="st-gaugeChart__label"
+              [attr.x]="cx"
+              [attr.y]="cy - thicknessValue * 0.05"
+              text-anchor="middle"
+              dominant-baseline="hanging"
+            >{{ label }}</text>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + (label ?? 'gauge')">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+    </div>
+  `,
+                }]
+        }], propDecorators: { value: [{
+                type: NgInput
+            }], min: [{
+                type: NgInput
+            }], max: [{
+                type: NgInput
+            }], thresholds: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], format: [{
+                type: NgInput
+            }], unit: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], thickness: [{
+                type: NgInput
+            }], startAngle: [{
+                type: NgInput
+            }], endAngle: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=GaugeChart.js.map

package/dist/GaugeChart.js.map

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

package/dist/GeoMap.d.ts

@@ -0,0 +1,204 @@
+import * as i0 from "@angular/core";
+export type GeoMapTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+/** Coordonnée géographique — même forme que `GeoCoordinate` (dataviz-core). */
+export type GeoMapCoordinate = {
+    latitude: number;
+    longitude: number;
+};
+/** Emprise géographique — même forme que `GeoBounds` (dataviz-core). */
+export type GeoMapBounds = {
+    south: number;
+    west: number;
+    north: number;
+    east: number;
+};
+export type GeoMapProjection = "equirectangular" | "mercator";
+export type GeoMapGeometryType = "Point" | "MultiPoint" | "LineString" | "MultiLineString" | "Polygon" | "MultiPolygon";
+/** Géométrie GeoJSON — même forme que `GeoJsonGeometry` (dataviz-core). */
+export type GeoMapGeometry = {
+    type: GeoMapGeometryType;
+    coordinates: unknown[];
+};
+/** Entité géographique — sous-ensemble structurel de `GeoJsonFeature` (dataviz-core). */
+export type GeoMapFeature = {
+    id: string;
+    label?: string;
+    value?: number;
+    geometry: GeoMapGeometry;
+};
+/** Point géographique — sur-ensemble structurel de `GeoPoint` (dataviz-core). */
+export type GeoMapPoint = GeoMapCoordinate & {
+    id?: string;
+    label?: string;
+    value?: number;
+    tone?: GeoMapTone;
+    /** Rayon explicite en px (prioritaire sur l'échelle par `value`), borné à 32. */
+    r?: number;
+};
+/** Flux géographique — sous-ensemble structurel de `GeoFlowLink` (dataviz-core). */
+export type GeoMapFlow = {
+    id?: string;
+    label?: string;
+    source: GeoMapCoordinate;
+    target: GeoMapCoordinate;
+    value?: number;
+};
+/** Entités GeoJSON (polygones, lignes, points) ; ton par couche ou cycle de palette par entité. */
+export type GeoMapGeojsonLayer = {
+    type: "geojson";
+    features: GeoMapFeature[];
+    tone?: GeoMapTone;
+    label?: string;
+};
+/** Choroplèthe : entités + valeur par id (`regions` dataviz : `key` → `value`) → intensité color-mix. */
+export type GeoMapChoroplethLayer = {
+    type: "choropleth";
+    features: GeoMapFeature[];
+    values: Record<string, number>;
+    /** Ton de base de la rampe d'intensité (défaut `category1`). */
+    tone?: GeoMapTone;
+    label?: string;
+};
+/** Points/épingles : rayon ∝ `value` (bornes `minRadius`/`maxRadius`, défauts 5/14 comme dataviz). */
+export type GeoMapPointsLayer = {
+    type: "points";
+    points: GeoMapPoint[];
+    tone?: GeoMapTone;
+    minRadius?: number;
+    maxRadius?: number;
+    label?: string;
+};
+/** Densité : cercles translucides superposés, rayon/intensité ∝ `value` (poids). */
+export type GeoMapDensityLayer = {
+    type: "density";
+    points: GeoMapPoint[];
+    /** Ton de la nappe (défaut `category3` — parité visuelle dataviz). */
+    tone?: GeoMapTone;
+    maxRadius?: number;
+    label?: string;
+};
+/** Flux : arcs quadratiques source → target, épaisseur ∝ `value` (défaut ton `category1`). */
+export type GeoMapFlowLayer = {
+    type: "flow";
+    flows: GeoMapFlow[];
+    tone?: GeoMapTone;
+    label?: string;
+};
+/** Hexbin : binning hexagonal des points (même binning que dataviz-core), intensité ∝ valeur agrégée. */
+export type GeoMapHexbinLayer = {
+    type: "hexbin";
+    points: GeoMapPoint[];
+    /** Taille de cellule en degrés (défaut 1). */
+    cellSize?: number;
+    tone?: GeoMapTone;
+    label?: string;
+};
+/** Clusters : regroupement glouton des points (même algo que dataviz-core), centroïdes marqueurs distinctifs. */
+export type GeoMapClusterLayer = {
+    type: "cluster";
+    points: GeoMapPoint[];
+    /** Rayon de regroupement en degrés (défaut 1). */
+    radius?: number;
+    tone?: GeoMapTone;
+    label?: string;
+};
+export type GeoMapLayer = GeoMapGeojsonLayer | GeoMapChoroplethLayer | GeoMapPointsLayer | GeoMapDensityLayer | GeoMapFlowLayer | GeoMapHexbinLayer | GeoMapClusterLayer;
+export type GeoMapProps = {
+    layers: GeoMapLayer[];
+    width?: number;
+    height?: number;
+    projection?: GeoMapProjection;
+    /** Emprise explicite ; sinon auto-ajustement sur les données de toutes les couches + marge. */
+    bounds?: GeoMapBounds;
+    label: string;
+    class?: string;
+};
+type FeatureMark = {
+    key: string;
+    d: string;
+    tone: GeoMapTone;
+    line: boolean;
+    text: string;
+};
+type RegionMark = {
+    key: string;
+    d: string;
+    tone: GeoMapTone;
+    mix: string | null;
+    text: string;
+};
+type CircleMark = {
+    key: string;
+    cx: number;
+    cy: number;
+    r: number;
+    tone: GeoMapTone;
+    mix: string | null;
+    text: string;
+};
+type FlowMark = {
+    key: string;
+    d: string;
+    strokeWidth: number;
+    tone: GeoMapTone;
+    text: string;
+};
+type HexMark = {
+    key: string;
+    points: string;
+    tone: GeoMapTone;
+    mix: string;
+    text: string;
+};
+type ClusterMark = {
+    key: string;
+    cx: number;
+    cy: number;
+    r: number;
+    tone: GeoMapTone;
+    text: string;
+};
+type RenderLayer = {
+    key: string;
+    type: GeoMapLayer["type"];
+    summary: string;
+    features: FeatureMark[];
+    regions: RegionMark[];
+    circles: CircleMark[];
+    flows: FlowMark[];
+    hexes: HexMark[];
+    clusters: ClusterMark[];
+};
+export declare class GeoMap {
+    static readonly stComponentName = "GeoMap";
+    readonly componentName = "GeoMap";
+    layers: GeoMapLayer[];
+    width?: number;
+    height?: number;
+    projection?: GeoMapProjection;
+    bounds?: GeoMapBounds;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get resolvedWidth(): number;
+    get resolvedHeight(): number;
+    get resolvedProjection(): GeoMapProjection;
+    get viewBox(): string;
+    get renderedLayers(): RenderLayer[];
+    get dataValueItems(): string[];
+    trackByKey(_index: number, item: {
+        key: string;
+    }): string;
+    layerClass(layer: RenderLayer): string;
+    featureClass(feature: FeatureMark): string;
+    regionClass(region: RegionMark): string;
+    pointClass(mark: CircleMark): string;
+    densityClass(mark: CircleMark): string;
+    flowClass(mark: FlowMark): string;
+    hexClass(mark: HexMark): string;
+    clusterClass(mark: ClusterMark): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoMap, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoMap, "st-geo-map", never, { "layers": { "alias": "layers"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "projection": { "alias": "projection"; "required": false; }; "bounds": { "alias": "bounds"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=GeoMap.d.ts.map

package/dist/GeoMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeoMap.d.ts","sourceRoot":"","sources":["../src/GeoMap.ts"],"names":[],"mappings":";AAKA,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,+EAA+E;AAC/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wEAAwE;AACxE,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,YAAY,GACZ,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,cAAc,CAAC;AAEnB,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,kBAAkB,CAAC;IACzB,WAAW,EAAE,OAAO,EAAE,CAAC;CACxB,CAAC;AAEF,yFAAyF;AACzF,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,iFAAiF;AACjF,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iFAAiF;IACjF,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,oFAAoF;AACpF,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,mGAAmG;AACnG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,yGAAyG;AACzG,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,gEAAgE;IAChE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,sGAAsG;AACtG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oFAAoF;AACpF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,sEAAsE;IACtE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,8FAA8F;AAC9F,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,yGAAyG;AACzG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iHAAiH;AACjH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,kBAAkB,GAClB,qBAAqB,GACrB,iBAAiB,GACjB,kBAAkB,GAClB,eAAe,GACf,iBAAiB,GACjB,kBAAkB,CAAC;AAEvB,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC;AAwRF,qBA2Ga,MAAM;IACjB,MAAM,CAAC,QAAQ,CAAC,eAAe,YAAY;IAC3C,QAAQ,CAAC,aAAa,YAAY;IACvB,MAAM,EAAE,WAAW,EAAE,CAAM;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,SAAM;IACJ,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,cAAc,IAAI,MAAM,CAE3B;IAED,IAAI,kBAAkB,IAAI,gBAAgB,CAEzC;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,cAAc,IAAI,WAAW,EAAE,CAkJlC;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAY7B;IAED,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM;IAIzD,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM;IAItC,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM;IAI1C,WAAW,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM;IAIvC,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAIpC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAItC,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;IAIjC,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM;IAI/B,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM;yCAjO5B,MAAM;2CAAN,MAAM;CAoOlB"}