@educarehq/solaris-ui 0.1.0 → 0.2.0

package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/component/skeleton.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/component/skeleton.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;;AA2B3D,MAAM,OAAO,wBAAwB;IAC1B,OAAO,GAAG,KAAK,CAAyB,MAAM,8EAAC,CAAC;IAChD,SAAS,GAAG,KAAK,CAA2B,OAAO,gFAAC,CAAC;IACrD,IAAI,GAAG,KAAK,CAAsB,IAAI,2EAAC,CAAC;IACxC,MAAM,GAAG,KAAK,CAAwB,MAAM,6EAAC,CAAC;IAC9C,OAAO,GAAG,KAAK,wFAA0B,CAAC;IAC1C,KAAK,GAAG,KAAK,sFAAU,CAAC;IACxB,MAAM,GAAG,KAAK,uFAAU,CAAC;IACzB,KAAK,GAAG,KAAK,CAAS,CAAC,4EAAC,CAAC;IAEzB,eAAe,GAAG,QAAQ,CAAwB,GAAG,EAAE;QAC9D,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;YACjB,OAAO,CAAC,CAAC;QACX,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,aAAa,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,KAAK,UAAU,EAAE,CAAC;YACrB,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,sFAAC,CAAC;IAEM,WAAW,GAAG,QAAQ,CAC7B,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,MAAM,kFACpD,CAAC;IAEO,UAAU,GAAG,QAAQ,CAAW,GAAG,EAAE;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,MAAM,GAAG;YACb,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;SACN,CAAC;QACF,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC5C,IAAI,CAAC,KAAK,CAAC,IAAI,WAAW,EAAE,CAAC;gBAC3B,OAAO,WAAW,CAAC;YACrB,CAAC;YACD,OAAO,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,iFAAC,CAAC;wGArDQ,wBAAwB;4FAAxB,wBAAwB,+5CC3BrC,sKAKA;;4FDsBa,wBAAwB;kBAjBpC,SAAS;+BACE,kBAAkB,cAChB,IAAI,QAGV;wBACJ,aAAa,EAAE,MAAM;wBACrB,qBAAqB,EAAE,WAAW;wBAClC,uBAAuB,EAAE,aAAa;wBACtC,kBAAkB,EAAE,QAAQ;wBAC5B,oBAAoB,EAAE,mBAAmB;wBACzC,qBAAqB,EAAE,WAAW;wBAClC,uBAAuB,EAAE,2BAA2B;wBACpD,eAAe,EAAE,iBAAiB;wBAClC,gBAAgB,EAAE,kBAAkB;qBACrC","sourcesContent":["import { Component, input, computed } from '@angular/core';\r\n\r\nimport type {\r\n  SolarisSkeletonVariant,\r\n  SolarisSkeletonAnimation,\r\n  SolarisSkeletonSize,\r\n  SolarisSkeletonRadius,\r\n  SolarisSkeletonDensity,\r\n} from '../model/skeleton.types';\r\n\r\n@Component({\r\n  selector: 'solaris-skeleton',\r\n  standalone: true,\r\n  templateUrl: './skeleton.component.html',\r\n  styleUrls: ['./skeleton.component.scss'],\r\n  host: {\r\n    'aria-hidden': 'true',\r\n    '[attr.data-variant]': 'variant()',\r\n    '[attr.data-animation]': 'animation()',\r\n    '[attr.data-size]': 'size()',\r\n    '[attr.data-radius]': 'effectiveRadius()',\r\n    '[attr.data-density]': 'density()',\r\n    '[attr.data-multiline]': 'isMultiLine() ? \"\" : null',\r\n    '[style.width]': 'width() || null',\r\n    '[style.height]': 'height() || null',\r\n  },\r\n})\r\nexport class SolarisSkeletonComponent {\r\n  readonly variant = input<SolarisSkeletonVariant>('text');\r\n  readonly animation = input<SolarisSkeletonAnimation>('pulse');\r\n  readonly size = input<SolarisSkeletonSize>('md');\r\n  readonly radius = input<SolarisSkeletonRadius>('text');\r\n  readonly density = input<SolarisSkeletonDensity>();\r\n  readonly width = input<string>();\r\n  readonly height = input<string>();\r\n  readonly lines = input<number>(1);\r\n\r\n  readonly effectiveRadius = computed<SolarisSkeletonRadius>(() => {\r\n    const r = this.radius();\r\n    if (r !== 'text') {\r\n      return r;\r\n    }\r\n    const v = this.variant();\r\n    if (v === 'rectangular') {\r\n      return 'sm';\r\n    }\r\n    if (v === 'circular') {\r\n      return 'full';\r\n    }\r\n    return 'sm';\r\n  });\r\n\r\n  readonly isMultiLine = computed(\r\n    () => this.lines() > 1 && this.variant() === 'text',\r\n  );\r\n\r\n  readonly lineWidths = computed<string[]>(() => {\r\n    const count = this.lines();\r\n    if (count <= 1) {\r\n      return [];\r\n    }\r\n    const customWidth = this.width();\r\n    const widths = [\r\n      '100%',\r\n      '92%',\r\n      '85%',\r\n      '78%',\r\n      '70%',\r\n      '95%',\r\n      '88%',\r\n      '82%',\r\n      '75%',\r\n      '68%',\r\n    ];\r\n    return Array.from({ length: count }, (_, i) => {\r\n      if (i === 0 && customWidth) {\r\n        return customWidth;\r\n      }\r\n      return widths[i % widths.length];\r\n    });\r\n  });\r\n}\r\n","@if (isMultiLine()) {\r\n  @for (width of lineWidths(); track $index) {\r\n    <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n  }\r\n}\r\n"]}

