@educarehq/solaris-ui 0.1.0 → 0.2.0

package/esm2022/lib/components/forms/password-field/model/password-strength.js

@@ -0,0 +1,67 @@
+import { ALPHABET, DIGITS, SEQUENTIAL_MIN_LENGTH, REPEAT_MIN_COUNT, } from './password-field-constants';
+export function calculatePasswordStrength(value) {
+    if (!value) {
+        return 'empty';
+    }
+    const score = scoreLength(value.length) + scoreDiversity(value) - scorePenalties(value);
+    if (score <= 2) {
+        return 'weak';
+    }
+    if (score <= 4) {
+        return 'medium';
+    }
+    return 'strong';
+}
+function scoreLength(len) {
+    if (len >= 16) {
+        return 3;
+    }
+    if (len >= 12) {
+        return 2;
+    }
+    if (len >= 8) {
+        return 1;
+    }
+    return 0;
+}
+function scoreDiversity(value) {
+    const types = [
+        /[a-z]/.test(value),
+        /[A-Z]/.test(value),
+        /\d/.test(value),
+        /[^a-zA-Z0-9]/.test(value),
+    ].filter(Boolean).length;
+    return Math.max(0, types - 1);
+}
+function scorePenalties(value) {
+    let penalty = 0;
+    if (hasRepeatedChars(value)) {
+        penalty += 1;
+    }
+    if (hasSequentialChars(value, ALPHABET)) {
+        penalty += 1;
+    }
+    if (hasSequentialChars(value, DIGITS)) {
+        penalty += 1;
+    }
+    return penalty;
+}
+function hasRepeatedChars(value) {
+    // SECURITY_EXCEPTION: Dynamic RegExp is used here with the user's own password value
+    // as both input and match target. The regex pattern uses a controlled constant
+    // (REPEAT_MIN_COUNT) and only detects repeated characters in the same string.
+    // This is not a user-supplied regex pattern and cannot be exploited for ReDoS
+    // because the value is the user's own password being validated (bounded length).
+    return new RegExp(String.raw `(.)\1{${REPEAT_MIN_COUNT - 1},}`).test(value);
+}
+function hasSequentialChars(value, charset) {
+    const lower = value.toLowerCase();
+    const max = charset.length - SEQUENTIAL_MIN_LENGTH;
+    for (let i = 0; i <= max; i++) {
+        if (lower.includes(charset.slice(i, i + SEQUENTIAL_MIN_LENGTH))) {
+            return true;
+        }
+    }
+    return false;
+}
+//# sourceMappingURL=password-strength.js.map

package/esm2022/lib/components/forms/password-field/model/password-strength.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/password-field/model/password-strength.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,MAAM,EACN,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,UAAU,yBAAyB,CACvC,KAAa;IAEb,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,KAAK,GACT,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE5E,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;QACf,OAAO,MAAM,CAAC;IAChB,CAAC;IACD,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;QACf,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC;QACd,OAAO,CAAC,CAAC;IACX,CAAC;IACD,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC;QACd,OAAO,CAAC,CAAC;IACX,CAAC;IACD,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;QACb,OAAO,CAAC,CAAC;IACX,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;IACnC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;QACnB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QAChB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;KAC3B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IAEzB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAChC,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;IACnC,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC,CAAC;IACf,CAAC;IACD,IAAI,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxC,OAAO,IAAI,CAAC,CAAC;IACf,CAAC;IACD,IAAI,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC,CAAC;IACf,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa;IACrC,qFAAqF;IACrF,+EAA+E;IAC/E,8EAA8E;IAC9E,8EAA8E;IAC9E,iFAAiF;IACjF,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,CAAA,SAAS,gBAAgB,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7E,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa,EAAE,OAAe;IACxD,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IAClC,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,qBAAqB,CAAC;IAEnD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,qBAAqB,CAAC,CAAC,EAAE,CAAC;YAChE,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["import type { SolarisPasswordStrength } from './password-field.types';\nimport {\n  ALPHABET,\n  DIGITS,\n  SEQUENTIAL_MIN_LENGTH,\n  REPEAT_MIN_COUNT,\n} from './password-field-constants';\n\nexport function calculatePasswordStrength(\n  value: string,\n): SolarisPasswordStrength {\n  if (!value) {\n    return 'empty';\n  }\n\n  const score =\n    scoreLength(value.length) + scoreDiversity(value) - scorePenalties(value);\n\n  if (score <= 2) {\n    return 'weak';\n  }\n  if (score <= 4) {\n    return 'medium';\n  }\n  return 'strong';\n}\n\nfunction scoreLength(len: number): number {\n  if (len >= 16) {\n    return 3;\n  }\n  if (len >= 12) {\n    return 2;\n  }\n  if (len >= 8) {\n    return 1;\n  }\n  return 0;\n}\n\nfunction scoreDiversity(value: string): number {\n  const types = [\n    /[a-z]/.test(value),\n    /[A-Z]/.test(value),\n    /\\d/.test(value),\n    /[^a-zA-Z0-9]/.test(value),\n  ].filter(Boolean).length;\n\n  return Math.max(0, types - 1);\n}\n\nfunction scorePenalties(value: string): number {\n  let penalty = 0;\n\n  if (hasRepeatedChars(value)) {\n    penalty += 1;\n  }\n  if (hasSequentialChars(value, ALPHABET)) {\n    penalty += 1;\n  }\n  if (hasSequentialChars(value, DIGITS)) {\n    penalty += 1;\n  }\n\n  return penalty;\n}\n\nfunction hasRepeatedChars(value: string): boolean {\n  // SECURITY_EXCEPTION: Dynamic RegExp is used here with the user's own password value\n  // as both input and match target. The regex pattern uses a controlled constant\n  // (REPEAT_MIN_COUNT) and only detects repeated characters in the same string.\n  // This is not a user-supplied regex pattern and cannot be exploited for ReDoS\n  // because the value is the user's own password being validated (bounded length).\n  return new RegExp(String.raw`(.)\\1{${REPEAT_MIN_COUNT - 1},}`).test(value);\n}\n\nfunction hasSequentialChars(value: string, charset: string): boolean {\n  const lower = value.toLowerCase();\n  const max = charset.length - SEQUENTIAL_MIN_LENGTH;\n\n  for (let i = 0; i <= max; i++) {\n    if (lower.includes(charset.slice(i, i + SEQUENTIAL_MIN_LENGTH))) {\n      return true;\n    }\n  }\n\n  return false;\n}\n"]}

