@egose/shadcn-theme-ng-tw 0.2.0 → 0.4.0

package/switch/fesm2022/switch.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, computed, Directive, forwardRef, model, booleanAttribute, output, linkedSignal, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { input, computed, Directive, forwardRef, model, booleanAttribute, output, signal, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { BrnSwitchThumb, BrnSwitch } from '@spartan-ng/brain/switch';
 import { hlm } from '@egose/shadcn-theme-ng-tw/utils';
@@ -46,7 +46,9 @@ class HlmSwitch {
     ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
     /** Emits when the checked state of the switch changes. */
     changed = output();
-    _disabled = linkedSignal(this.disabled, /* @ts-ignore */
+    _formDisabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_formDisabled" }] : /* istanbul ignore next */ []));
+    _disabled = computed(() => this.disabled() || this._formDisabled(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
     _onChange;
     _onTouched;
@@ -67,14 +69,14 @@ class HlmSwitch {
         this._onTouched = fn;
     }
     setDisabledState(isDisabled) {
-        this._disabled.set(isDisabled);
+        this._formDisabled.set(isDisabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmSwitch, isStandalone: true, selector: "hlm-switch", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", 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 } }, outputs: { checked: "checkedChange", changed: "changed" }, host: { properties: { "attr.id": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "contents" }, providers: [EG_SWITCH_VALUE_ACCESSOR], ngImport: i0, template: `
     <brn-switch
       [class]="_computedClass()"
       [checked]="checked()"
-      (changed)="handleChange($event)"
+      (checkedChange)="handleChange($event)"
       (touched)="_onTouched?.()"
       [disabled]="_disabled()"
       [id]="id()"
@@ -103,7 +105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
     <brn-switch
       [class]="_computedClass()"
       [checked]="checked()"
-      (changed)="handleChange($event)"
+      (checkedChange)="handleChange($event)"
       (touched)="_onTouched?.()"
       [disabled]="_disabled()"
       [id]="id()"

package/switch/types/switch.d.ts

@@ -26,7 +26,8 @@ declare class HlmSwitch implements ControlValueAccessor {
     readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
     /** Emits when the checked state of the switch changes. */
     readonly changed: _angular_core.OutputEmitterRef<boolean>;
-    protected readonly _disabled: _angular_core.WritableSignal<boolean>;
+    private readonly _formDisabled;
+    protected readonly _disabled: _angular_core.Signal<boolean>;
     protected _onChange?: ChangeFn<boolean>;
     protected _onTouched?: TouchFn;
     protected handleChange(value: unknown): void;