@acorex/components 7.4.8 → 7.5.0

package/fesm2022/acorex-components-common.mjs

@@ -9,6 +9,7 @@ import { map, pairwise, filter, startWith, exhaustMap } from 'rxjs/operators';
 import { classes } from 'polytype';
 import { AXHtmlUtil } from '@acorex/core/utils';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
+import isEqual from 'lodash-es/isEqual';
 import * as i1$1 from '@angular/forms';
 
 const defaultOffset = 3;
@@ -327,6 +328,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
         }] });
 
 ;
+// export interface AXDataSourceQuery {
+//     take?: number;
+//     skip?: number;
+//     searchQuery?: string;
+// }
+// export interface AXDataSourceCallbackResult<T> {
+//     items: Array<T>;
+//     total: number;
+// };
+// export type AXDataSourceLoadCallback<T> = (e: AXDataSourceQuery) => Promise<AXDataSourceCallbackResult<T>>;
+// export type AXDataSourceByKeyCallback<T> = (key: T) => Promise<T>;
+// export interface AXDateSourceRecord<T = unknown> {
+//     id: T;
+//     text: string;
+//     disabled: boolean,
+//     selected: boolean,
+//     [key: string]: unknown;
+// }
+// export interface AXDateSourceConfig<T> {
+//     load: AXDataSourceLoadCallback<T>;
+//     byKey: AXDataSourceByKeyCallback<T>
+// }
+// export class AXDateSource {
+//     constructor(public config: AXDateSourceConfig<unknown>) {
+//     }
+//     private _displayItems: AXDateSourceRecord[];
+//     public get displayItems(): AXDateSourceRecord[] {
+//         return this._displayItems;
+//     }
+//     public set displayItems(v: AXDateSourceRecord[]) {
+//         this._displayItems = this.normalizeItemsList(v);
+//     }
+//     private normalizeItem(item: unknown): AXDateSourceRecord {
+//         const obj: Partial<AXDateSourceRecord> = {};
+//         if (typeof item == 'object') {
+//             Object.assign(obj, item);
+//         } else if (typeof item != 'function') {
+//             const existsItem = this.displayItems.find((c) => c.id == item);
+//             if (existsItem) Object.assign(obj, existsItem);
+//             else {
+//                 obj.id = item;
+//                 obj.text = item?.toString();
+//             }
+//         }
+//         return obj as AXDateSourceRecord;
+//     }
+//     private normalizeItemsList(items: unknown[]): AXDateSourceRecord[] {
+//         if (items == null) return [];
+//         return items.filter((c) => c != null).map((i) => this.normalizeItem(i));
+//     }
+// }
 
 const AX_STYLE_COLOR_TYPES = [
     'primary',
@@ -1066,8 +1118,7 @@ class MXValueComponent extends MXInteractiveComponent {
     set value(v) {
         v = this.internalSetValue(v);
         const old = clone(this.value);
-        // TODO: check real equality
-        if (v != old) {
+        if (!isEqual(old, v)) {
             this._value = v;
             this.emitOnValueChangedEvent(old, this.value);
             if (v == null || v == undefined || v == '' || (Array.isArray(v) && v.length == 0)) {
@@ -1282,15 +1333,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
 class MXSelectionValueComponent extends MXValueComponent {
     constructor() {
         super(...arguments);
-        this.selectionMode = 'value';
         this._valueField = 'id';
         this._textField = 'text';
         this._hintField = 'hint';
         this._disabledField = 'disabled';
-        this._readonlyField = 'readonly';
         this._multiple = false;
-        this._items = [];
-        this.displayItems = [];
         this._selectedItems = [];
     }
     get valueField() {
@@ -1329,15 +1376,6 @@ class MXSelectionValueComponent extends MXValueComponent {
             value: v,
         });
     }
-    get readonlyField() {
-        return this._readonlyField;
-    }
-    set readonlyField(v) {
-        this.setOption({
-            name: 'readonlyField',
-            value: v,
-        });
-    }
     get multiple() {
         return this._multiple;
     }
@@ -1347,26 +1385,14 @@ class MXSelectionValueComponent extends MXValueComponent {
             value: v,
         });
     }
-    get items() {
-        return this._items;
-    }
-    set items(v) {
-        this.setOption({
-            name: 'items',
-            value: v,
-            afterCallback: (oldValue, newValue) => {
-                this.displayItems = this.normalizeItemsList(newValue);
-            },
-        });
-    }
     get selectedItems() {
         return this._selectedItems || [];
     }
     internalSetValue(value) {
-        let normalizedItems = Array.isArray(value)
+        debugger;
+        const normalizedItems = Array.isArray(value)
             ? this.normalizeItemsList(value)
             : this.normalizeItemsList([value]);
-        normalizedItems = normalizedItems.filter((c) => this.displayItems.some((d) => d[this.valueField] == c[this.valueField]));
         return this.multiple ? normalizedItems : normalizedItems[0];
     }
     emitOnValueChangedEvent(oldValue, newValue) {
@@ -1384,7 +1410,7 @@ class MXSelectionValueComponent extends MXValueComponent {
             Object.assign(obj, item);
         }
         else if (typeof item != 'function') {
-            const existsItem = this.displayItems.find((c) => c[this.valueField] == item);
+            const existsItem = this.getItemByKey(item);
             if (existsItem)
                 Object.assign(obj, existsItem);
             else {
@@ -1395,8 +1421,8 @@ class MXSelectionValueComponent extends MXValueComponent {
         return obj;
     }
     _normalizeSelectedItems() {
-        const values = Array.isArray(this.value) ? this.value : [this.value];
-        this._selectedItems = this.displayItems.filter((c) => values.some((v) => v[this.valueField] == c[this.valueField]));
+        const values = Array.isArray(this.value) ? this.value : (this.value ? [this.value] : []);
+        this._selectedItems = values.map(v => this.normalizeItem(v));
     }
     unselectItems(...items) {
         if (!items || items.length === 0) {
@@ -1423,9 +1449,6 @@ class MXSelectionValueComponent extends MXValueComponent {
             }
             this.commitValue(newSelectedItems, true);
         }
-        else {
-            this.commitValue(this.displayItems, true);
-        }
     }
     toggleSelect(...items) {
         items?.forEach((item) => {
@@ -1438,12 +1461,17 @@ class MXSelectionValueComponent extends MXValueComponent {
         });
     }
     isItemSelected(item) {
-        return this.selectedItems.some((c) => c[this.valueField] === item[this.valueField]);
+        return this.selectedItems.some((c) => c[this.valueField] === this.normalizeItem(item)[this.valueField]);
     }
     isItemDisabled(item) {
-        return (coerceBooleanProperty(item[this.disabledField]) === true ||
+        return (this.disabled ||
+            coerceBooleanProperty(item[this.disabledField]) === true ||
             (this.disabledCallback ? this.disabledCallback({ item, index: -1 }) : false));
     }
+    getDisplayText(item) {
+        const normalizeItem = this.normalizeItem(item);
+        return normalizeItem[this.textField];
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: MXSelectionValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: MXSelectionValueComponent }); }
 }