@frame-kit/ui-ng 0.2.18 → 0.2.20

package/fesm2022/frame-kit-ui-ng-forms.mjs

@@ -2366,6 +2366,7 @@ class SwitchComponent {
         self: true,
     });
     inputRef = viewChild('inputEl', ...(ngDevMode ? [{ debugName: "inputRef" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef);
     // ===== INPUTS =====
     className = input('', ...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
     // eslint-disable-next-line @angular-eslint/no-input-rename
@@ -2412,7 +2413,16 @@ class SwitchComponent {
     setDescribedByIds(ids) {
         this.describedByIdsSignal.set(ids);
     }
-    onContainerClick(_event) {
+    onContainerClick(event) {
+        // A click on the switch itself has already toggled it through the
+        // switch's own <label>. The form field forwards every click in its
+        // control area here, so acting on that one too would toggle it straight
+        // back. Only a click elsewhere in the control area (text beside the
+        // switch) is the form field's to forward.
+        if (event.target instanceof Node &&
+            this.host.nativeElement.contains(event.target)) {
+            return;
+        }
         const input = this.inputRef()?.nativeElement;
         if (input && !this.isDisabledSignal()) {
             input.focus();