package/esm2022/lib/components/forms/password-field/validators/password.validator.js

@@ -0,0 +1,45 @@
+export function solarisPasswordValidator(policy) {
+    return (control) => {
+        const value = control.value;
+        if (!value || typeof value !== 'string') {
+            return null;
+        }
+        const errors = {};
+        if (policy.minLength !== undefined && value.length < policy.minLength) {
+            errors['solarisPasswordMinLength'] = {
+                requiredLength: policy.minLength,
+                actualLength: value.length,
+            };
+        }
+        if (policy.maxLength !== undefined && value.length > policy.maxLength) {
+            errors['solarisPasswordMaxLength'] = {
+                requiredLength: policy.maxLength,
+                actualLength: value.length,
+            };
+        }
+        if (policy.requireLowercase && !/[a-z]/.test(value)) {
+            errors['solarisPasswordLowercase'] = true;
+        }
+        if (policy.requireUppercase && !/[A-Z]/.test(value)) {
+            errors['solarisPasswordUppercase'] = true;
+        }
+        if (policy.requireNumber && !/[0-9]/.test(value)) {
+            errors['solarisPasswordNumber'] = true;
+        }
+        if (policy.requireSymbol && !/[^a-zA-Z0-9]/.test(value)) {
+            errors['solarisPasswordSymbol'] = true;
+        }
+        if (policy.disallowWhitespace && /\s/.test(value)) {
+            errors['solarisPasswordWhitespace'] = true;
+        }
+        if (policy.forbiddenValues && policy.forbiddenValues.length > 0) {
+            const lowerValue = value.toLowerCase();
+            const found = policy.forbiddenValues.some((fv) => lowerValue.includes(fv.toLowerCase()));
+            if (found) {
+                errors['solarisPasswordForbiddenValue'] = true;
+            }
+        }
+        return Object.keys(errors).length > 0 ? errors : null;
+    };
+}
+//# sourceMappingURL=password.validator.js.map

package/esm2022/lib/components/forms/password-field/validators/password.validator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password.validator.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/password-field/validators/password.validator.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,wBAAwB,CACtC,MAA6B;IAE7B,OAAO,CAAC,OAAwB,EAA2B,EAAE;QAC3D,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAE5B,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,MAAM,GAAqB,EAAE,CAAC;QAEpC,IAAI,MAAM,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;YACtE,MAAM,CAAC,0BAA0B,CAAC,GAAG;gBACnC,cAAc,EAAE,MAAM,CAAC,SAAS;gBAChC,YAAY,EAAE,KAAK,CAAC,MAAM;aAC3B,CAAC;QACJ,CAAC;QAED,IAAI,MAAM,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;YACtE,MAAM,CAAC,0BAA0B,CAAC,GAAG;gBACnC,cAAc,EAAE,MAAM,CAAC,SAAS;gBAChC,YAAY,EAAE,KAAK,CAAC,MAAM;aAC3B,CAAC;QACJ,CAAC;QAED,IAAI,MAAM,CAAC,gBAAgB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACpD,MAAM,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAAC;QAC5C,CAAC;QAED,IAAI,MAAM,CAAC,gBAAgB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACpD,MAAM,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAAC;QAC5C,CAAC;QAED,IAAI,MAAM,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,MAAM,CAAC,uBAAuB,CAAC,GAAG,IAAI,CAAC;QACzC,CAAC;QAED,IAAI,MAAM,CAAC,aAAa,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,CAAC,uBAAuB,CAAC,GAAG,IAAI,CAAC;QACzC,CAAC;QAED,IAAI,MAAM,CAAC,kBAAkB,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAClD,MAAM,CAAC,2BAA2B,CAAC,GAAG,IAAI,CAAC;QAC7C,CAAC;QAED,IAAI,MAAM,CAAC,eAAe,IAAI,MAAM,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;YACvC,MAAM,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAC/C,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CACtC,CAAC;YACF,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,CAAC,+BAA+B,CAAC,GAAG,IAAI,CAAC;YACjD,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\nimport type { SolarisPasswordPolicy } from '../model/password-policy.types';\n\nexport function solarisPasswordValidator(\n  policy: SolarisPasswordPolicy,\n): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const value = control.value;\n\n    if (!value || typeof value !== 'string') {\n      return null;\n    }\n\n    const errors: ValidationErrors = {};\n\n    if (policy.minLength !== undefined && value.length < policy.minLength) {\n      errors['solarisPasswordMinLength'] = {\n        requiredLength: policy.minLength,\n        actualLength: value.length,\n      };\n    }\n\n    if (policy.maxLength !== undefined && value.length > policy.maxLength) {\n      errors['solarisPasswordMaxLength'] = {\n        requiredLength: policy.maxLength,\n        actualLength: value.length,\n      };\n    }\n\n    if (policy.requireLowercase && !/[a-z]/.test(value)) {\n      errors['solarisPasswordLowercase'] = true;\n    }\n\n    if (policy.requireUppercase && !/[A-Z]/.test(value)) {\n      errors['solarisPasswordUppercase'] = true;\n    }\n\n    if (policy.requireNumber && !/[0-9]/.test(value)) {\n      errors['solarisPasswordNumber'] = true;\n    }\n\n    if (policy.requireSymbol && !/[^a-zA-Z0-9]/.test(value)) {\n      errors['solarisPasswordSymbol'] = true;\n    }\n\n    if (policy.disallowWhitespace && /\\s/.test(value)) {\n      errors['solarisPasswordWhitespace'] = true;\n    }\n\n    if (policy.forbiddenValues && policy.forbiddenValues.length > 0) {\n      const lowerValue = value.toLowerCase();\n      const found = policy.forbiddenValues.some((fv) =>\n        lowerValue.includes(fv.toLowerCase()),\n      );\n      if (found) {\n        errors['solarisPasswordForbiddenValue'] = true;\n      }\n    }\n\n    return Object.keys(errors).length > 0 ? errors : null;\n  };\n}\n"]}

