@educarehq/solaris-ui 0.1.0 → 0.2.0

package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js

@@ -0,0 +1,369 @@
+import { Component, input, output, computed, signal, effect, forwardRef, inject, ElementRef, ContentChildren, NgZone, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SolarisFormControl } from '../../form-field/model/form-control.contract';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisSwitchComponent } from '../../switch';
+import * as i0 from "@angular/core";
+let nextId = 0;
+function generateId() {
+    return `solaris-switch-group-${++nextId}`;
+}
+export class SolarisSwitchGroupComponent extends SolarisFormControl {
+    elementRef = inject(ElementRef);
+    translateService = inject(SolarisTranslateService);
+    ngZone = inject(NgZone);
+    switches;
+    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    layout = input('list', ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    columns = input(1, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
+        transform: (v) => v ?? false });
+    readonlyInput = input(false, { ...(ngDevMode ? { debugName: "readonlyInput" } : /* istanbul ignore next */ {}), alias: 'readonly',
+        transform: (v) => v ?? false });
+    requiredInput = input(false, { ...(ngDevMode ? { debugName: "requiredInput" } : /* istanbul ignore next */ {}), alias: 'required',
+        transform: (v) => v ?? false });
+    invalidInput = input(undefined, { ...(ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {}), alias: 'invalid' });
+    labelInput = input(undefined, { ...(ngDevMode ? { debugName: "labelInput" } : /* istanbul ignore next */ {}), alias: 'label' });
+    labelKey = input(...(ngDevMode ? [undefined, { debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    hintInput = input(undefined, { ...(ngDevMode ? { debugName: "hintInput" } : /* istanbul ignore next */ {}), alias: 'hint' });
+    hintKey = input(...(ngDevMode ? [undefined, { debugName: "hintKey" }] : /* istanbul ignore next */ []));
+    errorInput = input(undefined, { ...(ngDevMode ? { debugName: "errorInput" } : /* istanbul ignore next */ {}), alias: 'error' });
+    errorKey = input(...(ngDevMode ? [undefined, { debugName: "errorKey" }] : /* istanbul ignore next */ []));
+    minEnabled = input(...(ngDevMode ? [undefined, { debugName: "minEnabled" }] : /* istanbul ignore next */ []));
+    maxEnabled = input(...(ngDevMode ? [undefined, { debugName: "maxEnabled" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelKey = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    change = output();
+    _value = signal({}, ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    _describedByIds = signal([], ...(ngDevMode ? [{ debugName: "_describedByIds" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    autoInvalid = signal(false, ...(ngDevMode ? [{ debugName: "autoInvalid" }] : /* istanbul ignore next */ []));
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onChange = () => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    switchSubscriptions = new Map();
+    contentInitialized = false;
+    switchQuerySubscription = null;
+    focusListenersAttached = false;
+    groupId = computed(() => {
+        // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK and Solaris Checkbox/Radio groups.
+        return this.elementRef.nativeElement.getAttribute('id') || generateId();
+    }, ...(ngDevMode ? [{ debugName: "groupId" }] : /* istanbul ignore next */ []));
+    labelId = computed(() => `${this.groupId()}-label`, ...(ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []));
+    hintId = computed(() => `${this.groupId()}-hint`, ...(ngDevMode ? [{ debugName: "hintId" }] : /* istanbul ignore next */ []));
+    errorId = computed(() => `${this.groupId()}-error`, ...(ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []));
+    columnsStr = computed(() => String(this.columns()), ...(ngDevMode ? [{ debugName: "columnsStr" }] : /* istanbul ignore next */ []));
+    effectiveDensity = computed(() => {
+        return this.density() ?? 'comfortable';
+    }, ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : /* istanbul ignore next */ []));
+    isEffectivelyDisabled = computed(() => {
+        return this.disabledInput() || this.cvaDisabled();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
+    isEffectivelyReadonly = computed(() => {
+        return this.readonlyInput();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyReadonly" }] : /* istanbul ignore next */ []));
+    isEffectivelyInvalid = computed(() => {
+        return this.invalidInput() ?? this.autoInvalid();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyInvalid" }] : /* istanbul ignore next */ []));
+    isEffectivelyRequired = computed(() => {
+        return this.requiredInput();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyRequired" }] : /* istanbul ignore next */ []));
+    labelText = computed(() => {
+        const key = this.labelKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.labelInput();
+    }, ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
+    hintText = computed(() => {
+        const key = this.hintKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.hintInput();
+    }, ...(ngDevMode ? [{ debugName: "hintText" }] : /* istanbul ignore next */ []));
+    errorText = computed(() => {
+        const key = this.errorKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.errorInput();
+    }, ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
+    effectiveAriaLabel = computed(() => {
+        const key = this.ariaLabelKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.ariaLabel();
+    }, ...(ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelledBy = computed(() => {
+        if (this.labelText()) {
+            return this.labelId();
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    ariaDescribedBy = computed(() => {
+        const customIds = this._describedByIds();
+        const ownIds = [];
+        if (this.hintText())
+            ownIds.push(this.hintId());
+        if (this.showError())
+            ownIds.push(this.errorId());
+        const all = [...customIds, ...ownIds];
+        return all.length > 0 ? all.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    showError = computed(() => {
+        if (this.isEffectivelyInvalid()) {
+            return this.errorText() ?? null;
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "showError" }] : /* istanbul ignore next */ []));
+    get id() {
+        return this.groupId();
+    }
+    get focused() {
+        return this._focused();
+    }
+    get disabled() {
+        return this.isEffectivelyDisabled();
+    }
+    get readonly() {
+        return this.isEffectivelyReadonly();
+    }
+    get invalid() {
+        return this.isEffectivelyInvalid();
+    }
+    get required() {
+        return this.isEffectivelyRequired();
+    }
+    get describedByIds() {
+        return this._describedByIds();
+    }
+    setDescribedByIds(ids) {
+        this._describedByIds.set([...ids]);
+    }
+    focus() {
+        const first = this.switches?.get(0);
+        if (first) {
+            first.focus();
+        }
+    }
+    writeValue(value) {
+        this._value.set(value ? { ...value } : {});
+        this.syncSwitchesToValue();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+        this.propagateDisabledToSwitches();
+    }
+    ngAfterContentInit() {
+        this.contentInitialized = true;
+        this.validateChildren();
+        this.attachFocusListeners();
+        this.initSwitches();
+        this.syncSwitchesToValue();
+        this.propagateDisabledToSwitches();
+        this.propagateReadonlyToSwitches();
+        this.switchQuerySubscription = this.switches.changes.subscribe(() => {
+            this.validateChildren();
+            this.initSwitches();
+            this.syncSwitchesToValue();
+            this.propagateDisabledToSwitches();
+            this.propagateReadonlyToSwitches();
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribeAllSwitches();
+        if (this.switchQuerySubscription) {
+            this.switchQuerySubscription.unsubscribe();
+        }
+    }
+    validateChildren() {
+        if (!this.switches)
+            return;
+        const keys = new Map();
+        this.switches.forEach((sw) => {
+            const key = sw.value();
+            if (key === null || key === undefined) {
+                console.warn(`[SolarisSwitchGroup] A <solaris-switch> child is missing a value attribute. ` +
+                    `Each switch inside <solaris-switch-group> must have a unique value.`);
+                return;
+            }
+            if (keys.has(key)) {
+                console.warn(`[SolarisSwitchGroup] Duplicate value "${key}" detected among <solaris-switch> children. ` +
+                    `Each switch value must be unique within the group.`);
+            }
+            keys.set(key, sw);
+        });
+    }
+    attachFocusListeners() {
+        if (this.focusListenersAttached)
+            return;
+        this.focusListenersAttached = true;
+        // SECURITY_EXCEPTION: nativeElement.focusin/focusout are standard DOM events for focus tracking. Same pattern used by Solaris FormField and Checkbox/Radio groups.
+        const native = this.elementRef.nativeElement;
+        this.ngZone.runOutsideAngular(() => {
+            native.addEventListener('focusin', () => {
+                this.ngZone.run(() => this._focused.set(true));
+            });
+            native.addEventListener('focusout', (e) => {
+                const related = e.relatedTarget;
+                if (related && native.contains(related))
+                    return;
+                this.ngZone.run(() => {
+                    this._focused.set(false);
+                    this.onTouched();
+                });
+            });
+        });
+    }
+    initSwitches() {
+        this.unsubscribeAllSwitches();
+        this.switches.forEach((sw) => {
+            const sub = sw.checkedChange.subscribe((checked) => {
+                this.onChildCheckedChange(sw, checked);
+            });
+            this.switchSubscriptions.set(sw, sub);
+        });
+    }
+    unsubscribeAllSwitches() {
+        this.switchSubscriptions.forEach((sub) => sub.unsubscribe());
+        this.switchSubscriptions.clear();
+    }
+    onChildCheckedChange(child, checked) {
+        if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {
+            return;
+        }
+        const key = child.value();
+        if (key === null || key === undefined) {
+            return;
+        }
+        const currentValue = { ...this._value() };
+        currentValue[key] = checked;
+        this.updateValue(currentValue);
+    }
+    updateValue(newValue) {
+        this._value.set(newValue);
+        this.onChange(newValue);
+        this.valueChange.emit(newValue);
+        this.change.emit(newValue);
+    }
+    syncSwitchesToValue() {
+        if (!this.contentInitialized || !this.switches)
+            return;
+        const currentValue = this._value();
+        this.switches.forEach((sw) => {
+            const key = sw.value();
+            if (key === null || key === undefined) {
+                return;
+            }
+            sw.writeValue(currentValue[key]);
+        });
+    }
+    propagateDisabledToSwitches() {
+        if (!this.contentInitialized || !this.switches)
+            return;
+        const isDisabled = this.isEffectivelyDisabled();
+        this.switches.forEach((sw) => {
+            sw.setDisabledState(isDisabled);
+        });
+    }
+    propagateReadonlyToSwitches() {
+        if (!this.contentInitialized || !this.switches)
+            return;
+        const isReadonly = this.isEffectivelyReadonly();
+        this.switches.forEach((sw) => {
+            sw.setCvaReadonlyState(isReadonly);
+        });
+    }
+    _propagateEffect = effect(() => {
+        if (!this.contentInitialized)
+            return;
+        this.isEffectivelyDisabled();
+        this.isEffectivelyReadonly();
+        this.propagateDisabledToSwitches();
+        this.propagateReadonlyToSwitches();
+    }, ...(ngDevMode ? [{ debugName: "_propagateEffect" }] : /* istanbul ignore next */ []));
+    _validateEffect = effect(() => {
+        this._value();
+        this.minEnabled();
+        this.maxEnabled();
+        this.requiredInput();
+        this.validateBounds();
+    }, ...(ngDevMode ? [{ debugName: "_validateEffect" }] : /* istanbul ignore next */ []));
+    validateBounds() {
+        const value = this._value();
+        const enabledCount = Object.values(value).filter(Boolean).length;
+        const min = this.minEnabled();
+        const max = this.maxEnabled();
+        const isRequired = this.requiredInput();
+        const minRequired = min ?? (isRequired ? 1 : 0);
+        const isOutOfBounds = (minRequired > 0 && enabledCount < minRequired) ||
+            (max != null && enabledCount > max);
+        this.autoInvalid.set(isOutOfBounds);
+    }
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSwitchGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisSwitchGroupComponent, isStandalone: true, selector: "solaris-switch-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, requiredInput: { classPropertyName: "requiredInput", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, labelInput: { classPropertyName: "labelInput", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, hintInput: { classPropertyName: "hintInput", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, hintKey: { classPropertyName: "hintKey", publicName: "hintKey", isSignal: true, isRequired: false, transformFunction: null }, errorInput: { classPropertyName: "errorInput", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, errorKey: { classPropertyName: "errorKey", publicName: "errorKey", isSignal: true, isRequired: false, transformFunction: null }, minEnabled: { classPropertyName: "minEnabled", publicName: "minEnabled", isSignal: true, isRequired: false, transformFunction: null }, maxEnabled: { classPropertyName: "maxEnabled", publicName: "maxEnabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", change: "change" }, host: { attributes: { "role": "group" }, properties: { "attr.data-orientation": "orientation()", "attr.data-layout": "layout()", "attr.data-columns": "columnsStr()", "attr.data-density": "effectiveDensity()", "attr.data-size": "size()", "attr.data-disabled": "isEffectivelyDisabled() ? \"\" : null", "attr.data-readonly": "isEffectivelyReadonly() ? \"\" : null", "attr.data-invalid": "isEffectivelyInvalid() ? \"\" : null", "attr.aria-label": "effectiveAriaLabel() ?? null", "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-describedby": "ariaDescribedBy()", "attr.aria-invalid": "isEffectivelyInvalid() ? \"true\" : null", "attr.aria-required": "isEffectivelyRequired() ? \"true\" : null" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SolarisSwitchGroupComponent),
+                multi: true,
+            },
+            {
+                provide: SolarisFormControl,
+                useExisting: forwardRef(() => SolarisSwitchGroupComponent),
+            },
+        ], queries: [{ propertyName: "switches", predicate: SolarisSwitchComponent }], usesInheritance: true, ngImport: i0, template: "@if (labelText(); as text) {\n  <span class=\"solaris-switch-group__label\" [id]=\"labelId()\">\n    {{ text }}\n  </span>\n}\n<div class=\"solaris-switch-group__options\" role=\"presentation\">\n  <ng-content />\n</div>\n@if (hintText(); as text) {\n  <p class=\"solaris-switch-group__hint\" [id]=\"hintId()\">\n    {{ text }}\n  </p>\n}\n@if (showError(); as text) {\n  <p class=\"solaris-switch-group__error\" [id]=\"errorId()\" role=\"alert\">\n    {{ text }}\n  </p>\n}\n", styles: [":host{--solaris-switch-group-gap: var(--solaris-spacing-3);--solaris-switch-group-row-gap: var(--solaris-spacing-3);--solaris-switch-group-column-gap: var(--solaris-spacing-3);--solaris-switch-group-label-color: var(--solaris-text-strong);--solaris-switch-group-hint-color: var(--solaris-text-muted);--solaris-switch-group-error-color: var(--solaris-text-danger);--solaris-switch-group-label-font-size: var(--solaris-font-size-sm);--solaris-switch-group-label-line-height: var(--solaris-line-height-md);--solaris-switch-group-hint-font-size: var(--solaris-font-size-xs);--solaris-switch-group-hint-line-height: var(--solaris-line-height-sm);--solaris-switch-group-error-font-size: var(--solaris-font-size-xs);--solaris-switch-group-error-line-height: var(--solaris-line-height-sm);display:block;box-sizing:border-box}.solaris-switch-group__label{display:block;font:var(--solaris-font-weight-medium) var(--solaris-switch-group-label-font-size)/var(--solaris-switch-group-label-line-height) var(--solaris-font-family-sans);color:var(--solaris-switch-group-label-color);margin:0 0 var(--solaris-spacing-2)}.solaris-switch-group__options{display:flex;flex-direction:column;gap:var(--solaris-switch-group-gap)}:host([data-orientation=horizontal]) .solaris-switch-group__options{flex-direction:row;flex-wrap:wrap}:host([data-layout=grid]) .solaris-switch-group__options{display:grid;grid-template-columns:1fr;gap:var(--solaris-switch-group-row-gap) var(--solaris-switch-group-column-gap)}:host([data-layout=grid][data-columns=\"2\"]) .solaris-switch-group__options{grid-template-columns:repeat(2,1fr)}:host([data-layout=grid][data-columns=\"3\"]) .solaris-switch-group__options{grid-template-columns:repeat(3,1fr)}:host([data-layout=grid][data-columns=\"4\"]) .solaris-switch-group__options{grid-template-columns:repeat(4,1fr)}:host([data-layout=grid][data-columns=auto]) .solaris-switch-group__options{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}:host([data-density=compact]){--solaris-switch-group-gap: var(--solaris-spacing-2);--solaris-switch-group-row-gap: var(--solaris-spacing-2);--solaris-switch-group-column-gap: var(--solaris-spacing-2)}:host([data-density=comfortable]){--solaris-switch-group-gap: var(--solaris-spacing-4);--solaris-switch-group-row-gap: var(--solaris-spacing-4);--solaris-switch-group-column-gap: var(--solaris-spacing-4)}:host([data-disabled]){opacity:.5;cursor:not-allowed}:host([data-readonly]){cursor:default}:host([data-invalid]){--solaris-switch-group-label-color: var( --solaris-text-danger, var(--solaris-text-strong) );--solaris-switch-group-error-color: var(--solaris-text-danger)}.solaris-switch-group__hint{font:var(--solaris-font-weight-regular) var(--solaris-switch-group-hint-font-size)/var(--solaris-switch-group-hint-line-height) var(--solaris-font-family-sans);color:var(--solaris-switch-group-hint-color);margin:var(--solaris-spacing-1) 0 0}.solaris-switch-group__error{font:var(--solaris-font-weight-regular) var(--solaris-switch-group-error-font-size)/var(--solaris-switch-group-error-line-height) var(--solaris-font-family-sans);color:var(--solaris-switch-group-error-color);margin:var(--solaris-spacing-1) 0 0}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSwitchGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-switch-group', standalone: true, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SolarisSwitchGroupComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: SolarisFormControl,
+                            useExisting: forwardRef(() => SolarisSwitchGroupComponent),
+                        },
+                    ], host: {
+                        role: 'group',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-layout]': 'layout()',
+                        '[attr.data-columns]': 'columnsStr()',
+                        '[attr.data-density]': 'effectiveDensity()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-disabled]': 'isEffectivelyDisabled() ? "" : null',
+                        '[attr.data-readonly]': 'isEffectivelyReadonly() ? "" : null',
+                        '[attr.data-invalid]': 'isEffectivelyInvalid() ? "" : null',
+                        '[attr.aria-label]': 'effectiveAriaLabel() ?? null',
+                        '[attr.aria-labelledby]': 'ariaLabelledBy()',
+                        '[attr.aria-describedby]': 'ariaDescribedBy()',
+                        '[attr.aria-invalid]': 'isEffectivelyInvalid() ? "true" : null',
+                        '[attr.aria-required]': 'isEffectivelyRequired() ? "true" : null',
+                    }, template: "@if (labelText(); as text) {\n  <span class=\"solaris-switch-group__label\" [id]=\"labelId()\">\n    {{ text }}\n  </span>\n}\n<div class=\"solaris-switch-group__options\" role=\"presentation\">\n  <ng-content />\n</div>\n@if (hintText(); as text) {\n  <p class=\"solaris-switch-group__hint\" [id]=\"hintId()\">\n    {{ text }}\n  </p>\n}\n@if (showError(); as text) {\n  <p class=\"solaris-switch-group__error\" [id]=\"errorId()\" role=\"alert\">\n    {{ text }}\n  </p>\n}\n", styles: [":host{--solaris-switch-group-gap: var(--solaris-spacing-3);--solaris-switch-group-row-gap: var(--solaris-spacing-3);--solaris-switch-group-column-gap: var(--solaris-spacing-3);--solaris-switch-group-label-color: var(--solaris-text-strong);--solaris-switch-group-hint-color: var(--solaris-text-muted);--solaris-switch-group-error-color: var(--solaris-text-danger);--solaris-switch-group-label-font-size: var(--solaris-font-size-sm);--solaris-switch-group-label-line-height: var(--solaris-line-height-md);--solaris-switch-group-hint-font-size: var(--solaris-font-size-xs);--solaris-switch-group-hint-line-height: var(--solaris-line-height-sm);--solaris-switch-group-error-font-size: var(--solaris-font-size-xs);--solaris-switch-group-error-line-height: var(--solaris-line-height-sm);display:block;box-sizing:border-box}.solaris-switch-group__label{display:block;font:var(--solaris-font-weight-medium) var(--solaris-switch-group-label-font-size)/var(--solaris-switch-group-label-line-height) var(--solaris-font-family-sans);color:var(--solaris-switch-group-label-color);margin:0 0 var(--solaris-spacing-2)}.solaris-switch-group__options{display:flex;flex-direction:column;gap:var(--solaris-switch-group-gap)}:host([data-orientation=horizontal]) .solaris-switch-group__options{flex-direction:row;flex-wrap:wrap}:host([data-layout=grid]) .solaris-switch-group__options{display:grid;grid-template-columns:1fr;gap:var(--solaris-switch-group-row-gap) var(--solaris-switch-group-column-gap)}:host([data-layout=grid][data-columns=\"2\"]) .solaris-switch-group__options{grid-template-columns:repeat(2,1fr)}:host([data-layout=grid][data-columns=\"3\"]) .solaris-switch-group__options{grid-template-columns:repeat(3,1fr)}:host([data-layout=grid][data-columns=\"4\"]) .solaris-switch-group__options{grid-template-columns:repeat(4,1fr)}:host([data-layout=grid][data-columns=auto]) .solaris-switch-group__options{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}:host([data-density=compact]){--solaris-switch-group-gap: var(--solaris-spacing-2);--solaris-switch-group-row-gap: var(--solaris-spacing-2);--solaris-switch-group-column-gap: var(--solaris-spacing-2)}:host([data-density=comfortable]){--solaris-switch-group-gap: var(--solaris-spacing-4);--solaris-switch-group-row-gap: var(--solaris-spacing-4);--solaris-switch-group-column-gap: var(--solaris-spacing-4)}:host([data-disabled]){opacity:.5;cursor:not-allowed}:host([data-readonly]){cursor:default}:host([data-invalid]){--solaris-switch-group-label-color: var( --solaris-text-danger, var(--solaris-text-strong) );--solaris-switch-group-error-color: var(--solaris-text-danger)}.solaris-switch-group__hint{font:var(--solaris-font-weight-regular) var(--solaris-switch-group-hint-font-size)/var(--solaris-switch-group-hint-line-height) var(--solaris-font-family-sans);color:var(--solaris-switch-group-hint-color);margin:var(--solaris-spacing-1) 0 0}.solaris-switch-group__error{font:var(--solaris-font-weight-regular) var(--solaris-switch-group-error-font-size)/var(--solaris-switch-group-error-line-height) var(--solaris-font-family-sans);color:var(--solaris-switch-group-error-color);margin:var(--solaris-spacing-1) 0 0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { switches: [{
+                type: ContentChildren,
+                args: [SolarisSwitchComponent]
+            }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], requiredInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], labelInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], hintInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], hintKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hintKey", required: false }] }], errorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], errorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorKey", required: false }] }], minEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "minEnabled", required: false }] }], maxEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxEnabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
+//# sourceMappingURL=switch-group.component.js.map

package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-group.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/switch-group/component/switch-group.component.ts","../../../../../../../../../packages/angular/src/lib/components/forms/switch-group/component/switch-group.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  output,\n  computed,\n  signal,\n  effect,\n  forwardRef,\n  inject,\n  ElementRef,\n  ContentChildren,\n  QueryList,\n  type AfterContentInit,\n  type OnDestroy,\n  NgZone,\n} from '@angular/core';\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Subscription = any;\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\n\nimport { SolarisFormControl } from '../../form-field/model/form-control.contract';\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisSwitchComponent } from '../../switch';\n\nimport type {\n  SolarisSwitchGroupOrientation,\n  SolarisSwitchGroupLayout,\n  SolarisSwitchGroupColumns,\n  SolarisSwitchGroupDensity,\n  SolarisSwitchGroupSize,\n} from '../model/switch-group.types';\n\nlet nextId = 0;\n\nfunction generateId(): string {\n  return `solaris-switch-group-${++nextId}`;\n}\n\n@Component({\n  selector: 'solaris-switch-group',\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SolarisSwitchGroupComponent),\n      multi: true,\n    },\n    {\n      provide: SolarisFormControl,\n      useExisting: forwardRef(() => SolarisSwitchGroupComponent),\n    },\n  ],\n  templateUrl: './switch-group.component.html',\n  styleUrls: ['./switch-group.component.scss'],\n  host: {\n    role: 'group',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-layout]': 'layout()',\n    '[attr.data-columns]': 'columnsStr()',\n    '[attr.data-density]': 'effectiveDensity()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-disabled]': 'isEffectivelyDisabled() ? \"\" : null',\n    '[attr.data-readonly]': 'isEffectivelyReadonly() ? \"\" : null',\n    '[attr.data-invalid]': 'isEffectivelyInvalid() ? \"\" : null',\n    '[attr.aria-label]': 'effectiveAriaLabel() ?? null',\n    '[attr.aria-labelledby]': 'ariaLabelledBy()',\n    '[attr.aria-describedby]': 'ariaDescribedBy()',\n    '[attr.aria-invalid]': 'isEffectivelyInvalid() ? \"true\" : null',\n    '[attr.aria-required]': 'isEffectivelyRequired() ? \"true\" : null',\n  },\n})\nexport class SolarisSwitchGroupComponent\n  extends SolarisFormControl\n  implements ControlValueAccessor, AfterContentInit, OnDestroy\n{\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly translateService = inject(SolarisTranslateService);\n  private readonly ngZone = inject(NgZone);\n\n  @ContentChildren(SolarisSwitchComponent)\n  protected switches!: QueryList<SolarisSwitchComponent>;\n\n  readonly orientation = input<SolarisSwitchGroupOrientation>('vertical');\n  readonly layout = input<SolarisSwitchGroupLayout>('list');\n  readonly columns = input<SolarisSwitchGroupColumns>(1);\n  readonly density = input<SolarisSwitchGroupDensity>();\n  readonly size = input<SolarisSwitchGroupSize>('md');\n  readonly disabledInput = input<boolean, boolean>(false, {\n    alias: 'disabled',\n    transform: (v: boolean) => v ?? false,\n  });\n  readonly readonlyInput = input<boolean, boolean>(false, {\n    alias: 'readonly',\n    transform: (v: boolean) => v ?? false,\n  });\n  readonly requiredInput = input<boolean, boolean>(false, {\n    alias: 'required',\n    transform: (v: boolean) => v ?? false,\n  });\n  readonly invalidInput = input<boolean | undefined>(undefined, {\n    alias: 'invalid',\n  });\n  readonly labelInput = input<string>(undefined, { alias: 'label' });\n  readonly labelKey = input<string>();\n  readonly hintInput = input<string>(undefined, { alias: 'hint' });\n  readonly hintKey = input<string>();\n  readonly errorInput = input<string>(undefined, { alias: 'error' });\n  readonly errorKey = input<string>();\n  readonly minEnabled = input<number>();\n  readonly maxEnabled = input<number>();\n  readonly ariaLabel = input<string>();\n  readonly ariaLabelKey = input<string>();\n\n  readonly valueChange = output<Record<string, boolean>>();\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  readonly change = output<Record<string, boolean>>();\n\n  private readonly _value = signal<Record<string, boolean>>({});\n  private readonly _focused = signal(false);\n  private readonly _describedByIds = signal<string[]>([]);\n  private readonly cvaDisabled = signal(false);\n  private readonly autoInvalid = signal(false);\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange: (value: Record<string, boolean>) => void = () => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched: () => void = () => {};\n\n  private readonly switchSubscriptions = new Map<\n    SolarisSwitchComponent,\n    Subscription\n  >();\n  private contentInitialized = false;\n  private switchQuerySubscription: Subscription | null = null;\n  private focusListenersAttached = false;\n\n  protected readonly groupId = computed(() => {\n    // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK and Solaris Checkbox/Radio groups.\n    return this.elementRef.nativeElement.getAttribute('id') || generateId();\n  });\n  protected readonly labelId = computed(() => `${this.groupId()}-label`);\n  protected readonly hintId = computed(() => `${this.groupId()}-hint`);\n  protected readonly errorId = computed(() => `${this.groupId()}-error`);\n\n  protected readonly columnsStr = computed(() => String(this.columns()));\n\n  protected readonly effectiveDensity = computed<SolarisSwitchGroupDensity>(\n    () => {\n      return this.density() ?? 'comfortable';\n    },\n  );\n\n  protected readonly isEffectivelyDisabled = computed(() => {\n    return this.disabledInput() || this.cvaDisabled();\n  });\n\n  protected readonly isEffectivelyReadonly = computed(() => {\n    return this.readonlyInput();\n  });\n\n  protected readonly isEffectivelyInvalid = computed(() => {\n    return this.invalidInput() ?? this.autoInvalid();\n  });\n\n  protected readonly isEffectivelyRequired = computed(() => {\n    return this.requiredInput();\n  });\n\n  protected readonly labelText = computed(() => {\n    const key = this.labelKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return this.labelInput();\n  });\n\n  protected readonly hintText = computed(() => {\n    const key = this.hintKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return this.hintInput();\n  });\n\n  protected readonly errorText = computed(() => {\n    const key = this.errorKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return this.errorInput();\n  });\n\n  protected readonly effectiveAriaLabel = computed(() => {\n    const key = this.ariaLabelKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return this.ariaLabel();\n  });\n\n  protected readonly ariaLabelledBy = computed(() => {\n    if (this.labelText()) {\n      return this.labelId();\n    }\n    return null;\n  });\n\n  protected readonly ariaDescribedBy = computed(() => {\n    const customIds = this._describedByIds();\n    const ownIds: string[] = [];\n    if (this.hintText()) ownIds.push(this.hintId());\n    if (this.showError()) ownIds.push(this.errorId());\n    const all = [...customIds, ...ownIds];\n    return all.length > 0 ? all.join(' ') : null;\n  });\n\n  protected readonly showError = computed(() => {\n    if (this.isEffectivelyInvalid()) {\n      return this.errorText() ?? null;\n    }\n    return null;\n  });\n\n  get id(): string {\n    return this.groupId();\n  }\n\n  get focused(): boolean {\n    return this._focused();\n  }\n\n  get disabled(): boolean {\n    return this.isEffectivelyDisabled();\n  }\n\n  get readonly(): boolean {\n    return this.isEffectivelyReadonly();\n  }\n\n  get invalid(): boolean {\n    return this.isEffectivelyInvalid();\n  }\n\n  get required(): boolean {\n    return this.isEffectivelyRequired();\n  }\n\n  get describedByIds(): string[] {\n    return this._describedByIds();\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this._describedByIds.set([...ids]);\n  }\n\n  focus(): void {\n    const first = this.switches?.get(0);\n    if (first) {\n      first.focus();\n    }\n  }\n\n  writeValue(value: Record<string, boolean> | null): void {\n    this._value.set(value ? { ...value } : {});\n    this.syncSwitchesToValue();\n  }\n\n  registerOnChange(fn: (value: Record<string, boolean>) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.cvaDisabled.set(isDisabled);\n    this.propagateDisabledToSwitches();\n  }\n\n  ngAfterContentInit(): void {\n    this.contentInitialized = true;\n    this.validateChildren();\n    this.attachFocusListeners();\n    this.initSwitches();\n    this.syncSwitchesToValue();\n    this.propagateDisabledToSwitches();\n    this.propagateReadonlyToSwitches();\n\n    this.switchQuerySubscription = this.switches.changes.subscribe(() => {\n      this.validateChildren();\n      this.initSwitches();\n      this.syncSwitchesToValue();\n      this.propagateDisabledToSwitches();\n      this.propagateReadonlyToSwitches();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.unsubscribeAllSwitches();\n    if (this.switchQuerySubscription) {\n      this.switchQuerySubscription.unsubscribe();\n    }\n  }\n\n  private validateChildren(): void {\n    if (!this.switches) return;\n\n    const keys = new Map<string, SolarisSwitchComponent>();\n\n    this.switches.forEach((sw) => {\n      const key = sw.value();\n      if (key === null || key === undefined) {\n        console.warn(\n          `[SolarisSwitchGroup] A <solaris-switch> child is missing a value attribute. ` +\n            `Each switch inside <solaris-switch-group> must have a unique value.`,\n        );\n        return;\n      }\n      if (keys.has(key)) {\n        console.warn(\n          `[SolarisSwitchGroup] Duplicate value \"${key}\" detected among <solaris-switch> children. ` +\n            `Each switch value must be unique within the group.`,\n        );\n      }\n      keys.set(key, sw);\n    });\n  }\n\n  private attachFocusListeners(): void {\n    if (this.focusListenersAttached) return;\n    this.focusListenersAttached = true;\n\n    // SECURITY_EXCEPTION: nativeElement.focusin/focusout are standard DOM events for focus tracking. Same pattern used by Solaris FormField and Checkbox/Radio groups.\n    const native = this.elementRef.nativeElement;\n    this.ngZone.runOutsideAngular(() => {\n      native.addEventListener('focusin', () => {\n        this.ngZone.run(() => this._focused.set(true));\n      });\n      native.addEventListener('focusout', (e: FocusEvent) => {\n        const related = e.relatedTarget as Node | null;\n        if (related && native.contains(related)) return;\n        this.ngZone.run(() => {\n          this._focused.set(false);\n          this.onTouched();\n        });\n      });\n    });\n  }\n\n  private initSwitches(): void {\n    this.unsubscribeAllSwitches();\n    this.switches.forEach((sw) => {\n      const sub = sw.checkedChange.subscribe((checked: boolean) => {\n        this.onChildCheckedChange(sw, checked);\n      });\n      this.switchSubscriptions.set(sw, sub);\n    });\n  }\n\n  private unsubscribeAllSwitches(): void {\n    this.switchSubscriptions.forEach((sub) => sub.unsubscribe());\n    this.switchSubscriptions.clear();\n  }\n\n  private onChildCheckedChange(\n    child: SolarisSwitchComponent,\n    checked: boolean,\n  ): void {\n    if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {\n      return;\n    }\n\n    const key = child.value();\n    if (key === null || key === undefined) {\n      return;\n    }\n\n    const currentValue = { ...this._value() };\n    currentValue[key] = checked;\n\n    this.updateValue(currentValue);\n  }\n\n  private updateValue(newValue: Record<string, boolean>): void {\n    this._value.set(newValue);\n    this.onChange(newValue);\n    this.valueChange.emit(newValue);\n    this.change.emit(newValue);\n  }\n\n  private syncSwitchesToValue(): void {\n    if (!this.contentInitialized || !this.switches) return;\n    const currentValue = this._value();\n\n    this.switches.forEach((sw) => {\n      const key = sw.value();\n      if (key === null || key === undefined) {\n        return;\n      }\n      sw.writeValue(currentValue[key]);\n    });\n  }\n\n  private propagateDisabledToSwitches(): void {\n    if (!this.contentInitialized || !this.switches) return;\n    const isDisabled = this.isEffectivelyDisabled();\n    this.switches.forEach((sw) => {\n      sw.setDisabledState(isDisabled);\n    });\n  }\n\n  private propagateReadonlyToSwitches(): void {\n    if (!this.contentInitialized || !this.switches) return;\n    const isReadonly = this.isEffectivelyReadonly();\n    this.switches.forEach((sw) => {\n      sw.setCvaReadonlyState(isReadonly);\n    });\n  }\n\n  private readonly _propagateEffect = effect(() => {\n    if (!this.contentInitialized) return;\n    this.isEffectivelyDisabled();\n    this.isEffectivelyReadonly();\n    this.propagateDisabledToSwitches();\n    this.propagateReadonlyToSwitches();\n  });\n\n  private readonly _validateEffect = effect(() => {\n    this._value();\n    this.minEnabled();\n    this.maxEnabled();\n    this.requiredInput();\n    this.validateBounds();\n  });\n\n  private validateBounds(): void {\n    const value = this._value();\n    const enabledCount = Object.values(value).filter(Boolean).length;\n    const min = this.minEnabled();\n    const max = this.maxEnabled();\n    const isRequired = this.requiredInput();\n    const minRequired = min ?? (isRequired ? 1 : 0);\n\n    const isOutOfBounds =\n      (minRequired > 0 && enabledCount < minRequired) ||\n      (max != null && enabledCount > max);\n    this.autoInvalid.set(isOutOfBounds);\n  }\n\n  constructor() {\n    super();\n  }\n}\n","@if (labelText(); as text) {\n  <span class=\"solaris-switch-group__label\" [id]=\"labelId()\">\n    {{ text }}\n  </span>\n}\n<div class=\"solaris-switch-group__options\" role=\"presentation\">\n  <ng-content />\n</div>\n@if (hintText(); as text) {\n  <p class=\"solaris-switch-group__hint\" [id]=\"hintId()\">\n    {{ text }}\n  </p>\n}\n@if (showError(); as text) {\n  <p class=\"solaris-switch-group__error\" [id]=\"errorId()\" role=\"alert\">\n    {{ text }}\n  </p>\n}\n"]}

package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=switch-group.types.js.map

package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-group.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/switch-group/model/switch-group.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisSwitchGroupOrientation = 'vertical' | 'horizontal';\n\nexport type SolarisSwitchGroupLayout = 'list' | 'grid';\n\nexport type SolarisSwitchGroupColumns = 1 | 2 | 3 | 4 | 'auto';\n\nexport type SolarisSwitchGroupDensity = 'compact' | 'comfortable';\n\nexport type SolarisSwitchGroupSize = 'sm' | 'md' | 'lg';\n"]}

package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js

@@ -0,0 +1,137 @@
+import { Directive, input, computed, signal, HostListener, inject, ElementRef, isDevMode, } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { SolarisFormControl } from '../../form-field/model/form-control.contract';
+import * as i0 from "@angular/core";
+let nextId = 0;
+function generateId() {
+    return `solaris-textarea-${++nextId}`;
+}
+export class SolarisTextareaDirective extends SolarisFormControl {
+    appearance = input('outline', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    manualInvalid = input(undefined, { ...(ngDevMode ? { debugName: "manualInvalid" } : /* istanbul ignore next */ {}), alias: 'invalid' });
+    fullWidth = input(true, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
+    resize = input('vertical', ...(ngDevMode ? [{ debugName: "resize" }] : /* istanbul ignore next */ []));
+    // SECURITY_EXCEPTION: ElementRef.nativeElement is the standard Angular directive API to read host element properties and attributes. Same approach used by Angular CDK and all Solaris directives.
+    elementRef = inject(ElementRef);
+    // SECURITY_EXCEPTION: nativeElement access required for host element property reads (tagName, disabled, readonly, required, focus, getAttribute). Same pattern used by Angular CDK form controls.
+    textareaElement = this.elementRef.nativeElement;
+    ngControl = inject(NgControl, {
+        optional: true,
+        self: true,
+    });
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    _describedByIds = signal([], ...(ngDevMode ? [{ debugName: "_describedByIds" }] : /* istanbul ignore next */ []));
+    // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK form controls.
+    elementId = computed(() => {
+        const existingId = this.textareaElement.getAttribute('id');
+        return existingId ?? generateId();
+    }, ...(ngDevMode ? [{ debugName: "elementId" }] : /* istanbul ignore next */ []));
+    effectiveDensity = computed(() => {
+        return this.density() ?? 'comfortable';
+    }, ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : /* istanbul ignore next */ []));
+    isEffectivelyInvalid = computed(() => {
+        const manual = this.manualInvalid();
+        if (manual !== undefined) {
+            return manual;
+        }
+        if (this.ngControl?.control) {
+            const control = this.ngControl.control;
+            return (control.invalid &&
+                (control.touched || control.dirty) &&
+                !this._focused());
+        }
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyInvalid" }] : /* istanbul ignore next */ []));
+    ariaDescribedBy = computed(() => {
+        const ids = this._describedByIds();
+        return ids.length > 0 ? ids.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    get id() {
+        return this.elementId();
+    }
+    get focused() {
+        return this._focused();
+    }
+    // SECURITY_EXCEPTION: nativeElement.disabled is the standard DOM property to read textarea disabled state. Same approach used by Angular Forms.
+    get disabled() {
+        return this.textareaElement.disabled;
+    }
+    // SECURITY_EXCEPTION: nativeElement.readOnly is the standard DOM property to read textarea readonly state.
+    get readonly() {
+        return this.textareaElement.readOnly;
+    }
+    get invalid() {
+        return this.isEffectivelyInvalid();
+    }
+    // SECURITY_EXCEPTION: nativeElement.required is the standard DOM property to read textarea required state.
+    get required() {
+        return this.textareaElement.required;
+    }
+    get describedByIds() {
+        return this._describedByIds();
+    }
+    setDescribedByIds(ids) {
+        this._describedByIds.set([...ids]);
+    }
+    // SECURITY_EXCEPTION: nativeElement.focus() is the standard DOM API to programmatically focus a textarea. No alternative exists.
+    focus() {
+        this.textareaElement.focus();
+    }
+    onFocus() {
+        this._focused.set(true);
+    }
+    onBlur() {
+        this._focused.set(false);
+    }
+    constructor() {
+        super();
+        this.validateHost();
+    }
+    validateHost() {
+        // SECURITY_EXCEPTION: nativeElement.tagName is the standard Angular API to validate directive host element. Same pattern used by SolarisInputDirective.
+        if (this.textareaElement.tagName !== 'TEXTAREA') {
+            if (isDevMode()) {
+                console.warn(`[SolarisTextarea] The [solaris-textarea] directive is intended for use on <textarea> elements only. ` +
+                    `Applying it to <${this.textareaElement.tagName.toLowerCase()}> is unsupported ` +
+                    `and may cause unexpected behavior.`);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisTextareaDirective, isStandalone: true, selector: "[solaris-textarea]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, manualInvalid: { classPropertyName: "manualInvalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "id": "elementId()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-appearance": "appearance()", "attr.data-density": "effectiveDensity()", "attr.aria-describedby": "ariaDescribedBy()", "attr.data-focused": "_focused() ? \"\" : null", "attr.data-full-width": "fullWidth() ? \"\" : null", "attr.data-invalid": "isEffectivelyInvalid() ? \"\" : null", "attr.aria-invalid": "isEffectivelyInvalid() ? \"true\" : null", "attr.data-resize": "resize()" } }, providers: [
+            { provide: SolarisFormControl, useExisting: SolarisTextareaDirective },
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTextareaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-textarea]',
+                    standalone: true,
+                    providers: [
+                        { provide: SolarisFormControl, useExisting: SolarisTextareaDirective },
+                    ],
+                    host: {
+                        '[id]': 'elementId()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-radius]': 'radius()',
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-density]': 'effectiveDensity()',
+                        '[attr.aria-describedby]': 'ariaDescribedBy()',
+                        '[attr.data-focused]': '_focused() ? "" : null',
+                        '[attr.data-full-width]': 'fullWidth() ? "" : null',
+                        '[attr.data-invalid]': 'isEffectivelyInvalid() ? "" : null',
+                        '[attr.aria-invalid]': 'isEffectivelyInvalid() ? "true" : null',
+                        '[attr.data-resize]': 'resize()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], manualInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+//# sourceMappingURL=textarea.directive.js.map

package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/textarea/directives/textarea.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  input,\n  computed,\n  signal,\n  HostListener,\n  inject,\n  ElementRef,\n  isDevMode,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\n\nimport { SolarisFormControl } from '../../form-field/model/form-control.contract';\n\nimport type {\n  SolarisTextareaAppearance,\n  SolarisTextareaSize,\n  SolarisTextareaDensity,\n  SolarisTextareaRadius,\n  SolarisTextareaResize,\n} from '../model/textarea.types';\n\nlet nextId = 0;\n\nfunction generateId(): string {\n  return `solaris-textarea-${++nextId}`;\n}\n\n@Directive({\n  selector: '[solaris-textarea]',\n  standalone: true,\n  providers: [\n    { provide: SolarisFormControl, useExisting: SolarisTextareaDirective },\n  ],\n  host: {\n    '[id]': 'elementId()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-radius]': 'radius()',\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-density]': 'effectiveDensity()',\n    '[attr.aria-describedby]': 'ariaDescribedBy()',\n    '[attr.data-focused]': '_focused() ? \"\" : null',\n    '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\n    '[attr.data-invalid]': 'isEffectivelyInvalid() ? \"\" : null',\n    '[attr.aria-invalid]': 'isEffectivelyInvalid() ? \"true\" : null',\n    '[attr.data-resize]': 'resize()',\n  },\n})\nexport class SolarisTextareaDirective extends SolarisFormControl {\n  readonly appearance = input<SolarisTextareaAppearance>('outline');\n  readonly radius = input<SolarisTextareaRadius>('md');\n  readonly size = input<SolarisTextareaSize>('md');\n  readonly density = input<SolarisTextareaDensity>();\n\n  readonly manualInvalid = input<boolean | undefined>(undefined, {\n    alias: 'invalid',\n  });\n  readonly fullWidth = input<boolean>(true);\n  readonly resize = input<SolarisTextareaResize>('vertical');\n\n  // SECURITY_EXCEPTION: ElementRef.nativeElement is the standard Angular directive API to read host element properties and attributes. Same approach used by Angular CDK and all Solaris directives.\n  private readonly elementRef =\n    inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n  // SECURITY_EXCEPTION: nativeElement access required for host element property reads (tagName, disabled, readonly, required, focus, getAttribute). Same pattern used by Angular CDK form controls.\n  private readonly textareaElement = this.elementRef.nativeElement;\n  protected readonly ngControl = inject(NgControl, {\n    optional: true,\n    self: true,\n  });\n\n  protected readonly _focused = signal(false);\n  private readonly _describedByIds = signal<string[]>([]);\n\n  // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK form controls.\n  protected readonly elementId = computed(() => {\n    const existingId = this.textareaElement.getAttribute('id');\n    return existingId ?? generateId();\n  });\n\n  protected readonly effectiveDensity = computed<SolarisTextareaDensity>(() => {\n    return this.density() ?? 'comfortable';\n  });\n\n  protected readonly isEffectivelyInvalid = computed(() => {\n    const manual = this.manualInvalid();\n    if (manual !== undefined) {\n      return manual;\n    }\n    if (this.ngControl?.control) {\n      const control = this.ngControl.control;\n      return (\n        control.invalid &&\n        (control.touched || control.dirty) &&\n        !this._focused()\n      );\n    }\n    return false;\n  });\n\n  protected readonly ariaDescribedBy = computed(() => {\n    const ids = this._describedByIds();\n    return ids.length > 0 ? ids.join(' ') : null;\n  });\n\n  get id(): string {\n    return this.elementId();\n  }\n\n  get focused(): boolean {\n    return this._focused();\n  }\n\n  // SECURITY_EXCEPTION: nativeElement.disabled is the standard DOM property to read textarea disabled state. Same approach used by Angular Forms.\n  get disabled(): boolean {\n    return this.textareaElement.disabled;\n  }\n\n  // SECURITY_EXCEPTION: nativeElement.readOnly is the standard DOM property to read textarea readonly state.\n  get readonly(): boolean {\n    return this.textareaElement.readOnly;\n  }\n\n  get invalid(): boolean {\n    return this.isEffectivelyInvalid();\n  }\n\n  // SECURITY_EXCEPTION: nativeElement.required is the standard DOM property to read textarea required state.\n  get required(): boolean {\n    return this.textareaElement.required;\n  }\n\n  get describedByIds(): string[] {\n    return this._describedByIds();\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this._describedByIds.set([...ids]);\n  }\n\n  // SECURITY_EXCEPTION: nativeElement.focus() is the standard DOM API to programmatically focus a textarea. No alternative exists.\n  focus(): void {\n    this.textareaElement.focus();\n  }\n\n  @HostListener('focus')\n  protected onFocus(): void {\n    this._focused.set(true);\n  }\n\n  @HostListener('blur')\n  protected onBlur(): void {\n    this._focused.set(false);\n  }\n\n  constructor() {\n    super();\n    this.validateHost();\n  }\n\n  private validateHost(): void {\n    // SECURITY_EXCEPTION: nativeElement.tagName is the standard Angular API to validate directive host element. Same pattern used by SolarisInputDirective.\n    if (this.textareaElement.tagName !== 'TEXTAREA') {\n      if (isDevMode()) {\n        console.warn(\n          `[SolarisTextarea] The [solaris-textarea] directive is intended for use on <textarea> elements only. ` +\n            `Applying it to <${this.textareaElement.tagName.toLowerCase()}> is unsupported ` +\n            `and may cause unexpected behavior.`,\n        );\n      }\n    }\n  }\n}\n"]}

package/esm2022/lib/components/forms/textarea/model/textarea.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=textarea.types.js.map