@raintonic/formaui 0.2.0

package/fesm2022/raintonic-formaui-components-checkbox.mjs

@@ -0,0 +1,295 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, signal, inject, computed, viewChild, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgForm, FormGroupDirective, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { DefaultErrorStateMatcher } from '@raintonic/formaui/core';
+import { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';
+
+/**
+ * # FuiCheckbox Component
+ *
+ * A checkbox component with full Angular Reactive Forms support.
+ * Compatible with Angular Material's mat-checkbox interface.
+ *
+ * ## Features
+ * - Full Reactive Forms integration (ControlValueAccessor)
+ * - Indeterminate state support
+ * - Label position configuration (before/after)
+ * - Built-in validation and error display
+ * - Disabled state
+ * - Full accessibility support (ARIA)
+ * - Compatible with mat-checkbox interface
+ *
+ * ## Usage
+ *
+ * ### Basic Checkbox
+ * ```html
+ * <fui-checkbox>Accept terms</fui-checkbox>
+ * ```
+ *
+ * ### With Reactive Forms
+ * ```html
+ * <form [formGroup]="form">
+ *   <fui-checkbox formControlName="acceptTerms">
+ *     I accept the terms and conditions
+ *   </fui-checkbox>
+ * </form>
+ * ```
+ *
+ * ### Indeterminate State
+ * ```html
+ * <fui-checkbox [indeterminate]="true">
+ *   Select all
+ * </fui-checkbox>
+ * ```
+ *
+ * ### Label Position
+ * ```html
+ * <fui-checkbox labelPosition="before">
+ *   Label before checkbox
+ * </fui-checkbox>
+ * ```
+ */
+class FuiCheckboxComponent {
+    // Static properties
+    static nextId = 0;
+    controlType = 'fui-checkbox';
+    // Inputs using new signal-based API (mat-checkbox compatible)
+    readonlyInput = input(false, { ...(ngDevMode ? { debugName: "readonlyInput" } : /* istanbul ignore next */ {}), alias: 'readonly',
+        transform: booleanAttribute });
+    checkedInput = input(false, { ...(ngDevMode ? { debugName: "checkedInput" } : /* istanbul ignore next */ {}), alias: 'checked',
+        transform: booleanAttribute });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
+        transform: booleanAttribute });
+    indeterminateInput = input(false, { ...(ngDevMode ? { debugName: "indeterminateInput" } : /* istanbul ignore next */ {}), alias: 'indeterminate',
+        transform: booleanAttribute });
+    requiredInput = input(false, { ...(ngDevMode ? { debugName: "requiredInput" } : /* istanbul ignore next */ {}), alias: 'required',
+        transform: booleanAttribute });
+    labelPosition = input('after', ...(ngDevMode ? [{ debugName: "labelPosition" }] : /* istanbul ignore next */ []));
+    name = input(null, ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    value = input('on', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
+    disableRipple = input(false, { ...(ngDevMode ? { debugName: "disableRipple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    tabIndex = input(0, ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    errorStateMatcher = input(null, ...(ngDevMode ? [{ debugName: "errorStateMatcher" }] : /* istanbul ignore next */ []));
+    // Outputs (mat-checkbox compatible)
+    change = output();
+    indeterminateChange = output();
+    // Internal state signals - single source of truth like mat-checkbox
+    _checked = signal(false, ...(ngDevMode ? [{ debugName: "_checked" }] : /* istanbul ignore next */ []));
+    _indeterminate = signal(false, ...(ngDevMode ? [{ debugName: "_indeterminate" }] : /* istanbul ignore next */ []));
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+    // Public signals - expose internal state as readonly
+    checked = this._checked.asReadonly();
+    indeterminate = this._indeterminate.asReadonly();
+    focused = this._focused.asReadonly();
+    // State changes subject for form field compatibility
+    stateChanges = new Subject();
+    _uid = `fui-checkbox-${FuiCheckboxComponent.nextId++}`;
+    id = this._uid;
+    inputId = `${this._uid}-input`;
+    // Error state
+    _errorState = signal(false, ...(ngDevMode ? [{ debugName: "_errorState" }] : /* istanbul ignore next */ []));
+    errorState = this._errorState.asReadonly();
+    // Form control references
+    _parentForm = inject(NgForm, { optional: true });
+    _parentFormGroup = inject(FormGroupDirective, { optional: true });
+    _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);
+    _ngControlRef = injectNgControl();
+    get ngControl() {
+        return this._ngControlRef.ngControl;
+    }
+    // Required signal
+    _required = signal(false, ...(ngDevMode ? [{ debugName: "_required" }] : /* istanbul ignore next */ []));
+    required = computed(() => this._required() || this.requiredInput(), ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    // NgControl disabled state
+    _ngControlDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_ngControlDisabled" }] : /* istanbul ignore next */ []));
+    disabled = computed(() => this._disabled() || this.disabledInput() || this._ngControlDisabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    // ViewChild for input element
+    inputElement = viewChild('inputElement', ...(ngDevMode ? [{ debugName: "inputElement" }] : /* istanbul ignore next */ []));
+    // ControlValueAccessor callbacks
+    _onChange = () => {
+        // Intentionally empty: will be replaced by Angular forms
+    };
+    _onTouched = () => {
+        // Intentionally empty: will be replaced by Angular forms
+    };
+    // Track if writeValue has been called by a form control
+    _formControlInitialized = false;
+    constructor() {
+        // Set valueAccessor after NgControl is resolved
+        void Promise.resolve().then(() => {
+            if (this._ngControlRef.ngControl) {
+                this._ngControlRef.ngControl.valueAccessor = this;
+            }
+        });
+        // Effect to sync checked input to internal state (like mat-checkbox @Input setter)
+        // This allows [checked]="value" to work, but form controls take precedence via writeValue
+        effect(() => {
+            const inputChecked = this.checkedInput();
+            // Only apply input value if form control hasn't initialized with writeValue
+            if (!this._formControlInitialized) {
+                this._checked.set(inputChecked);
+            }
+        });
+        // Effect to sync indeterminate input to internal state
+        effect(() => {
+            const inputIndeterminate = this.indeterminateInput();
+            this._indeterminate.set(inputIndeterminate);
+        });
+        // Effect to emit state changes
+        effect(() => {
+            // Track all reactive inputs and internal signals
+            this.checkedInput();
+            this.disabledInput();
+            this.indeterminateInput();
+            this.requiredInput();
+            this.labelPosition();
+            this.name();
+            this.value();
+            this.errorStateMatcher();
+            this._checked();
+            this._indeterminate();
+            this._focused();
+            this._disabled();
+            this._ngControlDisabled();
+            this._required();
+            this._errorState();
+            // Emit state change
+            this.stateChanges.next();
+        });
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            updateErrorState(this.ngControl, this._errorState, this.errorStateMatcher(), this._defaultErrorStateMatcher, this._parentForm, this._parentFormGroup, this.stateChanges);
+            syncRequiredState(this.ngControl, this._required, this.stateChanges);
+            syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);
+        }
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this._formControlInitialized = true;
+        this._checked.set(value);
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+        this.stateChanges.next();
+    }
+    // Event handlers
+    onInputChange(event) {
+        event.stopPropagation();
+        if (this.disabled()) {
+            return;
+        }
+        // Read the new checked state from the native input element
+        const target = event.target;
+        const newChecked = target.checked;
+        // Update internal state
+        this._checked.set(newChecked);
+        // Clear indeterminate when checking/unchecking
+        if (this._indeterminate()) {
+            this._indeterminate.set(false);
+            this.indeterminateChange.emit(false);
+        }
+        // Emit change events (this updates the form control)
+        this._onChange(newChecked);
+        this.change.emit({
+            source: this,
+            checked: newChecked,
+        });
+        this.stateChanges.next();
+    }
+    onFocus() {
+        if (!this._focused()) {
+            this._focused.set(true);
+            this.stateChanges.next();
+        }
+    }
+    onBlur() {
+        if (this._focused()) {
+            this._focused.set(false);
+            this._onTouched();
+            this.stateChanges.next();
+        }
+    }
+    // Public methods (mat-checkbox compatible)
+    /** Toggles the `checked` state of the checkbox. */
+    toggle() {
+        if (!this.disabled()) {
+            const newChecked = !this._checked();
+            this._checked.set(newChecked);
+            // Clear indeterminate when toggling
+            if (this._indeterminate()) {
+                this._indeterminate.set(false);
+                this.indeterminateChange.emit(false);
+            }
+            this._onChange(newChecked);
+            this.change.emit({
+                source: this,
+                checked: newChecked,
+            });
+            this.stateChanges.next();
+        }
+    }
+    /** Focuses the checkbox. */
+    focus() {
+        this.inputElement()?.nativeElement.focus();
+    }
+    /** Sets the indeterminate state programmatically. */
+    setIndeterminate(value) {
+        if (this._indeterminate() !== value) {
+            this._indeterminate.set(value);
+            this.indeterminateChange.emit(value);
+            this.stateChanges.next();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiCheckboxComponent, isStandalone: true, selector: "fui-checkbox", inputs: { readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, checkedInput: { classPropertyName: "checkedInput", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, indeterminateInput: { classPropertyName: "indeterminateInput", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, requiredInput: { classPropertyName: "requiredInput", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", 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: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "class.fui-checkbox--checked": "checked()", "class.fui-checkbox--disabled": "disabled() && !readonlyInput()", "class.fui-checkbox--readonly": "readonlyInput()", "class.fui-checkbox--indeterminate": "indeterminate()", "class.fui-checkbox--label-before": "labelPosition() === \"before\"", "class.fui-checkbox--focused": "focused()", "class.fui-checkbox--error": "errorState()", "attr.id": "id", "attr.tabindex": "null" }, classAttribute: "fui-checkbox" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: FuiCheckboxComponent,
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\n  <!-- Label before checkbox -->\n  @if (labelPosition() === 'before') {\n    <span class=\"fui-checkbox__label fui-checkbox__label--before\">\n      <ng-content></ng-content>\n    </span>\n  }\n\n  <!-- Checkbox wrapper -->\n  <span class=\"fui-checkbox__frame\">\n    <!-- Hidden native input -->\n    <input\n      #inputElement\n      type=\"checkbox\"\n      class=\"fui-checkbox__native-control\"\n      [id]=\"inputId\"\n      [name]=\"name()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [disabled]=\"disabled()\"\n      [required]=\"required()\"\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [attr.aria-describedby]=\"ariaDescribedby()\"\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n      [attr.aria-required]=\"required() ? 'true' : null\"\n      [attr.tabindex]=\"tabIndex()\"\n      (change)=\"onInputChange($event)\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n    />\n\n    <!-- Custom checkbox visual -->\n    <span class=\"fui-checkbox__checkmark\">\n      <!-- Checkmark icon -->\n      @if (checked() && !indeterminate()) {\n        <svg\n          class=\"fui-checkbox__checkmark-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          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\n        </svg>\n      }\n\n      <!-- Indeterminate icon -->\n      @if (indeterminate()) {\n        <svg\n          class=\"fui-checkbox__indeterminate-icon\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n        </svg>\n      }\n    </span>\n\n    <!-- Ripple effect (when not disabled) -->\n    @if (!disableRipple() && !disabled()) {\n      <span class=\"fui-checkbox__ripple\"></span>\n    }\n  </span>\n\n  <!-- Label after checkbox (default) -->\n  @if (labelPosition() === 'after') {\n    <span class=\"fui-checkbox__label fui-checkbox__label--after\">\n      <ng-content></ng-content>\n    </span>\n  }\n</label>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-checkbox{--fui-checkbox-size: 1.125rem;--fui-checkbox-border-width: 2px;--fui-checkbox-border-radius: var(--fui-border-radius-xs);--fui-checkbox-border-color: var(--fui-secondary-80);--fui-checkbox-checked-bg: var(--fui-primary);--fui-checkbox-checked-color: var(--fui-white);--fui-checkbox-label-gap: var(--fui-spacing-03);--fui-checkbox-label-font-size: var(--fui-font-size-02);--fui-checkbox-ripple-size: 2.5rem;display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-checkbox__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-spacing-03);width:100%}.fui-checkbox__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem}.fui-checkbox__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-checkbox__checkmark{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:2px solid var(--fui-checkbox-border-color);border-radius:var(--fui-checkbox-border-radius);background-color:transparent;transition:background-color,border-color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-checkbox__checkmark:hover{border-color:var(--fui-primary)}.fui-checkbox__checkmark-icon,.fui-checkbox__indeterminate-icon{width:.75rem;height:.75rem;color:var(--fui-checkbox-checked-color);opacity:0;transform:scale(.5);transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-checkbox__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-checkbox__label--before{order:-1}.fui-checkbox__label--after{order:1}.fui-checkbox__ripple{position:absolute;top:50%;left:50%;width:2.5rem;height:2.5rem;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--fui-primary);opacity:0;pointer-events:none;transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{border-color:var(--fui-primary-hover)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__ripple{opacity:.04}.fui-checkbox--focused:not(.fui-checkbox--disabled) .fui-checkbox__ripple{opacity:.08}.fui-checkbox--checked .fui-checkbox__checkmark{background-color:var(--fui-checkbox-checked-bg);border-color:var(--fui-checkbox-checked-bg)}.fui-checkbox--checked .fui-checkbox__checkmark-icon{opacity:1;transform:scale(1)}.fui-checkbox--checked:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{background-color:var(--fui-primary-hover);border-color:var(--fui-primary-hover)}.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-checkbox-checked-bg);border-color:var(--fui-checkbox-checked-bg)}.fui-checkbox--indeterminate .fui-checkbox__indeterminate-icon{opacity:1;transform:scale(1)}.fui-checkbox--indeterminate:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{background-color:var(--fui-primary-hover);border-color:var(--fui-primary-hover)}.fui-checkbox--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled)}.fui-checkbox--disabled .fui-checkbox__checkmark{border-color:var(--fui-text-disabled);background-color:transparent}.fui-checkbox--disabled.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--disabled.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-text-disabled);border-color:var(--fui-text-disabled)}.fui-checkbox--disabled .fui-checkbox__label{color:var(--fui-text-disabled)}.fui-checkbox--disabled .fui-checkbox__ripple{display:none}.fui-checkbox--readonly{cursor:default;pointer-events:none}.fui-checkbox--readonly .fui-checkbox__label{color:var(--fui-text-secondary)}.fui-checkbox--readonly .fui-checkbox__ripple{display:none}.fui-checkbox--error .fui-checkbox__checkmark{border-color:var(--fui-state-error)}.fui-checkbox--error.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--error.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-state-error);border-color:var(--fui-state-error)}.fui-checkbox--error .fui-checkbox__label{color:var(--fui-state-error)}.fui-checkbox--label-before .fui-checkbox__container{flex-direction:row-reverse;justify-content:flex-end}@media(prefers-contrast:high){.fui-checkbox__checkmark{border-width:3px}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-checkbox__checkmark,.fui-checkbox__checkmark-icon,.fui-checkbox__indeterminate-icon,.fui-checkbox__ripple{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-checkbox', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'fui-checkbox',
+                        '[class.fui-checkbox--checked]': 'checked()',
+                        '[class.fui-checkbox--disabled]': 'disabled() && !readonlyInput()',
+                        '[class.fui-checkbox--readonly]': 'readonlyInput()',
+                        '[class.fui-checkbox--indeterminate]': 'indeterminate()',
+                        '[class.fui-checkbox--label-before]': 'labelPosition() === "before"',
+                        '[class.fui-checkbox--focused]': 'focused()',
+                        '[class.fui-checkbox--error]': 'errorState()',
+                        '[attr.id]': 'id',
+                        '[attr.tabindex]': 'null',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: FuiCheckboxComponent,
+                            multi: true,
+                        },
+                    ], template: "<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\n  <!-- Label before checkbox -->\n  @if (labelPosition() === 'before') {\n    <span class=\"fui-checkbox__label fui-checkbox__label--before\">\n      <ng-content></ng-content>\n    </span>\n  }\n\n  <!-- Checkbox wrapper -->\n  <span class=\"fui-checkbox__frame\">\n    <!-- Hidden native input -->\n    <input\n      #inputElement\n      type=\"checkbox\"\n      class=\"fui-checkbox__native-control\"\n      [id]=\"inputId\"\n      [name]=\"name()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [disabled]=\"disabled()\"\n      [required]=\"required()\"\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [attr.aria-describedby]=\"ariaDescribedby()\"\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n      [attr.aria-required]=\"required() ? 'true' : null\"\n      [attr.tabindex]=\"tabIndex()\"\n      (change)=\"onInputChange($event)\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n    />\n\n    <!-- Custom checkbox visual -->\n    <span class=\"fui-checkbox__checkmark\">\n      <!-- Checkmark icon -->\n      @if (checked() && !indeterminate()) {\n        <svg\n          class=\"fui-checkbox__checkmark-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          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\n        </svg>\n      }\n\n      <!-- Indeterminate icon -->\n      @if (indeterminate()) {\n        <svg\n          class=\"fui-checkbox__indeterminate-icon\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n        </svg>\n      }\n    </span>\n\n    <!-- Ripple effect (when not disabled) -->\n    @if (!disableRipple() && !disabled()) {\n      <span class=\"fui-checkbox__ripple\"></span>\n    }\n  </span>\n\n  <!-- Label after checkbox (default) -->\n  @if (labelPosition() === 'after') {\n    <span class=\"fui-checkbox__label fui-checkbox__label--after\">\n      <ng-content></ng-content>\n    </span>\n  }\n</label>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-checkbox{--fui-checkbox-size: 1.125rem;--fui-checkbox-border-width: 2px;--fui-checkbox-border-radius: var(--fui-border-radius-xs);--fui-checkbox-border-color: var(--fui-secondary-80);--fui-checkbox-checked-bg: var(--fui-primary);--fui-checkbox-checked-color: var(--fui-white);--fui-checkbox-label-gap: var(--fui-spacing-03);--fui-checkbox-label-font-size: var(--fui-font-size-02);--fui-checkbox-ripple-size: 2.5rem;display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-checkbox__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-spacing-03);width:100%}.fui-checkbox__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem}.fui-checkbox__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-checkbox__checkmark{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:2px solid var(--fui-checkbox-border-color);border-radius:var(--fui-checkbox-border-radius);background-color:transparent;transition:background-color,border-color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-checkbox__checkmark:hover{border-color:var(--fui-primary)}.fui-checkbox__checkmark-icon,.fui-checkbox__indeterminate-icon{width:.75rem;height:.75rem;color:var(--fui-checkbox-checked-color);opacity:0;transform:scale(.5);transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-checkbox__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-checkbox__label--before{order:-1}.fui-checkbox__label--after{order:1}.fui-checkbox__ripple{position:absolute;top:50%;left:50%;width:2.5rem;height:2.5rem;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--fui-primary);opacity:0;pointer-events:none;transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{border-color:var(--fui-primary-hover)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__ripple{opacity:.04}.fui-checkbox--focused:not(.fui-checkbox--disabled) .fui-checkbox__ripple{opacity:.08}.fui-checkbox--checked .fui-checkbox__checkmark{background-color:var(--fui-checkbox-checked-bg);border-color:var(--fui-checkbox-checked-bg)}.fui-checkbox--checked .fui-checkbox__checkmark-icon{opacity:1;transform:scale(1)}.fui-checkbox--checked:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{background-color:var(--fui-primary-hover);border-color:var(--fui-primary-hover)}.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-checkbox-checked-bg);border-color:var(--fui-checkbox-checked-bg)}.fui-checkbox--indeterminate .fui-checkbox__indeterminate-icon{opacity:1;transform:scale(1)}.fui-checkbox--indeterminate:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{background-color:var(--fui-primary-hover);border-color:var(--fui-primary-hover)}.fui-checkbox--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled)}.fui-checkbox--disabled .fui-checkbox__checkmark{border-color:var(--fui-text-disabled);background-color:transparent}.fui-checkbox--disabled.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--disabled.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-text-disabled);border-color:var(--fui-text-disabled)}.fui-checkbox--disabled .fui-checkbox__label{color:var(--fui-text-disabled)}.fui-checkbox--disabled .fui-checkbox__ripple{display:none}.fui-checkbox--readonly{cursor:default;pointer-events:none}.fui-checkbox--readonly .fui-checkbox__label{color:var(--fui-text-secondary)}.fui-checkbox--readonly .fui-checkbox__ripple{display:none}.fui-checkbox--error .fui-checkbox__checkmark{border-color:var(--fui-state-error)}.fui-checkbox--error.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--error.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-state-error);border-color:var(--fui-state-error)}.fui-checkbox--error .fui-checkbox__label{color:var(--fui-state-error)}.fui-checkbox--label-before .fui-checkbox__container{flex-direction:row-reverse;justify-content:flex-end}@media(prefers-contrast:high){.fui-checkbox__checkmark{border-width:3px}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-checkbox__checkmark,.fui-checkbox__checkmark-icon,.fui-checkbox__indeterminate-icon,.fui-checkbox__ripple{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], checkedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], indeterminateInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], requiredInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", 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: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], indeterminateChange: [{ type: i0.Output, args: ["indeterminateChange"] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuiCheckboxComponent };
+//# sourceMappingURL=raintonic-formaui-components-checkbox.mjs.map

package/fesm2022/raintonic-formaui-components-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-checkbox.mjs","sources":["../../../lib/components/checkbox/checkbox.component.ts","../../../lib/components/checkbox/checkbox.component.html","../../../lib/components/checkbox/raintonic-formaui-components-checkbox.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  input,\n  output,\n  computed,\n  signal,\n  viewChild,\n  ElementRef,\n  OutputEmitterRef,\n  Signal,\n  WritableSignal,\n  OnDestroy,\n  DoCheck,\n  inject,\n  effect,\n  booleanAttribute,\n} from '@angular/core';\n\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { DefaultErrorStateMatcher, ErrorStateMatcher } from '@raintonic/formaui/core';\nimport { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';\n\n/**\n * Checkbox label position\n */\nexport type FuiCheckboxLabelPosition = 'before' | 'after';\n\n/**\n * Checkbox change event interface (compatible with MatCheckboxChange)\n */\nexport interface FuiCheckboxChange {\n  /** The source checkbox of the event. */\n  source: FuiCheckboxComponent;\n  /** The new `checked` value of the checkbox. */\n  checked: boolean;\n}\n\n/**\n * # FuiCheckbox Component\n *\n * A checkbox component with full Angular Reactive Forms support.\n * Compatible with Angular Material's mat-checkbox interface.\n *\n * ## Features\n * - Full Reactive Forms integration (ControlValueAccessor)\n * - Indeterminate state support\n * - Label position configuration (before/after)\n * - Built-in validation and error display\n * - Disabled state\n * - Full accessibility support (ARIA)\n * - Compatible with mat-checkbox interface\n *\n * ## Usage\n *\n * ### Basic Checkbox\n * ```html\n * <fui-checkbox>Accept terms</fui-checkbox>\n * ```\n *\n * ### With Reactive Forms\n * ```html\n * <form [formGroup]=\"form\">\n *   <fui-checkbox formControlName=\"acceptTerms\">\n *     I accept the terms and conditions\n *   </fui-checkbox>\n * </form>\n * ```\n *\n * ### Indeterminate State\n * ```html\n * <fui-checkbox [indeterminate]=\"true\">\n *   Select all\n * </fui-checkbox>\n * ```\n *\n * ### Label Position\n * ```html\n * <fui-checkbox labelPosition=\"before\">\n *   Label before checkbox\n * </fui-checkbox>\n * ```\n */\n@Component({\n  selector: 'fui-checkbox',\n  standalone: true,\n  imports: [],\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-checkbox',\n    '[class.fui-checkbox--checked]': 'checked()',\n    '[class.fui-checkbox--disabled]': 'disabled() && !readonlyInput()',\n    '[class.fui-checkbox--readonly]': 'readonlyInput()',\n    '[class.fui-checkbox--indeterminate]': 'indeterminate()',\n    '[class.fui-checkbox--label-before]': 'labelPosition() === \"before\"',\n    '[class.fui-checkbox--focused]': 'focused()',\n    '[class.fui-checkbox--error]': 'errorState()',\n    '[attr.id]': 'id',\n    '[attr.tabindex]': 'null',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: FuiCheckboxComponent,\n      multi: true,\n    },\n  ],\n})\nexport class FuiCheckboxComponent implements ControlValueAccessor, DoCheck, OnDestroy {\n  // Static properties\n  static nextId = 0;\n  readonly controlType = 'fui-checkbox';\n\n  // Inputs using new signal-based API (mat-checkbox compatible)\n  readonly readonlyInput = input<boolean, unknown>(false, {\n    alias: 'readonly',\n    transform: booleanAttribute,\n  });\n  readonly checkedInput = input<boolean, unknown>(false, {\n    alias: 'checked',\n    transform: booleanAttribute,\n  });\n  readonly disabledInput = input<boolean, unknown>(false, {\n    alias: 'disabled',\n    transform: booleanAttribute,\n  });\n  readonly indeterminateInput = input<boolean, unknown>(false, {\n    alias: 'indeterminate',\n    transform: booleanAttribute,\n  });\n  readonly requiredInput = input<boolean, unknown>(false, {\n    alias: 'required',\n    transform: booleanAttribute,\n  });\n  readonly labelPosition = input<FuiCheckboxLabelPosition>('after');\n  readonly name = input<string | null>(null);\n  readonly value = input('on');\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\n  readonly ariaDescribedby = input<string | null>(null, { alias: 'aria-describedby' });\n  readonly disableRipple = input<boolean, unknown>(false, { transform: booleanAttribute });\n  readonly tabIndex = input(0);\n  readonly errorStateMatcher = input<ErrorStateMatcher | null>(null);\n\n  // Outputs (mat-checkbox compatible)\n  readonly change: OutputEmitterRef<FuiCheckboxChange> = output<FuiCheckboxChange>();\n  readonly indeterminateChange: OutputEmitterRef<boolean> = output<boolean>();\n\n  // Internal state signals - single source of truth like mat-checkbox\n  private readonly _checked: WritableSignal<boolean> = signal(false);\n  private readonly _indeterminate: WritableSignal<boolean> = signal(false);\n  private readonly _focused: WritableSignal<boolean> = signal(false);\n  private readonly _disabled: WritableSignal<boolean> = signal(false);\n\n  // Public signals - expose internal state as readonly\n  readonly checked: Signal<boolean> = this._checked.asReadonly();\n  readonly indeterminate: Signal<boolean> = this._indeterminate.asReadonly();\n  readonly focused: Signal<boolean> = this._focused.asReadonly();\n\n  // State changes subject for form field compatibility\n  readonly stateChanges = new Subject<void>();\n  private _uid = `fui-checkbox-${FuiCheckboxComponent.nextId++}`;\n  readonly id = this._uid;\n  readonly inputId = `${this._uid}-input`;\n\n  // Error state\n  private readonly _errorState: WritableSignal<boolean> = signal(false);\n  readonly errorState = this._errorState.asReadonly();\n\n  // Form control references\n  private _parentForm = inject(NgForm, { optional: true });\n  private _parentFormGroup = inject(FormGroupDirective, { optional: true });\n  private _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);\n  private readonly _ngControlRef = injectNgControl();\n\n  get ngControl(): NgControl | null {\n    return this._ngControlRef.ngControl;\n  }\n\n  // Required signal\n  private readonly _required: WritableSignal<boolean> = signal(false);\n  readonly required: Signal<boolean> = computed(() => this._required() || this.requiredInput());\n\n  // NgControl disabled state\n  private readonly _ngControlDisabled: WritableSignal<boolean> = signal(false);\n  readonly disabled: Signal<boolean> = computed(\n    () => this._disabled() || this.disabledInput() || this._ngControlDisabled(),\n  );\n\n  // ViewChild for input element\n  readonly inputElement: Signal<ElementRef<HTMLInputElement> | undefined> =\n    viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n  // ControlValueAccessor callbacks\n  private _onChange: (value: boolean) => void = () => {\n    // Intentionally empty: will be replaced by Angular forms\n  };\n  private _onTouched: () => void = () => {\n    // Intentionally empty: will be replaced by Angular forms\n  };\n\n  // Track if writeValue has been called by a form control\n  private _formControlInitialized = false;\n\n  constructor() {\n    // Set valueAccessor after NgControl is resolved\n    void Promise.resolve().then(() => {\n      if (this._ngControlRef.ngControl) {\n        this._ngControlRef.ngControl.valueAccessor = this;\n      }\n    });\n\n    // Effect to sync checked input to internal state (like mat-checkbox @Input setter)\n    // This allows [checked]=\"value\" to work, but form controls take precedence via writeValue\n    effect(() => {\n      const inputChecked = this.checkedInput();\n      // Only apply input value if form control hasn't initialized with writeValue\n      if (!this._formControlInitialized) {\n        this._checked.set(inputChecked);\n      }\n    });\n\n    // Effect to sync indeterminate input to internal state\n    effect(() => {\n      const inputIndeterminate = this.indeterminateInput();\n      this._indeterminate.set(inputIndeterminate);\n    });\n\n    // Effect to emit state changes\n    effect(() => {\n      // Track all reactive inputs and internal signals\n      this.checkedInput();\n      this.disabledInput();\n      this.indeterminateInput();\n      this.requiredInput();\n      this.labelPosition();\n      this.name();\n      this.value();\n      this.errorStateMatcher();\n      this._checked();\n      this._indeterminate();\n      this._focused();\n      this._disabled();\n      this._ngControlDisabled();\n      this._required();\n      this._errorState();\n\n      // Emit state change\n      this.stateChanges.next();\n    });\n  }\n\n  ngDoCheck(): void {\n    if (this.ngControl) {\n      updateErrorState(\n        this.ngControl,\n        this._errorState,\n        this.errorStateMatcher(),\n        this._defaultErrorStateMatcher,\n        this._parentForm,\n        this._parentFormGroup,\n        this.stateChanges,\n      );\n      syncRequiredState(this.ngControl, this._required, this.stateChanges);\n      syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.stateChanges.complete();\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: boolean): void {\n    this._formControlInitialized = true;\n    this._checked.set(value);\n    this.stateChanges.next();\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._disabled.set(isDisabled);\n    this.stateChanges.next();\n  }\n\n  // Event handlers\n  onInputChange(event: Event): void {\n    event.stopPropagation();\n\n    if (this.disabled()) {\n      return;\n    }\n\n    // Read the new checked state from the native input element\n    const target = event.target as HTMLInputElement;\n    const newChecked = target.checked;\n\n    // Update internal state\n    this._checked.set(newChecked);\n\n    // Clear indeterminate when checking/unchecking\n    if (this._indeterminate()) {\n      this._indeterminate.set(false);\n      this.indeterminateChange.emit(false);\n    }\n\n    // Emit change events (this updates the form control)\n    this._onChange(newChecked);\n    this.change.emit({\n      source: this,\n      checked: newChecked,\n    });\n    this.stateChanges.next();\n  }\n\n  onFocus(): void {\n    if (!this._focused()) {\n      this._focused.set(true);\n      this.stateChanges.next();\n    }\n  }\n\n  onBlur(): void {\n    if (this._focused()) {\n      this._focused.set(false);\n      this._onTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  // Public methods (mat-checkbox compatible)\n\n  /** Toggles the `checked` state of the checkbox. */\n  toggle(): void {\n    if (!this.disabled()) {\n      const newChecked = !this._checked();\n      this._checked.set(newChecked);\n\n      // Clear indeterminate when toggling\n      if (this._indeterminate()) {\n        this._indeterminate.set(false);\n        this.indeterminateChange.emit(false);\n      }\n\n      this._onChange(newChecked);\n      this.change.emit({\n        source: this,\n        checked: newChecked,\n      });\n      this.stateChanges.next();\n    }\n  }\n\n  /** Focuses the checkbox. */\n  focus(): void {\n    this.inputElement()?.nativeElement.focus();\n  }\n\n  /** Sets the indeterminate state programmatically. */\n  setIndeterminate(value: boolean): void {\n    if (this._indeterminate() !== value) {\n      this._indeterminate.set(value);\n      this.indeterminateChange.emit(value);\n      this.stateChanges.next();\n    }\n  }\n}\n","<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\n  <!-- Label before checkbox -->\n  @if (labelPosition() === 'before') {\n    <span class=\"fui-checkbox__label fui-checkbox__label--before\">\n      <ng-content></ng-content>\n    </span>\n  }\n\n  <!-- Checkbox wrapper -->\n  <span class=\"fui-checkbox__frame\">\n    <!-- Hidden native input -->\n    <input\n      #inputElement\n      type=\"checkbox\"\n      class=\"fui-checkbox__native-control\"\n      [id]=\"inputId\"\n      [name]=\"name()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [disabled]=\"disabled()\"\n      [required]=\"required()\"\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [attr.aria-describedby]=\"ariaDescribedby()\"\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n      [attr.aria-required]=\"required() ? 'true' : null\"\n      [attr.tabindex]=\"tabIndex()\"\n      (change)=\"onInputChange($event)\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n    />\n\n    <!-- Custom checkbox visual -->\n    <span class=\"fui-checkbox__checkmark\">\n      <!-- Checkmark icon -->\n      @if (checked() && !indeterminate()) {\n        <svg\n          class=\"fui-checkbox__checkmark-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          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\n        </svg>\n      }\n\n      <!-- Indeterminate icon -->\n      @if (indeterminate()) {\n        <svg\n          class=\"fui-checkbox__indeterminate-icon\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n        </svg>\n      }\n    </span>\n\n    <!-- Ripple effect (when not disabled) -->\n    @if (!disableRipple() && !disabled()) {\n      <span class=\"fui-checkbox__ripple\"></span>\n    }\n  </span>\n\n  <!-- Label after checkbox (default) -->\n  @if (labelPosition() === 'after') {\n    <span class=\"fui-checkbox__label fui-checkbox__label--after\">\n      <ng-content></ng-content>\n    </span>\n  }\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}