@3ddv/software-division-components 1.5.0 → 2.0.0

package/dist/fesm2022/3ddv-software-division-components-backoffice-radio.mjs

@@ -0,0 +1,128 @@
+import * as i0 from '@angular/core';
+import { input, computed, signal, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+
+/**
+ * A customizable radio component.
+ *
+ * This component supports various configurations and exposes all Spartan UI radio functionality.
+ * All HTML radio attributes and events are automatically forwarded to the inner radio element.
+ *
+ * @since 1.0.0-alpha.1
+ */
+class RadioComponent {
+    allowedVariants = [
+        'variant-primary',
+        'variant-secondary',
+        'variant-alternative',
+        'variant-success',
+        'variant-warning',
+        'variant-danger',
+    ];
+    allowedSizes = ['size-sm', 'size-md', 'size-lg', 'size-xl'];
+    /**
+     * The current theme applied to the component.
+     */
+    theme = input('theme-sdc', ...(ngDevMode ? [{ debugName: "theme" }] : []));
+    /**
+     * Predefined styles to apply to the component.
+     * Can be a single class or multiple classes from different categories.
+     */
+    styleClass = input([], ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    // Computed signal that validates and filters the styleClass radio
+    _validatedStyleClass = computed(() => {
+        const value = this.styleClass();
+        if (!Array.isArray(value)) {
+            return [];
+        }
+        const validValues = value.filter(style => {
+            return (this.allowedVariants.includes(style) ||
+                this.allowedSizes.includes(style));
+        });
+        const invalidValues = value.filter(style => {
+            return (!this.allowedVariants.includes(style) &&
+                !this.allowedSizes.includes(style));
+        });
+        if (invalidValues.length > 0) {
+            throw new Error(`RadioComponent: Invalid styleClass values ignored: ${invalidValues.join(', ')}. Allowed values: ${[
+                ...this.allowedVariants,
+                ...this.allowedSizes,
+            ].join(', ')}`);
+        }
+        return validValues;
+    }, ...(ngDevMode ? [{ debugName: "_validatedStyleClass" }] : []));
+    /**
+     * Additional CSS classes to apply to the component.
+     */
+    className = input('', ...(ngDevMode ? [{ debugName: "className" }] : []));
+    /**
+     * Whether the component is disabled.
+     */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    /**
+     * The label text to display above or to the left of the radio.
+     * Only visible when a value is provided.
+     */
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+    /**
+     * The position of the label relative to the radio.
+     */
+    labelPosition = input('left', ...(ngDevMode ? [{ debugName: "labelPosition" }] : []));
+    /**
+     * The name of the form control.
+     */
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+    /**
+     * The FormControl instance to bind to this radio.
+     * This allows the component to access form state without circular dependencies.
+     */
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    /**
+     * The value of the radio button.
+     */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    /**
+     * Whether the radio is checked.
+     */
+    isChecked = signal(false, ...(ngDevMode ? [{ debugName: "isChecked" }] : []));
+    /**
+     * Computed class string that combines theme and user classes.
+     */
+    computedClass = computed(() => {
+        const themeClass = this.theme();
+        const styleClass = this._validatedStyleClass();
+        const className = this.className();
+        const labelClass = this.labelPosition() === 'left' ? 'sdc-radio-label-left' : 'sdc-radio-label-right';
+        const checkedClass = this.isChecked() ? 'sdc-radio-checked' : '';
+        return ['sdc-radio', themeClass, ...styleClass, className, labelClass, checkedClass].filter(Boolean).join(' ');
+    }, ...(ngDevMode ? [{ debugName: "computedClass" }] : []));
+    /**
+     * Subscriptions to the control's value changes.
+     */
+    subscriptions = [];
+    ngOnInit() {
+        this.isChecked.set(this.control()?.value === this.value());
+        // Listen to changes on this specific radio's control
+        const valueChangesSubscription = this.control()?.valueChanges.subscribe(value => {
+            this.isChecked.set(value === this.value());
+        });
+        this.subscriptions.push(valueChangesSubscription);
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach(subscription => subscription?.unsubscribe());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: RadioComponent, isStandalone: true, selector: "sdc-radio", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label [class]=\"computedClass()\" [for]=\"name() + '-' + value()\">\n  <input\n    class=\"radio-input\"\n    [id]=\"name() + '-' + value()\"\n    [formControl]=\"control()\"\n    type=\"radio\"\n    [name]=\"name()\"\n    [value]=\"value()\" />\n\n  <span class=\"radio-container\">\n    <span class=\"radio-element\"></span>\n  </span>\n\n  <span class=\"radio-label\">{{ label() }}</span>\n</label>\n", styles: [".sdc-radio{--sdc-radio-label-color: var(--color-neutral-700);--sdc-radio-label-size: var(--text-base);--sdc-radio-label-weight: var(--font-semibold);--sdc-radio-label-gap: var(--space-6);--sdc-radio-label-width: auto;--sdc-radio-container-background: var(--color-pure-white);--sdc-radio-container-border-color: var(--color-neutral-300);--sdc-radio-container-border-width: var(--border-default);--sdc-radio-container-border-radius: var(--radius-full);--sdc-radio-container-size: var(--space-5);--sdc-radio-element-background: var(--color-primary);--sdc-radio-element-border-radius: var(--radius-full);--sdc-radio-element-size: 50%;display:flex;align-items:center;gap:var(--sdc-radio-label-gap);padding:var(--sdc-radio-container-padding);cursor:pointer}.radio-input{position:absolute;opacity:0;border-radius:var(--sdc-radio-container-border-radius);cursor:pointer}.radio-container{order:0;display:flex;justify-content:center;align-items:center;background-color:hsl(var(--sdc-radio-container-background));border:var(--sdc-radio-container-border-width) solid hsl(var(--sdc-radio-container-border-color));border-radius:var(--sdc-radio-container-border-radius);width:var(--sdc-radio-container-size);height:var(--sdc-radio-container-size)}.radio-label{font-weight:var(--sdc-radio-label-weight);font-size:var(--sdc-radio-label-size);color:hsl(var(--sdc-radio-label-color));white-space:nowrap;width:var(--sdc-radio-label-width)}.sdc-radio-label-left .radio-label{--sdc-radio-label-width: var(--space-24);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-radio-label-left .radio-container{order:1}.sdc-radio-checked .radio-container{--sdc-radio-container-border-color: var(--sdc-radio-element-background)}.sdc-radio-checked .radio-element{background-color:hsl(var(--sdc-radio-element-background));border-radius:var(--sdc-radio-element-border-radius);width:var(--sdc-radio-element-size);height:var(--sdc-radio-element-size)}.sdc-radio-checked .radio-label{--sdc-radio-label-color: var(--sdc-radio-element-background)}.sdc-radio:hover .radio-input~.radio-container{--sdc-radio-container-border-color: var(--sdc-radio-element-background)}.variant-primary.sdc-radio-checked .radio-container,.variant-primary.sdc-radio-checked .radio-element,.variant-primary.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-primary)}.variant-secondary.sdc-radio-checked .radio-container,.variant-secondary.sdc-radio-checked .radio-element,.variant-secondary.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-secondary)}.variant-alternative.sdc-radio-checked .radio-container,.variant-alternative.sdc-radio-checked .radio-element,.variant-alternative.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-alternative)}.variant-success.sdc-radio-checked .radio-container,.variant-success.sdc-radio-checked .radio-element,.variant-success.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-success)}.variant-warning.sdc-radio-checked .radio-container,.variant-warning.sdc-radio-checked .radio-element,.variant-warning.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-warning)}.variant-danger.sdc-radio-checked .radio-container,.variant-danger.sdc-radio-checked .radio-element,.variant-danger.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-danger)}.size-sm.sdc-radio{--sdc-radio-container-size: var(--space-4);--sdc-radio-label-size: var(--text-sm)}.size-sm.sdc-radio .radio-container{height:calc(var(--sdc-radio-container-size) * .98)}.size-md.sdc-radio{--sdc-radio-container-size: var(--space-5);--sdc-radio-label-size: var(--text-base)}.size-lg.sdc-radio{--sdc-radio-container-size: var(--space-6);--sdc-radio-label-size: var(--text-lg)}.size-xl.sdc-radio{--sdc-radio-container-size: var(--space-7);--sdc-radio-label-size: var(--text-xl)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: RadioComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sdc-radio', imports: [ReactiveFormsModule], template: "<label [class]=\"computedClass()\" [for]=\"name() + '-' + value()\">\n  <input\n    class=\"radio-input\"\n    [id]=\"name() + '-' + value()\"\n    [formControl]=\"control()\"\n    type=\"radio\"\n    [name]=\"name()\"\n    [value]=\"value()\" />\n\n  <span class=\"radio-container\">\n    <span class=\"radio-element\"></span>\n  </span>\n\n  <span class=\"radio-label\">{{ label() }}</span>\n</label>\n", styles: [".sdc-radio{--sdc-radio-label-color: var(--color-neutral-700);--sdc-radio-label-size: var(--text-base);--sdc-radio-label-weight: var(--font-semibold);--sdc-radio-label-gap: var(--space-6);--sdc-radio-label-width: auto;--sdc-radio-container-background: var(--color-pure-white);--sdc-radio-container-border-color: var(--color-neutral-300);--sdc-radio-container-border-width: var(--border-default);--sdc-radio-container-border-radius: var(--radius-full);--sdc-radio-container-size: var(--space-5);--sdc-radio-element-background: var(--color-primary);--sdc-radio-element-border-radius: var(--radius-full);--sdc-radio-element-size: 50%;display:flex;align-items:center;gap:var(--sdc-radio-label-gap);padding:var(--sdc-radio-container-padding);cursor:pointer}.radio-input{position:absolute;opacity:0;border-radius:var(--sdc-radio-container-border-radius);cursor:pointer}.radio-container{order:0;display:flex;justify-content:center;align-items:center;background-color:hsl(var(--sdc-radio-container-background));border:var(--sdc-radio-container-border-width) solid hsl(var(--sdc-radio-container-border-color));border-radius:var(--sdc-radio-container-border-radius);width:var(--sdc-radio-container-size);height:var(--sdc-radio-container-size)}.radio-label{font-weight:var(--sdc-radio-label-weight);font-size:var(--sdc-radio-label-size);color:hsl(var(--sdc-radio-label-color));white-space:nowrap;width:var(--sdc-radio-label-width)}.sdc-radio-label-left .radio-label{--sdc-radio-label-width: var(--space-24);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-radio-label-left .radio-container{order:1}.sdc-radio-checked .radio-container{--sdc-radio-container-border-color: var(--sdc-radio-element-background)}.sdc-radio-checked .radio-element{background-color:hsl(var(--sdc-radio-element-background));border-radius:var(--sdc-radio-element-border-radius);width:var(--sdc-radio-element-size);height:var(--sdc-radio-element-size)}.sdc-radio-checked .radio-label{--sdc-radio-label-color: var(--sdc-radio-element-background)}.sdc-radio:hover .radio-input~.radio-container{--sdc-radio-container-border-color: var(--sdc-radio-element-background)}.variant-primary.sdc-radio-checked .radio-container,.variant-primary.sdc-radio-checked .radio-element,.variant-primary.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-primary)}.variant-secondary.sdc-radio-checked .radio-container,.variant-secondary.sdc-radio-checked .radio-element,.variant-secondary.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-secondary)}.variant-alternative.sdc-radio-checked .radio-container,.variant-alternative.sdc-radio-checked .radio-element,.variant-alternative.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-alternative)}.variant-success.sdc-radio-checked .radio-container,.variant-success.sdc-radio-checked .radio-element,.variant-success.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-success)}.variant-warning.sdc-radio-checked .radio-container,.variant-warning.sdc-radio-checked .radio-element,.variant-warning.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-warning)}.variant-danger.sdc-radio-checked .radio-container,.variant-danger.sdc-radio-checked .radio-element,.variant-danger.sdc-radio-checked .radio-label{--sdc-radio-element-background: var(--color-danger)}.size-sm.sdc-radio{--sdc-radio-container-size: var(--space-4);--sdc-radio-label-size: var(--text-sm)}.size-sm.sdc-radio .radio-container{height:calc(var(--sdc-radio-container-size) * .98)}.size-md.sdc-radio{--sdc-radio-container-size: var(--space-5);--sdc-radio-label-size: var(--text-base)}.size-lg.sdc-radio{--sdc-radio-container-size: var(--space-6);--sdc-radio-label-size: var(--text-lg)}.size-xl.sdc-radio{--sdc-radio-container-size: var(--space-7);--sdc-radio-label-size: var(--text-xl)}\n"] }]
+        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioComponent };
+//# sourceMappingURL=3ddv-software-division-components-backoffice-radio.mjs.map

package/dist/fesm2022/3ddv-software-division-components-backoffice-radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"3ddv-software-division-components-backoffice-radio.mjs","sources":["../../backoffice/radio/radio.component.ts","../../backoffice/radio/radio.component.html","../../backoffice/radio/3ddv-software-division-components-backoffice-radio.ts"],"sourcesContent":["import { ThemeClass } from '@3ddv/software-division-components/shared';\nimport { Component, computed, input, OnDestroy, OnInit, signal } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { Subscription } from 'rxjs';\n\nexport type RadioStyleClasses = ReturnType<(typeof RadioComponent.prototype)['styleClass']>;\n\n/**\n * A customizable radio component.\n *\n * This component supports various configurations and exposes all Spartan UI radio functionality.\n * All HTML radio attributes and events are automatically forwarded to the inner radio element.\n *\n * @since 1.0.0-alpha.1\n */\n@Component({\n  standalone: true,\n  selector: 'sdc-radio',\n  styleUrls: ['./radio.component.css'],\n  templateUrl: './radio.component.html',\n  imports: [ReactiveFormsModule],\n})\nexport class RadioComponent implements OnInit, OnDestroy {\n  private readonly allowedVariants = [\n    'variant-primary',\n    'variant-secondary',\n    'variant-alternative',\n    'variant-success',\n    'variant-warning',\n    'variant-danger',\n  ] as const;\n  private readonly allowedSizes = ['size-sm', 'size-md', 'size-lg', 'size-xl'] as const;\n\n  /**\n   * The current theme applied to the component.\n   */\n  public readonly theme = input<ThemeClass>('theme-sdc');\n\n  /**\n   * Predefined styles to apply to the component.\n   * Can be a single class or multiple classes from different categories.\n   */\n  public readonly styleClass = input<((typeof this.allowedVariants)[number] | (typeof this.allowedSizes)[number])[]>(\n    []\n  );\n\n  // Computed signal that validates and filters the styleClass radio\n  private readonly _validatedStyleClass = computed(() => {\n    const value = this.styleClass();\n\n    if (!Array.isArray(value)) {\n      return [];\n    }\n\n    const validValues = value.filter(style => {\n      return (\n        (this.allowedVariants as readonly string[]).includes(style) ||\n        (this.allowedSizes as readonly string[]).includes(style)\n      );\n    });\n\n    const invalidValues = value.filter(style => {\n      return (\n        !(this.allowedVariants as readonly string[]).includes(style) &&\n        !(this.allowedSizes as readonly string[]).includes(style)\n      );\n    });\n\n    if (invalidValues.length > 0) {\n      throw new Error(\n        `RadioComponent: Invalid styleClass values ignored: ${invalidValues.join(', ')}. Allowed values: ${[\n          ...this.allowedVariants,\n          ...this.allowedSizes,\n        ].join(', ')}`\n      );\n    }\n\n    return validValues;\n  });\n\n  /**\n   * Additional CSS classes to apply to the component.\n   */\n  public readonly className = input<string>('');\n\n  /**\n   * Whether the component is disabled.\n   */\n  public readonly disabled = input<boolean>(false);\n\n  /**\n   * The label text to display above or to the left of the radio.\n   * Only visible when a value is provided.\n   */\n  public readonly label = input.required<string>();\n\n  /**\n   * The position of the label relative to the radio.\n   */\n  public readonly labelPosition = input<'left' | 'right'>('left');\n\n  /**\n   * The name of the form control.\n   */\n  public readonly name = input.required<string>();\n\n  /**\n   * The FormControl instance to bind to this radio.\n   * This allows the component to access form state without circular dependencies.\n   */\n  public readonly control = input.required<FormControl>();\n\n  /**\n   * The value of the radio button.\n   */\n  public readonly value = input.required<string>();\n\n  /**\n   * Whether the radio is checked.\n   */\n  public readonly isChecked = signal<boolean>(false);\n\n  /**\n   * Computed class string that combines theme and user classes.\n   */\n  protected readonly computedClass = computed(() => {\n    const themeClass = this.theme();\n    const styleClass = this._validatedStyleClass();\n    const className = this.className();\n    const labelClass = this.labelPosition() === 'left' ? 'sdc-radio-label-left' : 'sdc-radio-label-right';\n    const checkedClass = this.isChecked() ? 'sdc-radio-checked' : '';\n    return ['sdc-radio', themeClass, ...styleClass, className, labelClass, checkedClass].filter(Boolean).join(' ');\n  });\n\n  /**\n   * Subscriptions to the control's value changes.\n   */\n  private readonly subscriptions: (Subscription | undefined)[] = [];\n\n  ngOnInit(): void {\n    this.isChecked.set(this.control()?.value === this.value());\n\n    // Listen to changes on this specific radio's control\n    const valueChangesSubscription = this.control()?.valueChanges.subscribe(value => {\n      this.isChecked.set(value === this.value());\n    });\n\n    this.subscriptions.push(valueChangesSubscription);\n  }\n\n  ngOnDestroy(): void {\n    this.subscriptions.forEach(subscription => subscription?.unsubscribe());\n  }\n}\n","<label [class]=\"computedClass()\" [for]=\"name() + '-' + value()\">\n  <input\n    class=\"radio-input\"\n    [id]=\"name() + '-' + value()\"\n    [formControl]=\"control()\"\n    type=\"radio\"\n    [name]=\"name()\"\n    [value]=\"value()\" />\n\n  <span class=\"radio-container\">\n    <span class=\"radio-element\"></span>\n  </span>\n\n  <span class=\"radio-label\">{{ label() }}</span>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}