@sentropic/design-system-angular 0.36.54

package/dist/RadarChart.js

@@ -0,0 +1,276 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+export class RadarChart {
+    static stComponentName = "RadarChart";
+    componentName = "RadarChart";
+    hoveredIndex = null;
+    axes = [];
+    series = [];
+    maxValue;
+    levels;
+    width;
+    height;
+    legend;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-radarChart", this.classInput);
+    }
+    get widthValue() { return this.width ?? 360; }
+    get heightValue() { return this.height ?? 320; }
+    get levelCount() { return Math.max(1, Math.floor(this.levels ?? 4)); }
+    get centerX() { return this.widthValue / 2; }
+    get centerY() { return this.heightValue / 2; }
+    get radius() { return Math.max(Math.min(this.widthValue, this.heightValue) / 2 - 42, 1); }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get domainMax() {
+        if (Number.isFinite(this.maxValue) && (this.maxValue ?? 0) > 0)
+            return this.maxValue;
+        const values = this.series.flatMap((s) => s.values).filter(Number.isFinite);
+        return Math.max(1, ...values);
+    }
+    pointAt(radius, angle) {
+        return {
+            x: this.centerX + radius * Math.cos(angle),
+            y: this.centerY + radius * Math.sin(angle),
+        };
+    }
+    get axisEntries() {
+        const numAxes = Math.max(this.axes.length, 1);
+        return this.axes.map((axis, index) => {
+            const angle = -Math.PI / 2 + (Math.PI * 2 * index) / numAxes;
+            const end = this.pointAt(this.radius, angle);
+            const label = this.pointAt(this.radius + 22, angle);
+            return { axis, index, angle, endX: end.x, endY: end.y, labelX: label.x, labelY: label.y };
+        });
+    }
+    get rings() {
+        return Array.from({ length: this.levelCount }, (_, index) => {
+            const ringRadius = (this.radius * (index + 1)) / this.levelCount;
+            return this.axisEntries
+                .map((axis) => this.pointAt(ringRadius, axis.angle))
+                .map((p) => `${p.x},${p.y}`)
+                .join(" ");
+        });
+    }
+    get polygons() {
+        const numAxes = Math.max(this.axes.length, 1);
+        return this.series.map((entry, seriesIndex) => {
+            const tone = entry.tone ?? TONES[seriesIndex % TONES.length];
+            const points = this.axes.map((_, axisIndex) => {
+                const value = Math.max(0, entry.values[axisIndex] ?? 0);
+                const scaled = Math.min(value / this.domainMax, 1) * this.radius;
+                const angle = -Math.PI / 2 + (Math.PI * 2 * axisIndex) / numAxes;
+                return this.pointAt(scaled, angle);
+            });
+            return {
+                entry,
+                tone,
+                points,
+                pointString: points.map((p) => `${p.x},${p.y}`).join(" "),
+            };
+        });
+    }
+    get legendItems() {
+        return this.series.map((s, i) => ({ label: s.label, tone: s.tone ?? TONES[i % TONES.length] }));
+    }
+    get dataValueItems() {
+        return this.series.flatMap((s) => this.axes.map((axis, axisIndex) => `${s.label}, ${axis}: ${s.values[axisIndex] ?? 0}`));
+    }
+    polygonClass(polygon, i) {
+        return classNames("st-radarChart__polygon", `st-radarChart__polygon--${polygon.tone}`, this.hoveredIndex !== null && this.hoveredIndex !== i && "st-radarChart__polygon--dim");
+    }
+    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: RadarChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: RadarChart, isStandalone: true, selector: "st-radar-chart", inputs: { axes: "axes", series: "series", maxValue: "maxValue", levels: "levels", width: "width", height: "height", legend: "legend", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-radarChart__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 (ring of rings; track $index) {
+            <polygon class="st-radarChart__ring" [attr.points]="ring"></polygon>
+          }
+
+          @for (axis of axisEntries; track axis.axis) {
+            <line class="st-radarChart__axis" [attr.x1]="centerX" [attr.x2]="axis.endX" [attr.y1]="centerY" [attr.y2]="axis.endY"></line>
+            <text
+              class="st-radarChart__axisLabel"
+              [attr.x]="axis.labelX"
+              [attr.y]="axis.labelY"
+              text-anchor="middle"
+              dominant-baseline="middle"
+            >{{ axis.axis }}</text>
+          }
+
+          @for (polygon of polygons; track polygon.entry.label; let i = $index) {
+            <polygon
+              [class]="polygonClass(polygon, i)"
+              [attr.points]="polygon.pointString"
+              [attr.data-chart-index]="i"
+            ></polygon>
+            @for (point of polygon.points; track $index) {
+              <circle
+                [class]="\'st-radarChart__point st-radarChart__point--\' + polygon.tone"
+                [attr.cx]="point.x"
+                [attr.cy]="point.y"
+                r="3"
+                [attr.data-chart-index]="i"
+              ></circle>
+            }
+          }
+        </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 && polygons[hoveredIndex]) {
+        <div class="st-radarChart__tooltip" role="presentation">
+          <span class="st-radarChart__tooltipLabel">{{ polygons[hoveredIndex].entry.label }}</span>
+        </div>
+      }
+
+      @if (legend && legendItems.length > 0) {
+        <ul class="st-radarChart__legend" aria-hidden="true">
+          @for (item of legendItems; track item.label) {
+            <li class="st-radarChart__legendItem">
+              <span [class]="\'st-radarChart__legendSwatch st-radarChart__legendSwatch--\' + item.tone"></span>
+              {{ item.label }}
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RadarChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-radar-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-radarChart__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 (ring of rings; track $index) {
+            <polygon class="st-radarChart__ring" [attr.points]="ring"></polygon>
+          }
+
+          @for (axis of axisEntries; track axis.axis) {
+            <line class="st-radarChart__axis" [attr.x1]="centerX" [attr.x2]="axis.endX" [attr.y1]="centerY" [attr.y2]="axis.endY"></line>
+            <text
+              class="st-radarChart__axisLabel"
+              [attr.x]="axis.labelX"
+              [attr.y]="axis.labelY"
+              text-anchor="middle"
+              dominant-baseline="middle"
+            >{{ axis.axis }}</text>
+          }
+
+          @for (polygon of polygons; track polygon.entry.label; let i = $index) {
+            <polygon
+              [class]="polygonClass(polygon, i)"
+              [attr.points]="polygon.pointString"
+              [attr.data-chart-index]="i"
+            ></polygon>
+            @for (point of polygon.points; track $index) {
+              <circle
+                [class]="\'st-radarChart__point st-radarChart__point--\' + polygon.tone"
+                [attr.cx]="point.x"
+                [attr.cy]="point.y"
+                r="3"
+                [attr.data-chart-index]="i"
+              ></circle>
+            }
+          }
+        </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 && polygons[hoveredIndex]) {
+        <div class="st-radarChart__tooltip" role="presentation">
+          <span class="st-radarChart__tooltipLabel">{{ polygons[hoveredIndex].entry.label }}</span>
+        </div>
+      }
+
+      @if (legend && legendItems.length > 0) {
+        <ul class="st-radarChart__legend" aria-hidden="true">
+          @for (item of legendItems; track item.label) {
+            <li class="st-radarChart__legendItem">
+              <span [class]="\'st-radarChart__legendSwatch st-radarChart__legendSwatch--\' + item.tone"></span>
+              {{ item.label }}
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { axes: [{
+                type: NgInput
+            }], series: [{
+                type: NgInput
+            }], maxValue: [{
+                type: NgInput
+            }], levels: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], legend: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=RadarChart.js.map

package/dist/RadarChart.js.map

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

package/dist/Radio.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type RadioProps = {
+    label: string;
+    helperText?: string;
+    invalid?: boolean;
+    modelValue?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    class?: string;
+};
+export declare class Radio {
+    static readonly stComponentName = "Radio";
+    readonly componentName = "Radio";
+    label: string;
+    helperText?: string;
+    invalid?: boolean;
+    modelValue?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    classInput?: string;
+    readonly modelValueChange: EventEmitter<string>;
+    readonly updateModelValue: EventEmitter<string>;
+    readonly change: EventEmitter<Event>;
+    get currentChecked(): boolean;
+    get hostClass(): string;
+    onRadioChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Radio, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Radio, "st-radio", never, { "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "modelValueChange": "modelValueChange"; "updateModelValue": "update:modelValue"; "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA6Ba,KAAK;IAChB,MAAM,CAAC,QAAQ,CAAC,eAAe,WAAW;IAC1C,QAAQ,CAAC,aAAa,WAAW;IAEtB,KAAK,EAAG,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,gBAAgB,uBAA8B;IACpC,QAAQ,CAAC,gBAAgB,uBAA8B;IAC1E,QAAQ,CAAC,MAAM,sBAA6B;IAEtD,IAAI,cAAc,IAAI,OAAO,CAM5B;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCA9BtB,KAAK;2CAAL,KAAK;CAoCjB"}

package/dist/Radio.js

@@ -0,0 +1,107 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Radio {
+    static stComponentName = "Radio";
+    componentName = "Radio";
+    label;
+    helperText;
+    invalid;
+    modelValue;
+    checked;
+    disabled;
+    name;
+    value;
+    classInput;
+    modelValueChange = new EventEmitter();
+    updateModelValue = new EventEmitter();
+    change = new EventEmitter();
+    get currentChecked() {
+        if (this.checked !== undefined)
+            return this.checked;
+        if (this.modelValue !== undefined && this.value !== undefined) {
+            return this.modelValue === this.value;
+        }
+        return false;
+    }
+    get hostClass() {
+        return classNames("st-choice", "st-choice--radio", this.classInput);
+    }
+    onRadioChange(event) {
+        const val = event.target.value;
+        this.modelValueChange.emit(val);
+        this.updateModelValue.emit(val);
+        this.change.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Radio, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Radio, isStandalone: true, selector: "st-radio", inputs: { label: "label", helperText: "helperText", invalid: "invalid", modelValue: "modelValue", checked: "checked", disabled: "disabled", name: "name", value: "value", classInput: ["class", "classInput"] }, outputs: { modelValueChange: "modelValueChange", updateModelValue: "update:modelValue", change: "change" }, ngImport: i0, template: `
+    <label [attr.data-st-component]="componentName" [class]="hostClass">
+      <input
+        class="st-choice__input"
+        type="radio"
+        [checked]="currentChecked"
+        [disabled]="disabled ?? false"
+        [attr.name]="name"
+        [attr.value]="value"
+        [attr.aria-invalid]="invalid ? 'true' : null"
+        (change)="onRadioChange($event)"
+      />
+      <span class="st-choice__content">
+        <span class="st-choice__label">{{ label }}</span>
+        @if (helperText) {
+          <span class="st-choice__help">{{ helperText }}</span>
+        }
+      </span>
+    </label>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Radio, decorators: [{
+            type: Component,
+            args: [{ selector: "st-radio", standalone: true, template: `
+    <label [attr.data-st-component]="componentName" [class]="hostClass">
+      <input
+        class="st-choice__input"
+        type="radio"
+        [checked]="currentChecked"
+        [disabled]="disabled ?? false"
+        [attr.name]="name"
+        [attr.value]="value"
+        [attr.aria-invalid]="invalid ? 'true' : null"
+        (change)="onRadioChange($event)"
+      />
+      <span class="st-choice__content">
+        <span class="st-choice__label">{{ label }}</span>
+        @if (helperText) {
+          <span class="st-choice__help">{{ helperText }}</span>
+        }
+      </span>
+    </label>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], helperText: [{
+                type: NgInput
+            }], invalid: [{
+                type: NgInput
+            }], modelValue: [{
+                type: NgInput
+            }], checked: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], name: [{
+                type: NgInput
+            }], value: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], modelValueChange: [{
+                type: Output
+            }], updateModelValue: [{
+                type: Output,
+                args: ["update:modelValue"]
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Radio.js.map

package/dist/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA2C7C,MAAM,OAAO,KAAK;IAChB,MAAM,CAAU,eAAe,GAAG,OAAO,CAAC;IACjC,aAAa,GAAG,OAAO,CAAC;IAEtB,KAAK,CAAU;IACf,UAAU,CAAU;IACpB,OAAO,CAAW;IAClB,UAAU,CAAU;IACpB,OAAO,CAAW;IAClB,QAAQ,CAAW;IACnB,IAAI,CAAU;IACd,KAAK,CAAU;IACR,UAAU,CAAU;IAEnB,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;IAC3B,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;IACjE,MAAM,GAAG,IAAI,YAAY,EAAS,CAAC;IAEtD,IAAI,cAAc;QAChB,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC,OAAO,CAAC;QACpD,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9D,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,KAAK,CAAC;QACxC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,WAAW,EAAE,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACtE,CAAC;IAED,aAAa,CAAC,KAAY;QACxB,MAAM,GAAG,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACrD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;wGAnCU,KAAK;4FAAL,KAAK,iYArBN;;;;;;;;;;;;;;;;;;;GAmBT;;4FAEU,KAAK;kBA7BjB,SAAS;+BACE,UAAU,cACR,IAAI,YAMN;;;;;;;;;;;;;;;;;;;GAmBT;;sBAMA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM;;sBACN,MAAM;uBAAC,mBAAmB;;sBAC1B,MAAM"}

package/dist/RadioGroup.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export interface RadioGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    helperText?: string;
+}
+export type RadioGroupProps = {
+    legend?: string;
+    label?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    orientation?: "vertical" | "horizontal";
+    name?: string;
+    options?: RadioGroupOption[];
+    helperText?: string;
+    disabled?: boolean;
+    class?: string;
+};
+export declare class RadioGroup {
+    static readonly stComponentName = "RadioGroup";
+    readonly componentName = "RadioGroup";
+    label?: string;
+    legend?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    orientation?: "vertical" | "horizontal";
+    name?: string;
+    options?: RadioGroupOption[];
+    helperText?: string;
+    disabled?: boolean;
+    classInput?: string;
+    readonly valueChange: EventEmitter<string>;
+    get hostClass(): string;
+    onChangeHandler(v: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroup, "st-radio-group", never, { "label": { "alias": "label"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "value": { "alias": "value"; "required": false; }; "onChange": { "alias": "onChange"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAmCa,UAAU;IACrB,MAAM,CAAC,QAAQ,CAAC,eAAe,gBAAgB;IAC/C,QAAQ,CAAC,aAAa,gBAAgB;IAE3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,WAAW,uBAA8B;IAE5D,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,eAAe,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;yCAzBrB,UAAU;2CAAV,UAAU;CA6BtB"}

package/dist/RadioGroup.js

@@ -0,0 +1,119 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class RadioGroup {
+    static stComponentName = "RadioGroup";
+    componentName = "RadioGroup";
+    label;
+    legend;
+    value;
+    onChange;
+    orientation;
+    name;
+    options;
+    helperText;
+    disabled;
+    classInput;
+    valueChange = new EventEmitter();
+    get hostClass() {
+        return classNames("st-radioGroup", `st-radioGroup--${this.orientation ?? "vertical"}`, this.classInput);
+    }
+    onChangeHandler(v) {
+        this.valueChange.emit(v);
+        this.onChange?.(v);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: RadioGroup, isStandalone: true, selector: "st-radio-group", inputs: { label: "label", legend: "legend", value: "value", onChange: "onChange", orientation: "orientation", name: "name", options: "options", helperText: "helperText", disabled: "disabled", classInput: ["class", "classInput"] }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    <fieldset [attr.data-st-component]="componentName" [class]="hostClass" [disabled]="disabled ?? false">
+      @if (legend ?? label) {
+        <legend class="st-radioGroup__legend">{{ legend ?? label }}</legend>
+      }
+      @if (helperText) {
+        <p class="st-radioGroup__help">{{ helperText }}</p>
+      }
+      <div class="st-radioGroup__options">
+        @for (opt of options ?? []; track opt.value) {
+          <label class="st-choice st-choice--radio">
+            <input
+              class="st-choice__input"
+              type="radio"
+              [name]="name"
+              [value]="opt.value"
+              [checked]="opt.value === value"
+              [disabled]="opt.disabled ?? false"
+              (change)="onChangeHandler(opt.value)"
+            />
+            <span class="st-choice__content">
+              <span class="st-choice__label">{{ opt.label }}</span>
+              @if (opt.helperText) {
+                <span class="st-choice__help">{{ opt.helperText }}</span>
+              }
+            </span>
+          </label>
+        }
+      </div>
+    </fieldset>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RadioGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-radio-group",
+                    standalone: true,
+                    template: `
+    <fieldset [attr.data-st-component]="componentName" [class]="hostClass" [disabled]="disabled ?? false">
+      @if (legend ?? label) {
+        <legend class="st-radioGroup__legend">{{ legend ?? label }}</legend>
+      }
+      @if (helperText) {
+        <p class="st-radioGroup__help">{{ helperText }}</p>
+      }
+      <div class="st-radioGroup__options">
+        @for (opt of options ?? []; track opt.value) {
+          <label class="st-choice st-choice--radio">
+            <input
+              class="st-choice__input"
+              type="radio"
+              [name]="name"
+              [value]="opt.value"
+              [checked]="opt.value === value"
+              [disabled]="opt.disabled ?? false"
+              (change)="onChangeHandler(opt.value)"
+            />
+            <span class="st-choice__content">
+              <span class="st-choice__label">{{ opt.label }}</span>
+              @if (opt.helperText) {
+                <span class="st-choice__help">{{ opt.helperText }}</span>
+              }
+            </span>
+          </label>
+        }
+      </div>
+    </fieldset>
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], legend: [{
+                type: NgInput
+            }], value: [{
+                type: NgInput
+            }], onChange: [{
+                type: NgInput
+            }], orientation: [{
+                type: NgInput
+            }], name: [{
+                type: NgInput
+            }], options: [{
+                type: NgInput
+            }], helperText: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], valueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../src/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAyD7C,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAE3B,KAAK,CAAU;IACf,MAAM,CAAU;IAChB,KAAK,CAAU;IACf,QAAQ,CAA2B;IACnC,WAAW,CAA6B;IACxC,IAAI,CAAU;IACd,OAAO,CAAsB;IAC7B,UAAU,CAAU;IACpB,QAAQ,CAAW;IACZ,UAAU,CAAU;IAEnB,WAAW,GAAG,IAAI,YAAY,EAAU,CAAC;IAE5D,IAAI,SAAS;QACX,OAAO,UAAU,CACf,eAAe,EACf,kBAAkB,IAAI,CAAC,WAAW,IAAI,UAAU,EAAE,EAClD,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,CAAS;QACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;wGA5BU,UAAU;4FAAV,UAAU,0VAhCX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT;;4FAEU,UAAU;kBAnCtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}