@sentropic/design-system-angular 0.36.54

package/dist/TreemapChart.js

@@ -0,0 +1,463 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { contrastTextForTone } from "./chartContrast.js";
+import * as i0 from "@angular/core";
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+const PADDING = 2;
+const LABEL_MIN_W = 44;
+const LABEL_MIN_H = 22;
+const VALUE_MIN_H = 38;
+export class TreemapChart {
+    static stComponentName = "TreemapChart";
+    componentName = "TreemapChart";
+    data;
+    tiling;
+    showLabels;
+    legend;
+    width;
+    height;
+    label;
+    classInput;
+    hoveredIndex = null;
+    LABEL_MIN_W = LABEL_MIN_W;
+    LABEL_MIN_H = LABEL_MIN_H;
+    VALUE_MIN_H = VALUE_MIN_H;
+    clipPrefix = `st-treemap-clip-${Math.random().toString(36).slice(2, 9)}`;
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 300;
+    }
+    get showLabelsValue() {
+        return this.showLabels !== false;
+    }
+    get hostClass() {
+        return ["st-treemapChart", this.classInput].filter(Boolean).join(" ");
+    }
+    leafValue(v) {
+        return Number.isFinite(v) && v > 0 ? v : 0;
+    }
+    sumValue(d) {
+        if (d.children && d.children.length > 0) {
+            return d.children.reduce((s, c) => s + this.sumValue(c), 0);
+        }
+        return this.leafValue(d.value);
+    }
+    squarify(nodes, rect) {
+        const out = [];
+        const total = nodes.reduce((s, n) => s + n.value, 0);
+        if (total <= 0 || nodes.length === 0)
+            return out;
+        const area = rect.w * rect.h;
+        const scale = area / total;
+        const items = nodes.map((n) => ({ datum: n.datum, value: n.value, area: n.value * scale }));
+        let free = { ...rect };
+        let row = [];
+        const worst = (r, side) => {
+            if (r.length === 0 || side <= 0)
+                return Infinity;
+            const s = r.reduce((acc, it) => acc + it.area, 0);
+            let max = -Infinity;
+            let min = Infinity;
+            for (const it of r) {
+                if (it.area > max)
+                    max = it.area;
+                if (it.area < min)
+                    min = it.area;
+            }
+            const s2 = s * s;
+            const side2 = side * side;
+            return Math.max((side2 * max) / s2, s2 / (side2 * min));
+        };
+        const layoutRow = (r, side, area2) => {
+            const s = r.reduce((acc, it) => acc + it.area, 0);
+            if (side <= 0)
+                return area2;
+            const thickness = s / side;
+            if (area2.w >= area2.h) {
+                let oy = area2.y;
+                for (const it of r) {
+                    const h = it.area / thickness;
+                    out.push({ datum: it.datum, value: it.value, rect: { x: area2.x, y: oy, w: thickness, h } });
+                    oy += h;
+                }
+                return { x: area2.x + thickness, y: area2.y, w: area2.w - thickness, h: area2.h };
+            }
+            else {
+                let ox = area2.x;
+                for (const it of r) {
+                    const w = it.area / thickness;
+                    out.push({ datum: it.datum, value: it.value, rect: { x: ox, y: area2.y, w, h: thickness } });
+                    ox += w;
+                }
+                return { x: area2.x, y: area2.y + thickness, w: area2.w, h: area2.h - thickness };
+            }
+        };
+        for (const it of items) {
+            const side = Math.min(free.w, free.h);
+            const next = [...row, it];
+            if (row.length === 0 || worst(next, side) <= worst(row, side)) {
+                row = next;
+            }
+            else {
+                free = layoutRow(row, side, free);
+                row = [it];
+            }
+        }
+        if (row.length > 0) {
+            free = layoutRow(row, Math.min(free.w, free.h), free);
+        }
+        return out;
+    }
+    inset(r, pad) {
+        const w = Math.max(r.w - pad * 2, 0);
+        const h = Math.max(r.h - pad * 2, 0);
+        return { x: r.x + pad, y: r.y + pad, w, h };
+    }
+    get cells() {
+        if (!this.data || this.data.length === 0)
+            return [];
+        const roots = this.data
+            .map((d, i) => ({ datum: d, value: this.sumValue(d), tone: d.tone ?? TONES[i % TONES.length] }))
+            .filter((n) => n.value > 0)
+            .sort((a, b) => b.value - a.value);
+        if (roots.length === 0)
+            return [];
+        const topRects = this.squarify(roots.map((r) => ({ datum: r.datum, value: r.value })), { x: 0, y: 0, w: this.widthValue, h: this.heightValue });
+        const result = [];
+        topRects.forEach((tr) => {
+            const root = roots.find((r) => r.datum === tr.datum);
+            const children = (tr.datum.children ?? [])
+                .filter((c) => this.leafValue(c.value) > 0)
+                .sort((a, b) => this.leafValue(b.value) - this.leafValue(a.value));
+            if (children.length > 0) {
+                const innerRect = this.inset(tr.rect, PADDING);
+                const childRects = this.squarify(children.map((c) => ({ datum: c, value: this.leafValue(c.value) })), innerRect);
+                childRects.forEach((cr, ci) => {
+                    const tone = cr.datum.tone ?? root.tone ?? TONES[ci % TONES.length];
+                    result.push({
+                        datum: cr.datum,
+                        value: cr.value,
+                        tone,
+                        textColor: contrastTextForTone(tone),
+                        rect: this.inset(cr.rect, PADDING / 2),
+                        parentLabel: tr.datum.label,
+                        depth: 1,
+                    });
+                });
+            }
+            else {
+                result.push({
+                    datum: tr.datum,
+                    value: tr.value,
+                    tone: root.tone,
+                    textColor: contrastTextForTone(root.tone),
+                    rect: this.inset(tr.rect, PADDING / 2),
+                    depth: 0,
+                });
+            }
+        });
+        return result;
+    }
+    get legendItems() {
+        if (!this.data)
+            return [];
+        return this.data
+            .map((d, i) => ({ label: d.label, tone: d.tone ?? TONES[i % TONES.length] }))
+            .filter((_, i) => this.sumValue(this.data[i]) > 0);
+    }
+    get dataValueItems() {
+        return this.cells.map((c) => c.parentLabel ? `${c.parentLabel}, ${c.datum.label}: ${c.value}` : `${c.datum.label}: ${c.value}`);
+    }
+    cellKey(cell) {
+        return cell.parentLabel ? `${cell.parentLabel}/${cell.datum.label}` : cell.datum.label;
+    }
+    clipId(index) {
+        return `${this.clipPrefix}-${index}`;
+    }
+    rectClass(cell, index) {
+        const base = `st-treemapChart__rect st-treemapChart__rect--${cell.tone}`;
+        if (this.hoveredIndex !== null && this.hoveredIndex !== index) {
+            return base + " st-treemapChart__rect--dim";
+        }
+        return base;
+    }
+    tooltipLeft() {
+        if (this.hoveredIndex === null)
+            return "0%";
+        const cell = this.cells[this.hoveredIndex];
+        return `${((cell.rect.x + cell.rect.w / 2) / this.widthValue) * 100}%`;
+    }
+    tooltipTop() {
+        if (this.hoveredIndex === null)
+            return "0%";
+        const cell = this.cells[this.hoveredIndex];
+        return `${(cell.rect.y / this.heightValue) * 100}%`;
+    }
+    tooltipLabel() {
+        if (this.hoveredIndex === null)
+            return "";
+        const cell = this.cells[this.hoveredIndex];
+        return cell ? (cell.parentLabel ? `${cell.parentLabel} · ${cell.datum.label}` : cell.datum.label) : "";
+    }
+    tooltipValue() {
+        if (this.hoveredIndex === null)
+            return "";
+        return this.cells[this.hoveredIndex]?.value ?? "";
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            this.hoveredIndex = null;
+            return;
+        }
+        const raw = Number(target.getAttribute("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && !Number.isNaN(raw) ? raw : null;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreemapChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TreemapChart, isStandalone: true, selector: "st-treemap-chart", inputs: { data: "data", tiling: "tiling", showLabels: "showLabels", legend: "legend", width: "width", height: "height", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-treemapChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="'0 0 ' + widthValue + ' ' + heightValue"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          <defs>
+            @for (cell of cells; track cellKey(cell)) {
+              <clipPath [attr.id]="clipId($index)">
+                <rect
+                  [attr.x]="cell.rect.x"
+                  [attr.y]="cell.rect.y"
+                  [attr.width]="cell.rect.w"
+                  [attr.height]="cell.rect.h"
+                  rx="2"
+                ></rect>
+              </clipPath>
+            }
+          </defs>
+
+          @for (cell of cells; track cellKey(cell)) {
+            <g class="st-treemapChart__cell" [attr.data-chart-index]="$index">
+              <rect
+                [class]="rectClass(cell, $index)"
+                [attr.x]="cell.rect.x"
+                [attr.y]="cell.rect.y"
+                [attr.width]="cell.rect.w"
+                [attr.height]="cell.rect.h"
+                rx="2"
+                [attr.data-chart-index]="$index"
+              ></rect>
+              @if (showLabelsValue && cell.rect.w >= LABEL_MIN_W && cell.rect.h >= LABEL_MIN_H) {
+                <g [attr.clip-path]="'url(#' + clipId($index) + ')'">
+                  <text
+                    class="st-treemapChart__label"
+                    [attr.x]="cell.rect.x + 6"
+                    [attr.y]="cell.rect.y + 15"
+                    [attr.data-chart-index]="$index"
+                    [attr.style]="'fill: ' + cell.textColor"
+                  >
+                    {{ cell.datum.label }}
+                  </text>
+                  @if (cell.rect.h >= VALUE_MIN_H) {
+                    <text
+                      class="st-treemapChart__value"
+                      [attr.x]="cell.rect.x + 6"
+                      [attr.y]="cell.rect.y + 30"
+                      [attr.data-chart-index]="$index"
+                      [attr.style]="'fill: ' + cell.textColor"
+                    >
+                      {{ cell.value }}
+                    </text>
+                  }
+                </g>
+              }
+            </g>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="label + ' data'">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredIndex !== null && cells[hoveredIndex]) {
+        <div
+          class="st-treemapChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft()"
+          [style.top]="tooltipTop()"
+        >
+          <span class="st-treemapChart__tooltipLabel">{{ tooltipLabel() }}</span>
+          <span class="st-treemapChart__tooltipValue">{{ tooltipValue() }}</span>
+        </div>
+      }
+
+      @if (legend && legendItems.length > 0) {
+        <ul class="st-treemapChart__legend" aria-hidden="true">
+          @for (item of legendItems; track item.label) {
+            <li class="st-treemapChart__legendItem">
+              <span
+                [class]="'st-treemapChart__legendSwatch st-treemapChart__legendSwatch--' + item.tone"
+                aria-hidden="true"
+              ></span>
+              {{ item.label }}
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreemapChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-treemap-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-treemapChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="'0 0 ' + widthValue + ' ' + heightValue"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          <defs>
+            @for (cell of cells; track cellKey(cell)) {
+              <clipPath [attr.id]="clipId($index)">
+                <rect
+                  [attr.x]="cell.rect.x"
+                  [attr.y]="cell.rect.y"
+                  [attr.width]="cell.rect.w"
+                  [attr.height]="cell.rect.h"
+                  rx="2"
+                ></rect>
+              </clipPath>
+            }
+          </defs>
+
+          @for (cell of cells; track cellKey(cell)) {
+            <g class="st-treemapChart__cell" [attr.data-chart-index]="$index">
+              <rect
+                [class]="rectClass(cell, $index)"
+                [attr.x]="cell.rect.x"
+                [attr.y]="cell.rect.y"
+                [attr.width]="cell.rect.w"
+                [attr.height]="cell.rect.h"
+                rx="2"
+                [attr.data-chart-index]="$index"
+              ></rect>
+              @if (showLabelsValue && cell.rect.w >= LABEL_MIN_W && cell.rect.h >= LABEL_MIN_H) {
+                <g [attr.clip-path]="'url(#' + clipId($index) + ')'">
+                  <text
+                    class="st-treemapChart__label"
+                    [attr.x]="cell.rect.x + 6"
+                    [attr.y]="cell.rect.y + 15"
+                    [attr.data-chart-index]="$index"
+                    [attr.style]="'fill: ' + cell.textColor"
+                  >
+                    {{ cell.datum.label }}
+                  </text>
+                  @if (cell.rect.h >= VALUE_MIN_H) {
+                    <text
+                      class="st-treemapChart__value"
+                      [attr.x]="cell.rect.x + 6"
+                      [attr.y]="cell.rect.y + 30"
+                      [attr.data-chart-index]="$index"
+                      [attr.style]="'fill: ' + cell.textColor"
+                    >
+                      {{ cell.value }}
+                    </text>
+                  }
+                </g>
+              }
+            </g>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="label + ' data'">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredIndex !== null && cells[hoveredIndex]) {
+        <div
+          class="st-treemapChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft()"
+          [style.top]="tooltipTop()"
+        >
+          <span class="st-treemapChart__tooltipLabel">{{ tooltipLabel() }}</span>
+          <span class="st-treemapChart__tooltipValue">{{ tooltipValue() }}</span>
+        </div>
+      }
+
+      @if (legend && legendItems.length > 0) {
+        <ul class="st-treemapChart__legend" aria-hidden="true">
+          @for (item of legendItems; track item.label) {
+            <li class="st-treemapChart__legendItem">
+              <span
+                [class]="'st-treemapChart__legendSwatch st-treemapChart__legendSwatch--' + item.tone"
+                aria-hidden="true"
+              ></span>
+              {{ item.label }}
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], tiling: [{
+                type: NgInput
+            }], showLabels: [{
+                type: NgInput
+            }], legend: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=TreemapChart.js.map

package/dist/TreemapChart.js.map

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

package/dist/Typography.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from "@angular/core";
+export type TypographyVariant = "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "body-sm" | "caption" | "overline";
+export type TypographyWeight = "regular" | "medium" | "semibold" | "bold";
+export type TypographyTone = "primary" | "secondary" | "muted" | "inverse" | "link";
+export type TypographyAlign = "start" | "center" | "end" | "justify";
+export type TypographyProps = {
+    variant?: TypographyVariant;
+    /** Surcharge la balise déduite de la variante. */
+    as?: string;
+    weight?: TypographyWeight;
+    tone?: TypographyTone;
+    align?: TypographyAlign;
+    /** Tronque sur une ligne avec ellipsis. */
+    truncate?: boolean;
+    class?: string;
+};
+export declare class Typography {
+    static readonly stComponentName = "Typography";
+    readonly componentName = "Typography";
+    variant?: TypographyVariant;
+    as?: string;
+    weight?: TypographyWeight;
+    tone?: TypographyTone;
+    align?: TypographyAlign;
+    truncate?: boolean;
+    classInput?: string;
+    get tag(): string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Typography, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Typography, "st-typography", never, { "variant": { "alias": "variant"; "required": false; }; "as": { "alias": "as"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "align": { "alias": "align"; "required": false; }; "truncate": { "alias": "truncate"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Typography.d.ts.map

package/dist/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../src/Typography.ts"],"names":[],"mappings":";AAKA,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpF,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiBF,qBA4Ca,UAAU;IACrB,MAAM,CAAC,QAAQ,CAAC,eAAe,gBAAgB;IAC/C,QAAQ,CAAC,aAAa,gBAAgB;IAE3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,SAAS,IAAI,MAAM,CAUtB;yCA1BU,UAAU;2CAAV,UAAU;CA2BtB"}

package/dist/Typography.js

@@ -0,0 +1,119 @@
+import { NgTemplateOutlet } from "@angular/common";
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+/** Balise HTML par défaut pour chaque variante. */
+const VARIANT_TAG = {
+    display: "h1",
+    h1: "h1",
+    h2: "h2",
+    h3: "h3",
+    h4: "h4",
+    h5: "h5",
+    h6: "h6",
+    body: "p",
+    "body-sm": "p",
+    caption: "span",
+    overline: "span",
+};
+export class Typography {
+    static stComponentName = "Typography";
+    componentName = "Typography";
+    variant;
+    as;
+    weight;
+    tone;
+    align;
+    truncate;
+    classInput;
+    get tag() {
+        return this.as ?? VARIANT_TAG[this.variant ?? "body"];
+    }
+    get hostClass() {
+        return classNames("st-typography", `st-typography--${this.variant ?? "body"}`, this.weight && `st-typography--weight-${this.weight}`, this.tone && `st-typography--tone-${this.tone}`, this.align && `st-typography--align-${this.align}`, this.truncate && "st-typography--truncate", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Typography, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Typography, isStandalone: true, selector: "st-typography", inputs: { variant: "variant", as: "as", weight: "weight", tone: "tone", align: "align", truncate: "truncate", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <ng-template #content><ng-content></ng-content></ng-template>
+    @switch (tag) {
+      @case ("h1") {
+        <h1 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h1>
+      }
+      @case ("h2") {
+        <h2 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h2>
+      }
+      @case ("h3") {
+        <h3 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h3>
+      }
+      @case ("h4") {
+        <h4 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h4>
+      }
+      @case ("h5") {
+        <h5 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h5>
+      }
+      @case ("h6") {
+        <h6 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h6>
+      }
+      @case ("p") {
+        <p [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></p>
+      }
+      @case ("span") {
+        <span [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></span>
+      }
+      @default {
+        <p [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></p>
+      }
+    }
+  `, isInline: true, styles: [":host { display: contents; }"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Typography, decorators: [{
+            type: Component,
+            args: [{ selector: "st-typography", standalone: true, imports: [NgTemplateOutlet], template: `
+    <ng-template #content><ng-content></ng-content></ng-template>
+    @switch (tag) {
+      @case ("h1") {
+        <h1 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h1>
+      }
+      @case ("h2") {
+        <h2 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h2>
+      }
+      @case ("h3") {
+        <h3 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h3>
+      }
+      @case ("h4") {
+        <h4 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h4>
+      }
+      @case ("h5") {
+        <h5 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h5>
+      }
+      @case ("h6") {
+        <h6 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h6>
+      }
+      @case ("p") {
+        <p [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></p>
+      }
+      @case ("span") {
+        <span [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></span>
+      }
+      @default {
+        <p [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></p>
+      }
+    }
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { variant: [{
+                type: NgInput
+            }], as: [{
+                type: NgInput
+            }], weight: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], align: [{
+                type: NgInput
+            }], truncate: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Typography.js.map

package/dist/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../src/Typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAiC7C,mDAAmD;AACnD,MAAM,WAAW,GAAsC;IACrD,OAAO,EAAE,IAAI;IACb,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC;AA8CF,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAE3B,OAAO,CAAqB;IAC5B,EAAE,CAAU;IACZ,MAAM,CAAoB;IAC1B,IAAI,CAAkB;IACtB,KAAK,CAAmB;IACxB,QAAQ,CAAW;IACZ,UAAU,CAAU;IAEtC,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,eAAe,EACf,kBAAkB,IAAI,CAAC,OAAO,IAAI,MAAM,EAAE,EAC1C,IAAI,CAAC,MAAM,IAAI,yBAAyB,IAAI,CAAC,MAAM,EAAE,EACrD,IAAI,CAAC,IAAI,IAAI,uBAAuB,IAAI,CAAC,IAAI,EAAE,EAC/C,IAAI,CAAC,KAAK,IAAI,wBAAwB,IAAI,CAAC,KAAK,EAAE,EAClD,IAAI,CAAC,QAAQ,IAAI,yBAAyB,EAC1C,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGA1BU,UAAU;4FAAV,UAAU,8NAjCX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BT,sGAvCS,gBAAgB;;4FAyCf,UAAU;kBA5CtB,SAAS;+BACE,eAAe,cACb,IAAI,WACP,CAAC,gBAAgB,CAAC,YAQjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BT;;sBAMA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/UnorderedList.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+export type UnorderedListInput = string | UnorderedListItem;
+export interface UnorderedListItem {
+    content: unknown;
+    /** Sous-items : chaînes ou objets (normalisés au rendu). */
+    children?: UnorderedListInput[];
+}
+export type UnorderedListProps = {
+    items: UnorderedListInput[];
+    nested?: boolean;
+    class?: string;
+};
+export declare class UnorderedList {
+    static readonly stComponentName = "UnorderedList";
+    readonly componentName = "UnorderedList";
+    items: UnorderedListInput[];
+    nested: boolean;
+    classInput?: string;
+    normalize(item: UnorderedListInput): UnorderedListItem;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UnorderedList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UnorderedList, "st-unordered-list", never, { "items": { "alias": "items"; "required": false; }; "nested": { "alias": "nested"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=UnorderedList.d.ts.map