chrv-components 1.11.52 → 1.11.54

package/fesm2022/chrv-components.mjs

@@ -1279,7 +1279,7 @@ class ChrBaseInputComponent {
                 if (this.type() === 'number' && value !== null)
                     value = Number(value);
                 this.onChange(value);
-                this.value.set(value);
+                this.writeValue(value);
             });
         };
         this.configureTouchBehavior = () => {
@@ -1725,7 +1725,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 
 class ChrTagSelectComponent extends ChrBaseInputComponent {
     constructor() {
-        const ngControl = inject(NgControl, { optional: true });
         super();
         this.predicate = true;
         this.autocomplete = viewChild.required('auto');
@@ -1819,6 +1818,7 @@ class ChrTagSelectComponent extends ChrBaseInputComponent {
                 value[value.indexOf(entry)] = res;
                 return [...(value ?? [])];
             });
+            this.onValueChange(this.value());
         };
         this.registerFilters = () => {
             this.filteredModelOptions = this.values.pipe(startWith(''), combineLatestWith(this.data$), map((value) => this._filterModel(this.textInputValue() || -1)), map((values) => {
@@ -1894,8 +1894,8 @@ class ChrTagSelectComponent extends ChrBaseInputComponent {
         };
         this.addSubject.subscribe((entry) => {
             if (!this.value()?.find((v) => v == entry)) {
-                this.value.set([...(this.value() ?? []), entry]);
-                //this.onValueChange(this.value());
+                const updated = [...(this.value() || []), entry];
+                this.onValueChange(updated.length > 0 ? updated : null);
             }
         });
         this.editSubject.subscribe((entry) => {
@@ -1904,7 +1904,7 @@ class ChrTagSelectComponent extends ChrBaseInputComponent {
                 value[index] = entry;
                 return [...(value ?? [])];
             });
-            //return this.onValueChange(this.value());
+            return this.onValueChange(this.value());
         });
         effect(() => {
             this.data$.next(this.data() || []);
@@ -1915,14 +1915,12 @@ class ChrTagSelectComponent extends ChrBaseInputComponent {
         //console.log(this.value);
         this.registerFilters();
     }
-    writeValue(obj) {
-        super.writeValue(obj);
-    }
     remove(value) {
+        const updated = this.value()?.filter((v) => v != value);
         if (this.value() !== null)
-            this.value.set(this.value()?.filter((v) => v != value));
-        if (this.value()?.length === 0)
-            this.value.set(null);
+            this.onValueChange(updated);
+        if (updated.length === 0)
+            this.onValueChange(null);
         this.removeCallback()?.(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ChrTagSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -3247,7 +3245,11 @@ class ChrDataTable {
          */
         this.actions = input();
         this.contextMenuItems = (entry) => {
-            const entries = this.actions()?.map((action) => ({
+            const entries = this.actions()
+                ?.filter((action) => action.disabledCallback
+                ? !action.disabledCallback(entry)
+                : !action.disabled || false)
+                ?.map((action) => ({
                 label: action.display,
                 icon: action.icon,
                 action: () => action.callback(entry),
@@ -3485,7 +3487,11 @@ class ChrTableComponent {
         this.textColor = input('secondary-contrast');
         this._page = 1;
         this.contextMenuItems = (entry) => {
-            const entries = this.actions()?.map((action) => ({
+            const entries = this.actions()
+                ?.filter((action) => action.disabledCallback
+                ? !action.disabledCallback(entry)
+                : !action.disabled || false)
+                .map((action) => ({
                 label: action.display,
                 icon: action.icon,
                 action: () => action.callback(entry),