@cute-widgets/base 20.0.1

package/fesm2022/cute-widgets-base-checkbox.mjs

@@ -0,0 +1,390 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, EventEmitter, forwardRef, booleanAttribute, ViewChild, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { CuteInputControl } from '@cute-widgets/base/abstract';
+import { CommonModule } from '@angular/common';
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+/** Injection token to be used to override the default options for `cute-checkbox`. */
+const CUTE_CHECKBOX_DEFAULT_OPTIONS = new InjectionToken('cute-checkbox-default-options', {
+    providedIn: 'root',
+    factory: CUTE_CHECKBOX_DEFAULT_OPTIONS_FACTORY,
+});
+/** @docs-private */
+function CUTE_CHECKBOX_DEFAULT_OPTIONS_FACTORY() {
+    return {
+        color: 'primary',
+        clickAction: 'check-indeterminate',
+        disabledInteractive: false,
+    };
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+// Increasing integer for generating unique ids for checkbox components.
+let nextUniqueId = 0;
+// Default checkbox configuration.
+const defaults = CUTE_CHECKBOX_DEFAULT_OPTIONS_FACTORY();
+class CuteCheckbox extends CuteInputControl {
+    get value() { return this._value; }
+    set value(v) { this._value = v; }
+    get valueOn() { return this._valueOn; }
+    set valueOn(v) { this._valueOn = v; }
+    get valueOff() { return this._valueOff; }
+    set valueOff(v) { this._valueOff = v; }
+    /** Whether the checkbox is checked. */
+    get checked() { return this._checked; }
+    set checked(newVal) {
+        if (newVal != this.checked) {
+            this._checked = newVal;
+            //this.value = this.checked ? this.valueOn : this.valueOff;
+            this.markForCheck();
+        }
+    }
+    /**
+     * Whether the checkbox is indeterminate. This is also known as "mixed" mode and can be used to
+     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
+     * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately
+     * set to false.
+     */
+    get indeterminate() { return this._indeterminate; }
+    set indeterminate(value) {
+        const changed = value != this._indeterminate;
+        this._indeterminate = value;
+        if (changed) {
+            this.indeterminateChange.emit(this._indeterminate);
+        }
+        this._syncIndeterminate(this._indeterminate);
+    }
+    constructor() {
+        super();
+        this._options = inject(CUTE_CHECKBOX_DEFAULT_OPTIONS, {
+            optional: true,
+        });
+        this._validatorChangeFn = () => { };
+        /** Group checkboxes on the same horizontal row */
+        this.inline = false;
+        this._checked = false;
+        this._indeterminate = false;
+        /** Whether the label should appear after or before the checkbox. Defaults to 'after' */
+        this.labelPosition = 'after';
+        /** Whether the checkbox should remain interactive when it is disabled. */
+        this.disabledInteractive = false;
+        /** Relative size of the checkbox icon. */
+        this.iconSize = "middle";
+        /** Event emitted when the checkbox's `checked` value changes. */
+        this.change = new EventEmitter();
+        /** Event emitted when the checkbox's `indeterminate` value changes. */
+        this.indeterminateChange = new EventEmitter();
+        this._options = this._options || defaults;
+        this.color = this._options.color || defaults.color;
+        this.disabledInteractive = this._options?.disabledInteractive ?? false;
+        //++ CWT
+        if (this._nativeElement.nodeName.toLowerCase() === "cute-slide-toggle") {
+            this.role = "switch";
+        }
+        //this.value = this.valueOn = "on";
+        //this.valueOff = "off";
+        //--
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        if (changes['required']) {
+            this._validatorChangeFn();
+        }
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this._syncIndeterminate(this._indeterminate);
+    }
+    // Implemented as a part of Validator.
+    validate(control) {
+        return this.required && control.value !== true ? { 'required': true } : null;
+    }
+    // Implemented as a part of Validator.
+    registerOnValidatorChange(fn) {
+        this._validatorChangeFn = fn;
+    }
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    generateId() {
+        return `cute-checkbox-${nextUniqueId++}`;
+    }
+    _emitChangeEvent() {
+        this._onChange(this.checked);
+        this.change.emit(this._createChangeEvent(this.checked));
+        // Assigning the value again here is redundant, but we have to do it in case it was
+        // changed inside the `change` listener which will cause the input to be out of sync.
+        if (this._inputElement) {
+            this._inputElement.nativeElement.checked = this.checked;
+        }
+    }
+    /** Toggles the `checked` state of the checkbox. */
+    toggle() {
+        this.checked = !this.checked;
+        this._onChange(this.checked);
+    }
+    /** Sets the `checked` state of the checkbox. */
+    check() {
+        this.checked = true;
+        this._onChange(this.checked);
+    }
+    /** Clears the `checked` state of the checkbox. */
+    uncheck() {
+        this.checked = false;
+        this._onChange(this.checked);
+    }
+    _handleInputClick() {
+        const clickAction = this._options?.clickAction;
+        // If resetIndeterminate is false, and the current state is indeterminate, do nothing on click
+        if (!this.disabled && clickAction !== 'noop') {
+            // When a user manually clicks on the checkbox, `indeterminate` is set to false.
+            if (this.indeterminate && clickAction !== 'check') {
+                Promise.resolve().then(() => {
+                    this._indeterminate = false;
+                    this.indeterminateChange.emit(this._indeterminate);
+                });
+            }
+            this._checked = !this._checked;
+            // Emit our custom change event if the native input emitted one.
+            // It is important to only emit it, if the native input triggered one, because
+            // we don't want to trigger a change event, when the `checked` variable changes for example.
+            this._emitChangeEvent();
+        }
+        else if (((this.disabled && this.disabledInteractive) ||
+            (!this.disabled && clickAction === 'noop')) && this._inputElement) {
+            // Reset native input when clicked with noop. The native checkbox becomes checked after
+            // click, reset it to be aligned with `checked` value of `cute-checkbox`.
+            this._inputElement.nativeElement.checked = this.checked;
+            this._inputElement.nativeElement.indeterminate = this.indeterminate;
+        }
+    }
+    /** Method being called whenever the label text changes. */
+    _onLabelTextChange() {
+        // Since the event of the `cdkObserveContent` directive runs outside the zone, the checkbox
+        // component will be only marked for check, but no actual change detection runs automatically.
+        // Instead of going back into the zone in order to trigger a change detection which causes
+        // *all* components to be checked (if explicitly marked or not using OnPush), we only trigger
+        // an explicit change detection for the checkbox view and its children.
+        this._changeDetectorRef.detectChanges();
+    }
+    _onInputChange(event) {
+        // We always have to stop propagation on the change event.
+        // Otherwise, the change event from the input element will bubble up and
+        // emit its event object to the `change` output.
+        event.stopPropagation();
+    }
+    _onInputBlur(event) {
+        // When a focused element becomes disabled, the browser *immediately* fires a blur event.
+        // Angular does not expect events to be raised during change detection, so any state change
+        // (such as a form control's 'ng-touched') will cause a changed-after-checked error.
+        // See https://github.com/angular/angular/issues/17793. To work around this, we defer
+        // telling the form control it has been touched until the next tick.
+        Promise.resolve().then(() => {
+            this._onTouched();
+            this.markForCheck();
+        });
+    }
+    _onInputClick(event) {
+        this._handleInputClick();
+    }
+    _onTouchTargetClick(event) {
+        this._handleInputClick();
+        if (!this.disabled) {
+            // Normally, the input should be focused already, but if the click
+            // comes from the touch target, then we might have to focus it ourselves.
+            this._inputElement?.nativeElement.focus();
+        }
+    }
+    /**
+     *  Prevent click events that come from the `<label/>` element from bubbling. This prevents the
+     *  click handler on the host from triggering twice when clicking on the `<label/>` element. After
+     *  the click event on the `<label/>` propagates, the browsers dispatches click on the associated
+     *  `<input/>`. By preventing clicks on the label by bubbling, we ensure only one click event
+     *  bubbles when the label is clicked.
+     */
+    _preventBubblingFromLabel(event) {
+        if (!!event.target && this._labelElement.nativeElement.contains(event.target)) {
+            event.stopPropagation();
+        }
+    }
+    /**
+     * Syncs the indeterminate value with the checkbox DOM node.
+     *
+     * We sync `indeterminate` directly on the DOM node, because in Ivy the check for whether a
+     * property is supported on an element boils down to `if (propName in an element)`. Domino's
+     * HTMLInputElement doesn't have an `indeterminate` property, so Ivy will warn during
+     * server-side rendering.
+     */
+    _syncIndeterminate(value) {
+        const nativeCheckbox = this._inputElement;
+        if (nativeCheckbox) {
+            nativeCheckbox.nativeElement.indeterminate = value;
+        }
+    }
+    /** Creates the change event that will be emitted by the checkbox. */
+    _createChangeEvent(isChecked) {
+        return { source: this, checked: isChecked };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: CuteCheckbox, isStandalone: true, selector: "cute-checkbox, cute-slide-toggle:not([cuteToggleSwitch])", inputs: { ariaExpanded: ["aria-expanded", "ariaExpanded", booleanAttribute], ariaControls: ["aria-controls", "ariaControls"], ariaOwns: ["aria-owns", "ariaOwns"], value: "value", valueOn: "valueOn", valueOff: "valueOff", inline: ["inline", "inline", booleanAttribute], checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], labelPosition: "labelPosition", disabledInteractive: ["disabledInteractive", "disabledInteractive", booleanAttribute], iconSize: "iconSize" }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "class.cute-checkbox-disabled": "disabled", "class.cute-checkbox-disabled-interactive": "disabledInteractive", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.role": "null", "id": "id" }, classAttribute: "cute-checkbox" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CuteCheckbox),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: CuteCheckbox,
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "_labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["cuteCheckbox"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-check\"\r\n     [class.form-check-reverse]=\"labelPosition == 'before'\"\r\n     [class.form-check-inline]=\"inline\"\r\n     [class.form-switch]=\"role == 'switch'\"\r\n     (click)=\"_preventBubblingFromLabel($event)\"\r\n    >\r\n  <input #input type=\"checkbox\"\r\n         class=\"form-check-input\"\r\n         [class.icon-small]=\"iconSize=='small'\"\r\n         [class.icon-large]=\"iconSize=='large'\"\r\n         [attr.aria-label]=\"ariaLabel || null\"\r\n         [attr.aria-labelledby]=\"ariaLabelledby\"\r\n         [attr.aria-describedby]=\"ariaDescribedby\"\r\n         [attr.aria-checked]=\"indeterminate ? 'mixed' : null\"\r\n         [attr.aria-controls]=\"ariaControls\"\r\n         [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n         [attr.aria-expanded]=\"ariaExpanded\"\r\n         [attr.aria-owns]=\"ariaOwns\"\r\n         [attr.role]=\"role\"\r\n         [attr.name] = \"name\"\r\n         [attr.value]=\"value\"\r\n         [id]=\"inputId\"\r\n         [checked]=\"checked\"\r\n         [disabled]=\"disabled\"\r\n         [required]=\"required\"\r\n         [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n         [indeterminate]=\"indeterminate\"\r\n         [autocomplete]=\"false\"\r\n         (blur)=\"_onInputBlur($event)\"\r\n         (click)=\"_onInputClick($event)\"\r\n         (change)=\"_onInputChange($event)\"\r\n  />\r\n  <label #label\r\n         class=\"form-check-label\"\r\n         [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n", styles: [".cute-checkbox{position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.cute-checkbox .form-check .form-check-input{cursor:pointer}.cute-checkbox .form-check .form-check-input.icon-small{font-size:.875em;transform:translate(-2px,2px)}.cute-checkbox .form-check .form-check-input.icon-large{font-size:1.375em;margin-right:1.125em;transform:translate(.45em,-.125em)}[dir=rtl] .cute-checkbox .form-check .form-check-input.icon-large{transform:translate(1.125em,-.125em)}[dir=rtl] .cute-checkbox .form-check.form-switch .form-check-input{transform:rotate(180deg)}.cute-checkbox .form-check .form-check-label{cursor:pointer}.cute-checkbox .form-check .form-check-label:empty{display:none}.cute-checkbox.cute-checkbox-disabled .form-check-label{cursor:default}.cute-checkbox.cute-checkbox-disabled.cute-checkbox-disabled-interactive{pointer-events:auto}.cute-checkbox.cute-checkbox-disabled.cute-checkbox-disabled-interactive input{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCheckbox, decorators: [{
+            type: Component,
+            args: [{ selector: 'cute-checkbox, cute-slide-toggle:not([cuteToggleSwitch])', exportAs: "cuteCheckbox", host: {
+                        'class': 'cute-checkbox',
+                        '[class.cute-checkbox-disabled]': 'disabled',
+                        '[class.cute-checkbox-disabled-interactive]': 'disabledInteractive',
+                        '[attr.tabindex]': 'null',
+                        '[attr.aria-label]': 'null',
+                        '[attr.aria-labelledby]': 'null',
+                        '[attr.role]': 'null',
+                        '[id]': 'id',
+                    }, imports: [CommonModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CuteCheckbox),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: CuteCheckbox,
+                            multi: true,
+                        },
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-check\"\r\n     [class.form-check-reverse]=\"labelPosition == 'before'\"\r\n     [class.form-check-inline]=\"inline\"\r\n     [class.form-switch]=\"role == 'switch'\"\r\n     (click)=\"_preventBubblingFromLabel($event)\"\r\n    >\r\n  <input #input type=\"checkbox\"\r\n         class=\"form-check-input\"\r\n         [class.icon-small]=\"iconSize=='small'\"\r\n         [class.icon-large]=\"iconSize=='large'\"\r\n         [attr.aria-label]=\"ariaLabel || null\"\r\n         [attr.aria-labelledby]=\"ariaLabelledby\"\r\n         [attr.aria-describedby]=\"ariaDescribedby\"\r\n         [attr.aria-checked]=\"indeterminate ? 'mixed' : null\"\r\n         [attr.aria-controls]=\"ariaControls\"\r\n         [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n         [attr.aria-expanded]=\"ariaExpanded\"\r\n         [attr.aria-owns]=\"ariaOwns\"\r\n         [attr.role]=\"role\"\r\n         [attr.name] = \"name\"\r\n         [attr.value]=\"value\"\r\n         [id]=\"inputId\"\r\n         [checked]=\"checked\"\r\n         [disabled]=\"disabled\"\r\n         [required]=\"required\"\r\n         [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n         [indeterminate]=\"indeterminate\"\r\n         [autocomplete]=\"false\"\r\n         (blur)=\"_onInputBlur($event)\"\r\n         (click)=\"_onInputClick($event)\"\r\n         (change)=\"_onInputChange($event)\"\r\n  />\r\n  <label #label\r\n         class=\"form-check-label\"\r\n         [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n", styles: [".cute-checkbox{position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.cute-checkbox .form-check .form-check-input{cursor:pointer}.cute-checkbox .form-check .form-check-input.icon-small{font-size:.875em;transform:translate(-2px,2px)}.cute-checkbox .form-check .form-check-input.icon-large{font-size:1.375em;margin-right:1.125em;transform:translate(.45em,-.125em)}[dir=rtl] .cute-checkbox .form-check .form-check-input.icon-large{transform:translate(1.125em,-.125em)}[dir=rtl] .cute-checkbox .form-check.form-switch .form-check-input{transform:rotate(180deg)}.cute-checkbox .form-check .form-check-label{cursor:pointer}.cute-checkbox .form-check .form-check-label:empty{display:none}.cute-checkbox.cute-checkbox-disabled .form-check-label{cursor:default}.cute-checkbox.cute-checkbox-disabled.cute-checkbox-disabled-interactive{pointer-events:auto}.cute-checkbox.cute-checkbox-disabled.cute-checkbox-disabled-interactive input{cursor:default}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { ariaExpanded: [{
+                type: Input,
+                args: [{ alias: 'aria-expanded', transform: booleanAttribute }]
+            }], ariaControls: [{
+                type: Input,
+                args: ['aria-controls']
+            }], ariaOwns: [{
+                type: Input,
+                args: ['aria-owns']
+            }], value: [{
+                type: Input
+            }], valueOn: [{
+                type: Input
+            }], valueOff: [{
+                type: Input
+            }], inline: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], checked: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], indeterminate: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], labelPosition: [{
+                type: Input
+            }], disabledInteractive: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], iconSize: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], indeterminateChange: [{
+                type: Output
+            }], _inputElement: [{
+                type: ViewChild,
+                args: ['input']
+            }], _labelElement: [{
+                type: ViewChild,
+                args: ['label']
+            }] } });
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+/**
+ * A switch has the markup of a custom checkbox but uses the .form-switch class to render a toggle switch.
+ */
+class CuteToggleSwitch {
+    constructor() {
+        this._checkBox = inject(CuteCheckbox);
+        this._checkBox.role = "switch";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteToggleSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteToggleSwitch, isStandalone: true, selector: "cute-checkbox[cuteToggleSwitch]", exportAs: ["cuteToggleSwitch"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteToggleSwitch, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'cute-checkbox[cuteToggleSwitch]',
+                    exportAs: 'cuteToggleSwitch',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+const TYPES = [
+    CuteCheckbox,
+    CuteToggleSwitch,
+];
+class CuteCheckboxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CuteCheckboxModule, imports: [CommonModule, CuteCheckbox,
+            CuteToggleSwitch], exports: [CuteCheckbox,
+            CuteToggleSwitch] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCheckboxModule, imports: [CommonModule, CuteCheckbox] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ...TYPES],
+                    exports: TYPES,
+                    declarations: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CUTE_CHECKBOX_DEFAULT_OPTIONS, CUTE_CHECKBOX_DEFAULT_OPTIONS_FACTORY, CuteCheckbox, CuteCheckboxModule, CuteToggleSwitch };
+//# sourceMappingURL=cute-widgets-base-checkbox.mjs.map

package/fesm2022/cute-widgets-base-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cute-widgets-base-checkbox.mjs","sources":["../../../../projects/cute-widgets/base/checkbox/src/checkbox.config.ts","../../../../projects/cute-widgets/base/checkbox/src/checkbox.component.ts","../../../../projects/cute-widgets/base/checkbox/src/checkbox.component.html","../../../../projects/cute-widgets/base/checkbox/src/toggleswitch.directive.ts","../../../../projects/cute-widgets/base/checkbox/src/checkbox.module.ts","../../../../projects/cute-widgets/base/checkbox/cute-widgets-base-checkbox.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * This code is a modification of the `@angular/material` original\r\n * code licensed under MIT-style License (https://angular.dev/license).\r\n */\r\nimport {InjectionToken} from '@angular/core';\r\nimport {ThemeColor} from \"@cute-widgets/base/core\";\r\n\r\n/**\r\n * Checkbox click action when a user clicks on an input element.\r\n * noop: Do not toggle checked or indeterminate.\r\n * check: Only toggle checked status, ignore indeterminate.\r\n * check-indeterminate: Toggle checked status, set indeterminate to false. Default behavior.\r\n * undefined: Same as `check-indeterminate`.\r\n */\r\nexport type CuteCheckboxClickAction = 'noop' | 'check' | 'check-indeterminate' | undefined;\r\n\r\n/** Default `cute-checkbox` options that can be overridden. */\r\nexport interface CuteCheckboxDefaultOptions {\r\n  /** Default theme color palette to be used for checkboxes. */\r\n  color?: ThemeColor;\r\n  /** Default checkbox click action for checkboxes. */\r\n  clickAction?: CuteCheckboxClickAction;\r\n  /** Whether disabled checkboxes should be interactive. */\r\n  disabledInteractive?: boolean;\r\n}\r\n\r\n/** Injection token to be used to override the default options for `cute-checkbox`. */\r\nexport const CUTE_CHECKBOX_DEFAULT_OPTIONS = new InjectionToken<CuteCheckboxDefaultOptions>(\r\n    'cute-checkbox-default-options',\r\n    {\r\n        providedIn: 'root',\r\n        factory: CUTE_CHECKBOX_DEFAULT_OPTIONS_FACTORY,\r\n    },\r\n);\r\n\r\n/** @docs-private */\r\nexport function CUTE_CHECKBOX_DEFAULT_OPTIONS_FACTORY(): CuteCheckboxDefaultOptions {\r\n    return {\r\n      color: 'primary',\r\n      clickAction: 'check-indeterminate',\r\n      disabledInteractive: false,\r\n    };\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * This code is a modification of the `@angular/material` original\r\n * code licensed under MIT-style License (https://angular.dev/license).\r\n */\r\nimport {\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  forwardRef, inject,\r\n  Input,\r\n  Output, SimpleChanges,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\nimport {AbstractControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, ValidationErrors, Validator} from \"@angular/forms\";\r\nimport {\r\n  CUTE_CHECKBOX_DEFAULT_OPTIONS,\r\n  CUTE_CHECKBOX_DEFAULT_OPTIONS_FACTORY,\r\n  CuteCheckboxDefaultOptions\r\n} from \"./checkbox.config\";\r\nimport {CuteInputControl} from '@cute-widgets/base/abstract';\r\nimport {CommonModule} from \"@angular/common\";\r\nimport {RelativeSize} from \"@cute-widgets/base/core\";\r\n\r\n/** Change event object emitted by checkbox. */\r\nexport interface CuteCheckboxChange {\r\n  /** The source checkbox of the event. */\r\n  source: CuteCheckbox;\r\n  /** The new `checked` value of the checkbox. */\r\n  checked: boolean;\r\n}\r\n// Increasing integer for generating unique ids for checkbox components.\r\nlet nextUniqueId = 0;\r\n\r\n// Default checkbox configuration.\r\nconst defaults = CUTE_CHECKBOX_DEFAULT_OPTIONS_FACTORY();\r\n\r\n@Component({\r\n    selector: 'cute-checkbox, cute-slide-toggle:not([cuteToggleSwitch])',\r\n    templateUrl: './checkbox.component.html',\r\n    styleUrls: ['./checkbox.component.scss'],\r\n    exportAs: \"cuteCheckbox\",\r\n    host: {\r\n      'class': 'cute-checkbox',\r\n      '[class.cute-checkbox-disabled]': 'disabled',\r\n      '[class.cute-checkbox-disabled-interactive]': 'disabledInteractive',\r\n      '[attr.tabindex]': 'null',\r\n      '[attr.aria-label]': 'null',\r\n      '[attr.aria-labelledby]': 'null',\r\n      '[attr.role]': 'null',\r\n      '[id]': 'id',\r\n    },\r\n    imports: [CommonModule],\r\n    providers: [\r\n      {\r\n        provide: NG_VALUE_ACCESSOR,\r\n        useExisting: forwardRef(() => CuteCheckbox),\r\n        multi: true,\r\n      },\r\n      {\r\n        provide: NG_VALIDATORS,\r\n        useExisting: CuteCheckbox,\r\n        multi: true,\r\n      },\r\n    ],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CuteCheckbox extends CuteInputControl implements Validator {\r\n\r\n  private readonly _options = inject<CuteCheckboxDefaultOptions>(CUTE_CHECKBOX_DEFAULT_OPTIONS, {\r\n    optional: true,\r\n  });\r\n\r\n  private _validatorChangeFn = () => {};\r\n\r\n  /** Users can specify the `aria-expanded` attribute which will be forwarded to the input element  */\r\n  @Input({alias: 'aria-expanded', transform: booleanAttribute}) ariaExpanded: boolean | undefined;\r\n\r\n  /** Users can specify the `aria-controls` attribute which will be forwarded to the input element */\r\n  @Input('aria-controls') ariaControls: string | undefined;\r\n\r\n  /** Users can specify the `aria-owns` attribute which will be forwarded to the input element */\r\n  @Input('aria-owns') ariaOwns: string | undefined;\r\n\r\n  @Input()\r\n  override get value(): any {return this._value}\r\n  override set value(v: any) {this._value = v;}\r\n  private _value: any;\r\n\r\n  @Input()\r\n  get valueOn(): unknown {return this._valueOn;}\r\n  set valueOn(v: unknown) {this._valueOn = v;}\r\n  private _valueOn: unknown;\r\n\r\n  @Input()\r\n  get valueOff(): unknown {return this._valueOff;}\r\n  set valueOff(v: unknown) {this._valueOff = v;}\r\n  private _valueOff: unknown;\r\n\r\n  /** Group checkboxes on the same horizontal row */\r\n  @Input({transform: booleanAttribute})\r\n  inline: boolean = false;\r\n\r\n  /** Whether the checkbox is checked. */\r\n  @Input({transform: booleanAttribute})\r\n  get checked(): boolean { return this._checked; }\r\n  set checked(newVal: boolean) {\r\n    if (newVal != this.checked) {\r\n      this._checked = newVal;\r\n      //this.value = this.checked ? this.valueOn : this.valueOff;\r\n      this.markForCheck();\r\n    }\r\n  }\r\n  private _checked: boolean = false;\r\n  /**\r\n   * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\r\n   * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\r\n   * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately\r\n   * set to false.\r\n   */\r\n  @Input({transform: booleanAttribute})\r\n  get indeterminate(): boolean { return this._indeterminate; }\r\n  set indeterminate(value: boolean) {\r\n    const changed = value != this._indeterminate;\r\n    this._indeterminate = value;\r\n\r\n    if (changed) {\r\n      this.indeterminateChange.emit(this._indeterminate);\r\n    }\r\n\r\n    this._syncIndeterminate(this._indeterminate);\r\n  }\r\n  private _indeterminate: boolean = false;\r\n\r\n  /** Whether the label should appear after or before the checkbox. Defaults to 'after' */\r\n  @Input()\r\n  labelPosition: 'before' | 'after' = 'after';\r\n\r\n  /** Whether the checkbox should remain interactive when it is disabled. */\r\n  @Input({transform: booleanAttribute})\r\n  disabledInteractive: boolean = false;\r\n\r\n  /** Relative size of the checkbox icon. */\r\n  @Input() iconSize: RelativeSize = \"middle\";\r\n\r\n  /** Event emitted when the checkbox's `checked` value changes. */\r\n  @Output() readonly change = new EventEmitter<CuteCheckboxChange>();\r\n\r\n  /** Event emitted when the checkbox's `indeterminate` value changes. */\r\n  @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n  /** The native `<input type=\"checkbox\">` element */\r\n  @ViewChild('input')\r\n  readonly _inputElement: ElementRef<HTMLInputElement> | undefined;\r\n\r\n  /** The native `<label>` element */\r\n  @ViewChild('label')\r\n  private _labelElement!: ElementRef<HTMLInputElement>;\r\n\r\n  constructor(...args: unknown[]);\r\n  constructor() {\r\n    super();\r\n    this._options = this._options || defaults;\r\n    this.color = this._options.color || defaults.color;\r\n    this.disabledInteractive = this._options?.disabledInteractive ?? false;\r\n    //++ CWT\r\n    if (this._nativeElement.nodeName.toLowerCase()===\"cute-slide-toggle\") {\r\n      this.role = \"switch\";\r\n    }\r\n    //this.value = this.valueOn = \"on\";\r\n    //this.valueOff = \"off\";\r\n    //--\r\n  }\r\n\r\n  override ngOnChanges(changes: SimpleChanges) {\r\n    super.ngOnChanges(changes);\r\n    if (changes['required']) {\r\n      this._validatorChangeFn();\r\n    }\r\n  }\r\n\r\n  override ngAfterViewInit() {\r\n    super.ngAfterViewInit();\r\n    this._syncIndeterminate(this._indeterminate);\r\n  }\r\n\r\n  // Implemented as a part of Validator.\r\n  validate(control: AbstractControl<boolean>): ValidationErrors | null {\r\n    return this.required && control.value !== true ? {'required': true} : null;\r\n  }\r\n\r\n  // Implemented as a part of Validator.\r\n  registerOnValidatorChange(fn: () => void): void {\r\n    this._validatorChangeFn = fn;\r\n  }\r\n\r\n  override writeValue(value: any) {\r\n    this.checked = !!value;\r\n  }\r\n\r\n  override generateId(): string {\r\n    return `cute-checkbox-${nextUniqueId++}`;\r\n  }\r\n\r\n  private _emitChangeEvent() {\r\n    this._onChange(this.checked);\r\n    this.change.emit(this._createChangeEvent(this.checked));\r\n\r\n    // Assigning the value again here is redundant, but we have to do it in case it was\r\n    // changed inside the `change` listener which will cause the input to be out of sync.\r\n    if (this._inputElement) {\r\n      this._inputElement.nativeElement.checked = this.checked;\r\n    }\r\n  }\r\n\r\n  /** Toggles the `checked` state of the checkbox. */\r\n  toggle(): void {\r\n    this.checked = !this.checked;\r\n    this._onChange(this.checked);\r\n  }\r\n\r\n  /** Sets the `checked` state of the checkbox. */\r\n  check(): void {\r\n    this.checked = true;\r\n    this._onChange(this.checked);\r\n  }\r\n\r\n  /** Clears the `checked` state of the checkbox. */\r\n  uncheck(): void {\r\n    this.checked = false;\r\n    this._onChange(this.checked);\r\n  }\r\n\r\n  private _handleInputClick() {\r\n    const clickAction = this._options?.clickAction;\r\n\r\n    // If resetIndeterminate is false, and the current state is indeterminate, do nothing on click\r\n    if (!this.disabled && clickAction !== 'noop') {\r\n      // When a user manually clicks on the checkbox, `indeterminate` is set to false.\r\n      if (this.indeterminate && clickAction !== 'check') {\r\n        Promise.resolve().then(() => {\r\n          this._indeterminate = false;\r\n          this.indeterminateChange.emit(this._indeterminate);\r\n        });\r\n      }\r\n\r\n      this._checked = !this._checked;\r\n\r\n      // Emit our custom change event if the native input emitted one.\r\n      // It is important to only emit it, if the native input triggered one, because\r\n      // we don't want to trigger a change event, when the `checked` variable changes for example.\r\n      this._emitChangeEvent();\r\n    } else if (\r\n      ((this.disabled && this.disabledInteractive) ||\r\n       (!this.disabled && clickAction === 'noop')) && this._inputElement\r\n    ) {\r\n      // Reset native input when clicked with noop. The native checkbox becomes checked after\r\n      // click, reset it to be aligned with `checked` value of `cute-checkbox`.\r\n      this._inputElement.nativeElement.checked = this.checked;\r\n      this._inputElement.nativeElement.indeterminate = this.indeterminate;\r\n    }\r\n  }\r\n\r\n  /** Method being called whenever the label text changes. */\r\n  _onLabelTextChange() {\r\n    // Since the event of the `cdkObserveContent` directive runs outside the zone, the checkbox\r\n    // component will be only marked for check, but no actual change detection runs automatically.\r\n    // Instead of going back into the zone in order to trigger a change detection which causes\r\n    // *all* components to be checked (if explicitly marked or not using OnPush), we only trigger\r\n    // an explicit change detection for the checkbox view and its children.\r\n    this._changeDetectorRef.detectChanges();\r\n  }\r\n\r\n  protected _onInputChange(event: Event): void {\r\n    // We always have to stop propagation on the change event.\r\n    // Otherwise, the change event from the input element will bubble up and\r\n    // emit its event object to the `change` output.\r\n    event.stopPropagation();\r\n  }\r\n\r\n  protected _onInputBlur(event: Event):void {\r\n    // When a focused element becomes disabled, the browser *immediately* fires a blur event.\r\n    // Angular does not expect events to be raised during change detection, so any state change\r\n    // (such as a form control's 'ng-touched') will cause a changed-after-checked error.\r\n    // See https://github.com/angular/angular/issues/17793. To work around this, we defer\r\n    // telling the form control it has been touched until the next tick.\r\n    Promise.resolve().then(() => {\r\n      this._onTouched();\r\n      this.markForCheck();\r\n    });\r\n  }\r\n\r\n  protected _onInputClick(event: Event): void {\r\n    this._handleInputClick();\r\n  }\r\n\r\n  protected _onTouchTargetClick(event: Event): void {\r\n    this._handleInputClick();\r\n\r\n    if (!this.disabled) {\r\n      // Normally, the input should be focused already, but if the click\r\n      // comes from the touch target, then we might have to focus it ourselves.\r\n      this._inputElement?.nativeElement.focus();\r\n    }\r\n  }\r\n  /**\r\n   *  Prevent click events that come from the `<label/>` element from bubbling. This prevents the\r\n   *  click handler on the host from triggering twice when clicking on the `<label/>` element. After\r\n   *  the click event on the `<label/>` propagates, the browsers dispatches click on the associated\r\n   *  `<input/>`. By preventing clicks on the label by bubbling, we ensure only one click event\r\n   *  bubbles when the label is clicked.\r\n   */\r\n  protected _preventBubblingFromLabel(event: MouseEvent) {\r\n    if (!!event.target && this._labelElement.nativeElement.contains(event.target as HTMLElement)) {\r\n      event.stopPropagation();\r\n    }\r\n  }\r\n  /**\r\n   * Syncs the indeterminate value with the checkbox DOM node.\r\n   *\r\n   * We sync `indeterminate` directly on the DOM node, because in Ivy the check for whether a\r\n   * property is supported on an element boils down to `if (propName in an element)`. Domino's\r\n   * HTMLInputElement doesn't have an `indeterminate` property, so Ivy will warn during\r\n   * server-side rendering.\r\n   */\r\n  private _syncIndeterminate(value: boolean) {\r\n    const nativeCheckbox = this._inputElement;\r\n\r\n    if (nativeCheckbox) {\r\n      nativeCheckbox.nativeElement.indeterminate = value;\r\n    }\r\n  }\r\n\r\n  /** Creates the change event that will be emitted by the checkbox. */\r\n  protected _createChangeEvent(isChecked: boolean): CuteCheckboxChange {\r\n    return {source: this, checked: isChecked};\r\n  }\r\n\r\n}\r\n","<div class=\"form-check\"\r\n     [class.form-check-reverse]=\"labelPosition == 'before'\"\r\n     [class.form-check-inline]=\"inline\"\r\n     [class.form-switch]=\"role == 'switch'\"\r\n     (click)=\"_preventBubblingFromLabel($event)\"\r\n    >\r\n  <input #input type=\"checkbox\"\r\n         class=\"form-check-input\"\r\n         [class.icon-small]=\"iconSize=='small'\"\r\n         [class.icon-large]=\"iconSize=='large'\"\r\n         [attr.aria-label]=\"ariaLabel || null\"\r\n         [attr.aria-labelledby]=\"ariaLabelledby\"\r\n         [attr.aria-describedby]=\"ariaDescribedby\"\r\n         [attr.aria-checked]=\"indeterminate ? 'mixed' : null\"\r\n         [attr.aria-controls]=\"ariaControls\"\r\n         [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n         [attr.aria-expanded]=\"ariaExpanded\"\r\n         [attr.aria-owns]=\"ariaOwns\"\r\n         [attr.role]=\"role\"\r\n         [attr.name] = \"name\"\r\n         [attr.value]=\"value\"\r\n         [id]=\"inputId\"\r\n         [checked]=\"checked\"\r\n         [disabled]=\"disabled\"\r\n         [required]=\"required\"\r\n         [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n         [indeterminate]=\"indeterminate\"\r\n         [autocomplete]=\"false\"\r\n         (blur)=\"_onInputBlur($event)\"\r\n         (click)=\"_onInputClick($event)\"\r\n         (change)=\"_onInputChange($event)\"\r\n  />\r\n  <label #label\r\n         class=\"form-check-label\"\r\n         [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive, inject} from '@angular/core';\r\nimport {CuteCheckbox} from './checkbox.component';\r\n\r\n/**\r\n * A switch has the markup of a custom checkbox but uses the .form-switch class to render a toggle switch.\r\n */\r\n@Directive({\r\n  selector: 'cute-checkbox[cuteToggleSwitch]',\r\n  exportAs: 'cuteToggleSwitch',\r\n  standalone: true,\r\n})\r\nexport class CuteToggleSwitch {\r\n  private _checkBox = inject(CuteCheckbox);\r\n\r\n  constructor() {\r\n    this._checkBox.role = \"switch\"\r\n  }\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {NgModule, Type} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {CuteCheckbox} from \"./checkbox.component\";\r\nimport {CuteToggleSwitch} from \"./toggleswitch.directive\";\r\n\r\nconst TYPES: (any | Type<any>)[] = [\r\n  CuteCheckbox,\r\n  CuteToggleSwitch,\r\n];\r\n\r\n@NgModule({\r\n  imports: [CommonModule, ...TYPES],\r\n  exports: TYPES,\r\n  declarations: [],\r\n})\r\nexport class CuteCheckboxModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}