package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js

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

package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/model/skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisSkeletonVariant = 'text' | 'rectangular' | 'circular';\r\n\r\nexport type SolarisSkeletonAnimation = 'pulse' | 'wave' | 'none';\r\n\r\nexport type SolarisSkeletonSize = 'sm' | 'md' | 'lg';\r\n\r\nexport type SolarisSkeletonRadius = 'text' | 'none' | 'sm' | 'full';\r\n\r\nexport type SolarisSkeletonDensity = 'compact' | 'comfortable';\r\n"]}

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

@@ -0,0 +1,227 @@
+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 * as i0 from "@angular/core";
+let nextId = 0;
+function generateId() {
+    return `solaris-checkbox-${++nextId}`;
+}
+export class SolarisCheckboxComponent extends SolarisFormControl {
+    elementRef = inject(ElementRef);
+    translateService = inject(SolarisTranslateService);
+    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 });
+    indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : /* 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 */ []));
+    radius = input('sm', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    checkboxLabel = input(undefined, { ...(ngDevMode ? { debugName: "checkboxLabel" } : /* 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();
+    indeterminateChange = 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 */ []));
+    labelText = computed(() => {
+        const key = this.labelKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.checkboxLabel();
+    }, ...(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();
+        }
+    }
+    syncIndeterminate = effect(() => {
+        const el = this.inputElementRef();
+        if (el) {
+            // SECURITY_EXCEPTION: nativeElement.indeterminate is the standard DOM property to set indeterminate on a native checkbox. No HTML attribute alternative exists.
+            el.nativeElement.indeterminate = this.indeterminate();
+        }
+    }, ...(ngDevMode ? [{ debugName: "syncIndeterminate" }] : /* istanbul ignore next */ []));
+    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);
+    }
+    /** Set readonly state from parent group. */
+    setCvaReadonlyState(isReadonly) {
+        this.cvaReadonly.set(isReadonly);
+    }
+    onInputChange(event) {
+        if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {
+            event.preventDefault();
+            const input = event.target;
+            input.checked = this._checked();
+            return;
+        }
+        const input = event.target;
+        if (this.indeterminate()) {
+            this.indeterminateChange.emit(false);
+            input.checked = true;
+        }
+        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: SolarisCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisCheckboxComponent, isStandalone: true, selector: "solaris-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", 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 }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, checkboxLabel: { classPropertyName: "checkboxLabel", 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", indeterminateChange: "indeterminateChange", change: "change" }, host: { properties: { "attr.data-appearance": "appearance()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-density": "effectiveDensity()", "attr.data-checked": "_checked() ? \"\" : null", "attr.data-indeterminate": "indeterminate() ? \"\" : 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(() => SolarisCheckboxComponent),
+                multi: true,
+            },
+            {
+                provide: SolarisFormControl,
+                useExisting: SolarisCheckboxComponent,
+            },
+        ], viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"solaris-checkbox__label\" [for]=\"elementId()\">\n  <input\n    type=\"checkbox\"\n    class=\"solaris-checkbox__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]=\"name() ?? null\"\n    (change)=\"onInputChange($event)\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n    #inputElement\n  />\n  <span class=\"solaris-checkbox__control\" aria-hidden=\"true\">\n    @if (indeterminate()) {\n      <svg\n        class=\"solaris-checkbox__icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n      >\n        <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" />\n      </svg>\n    } @else if (_checked()) {\n      <svg\n        class=\"solaris-checkbox__icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    }\n  </span>\n  @if (hasProjectedContent()) {\n    <span class=\"solaris-checkbox__label-text\" [id]=\"elementId() + '-label'\">\n      <ng-content />\n    </span>\n  } @else if (labelText(); as text) {\n    <span class=\"solaris-checkbox__label-text\" [id]=\"elementId() + '-label'\">\n      {{ text }}\n    </span>\n  }\n</label>\n", styles: [":host{--solaris-checkbox-size: initial;--solaris-checkbox-icon-size: initial;--solaris-checkbox-gap: initial;--solaris-checkbox-border-color: initial;--solaris-checkbox-border-width: initial;--solaris-checkbox-background: initial;--solaris-checkbox-color: initial;--solaris-checkbox-focus-ring-color: initial;--solaris-checkbox-disabled-opacity: initial;--solaris-checkbox-radius: var(--solaris-radius-sm);--solaris-checkbox-readonly-background: initial;--solaris-checkbox-invalid-border-color: initial;--solaris-checkbox-custom-control-background: initial;--solaris-checkbox-custom-control-color: initial;--solaris-checkbox-custom-control-border-color: initial;--solaris-checkbox-custom-control-hover-background: initial;--solaris-checkbox-label-font-size: initial;--solaris-checkbox-label-line-height: initial;display:inline-flex;vertical-align:middle;outline:none}.solaris-checkbox__label{display:inline-flex;align-items:center;gap:var(--solaris-checkbox-gap);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.solaris-checkbox__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}.solaris-checkbox__control{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--solaris-checkbox-size);height:var(--solaris-checkbox-size);border:var(--solaris-checkbox-border-width) solid var(--solaris-checkbox-border-color);border-radius:var(--solaris-checkbox-radius);background:var(--solaris-checkbox-background);color:var(--solaris-checkbox-color);box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative}.solaris-checkbox__icon{display:block;width:100%;height:100%;padding:calc(var(--solaris-spacing-1) / 2);box-sizing:border-box}.solaris-checkbox__label-text{font-size:var(--solaris-checkbox-label-font-size);line-height:var(--solaris-checkbox-label-line-height);color:inherit}:host([data-size=sm]){--solaris-checkbox-size: var(--solaris-spacing-4);--solaris-checkbox-icon-size: calc(var(--solaris-spacing-5) / 2);--solaris-checkbox-gap: var(--solaris-spacing-2);--solaris-checkbox-border-width: calc(var(--solaris-spacing-1) / 4);--solaris-checkbox-label-font-size: var(--solaris-font-size-sm);--solaris-checkbox-label-line-height: var(--solaris-line-height-sm)}:host([data-size=md]){--solaris-checkbox-size: var(--solaris-spacing-5);--solaris-checkbox-icon-size: var(--solaris-spacing-3);--solaris-checkbox-gap: var(--solaris-spacing-2);--solaris-checkbox-border-width: calc(var(--solaris-spacing-1) / 4);--solaris-checkbox-label-font-size: var(--solaris-font-size-md);--solaris-checkbox-label-line-height: var(--solaris-line-height-md)}:host([data-size=lg]){--solaris-checkbox-size: var(--solaris-spacing-6);--solaris-checkbox-icon-size: calc( var(--solaris-spacing-4) - var(--solaris-spacing-1) / 2 );--solaris-checkbox-gap: var(--solaris-spacing-3);--solaris-checkbox-border-width: calc(var(--solaris-spacing-1) / 2);--solaris-checkbox-label-font-size: var(--solaris-font-size-lg);--solaris-checkbox-label-line-height: var(--solaris-line-height-lg)}:host([data-density=compact]){--solaris-checkbox-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-checkbox-gap: var(--solaris-spacing-3)}:host([data-appearance=outline]){--solaris-checkbox-background: transparent}:host([data-appearance=surface]){--solaris-checkbox-background: var(--solaris-surface-muted);--solaris-checkbox-border-color: transparent;--solaris-checkbox-border-width: var(--solaris-spacing-0)}:host([data-appearance=surface][data-checked]),:host([data-appearance=surface][data-indeterminate]){--solaris-checkbox-border-width: var(--solaris-spacing-0)}:host([data-color=neutral]){--solaris-checkbox-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-checked]),:host([data-color=neutral][data-indeterminate]){--solaris-checkbox-background: var(--solaris-text-default);--solaris-checkbox-color: var(--solaris-text-inverse);--solaris-checkbox-border-color: var(--solaris-text-default)}:host([data-color=primary]){--solaris-checkbox-border-color: var( --solaris-primary-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-primary-base)}:host([data-color=primary][data-checked]),:host([data-color=primary][data-indeterminate]){--solaris-checkbox-background: var(--solaris-primary-base);--solaris-checkbox-color: var( --solaris-primary-text, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-primary-base)}:host([data-color=success]){--solaris-checkbox-border-color: var( --solaris-success-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-success-base)}:host([data-color=success][data-checked]),:host([data-color=success][data-indeterminate]){--solaris-checkbox-background: var(--solaris-success-base);--solaris-checkbox-color: var( --solaris-success-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-success-base)}:host([data-color=warning]){--solaris-checkbox-border-color: var( --solaris-warning-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-warning-base)}:host([data-color=warning][data-checked]),:host([data-color=warning][data-indeterminate]){--solaris-checkbox-background: var(--solaris-warning-base);--solaris-checkbox-color: var( --solaris-warning-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-warning-base)}:host([data-color=danger]){--solaris-checkbox-border-color: var( --solaris-danger-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-danger-base)}:host([data-color=danger][data-checked]),:host([data-color=danger][data-indeterminate]){--solaris-checkbox-background: var(--solaris-danger-base);--solaris-checkbox-color: var( --solaris-danger-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-danger-base)}:host([data-color=info]){--solaris-checkbox-border-color: var( --solaris-info-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-info-base)}:host([data-color=info][data-checked]),:host([data-color=info][data-indeterminate]){--solaris-checkbox-background: var(--solaris-info-base);--solaris-checkbox-color: var( --solaris-info-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-info-base)}:host([data-color=custom]){--solaris-checkbox-border-color: var( --solaris-checkbox-custom-control-border-color, var(--solaris-border-default) );--solaris-checkbox-background: var( --solaris-checkbox-custom-control-background, transparent );--solaris-checkbox-color: var( --solaris-checkbox-custom-control-color, inherit )}:host([data-color=custom][data-checked]),:host([data-color=custom][data-indeterminate]){--solaris-checkbox-background: var( --solaris-checkbox-custom-control-background, var(--solaris-primary-base) );--solaris-checkbox-color: var( --solaris-checkbox-custom-control-color, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var( --solaris-checkbox-custom-control-border-color, var( --solaris-checkbox-custom-control-background, var(--solaris-primary-base) ) )}.solaris-checkbox__label:hover .solaris-checkbox__control,:host([data-color=custom]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-checkbox-border-color)}:host([data-color=primary]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-primary-hover, var(--solaris-primary-base))}:host([data-color=success]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-success-hover, var(--solaris-success-base))}:host([data-color=warning]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-warning-hover, var(--solaris-warning-base))}:host([data-color=danger]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-danger-hover, var(--solaris-danger-base))}:host([data-color=info]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-info-hover, var(--solaris-info-base))}.solaris-checkbox__input:focus-visible+.solaris-checkbox__control{outline:var(--solaris-border-width-sm) solid var(--solaris-checkbox-focus-ring-color);outline-offset:calc(var(--solaris-spacing-1) / 2)}:host([data-invalid]){--solaris-checkbox-border-color: var( --solaris-checkbox-invalid-border-color, var(--solaris-danger-base) );--solaris-checkbox-focus-ring-color: var(--solaris-danger-base)}:host([data-invalid][data-checked]),:host([data-invalid][data-indeterminate]){--solaris-checkbox-background: var(--solaris-danger-base);--solaris-checkbox-color: var( --solaris-danger-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-danger-base)}:host([data-invalid]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-checkbox-invalid-border-color, var(--solaris-danger-base))}:host([data-disabled]){--solaris-checkbox-disabled-opacity: .5}:host([data-disabled]) .solaris-checkbox__label{cursor:not-allowed}:host([data-disabled]) .solaris-checkbox__control{opacity:var(--solaris-checkbox-disabled-opacity)}:host([data-disabled]) .solaris-checkbox__label-text{opacity:var(--solaris-checkbox-disabled-opacity)}:host([data-readonly]){--solaris-checkbox-border-color: var( --solaris-surface-muted, var(--solaris-border-subtle) )}:host([data-readonly]) .solaris-checkbox__label{cursor:not-allowed}:host([data-readonly]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-checkbox-border-color)}:host([data-readonly][data-checked]) .solaris-checkbox__control,:host([data-readonly][data-indeterminate]) .solaris-checkbox__control{background:var(--solaris-checkbox-readonly-background, var(--solaris-surface-muted));--solaris-checkbox-border-color: var( --solaris-checkbox-readonly-background, var(--solaris-surface-muted) )}:host([data-radius=md]){--solaris-checkbox-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-checkbox-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-checkbox-radius: var(--solaris-radius-full)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-checkbox', standalone: true, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SolarisCheckboxComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: SolarisFormControl,
+                            useExisting: SolarisCheckboxComponent,
+                        },
+                    ], host: {
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-color]': 'color()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-radius]': 'radius()',
+                        '[attr.data-density]': 'effectiveDensity()',
+                        '[attr.data-checked]': '_checked() ? "" : null',
+                        '[attr.data-indeterminate]': 'indeterminate() ? "" : 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-checkbox__label\" [for]=\"elementId()\">\n  <input\n    type=\"checkbox\"\n    class=\"solaris-checkbox__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]=\"name() ?? null\"\n    (change)=\"onInputChange($event)\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n    #inputElement\n  />\n  <span class=\"solaris-checkbox__control\" aria-hidden=\"true\">\n    @if (indeterminate()) {\n      <svg\n        class=\"solaris-checkbox__icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n      >\n        <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" />\n      </svg>\n    } @else if (_checked()) {\n      <svg\n        class=\"solaris-checkbox__icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    }\n  </span>\n  @if (hasProjectedContent()) {\n    <span class=\"solaris-checkbox__label-text\" [id]=\"elementId() + '-label'\">\n      <ng-content />\n    </span>\n  } @else if (labelText(); as text) {\n    <span class=\"solaris-checkbox__label-text\" [id]=\"elementId() + '-label'\">\n      {{ text }}\n    </span>\n  }\n</label>\n", styles: [":host{--solaris-checkbox-size: initial;--solaris-checkbox-icon-size: initial;--solaris-checkbox-gap: initial;--solaris-checkbox-border-color: initial;--solaris-checkbox-border-width: initial;--solaris-checkbox-background: initial;--solaris-checkbox-color: initial;--solaris-checkbox-focus-ring-color: initial;--solaris-checkbox-disabled-opacity: initial;--solaris-checkbox-radius: var(--solaris-radius-sm);--solaris-checkbox-readonly-background: initial;--solaris-checkbox-invalid-border-color: initial;--solaris-checkbox-custom-control-background: initial;--solaris-checkbox-custom-control-color: initial;--solaris-checkbox-custom-control-border-color: initial;--solaris-checkbox-custom-control-hover-background: initial;--solaris-checkbox-label-font-size: initial;--solaris-checkbox-label-line-height: initial;display:inline-flex;vertical-align:middle;outline:none}.solaris-checkbox__label{display:inline-flex;align-items:center;gap:var(--solaris-checkbox-gap);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.solaris-checkbox__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}.solaris-checkbox__control{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--solaris-checkbox-size);height:var(--solaris-checkbox-size);border:var(--solaris-checkbox-border-width) solid var(--solaris-checkbox-border-color);border-radius:var(--solaris-checkbox-radius);background:var(--solaris-checkbox-background);color:var(--solaris-checkbox-color);box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative}.solaris-checkbox__icon{display:block;width:100%;height:100%;padding:calc(var(--solaris-spacing-1) / 2);box-sizing:border-box}.solaris-checkbox__label-text{font-size:var(--solaris-checkbox-label-font-size);line-height:var(--solaris-checkbox-label-line-height);color:inherit}:host([data-size=sm]){--solaris-checkbox-size: var(--solaris-spacing-4);--solaris-checkbox-icon-size: calc(var(--solaris-spacing-5) / 2);--solaris-checkbox-gap: var(--solaris-spacing-2);--solaris-checkbox-border-width: calc(var(--solaris-spacing-1) / 4);--solaris-checkbox-label-font-size: var(--solaris-font-size-sm);--solaris-checkbox-label-line-height: var(--solaris-line-height-sm)}:host([data-size=md]){--solaris-checkbox-size: var(--solaris-spacing-5);--solaris-checkbox-icon-size: var(--solaris-spacing-3);--solaris-checkbox-gap: var(--solaris-spacing-2);--solaris-checkbox-border-width: calc(var(--solaris-spacing-1) / 4);--solaris-checkbox-label-font-size: var(--solaris-font-size-md);--solaris-checkbox-label-line-height: var(--solaris-line-height-md)}:host([data-size=lg]){--solaris-checkbox-size: var(--solaris-spacing-6);--solaris-checkbox-icon-size: calc( var(--solaris-spacing-4) - var(--solaris-spacing-1) / 2 );--solaris-checkbox-gap: var(--solaris-spacing-3);--solaris-checkbox-border-width: calc(var(--solaris-spacing-1) / 2);--solaris-checkbox-label-font-size: var(--solaris-font-size-lg);--solaris-checkbox-label-line-height: var(--solaris-line-height-lg)}:host([data-density=compact]){--solaris-checkbox-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-checkbox-gap: var(--solaris-spacing-3)}:host([data-appearance=outline]){--solaris-checkbox-background: transparent}:host([data-appearance=surface]){--solaris-checkbox-background: var(--solaris-surface-muted);--solaris-checkbox-border-color: transparent;--solaris-checkbox-border-width: var(--solaris-spacing-0)}:host([data-appearance=surface][data-checked]),:host([data-appearance=surface][data-indeterminate]){--solaris-checkbox-border-width: var(--solaris-spacing-0)}:host([data-color=neutral]){--solaris-checkbox-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-checked]),:host([data-color=neutral][data-indeterminate]){--solaris-checkbox-background: var(--solaris-text-default);--solaris-checkbox-color: var(--solaris-text-inverse);--solaris-checkbox-border-color: var(--solaris-text-default)}:host([data-color=primary]){--solaris-checkbox-border-color: var( --solaris-primary-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-primary-base)}:host([data-color=primary][data-checked]),:host([data-color=primary][data-indeterminate]){--solaris-checkbox-background: var(--solaris-primary-base);--solaris-checkbox-color: var( --solaris-primary-text, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-primary-base)}:host([data-color=success]){--solaris-checkbox-border-color: var( --solaris-success-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-success-base)}:host([data-color=success][data-checked]),:host([data-color=success][data-indeterminate]){--solaris-checkbox-background: var(--solaris-success-base);--solaris-checkbox-color: var( --solaris-success-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-success-base)}:host([data-color=warning]){--solaris-checkbox-border-color: var( --solaris-warning-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-warning-base)}:host([data-color=warning][data-checked]),:host([data-color=warning][data-indeterminate]){--solaris-checkbox-background: var(--solaris-warning-base);--solaris-checkbox-color: var( --solaris-warning-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-warning-base)}:host([data-color=danger]){--solaris-checkbox-border-color: var( --solaris-danger-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-danger-base)}:host([data-color=danger][data-checked]),:host([data-color=danger][data-indeterminate]){--solaris-checkbox-background: var(--solaris-danger-base);--solaris-checkbox-color: var( --solaris-danger-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-danger-base)}:host([data-color=info]){--solaris-checkbox-border-color: var( --solaris-info-border, var(--solaris-border-default) );--solaris-checkbox-focus-ring-color: var(--solaris-info-base)}:host([data-color=info][data-checked]),:host([data-color=info][data-indeterminate]){--solaris-checkbox-background: var(--solaris-info-base);--solaris-checkbox-color: var( --solaris-info-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-info-base)}:host([data-color=custom]){--solaris-checkbox-border-color: var( --solaris-checkbox-custom-control-border-color, var(--solaris-border-default) );--solaris-checkbox-background: var( --solaris-checkbox-custom-control-background, transparent );--solaris-checkbox-color: var( --solaris-checkbox-custom-control-color, inherit )}:host([data-color=custom][data-checked]),:host([data-color=custom][data-indeterminate]){--solaris-checkbox-background: var( --solaris-checkbox-custom-control-background, var(--solaris-primary-base) );--solaris-checkbox-color: var( --solaris-checkbox-custom-control-color, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var( --solaris-checkbox-custom-control-border-color, var( --solaris-checkbox-custom-control-background, var(--solaris-primary-base) ) )}.solaris-checkbox__label:hover .solaris-checkbox__control,:host([data-color=custom]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-checkbox-border-color)}:host([data-color=primary]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-primary-hover, var(--solaris-primary-base))}:host([data-color=success]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-success-hover, var(--solaris-success-base))}:host([data-color=warning]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-warning-hover, var(--solaris-warning-base))}:host([data-color=danger]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-danger-hover, var(--solaris-danger-base))}:host([data-color=info]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-info-hover, var(--solaris-info-base))}.solaris-checkbox__input:focus-visible+.solaris-checkbox__control{outline:var(--solaris-border-width-sm) solid var(--solaris-checkbox-focus-ring-color);outline-offset:calc(var(--solaris-spacing-1) / 2)}:host([data-invalid]){--solaris-checkbox-border-color: var( --solaris-checkbox-invalid-border-color, var(--solaris-danger-base) );--solaris-checkbox-focus-ring-color: var(--solaris-danger-base)}:host([data-invalid][data-checked]),:host([data-invalid][data-indeterminate]){--solaris-checkbox-background: var(--solaris-danger-base);--solaris-checkbox-color: var( --solaris-danger-on-solid, var(--solaris-text-inverse) );--solaris-checkbox-border-color: var(--solaris-danger-base)}:host([data-invalid]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-checkbox-invalid-border-color, var(--solaris-danger-base))}:host([data-disabled]){--solaris-checkbox-disabled-opacity: .5}:host([data-disabled]) .solaris-checkbox__label{cursor:not-allowed}:host([data-disabled]) .solaris-checkbox__control{opacity:var(--solaris-checkbox-disabled-opacity)}:host([data-disabled]) .solaris-checkbox__label-text{opacity:var(--solaris-checkbox-disabled-opacity)}:host([data-readonly]){--solaris-checkbox-border-color: var( --solaris-surface-muted, var(--solaris-border-subtle) )}:host([data-readonly]) .solaris-checkbox__label{cursor:not-allowed}:host([data-readonly]) .solaris-checkbox__label:hover .solaris-checkbox__control{border-color:var(--solaris-checkbox-border-color)}:host([data-readonly][data-checked]) .solaris-checkbox__control,:host([data-readonly][data-indeterminate]) .solaris-checkbox__control{background:var(--solaris-checkbox-readonly-background, var(--solaris-surface-muted));--solaris-checkbox-border-color: var( --solaris-checkbox-readonly-background, var(--solaris-surface-muted) )}:host([data-radius=md]){--solaris-checkbox-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-checkbox-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-checkbox-radius: var(--solaris-radius-full)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputElementRef: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", 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 }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], checkboxLabel: [{ 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"] }], indeterminateChange: [{ type: i0.Output, args: ["indeterminateChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
+//# sourceMappingURL=checkbox.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/checkbox/component/checkbox.component.ts","../../../../../../../../../packages/angular/src/lib/components/forms/checkbox/component/checkbox.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';\n\nimport type {\n  SolarisCheckboxAppearance,\n  SolarisCheckboxColor,\n  SolarisCheckboxSize,\n  SolarisCheckboxRadius,\n  SolarisCheckboxDensity,\n} from '../model/checkbox.types';\n\nlet nextId = 0;\n\nfunction generateId(): string {\n  return `solaris-checkbox-${++nextId}`;\n}\n\n@Component({\n  selector: 'solaris-checkbox',\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SolarisCheckboxComponent),\n      multi: true,\n    },\n    {\n      provide: SolarisFormControl,\n      useExisting: SolarisCheckboxComponent,\n    },\n  ],\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss'],\n  host: {\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-color]': 'color()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-radius]': 'radius()',\n    '[attr.data-density]': 'effectiveDensity()',\n    '[attr.data-checked]': '_checked() ? \"\" : null',\n    '[attr.data-indeterminate]': 'indeterminate() ? \"\" : 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 SolarisCheckboxComponent\n  extends SolarisFormControl\n  implements ControlValueAccessor\n{\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly translateService = inject(SolarisTranslateService);\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 indeterminate = 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<SolarisCheckboxAppearance>('outline');\n  readonly color = input<SolarisCheckboxColor>('primary');\n  readonly size = input<SolarisCheckboxSize>('md');\n  readonly density = input<SolarisCheckboxDensity>();\n  readonly radius = input<SolarisCheckboxRadius>('sm');\n  readonly checkboxLabel = 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  readonly indeterminateChange = output<boolean>();\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  readonly change = output<Event>();\n\n  protected readonly effectiveDensity = computed<SolarisCheckboxDensity>(() => {\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  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 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.checkboxLabel();\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 syncIndeterminate = effect(() => {\n    const el = this.inputElementRef();\n    if (el) {\n      // SECURITY_EXCEPTION: nativeElement.indeterminate is the standard DOM property to set indeterminate on a native checkbox. No HTML attribute alternative exists.\n      el.nativeElement.indeterminate = this.indeterminate();\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  /** Set readonly state from parent group. */\n  setCvaReadonlyState(isReadonly: boolean): void {\n    this.cvaReadonly.set(isReadonly);\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\n    if (this.indeterminate()) {\n      this.indeterminateChange.emit(false);\n      input.checked = true;\n    }\n\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-checkbox__label\" [for]=\"elementId()\">\n  <input\n    type=\"checkbox\"\n    class=\"solaris-checkbox__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]=\"name() ?? null\"\n    (change)=\"onInputChange($event)\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n    #inputElement\n  />\n  <span class=\"solaris-checkbox__control\" aria-hidden=\"true\">\n    @if (indeterminate()) {\n      <svg\n        class=\"solaris-checkbox__icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n      >\n        <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" />\n      </svg>\n    } @else if (_checked()) {\n      <svg\n        class=\"solaris-checkbox__icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    }\n  </span>\n  @if (hasProjectedContent()) {\n    <span class=\"solaris-checkbox__label-text\" [id]=\"elementId() + '-label'\">\n      <ng-content />\n    </span>\n  } @else if (labelText(); as text) {\n    <span class=\"solaris-checkbox__label-text\" [id]=\"elementId() + '-label'\">\n      {{ text }}\n    </span>\n  }\n</label>\n"]}

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

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

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

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