package/esm2022/lib/components/forms/radio/component/radio.component.js

@@ -0,0 +1,219 @@
+import { Component, input, output, computed, signal, effect, forwardRef, inject, ElementRef, viewChild, afterNextRender, } 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 { SOLARIS_RADIO_GROUP_NAME } from '../../radio-group/model/radio-group.token';
+import * as i0 from "@angular/core";
+let nextId = 0;
+function generateId() {
+    return `solaris-radio-${++nextId}`;
+}
+export class SolarisRadioComponent extends SolarisFormControl {
+    elementRef = inject(ElementRef);
+    translateService = inject(SolarisTranslateService);
+    groupName = inject(SOLARIS_RADIO_GROUP_NAME, { optional: true }) ?? null;
+    inputElementRef = viewChild('inputElement', ...(ngDevMode ? [{ debugName: "inputElementRef" }] : /* istanbul ignore next */ []));
+    _checked = signal(false, ...(ngDevMode ? [{ debugName: "_checked" }] : /* 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 */ []));
+    cvaReadonly = signal(false, ...(ngDevMode ? [{ debugName: "cvaReadonly" }] : /* istanbul ignore next */ []));
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onChange = () => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    hasProjectedContent = signal(false, ...(ngDevMode ? [{ debugName: "hasProjectedContent" }] : /* istanbul ignore next */ []));
+    contentChecked = false;
+    checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : /* istanbul ignore next */ {}), transform: (v) => v ?? false });
+    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' });
+    appearance = input('outline', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    radioLabel = input(undefined, { ...(ngDevMode ? { debugName: "radioLabel" } : /* istanbul ignore next */ {}), alias: 'label' });
+    labelKey = input(...(ngDevMode ? [undefined, { debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelKey = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
+    checkedChange = output();
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    change = output();
+    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 */ []));
+    isEffectivelyInvalid = computed(() => {
+        return this.invalidInput() ?? false;
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyInvalid" }] : /* istanbul ignore next */ []));
+    isEffectivelyReadonly = computed(() => {
+        return this.readonlyInput() || this.cvaReadonly();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyReadonly" }] : /* istanbul ignore next */ []));
+    elementId = computed(() => {
+        // 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.
+        const existingId = this.elementRef.nativeElement.getAttribute('id');
+        return existingId || generateId();
+    }, ...(ngDevMode ? [{ debugName: "elementId" }] : /* istanbul ignore next */ []));
+    ariaDescribedBy = computed(() => {
+        const ids = this._describedByIds();
+        return ids.length > 0 ? ids.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    effectiveName = computed(() => {
+        return this.name() ?? this.groupName;
+    }, ...(ngDevMode ? [{ debugName: "effectiveName" }] : /* istanbul ignore next */ []));
+    labelText = computed(() => {
+        const key = this.labelKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.radioLabel();
+    }, ...(ngDevMode ? [{ debugName: "labelText" }] : /* 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(() => {
+        const labelId = this.elementId() + '-label';
+        if (this.hasProjectedContent() || this.labelText()) {
+            return labelId;
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    get id() {
+        return this.elementId();
+    }
+    get focused() {
+        return this._focused();
+    }
+    get disabled() {
+        return this.isEffectivelyDisabled();
+    }
+    get readonly() {
+        return this.isEffectivelyReadonly();
+    }
+    get invalid() {
+        return this.isEffectivelyInvalid();
+    }
+    get required() {
+        return this.requiredInput();
+    }
+    get describedByIds() {
+        return this._describedByIds();
+    }
+    setDescribedByIds(ids) {
+        this._describedByIds.set([...ids]);
+    }
+    focus() {
+        const input = this.inputElementRef();
+        if (input) {
+            // SECURITY_EXCEPTION: nativeElement.focus() is the standard DOM API to focus an element. No alternative exists.
+            input.nativeElement.focus();
+        }
+    }
+    syncCheckedFromInput = effect(() => {
+        this._checked.set(this.checked());
+    }, ...(ngDevMode ? [{ debugName: "syncCheckedFromInput" }] : /* istanbul ignore next */ []));
+    writeValue(value) {
+        this._checked.set(value === true);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    setCvaReadonlyState(isReadonly) {
+        this.cvaReadonly.set(isReadonly);
+    }
+    setChecked(value) {
+        this._checked.set(value);
+        this.onChange(value);
+    }
+    onInputChange(event) {
+        if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {
+            event.preventDefault();
+            const input = event.target;
+            input.checked = this._checked();
+            return;
+        }
+        const input = event.target;
+        this._checked.set(input.checked);
+        this.onChange(input.checked);
+        this.checkedChange.emit(input.checked);
+        this.change.emit(event);
+        this.onTouched();
+    }
+    onBlur() {
+        this._focused.set(false);
+        this.onTouched();
+    }
+    onFocus() {
+        this._focused.set(true);
+    }
+    constructor() {
+        super();
+        afterNextRender(() => {
+            if (this.contentChecked) {
+                return;
+            }
+            this.contentChecked = true;
+            // SECURITY_EXCEPTION: nativeElement.childNodes is the standard DOM API to check for projected content in the host element. Same pattern used by Angular CDK content projection detection.
+            const nativeElement = this.elementRef.nativeElement;
+            const hasContent = Array.from(nativeElement.childNodes).some((node) => node.nodeType !== Node.COMMENT_NODE);
+            this.hasProjectedContent.set(hasContent);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisRadioComponent, isStandalone: true, selector: "solaris-radio", inputs: { checked: { classPropertyName: "checked", publicName: "checked", 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 }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", 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 }, radioLabel: { classPropertyName: "radioLabel", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", 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: { checkedChange: "checkedChange", change: "change" }, host: { properties: { "attr.data-appearance": "appearance()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-density": "effectiveDensity()", "attr.data-checked": "_checked() ? \"\" : null", "attr.data-disabled": "isEffectivelyDisabled() ? \"\" : null", "attr.data-readonly": "isEffectivelyReadonly() ? \"\" : null", "attr.data-invalid": "isEffectivelyInvalid() ? \"\" : null", "attr.data-focused": "_focused() ? \"\" : null" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SolarisRadioComponent),
+                multi: true,
+            },
+            {
+                provide: SolarisFormControl,
+                useExisting: SolarisRadioComponent,
+            },
+        ], viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"solaris-radio__label\" [for]=\"elementId()\">\n  <input\n    type=\"radio\"\n    class=\"solaris-radio__input\"\n    [id]=\"elementId()\"\n    [checked]=\"_checked()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [required]=\"required\"\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.name]=\"effectiveName() ?? null\"\n    (change)=\"onInputChange($event)\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n    #inputElement\n  />\n  <span class=\"solaris-radio__control\" aria-hidden=\"true\">\n    @if (_checked()) {\n      <span class=\"solaris-radio__dot\"></span>\n    }\n  </span>\n  @if (hasProjectedContent()) {\n    <span class=\"solaris-radio__label-text\" [id]=\"elementId() + '-label'\">\n      <ng-content />\n    </span>\n  } @else if (labelText(); as text) {\n    <span class=\"solaris-radio__label-text\" [id]=\"elementId() + '-label'\">\n      {{ text }}\n    </span>\n  }\n</label>\n", styles: [":host{--solaris-radio-size: initial;--solaris-radio-ring-width: initial;--solaris-radio-dot-size: initial;--solaris-radio-gap: initial;--solaris-radio-border-color: initial;--solaris-radio-background: initial;--solaris-radio-ring-color: initial;--solaris-radio-dot-color: initial;--solaris-radio-focus-ring-color: initial;--solaris-radio-disabled-opacity: initial;--solaris-radio-readonly-background: initial;--solaris-radio-invalid-border-color: initial;--solaris-radio-custom-ring-color: initial;--solaris-radio-custom-indicator-color: initial;--solaris-radio-custom-surface: initial;--solaris-radio-custom-border-color: initial;--solaris-radio-label-font-size: initial;--solaris-radio-label-line-height: initial;display:inline-flex;vertical-align:middle;outline:none}.solaris-radio__label{display:inline-flex;align-items:center;gap:var(--solaris-radio-gap);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.solaris-radio__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}.solaris-radio__control{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--solaris-radio-size);height:var(--solaris-radio-size);border:var(--solaris-radio-ring-width) solid var(--solaris-radio-border-color);border-radius:50%;background:var(--solaris-radio-background);box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative}.solaris-radio__dot{display:block;width:var(--solaris-radio-dot-size);height:var(--solaris-radio-dot-size);border-radius:50%;background:var(--solaris-radio-dot-color);box-sizing:border-box}.solaris-radio__label-text{font-size:var(--solaris-radio-label-font-size);line-height:var(--solaris-radio-label-line-height);color:inherit}:host([data-size=sm]){--solaris-radio-size: var(--solaris-spacing-4);--solaris-radio-ring-width: calc(var(--solaris-spacing-1) / 2);--solaris-radio-dot-size: calc(var(--solaris-spacing-1) * 1.5);--solaris-radio-gap: var(--solaris-spacing-2);--solaris-radio-label-font-size: var(--solaris-font-size-sm);--solaris-radio-label-line-height: var(--solaris-line-height-sm)}:host([data-size=md]){--solaris-radio-size: var(--solaris-spacing-5);--solaris-radio-ring-width: calc(var(--solaris-spacing-1) / 2);--solaris-radio-dot-size: var(--solaris-spacing-2);--solaris-radio-gap: var(--solaris-spacing-2);--solaris-radio-label-font-size: var(--solaris-font-size-md);--solaris-radio-label-line-height: var(--solaris-line-height-md)}:host([data-size=lg]){--solaris-radio-size: var(--solaris-spacing-6);--solaris-radio-ring-width: calc(var(--solaris-spacing-1) * .75);--solaris-radio-dot-size: calc(var(--solaris-spacing-1) * 2.5);--solaris-radio-gap: var(--solaris-spacing-3);--solaris-radio-label-font-size: var(--solaris-font-size-lg);--solaris-radio-label-line-height: var(--solaris-line-height-lg)}:host([data-density=compact]){--solaris-radio-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-radio-gap: var(--solaris-spacing-3)}:host([data-appearance=outline]){--solaris-radio-background: transparent}:host([data-appearance=surface]){--solaris-radio-background: var(--solaris-surface-muted);--solaris-radio-border-color: transparent;--solaris-radio-ring-width: var(--solaris-spacing-0)}:host([data-appearance=surface][data-checked]){--solaris-radio-background: transparent;--solaris-radio-ring-width: calc(var(--solaris-spacing-1) / 2)}:host([data-color=neutral]){--solaris-radio-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-checked]){--solaris-radio-ring-color: var(--solaris-text-default);--solaris-radio-border-color: var(--solaris-text-default);--solaris-radio-dot-color: var(--solaris-text-default)}:host([data-color=primary]){--solaris-radio-border-color: var( --solaris-primary-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-primary-base)}:host([data-color=primary][data-checked]){--solaris-radio-ring-color: var(--solaris-primary-base);--solaris-radio-border-color: var(--solaris-primary-base);--solaris-radio-dot-color: var(--solaris-primary-base)}:host([data-color=success]){--solaris-radio-border-color: var( --solaris-success-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-success-base)}:host([data-color=success][data-checked]){--solaris-radio-ring-color: var(--solaris-success-base);--solaris-radio-border-color: var(--solaris-success-base);--solaris-radio-dot-color: var(--solaris-success-base)}:host([data-color=warning]){--solaris-radio-border-color: var( --solaris-warning-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-warning-base)}:host([data-color=warning][data-checked]){--solaris-radio-ring-color: var(--solaris-warning-base);--solaris-radio-border-color: var(--solaris-warning-base);--solaris-radio-dot-color: var(--solaris-warning-base)}:host([data-color=danger]){--solaris-radio-border-color: var( --solaris-danger-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-danger-base)}:host([data-color=danger][data-checked]){--solaris-radio-ring-color: var(--solaris-danger-base);--solaris-radio-border-color: var(--solaris-danger-base);--solaris-radio-dot-color: var(--solaris-danger-base)}:host([data-color=info]){--solaris-radio-border-color: var( --solaris-info-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-info-base)}:host([data-color=info][data-checked]){--solaris-radio-ring-color: var(--solaris-info-base);--solaris-radio-border-color: var(--solaris-info-base);--solaris-radio-dot-color: var(--solaris-info-base)}:host([data-color=custom]){--solaris-radio-border-color: var( --solaris-radio-custom-border-color, var(--solaris-border-default) );--solaris-radio-background: var(--solaris-radio-custom-surface, transparent)}:host([data-color=custom][data-checked]){--solaris-radio-ring-color: var( --solaris-radio-custom-ring-color, var(--solaris-primary-base) );--solaris-radio-dot-color: var( --solaris-radio-custom-indicator-color, var(--solaris-primary-base) );--solaris-radio-border-color: var( --solaris-radio-custom-ring-color, var(--solaris-primary-base) )}.solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-radio-border-color)}:host([data-color=primary]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-primary-hover, var(--solaris-primary-base))}:host([data-color=success]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-success-hover, var(--solaris-success-base))}:host([data-color=warning]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-warning-hover, var(--solaris-warning-base))}:host([data-color=danger]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-danger-hover, var(--solaris-danger-base))}:host([data-color=info]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-info-hover, var(--solaris-info-base))}.solaris-radio__input:focus-visible+.solaris-radio__control{outline:var(--solaris-border-width-sm) solid var(--solaris-radio-focus-ring-color);outline-offset:calc(var(--solaris-spacing-1) / 2)}:host([data-invalid]){--solaris-radio-border-color: var( --solaris-radio-invalid-border-color, var(--solaris-danger-base) );--solaris-radio-focus-ring-color: var(--solaris-danger-base)}:host([data-invalid][data-checked]){--solaris-radio-ring-color: var(--solaris-danger-base);--solaris-radio-border-color: var(--solaris-danger-base);--solaris-radio-dot-color: var(--solaris-danger-base)}:host([data-invalid]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-radio-invalid-border-color, var(--solaris-danger-base))}:host([data-disabled]){--solaris-radio-disabled-opacity: .5}:host([data-disabled]) .solaris-radio__label{cursor:not-allowed}:host([data-disabled]) .solaris-radio__control{opacity:var(--solaris-radio-disabled-opacity)}:host([data-disabled]) .solaris-radio__label-text{opacity:var(--solaris-radio-disabled-opacity)}:host([data-readonly]),:host([data-readonly][data-checked]){--solaris-radio-border-color: var( --solaris-text-muted, var(--solaris-border-subtle) );--solaris-radio-ring-color: var(--solaris-text-muted);--solaris-radio-dot-color: var(--solaris-text-muted);--solaris-radio-readonly-opacity: .65}:host([data-readonly]) .solaris-radio__label{cursor:not-allowed}:host([data-readonly]) .solaris-radio__control,:host([data-readonly]) .solaris-radio__label-text{opacity:var(--solaris-radio-readonly-opacity)}:host([data-readonly]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-radio-border-color)}:host([data-readonly][data-checked]) .solaris-radio__control{background:var(--solaris-radio-readonly-background, transparent);border-color:var(--solaris-radio-ring-color)}:host([data-readonly][data-checked]) .solaris-radio__dot{background:var(--solaris-radio-dot-color)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-radio', standalone: true, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SolarisRadioComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: SolarisFormControl,
+                            useExisting: SolarisRadioComponent,
+                        },
+                    ], host: {
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-color]': 'color()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-density]': 'effectiveDensity()',
+                        '[attr.data-checked]': '_checked() ? "" : null',
+                        '[attr.data-disabled]': 'isEffectivelyDisabled() ? "" : null',
+                        '[attr.data-readonly]': 'isEffectivelyReadonly() ? "" : null',
+                        '[attr.data-invalid]': 'isEffectivelyInvalid() ? "" : null',
+                        '[attr.data-focused]': '_focused() ? "" : null',
+                    }, template: "<label class=\"solaris-radio__label\" [for]=\"elementId()\">\n  <input\n    type=\"radio\"\n    class=\"solaris-radio__input\"\n    [id]=\"elementId()\"\n    [checked]=\"_checked()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [required]=\"required\"\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.name]=\"effectiveName() ?? null\"\n    (change)=\"onInputChange($event)\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n    #inputElement\n  />\n  <span class=\"solaris-radio__control\" aria-hidden=\"true\">\n    @if (_checked()) {\n      <span class=\"solaris-radio__dot\"></span>\n    }\n  </span>\n  @if (hasProjectedContent()) {\n    <span class=\"solaris-radio__label-text\" [id]=\"elementId() + '-label'\">\n      <ng-content />\n    </span>\n  } @else if (labelText(); as text) {\n    <span class=\"solaris-radio__label-text\" [id]=\"elementId() + '-label'\">\n      {{ text }}\n    </span>\n  }\n</label>\n", styles: [":host{--solaris-radio-size: initial;--solaris-radio-ring-width: initial;--solaris-radio-dot-size: initial;--solaris-radio-gap: initial;--solaris-radio-border-color: initial;--solaris-radio-background: initial;--solaris-radio-ring-color: initial;--solaris-radio-dot-color: initial;--solaris-radio-focus-ring-color: initial;--solaris-radio-disabled-opacity: initial;--solaris-radio-readonly-background: initial;--solaris-radio-invalid-border-color: initial;--solaris-radio-custom-ring-color: initial;--solaris-radio-custom-indicator-color: initial;--solaris-radio-custom-surface: initial;--solaris-radio-custom-border-color: initial;--solaris-radio-label-font-size: initial;--solaris-radio-label-line-height: initial;display:inline-flex;vertical-align:middle;outline:none}.solaris-radio__label{display:inline-flex;align-items:center;gap:var(--solaris-radio-gap);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.solaris-radio__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}.solaris-radio__control{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--solaris-radio-size);height:var(--solaris-radio-size);border:var(--solaris-radio-ring-width) solid var(--solaris-radio-border-color);border-radius:50%;background:var(--solaris-radio-background);box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative}.solaris-radio__dot{display:block;width:var(--solaris-radio-dot-size);height:var(--solaris-radio-dot-size);border-radius:50%;background:var(--solaris-radio-dot-color);box-sizing:border-box}.solaris-radio__label-text{font-size:var(--solaris-radio-label-font-size);line-height:var(--solaris-radio-label-line-height);color:inherit}:host([data-size=sm]){--solaris-radio-size: var(--solaris-spacing-4);--solaris-radio-ring-width: calc(var(--solaris-spacing-1) / 2);--solaris-radio-dot-size: calc(var(--solaris-spacing-1) * 1.5);--solaris-radio-gap: var(--solaris-spacing-2);--solaris-radio-label-font-size: var(--solaris-font-size-sm);--solaris-radio-label-line-height: var(--solaris-line-height-sm)}:host([data-size=md]){--solaris-radio-size: var(--solaris-spacing-5);--solaris-radio-ring-width: calc(var(--solaris-spacing-1) / 2);--solaris-radio-dot-size: var(--solaris-spacing-2);--solaris-radio-gap: var(--solaris-spacing-2);--solaris-radio-label-font-size: var(--solaris-font-size-md);--solaris-radio-label-line-height: var(--solaris-line-height-md)}:host([data-size=lg]){--solaris-radio-size: var(--solaris-spacing-6);--solaris-radio-ring-width: calc(var(--solaris-spacing-1) * .75);--solaris-radio-dot-size: calc(var(--solaris-spacing-1) * 2.5);--solaris-radio-gap: var(--solaris-spacing-3);--solaris-radio-label-font-size: var(--solaris-font-size-lg);--solaris-radio-label-line-height: var(--solaris-line-height-lg)}:host([data-density=compact]){--solaris-radio-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-radio-gap: var(--solaris-spacing-3)}:host([data-appearance=outline]){--solaris-radio-background: transparent}:host([data-appearance=surface]){--solaris-radio-background: var(--solaris-surface-muted);--solaris-radio-border-color: transparent;--solaris-radio-ring-width: var(--solaris-spacing-0)}:host([data-appearance=surface][data-checked]){--solaris-radio-background: transparent;--solaris-radio-ring-width: calc(var(--solaris-spacing-1) / 2)}:host([data-color=neutral]){--solaris-radio-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-checked]){--solaris-radio-ring-color: var(--solaris-text-default);--solaris-radio-border-color: var(--solaris-text-default);--solaris-radio-dot-color: var(--solaris-text-default)}:host([data-color=primary]){--solaris-radio-border-color: var( --solaris-primary-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-primary-base)}:host([data-color=primary][data-checked]){--solaris-radio-ring-color: var(--solaris-primary-base);--solaris-radio-border-color: var(--solaris-primary-base);--solaris-radio-dot-color: var(--solaris-primary-base)}:host([data-color=success]){--solaris-radio-border-color: var( --solaris-success-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-success-base)}:host([data-color=success][data-checked]){--solaris-radio-ring-color: var(--solaris-success-base);--solaris-radio-border-color: var(--solaris-success-base);--solaris-radio-dot-color: var(--solaris-success-base)}:host([data-color=warning]){--solaris-radio-border-color: var( --solaris-warning-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-warning-base)}:host([data-color=warning][data-checked]){--solaris-radio-ring-color: var(--solaris-warning-base);--solaris-radio-border-color: var(--solaris-warning-base);--solaris-radio-dot-color: var(--solaris-warning-base)}:host([data-color=danger]){--solaris-radio-border-color: var( --solaris-danger-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-danger-base)}:host([data-color=danger][data-checked]){--solaris-radio-ring-color: var(--solaris-danger-base);--solaris-radio-border-color: var(--solaris-danger-base);--solaris-radio-dot-color: var(--solaris-danger-base)}:host([data-color=info]){--solaris-radio-border-color: var( --solaris-info-border, var(--solaris-border-default) );--solaris-radio-focus-ring-color: var(--solaris-info-base)}:host([data-color=info][data-checked]){--solaris-radio-ring-color: var(--solaris-info-base);--solaris-radio-border-color: var(--solaris-info-base);--solaris-radio-dot-color: var(--solaris-info-base)}:host([data-color=custom]){--solaris-radio-border-color: var( --solaris-radio-custom-border-color, var(--solaris-border-default) );--solaris-radio-background: var(--solaris-radio-custom-surface, transparent)}:host([data-color=custom][data-checked]){--solaris-radio-ring-color: var( --solaris-radio-custom-ring-color, var(--solaris-primary-base) );--solaris-radio-dot-color: var( --solaris-radio-custom-indicator-color, var(--solaris-primary-base) );--solaris-radio-border-color: var( --solaris-radio-custom-ring-color, var(--solaris-primary-base) )}.solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-radio-border-color)}:host([data-color=primary]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-primary-hover, var(--solaris-primary-base))}:host([data-color=success]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-success-hover, var(--solaris-success-base))}:host([data-color=warning]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-warning-hover, var(--solaris-warning-base))}:host([data-color=danger]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-danger-hover, var(--solaris-danger-base))}:host([data-color=info]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-info-hover, var(--solaris-info-base))}.solaris-radio__input:focus-visible+.solaris-radio__control{outline:var(--solaris-border-width-sm) solid var(--solaris-radio-focus-ring-color);outline-offset:calc(var(--solaris-spacing-1) / 2)}:host([data-invalid]){--solaris-radio-border-color: var( --solaris-radio-invalid-border-color, var(--solaris-danger-base) );--solaris-radio-focus-ring-color: var(--solaris-danger-base)}:host([data-invalid][data-checked]){--solaris-radio-ring-color: var(--solaris-danger-base);--solaris-radio-border-color: var(--solaris-danger-base);--solaris-radio-dot-color: var(--solaris-danger-base)}:host([data-invalid]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-radio-invalid-border-color, var(--solaris-danger-base))}:host([data-disabled]){--solaris-radio-disabled-opacity: .5}:host([data-disabled]) .solaris-radio__label{cursor:not-allowed}:host([data-disabled]) .solaris-radio__control{opacity:var(--solaris-radio-disabled-opacity)}:host([data-disabled]) .solaris-radio__label-text{opacity:var(--solaris-radio-disabled-opacity)}:host([data-readonly]),:host([data-readonly][data-checked]){--solaris-radio-border-color: var( --solaris-text-muted, var(--solaris-border-subtle) );--solaris-radio-ring-color: var(--solaris-text-muted);--solaris-radio-dot-color: var(--solaris-text-muted);--solaris-radio-readonly-opacity: .65}:host([data-readonly]) .solaris-radio__label{cursor:not-allowed}:host([data-readonly]) .solaris-radio__control,:host([data-readonly]) .solaris-radio__label-text{opacity:var(--solaris-radio-readonly-opacity)}:host([data-readonly]) .solaris-radio__label:hover .solaris-radio__control{border-color:var(--solaris-radio-border-color)}:host([data-readonly][data-checked]) .solaris-radio__control{background:var(--solaris-radio-readonly-background, transparent);border-color:var(--solaris-radio-ring-color)}:host([data-readonly][data-checked]) .solaris-radio__dot{background:var(--solaris-radio-dot-color)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputElementRef: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", 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 }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], radioLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
+//# sourceMappingURL=radio.component.js.map

package/esm2022/lib/components/forms/radio/component/radio.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/radio/component/radio.component.ts","../../../../../../../../../packages/angular/src/lib/components/forms/radio/component/radio.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  viewChild,\n  afterNextRender,\n} from '@angular/core';\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 { SOLARIS_RADIO_GROUP_NAME } from '../../radio-group/model/radio-group.token';\n\nimport type {\n  SolarisRadioAppearance,\n  SolarisRadioColor,\n  SolarisRadioSize,\n  SolarisRadioDensity,\n} from '../model/radio.types';\n\nlet nextId = 0;\n\nfunction generateId(): string {\n  return `solaris-radio-${++nextId}`;\n}\n\n@Component({\n  selector: 'solaris-radio',\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SolarisRadioComponent),\n      multi: true,\n    },\n    {\n      provide: SolarisFormControl,\n      useExisting: SolarisRadioComponent,\n    },\n  ],\n  templateUrl: './radio.component.html',\n  styleUrls: ['./radio.component.scss'],\n  host: {\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-color]': 'color()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-density]': 'effectiveDensity()',\n    '[attr.data-checked]': '_checked() ? \"\" : null',\n    '[attr.data-disabled]': 'isEffectivelyDisabled() ? \"\" : null',\n    '[attr.data-readonly]': 'isEffectivelyReadonly() ? \"\" : null',\n    '[attr.data-invalid]': 'isEffectivelyInvalid() ? \"\" : null',\n    '[attr.data-focused]': '_focused() ? \"\" : null',\n  },\n})\nexport class SolarisRadioComponent\n  extends SolarisFormControl\n  implements ControlValueAccessor\n{\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly translateService = inject(SolarisTranslateService);\n  private readonly groupName =\n    inject(SOLARIS_RADIO_GROUP_NAME, { optional: true }) ?? null;\n\n  private readonly inputElementRef =\n    viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n  protected readonly _checked = signal(false);\n  protected readonly _focused = signal(false);\n  private readonly _describedByIds = signal<string[]>([]);\n  private readonly cvaDisabled = signal(false);\n  private readonly cvaReadonly = signal(false);\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange: (value: boolean) => void = () => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched: () => void = () => {};\n\n  protected readonly hasProjectedContent = signal(false);\n  private contentChecked = false;\n\n  readonly checked = input<boolean, boolean>(false, {\n    transform: (v: boolean) => v ?? false,\n  });\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 appearance = input<SolarisRadioAppearance>('outline');\n  readonly color = input<SolarisRadioColor>('primary');\n  readonly size = input<SolarisRadioSize>('md');\n  readonly density = input<SolarisRadioDensity>();\n  readonly radioLabel = input<string>(undefined, { alias: 'label' });\n  readonly labelKey = input<string>();\n  readonly name = input<string>();\n  readonly value = input<unknown>();\n  readonly ariaLabel = input<string>();\n  readonly ariaLabelKey = input<string>();\n\n  readonly checkedChange = output<boolean>();\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  readonly change = output<Event>();\n\n  protected readonly effectiveDensity = computed<SolarisRadioDensity>(() => {\n    return this.density() ?? 'comfortable';\n  });\n\n  protected readonly isEffectivelyDisabled = computed(() => {\n    return this.disabledInput() || this.cvaDisabled();\n  });\n\n  protected readonly isEffectivelyInvalid = computed(() => {\n    return this.invalidInput() ?? false;\n  });\n\n  protected readonly isEffectivelyReadonly = computed(() => {\n    return this.readonlyInput() || this.cvaReadonly();\n  });\n\n  protected readonly elementId = 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 form controls.\n    const existingId = this.elementRef.nativeElement.getAttribute('id');\n    return existingId || generateId();\n  });\n\n  protected readonly ariaDescribedBy = computed(() => {\n    const ids = this._describedByIds();\n    return ids.length > 0 ? ids.join(' ') : null;\n  });\n\n  protected readonly effectiveName = computed(() => {\n    return this.name() ?? this.groupName;\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.radioLabel();\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    const labelId = this.elementId() + '-label';\n    if (this.hasProjectedContent() || this.labelText()) {\n      return labelId;\n    }\n    return null;\n  });\n\n  get id(): string {\n    return this.elementId();\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.requiredInput();\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 input = this.inputElementRef();\n    if (input) {\n      // SECURITY_EXCEPTION: nativeElement.focus() is the standard DOM API to focus an element. No alternative exists.\n      input.nativeElement.focus();\n    }\n  }\n\n  private readonly syncCheckedFromInput = effect(() => {\n    this._checked.set(this.checked());\n  });\n\n  writeValue(value: boolean | null): void {\n    this._checked.set(value === true);\n  }\n\n  registerOnChange(fn: (value: 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  }\n\n  setCvaReadonlyState(isReadonly: boolean): void {\n    this.cvaReadonly.set(isReadonly);\n  }\n\n  setChecked(value: boolean): void {\n    this._checked.set(value);\n    this.onChange(value);\n  }\n\n  protected onInputChange(event: Event): void {\n    if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {\n      event.preventDefault();\n      const input = event.target as HTMLInputElement;\n      input.checked = this._checked();\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this._checked.set(input.checked);\n    this.onChange(input.checked);\n    this.checkedChange.emit(input.checked);\n    this.change.emit(event);\n    this.onTouched();\n  }\n\n  protected onBlur(): void {\n    this._focused.set(false);\n    this.onTouched();\n  }\n\n  protected onFocus(): void {\n    this._focused.set(true);\n  }\n\n  constructor() {\n    super();\n\n    afterNextRender(() => {\n      if (this.contentChecked) {\n        return;\n      }\n      this.contentChecked = true;\n      // SECURITY_EXCEPTION: nativeElement.childNodes is the standard DOM API to check for projected content in the host element. Same pattern used by Angular CDK content projection detection.\n      const nativeElement = this.elementRef.nativeElement;\n      const hasContent = Array.from(nativeElement.childNodes).some(\n        (node) => node.nodeType !== Node.COMMENT_NODE,\n      );\n      this.hasProjectedContent.set(hasContent);\n    });\n  }\n}\n","<label class=\"solaris-radio__label\" [for]=\"elementId()\">\n  <input\n    type=\"radio\"\n    class=\"solaris-radio__input\"\n    [id]=\"elementId()\"\n    [checked]=\"_checked()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [required]=\"required\"\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.name]=\"effectiveName() ?? null\"\n    (change)=\"onInputChange($event)\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n    #inputElement\n  />\n  <span class=\"solaris-radio__control\" aria-hidden=\"true\">\n    @if (_checked()) {\n      <span class=\"solaris-radio__dot\"></span>\n    }\n  </span>\n  @if (hasProjectedContent()) {\n    <span class=\"solaris-radio__label-text\" [id]=\"elementId() + '-label'\">\n      <ng-content />\n    </span>\n  } @else if (labelText(); as text) {\n    <span class=\"solaris-radio__label-text\" [id]=\"elementId() + '-label'\">\n      {{ text }}\n    </span>\n  }\n</label>\n"]}

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

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

package/esm2022/lib/components/forms/radio/model/radio.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/radio/model/radio.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisRadioAppearance = 'outline' | 'surface';\n\nexport type SolarisRadioColor =\n  | 'neutral'\n  | 'primary'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'info'\n  | 'custom';\n\nexport type SolarisRadioSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisRadioDensity = 'compact' | 'comfortable';\n"]}