nexheal-lib 0.0.41 → 0.0.42

package/fesm2022/nexheal-lib.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, ViewChild, Input, Output, Component, forwardRef, HostListener, inject, ElementRef, DestroyRef, Directive } from '@angular/core';
+import { EventEmitter, ViewChild, Input, Output, Component, forwardRef, HostListener, inject, ElementRef, ChangeDetectorRef, DestroyRef, Directive } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { Subscription, debounceTime, distinctUntilChanged, fromEvent, Subject } from 'rxjs';
@@ -1651,6 +1651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 
 class ColorPicker {
     elementRef = inject(ElementRef);
+    cdRef = inject(ChangeDetectorRef);
     title;
     required = false;
     customClass = "";
@@ -1787,19 +1788,19 @@ class ColorPicker {
         if (this.disabled || this.readonly)
             return;
         event.preventDefault();
+        this.bindDragListeners(); // clears any stale drag first; then set the active drag
         this.dragMode = "selector";
         this.dragEl = event.currentTarget;
         this.handleDrag(event);
-        this.bindDragListeners();
     }
     onHueDown(event) {
         if (this.disabled || this.readonly)
             return;
         event.preventDefault();
+        this.bindDragListeners();
         this.dragMode = "hue";
         this.dragEl = event.currentTarget;
         this.handleDrag(event);
-        this.bindDragListeners();
     }
     bindDragListeners() {
         this.unbindDragListeners();
@@ -1878,6 +1879,7 @@ class ColorPicker {
         this.value = out;
         this.onChangeFn(out);
         this.onChange.emit(out);
+        this.cdRef.markForCheck();
     }
     getValueToEmit() {
         if (this.format === "hsb") {