@decaf-ts/for-angular 0.0.73 → 0.0.74

package/fesm2022/decaf-ts-for-angular.mjs

@@ -6105,7 +6105,6 @@ let CrudFieldComponent = class CrudFieldComponent extends NgxFormFieldDirective
      * @memberOf CrudFieldComponent
      */
     async ngOnInit() {
-        this.options = await this.getOptions();
         if (Array.isArray(this.hidden) && !this.hidden.includes(this.operation))
             this.hidden = false;
         if (this.readonly && typeof this.readonly === Function.name.toLocaleLowerCase())
@@ -6117,6 +6116,7 @@ let CrudFieldComponent = class CrudFieldComponent extends NgxFormFieldDirective
             this.formGroup = undefined;
         }
         else {
+            this.options = await this.getOptions();
             if (!this.parentForm && this.formGroup instanceof FormGroup || this.formGroup instanceof FormArray)
                 this.parentForm = (this.formGroup.root || this.formControl.root);
             if (this.multiple) {
@@ -6147,11 +6147,11 @@ let CrudFieldComponent = class CrudFieldComponent extends NgxFormFieldDirective
             return [];
         if (this.options instanceof Function) {
             if (this.options.name === 'options')
-                this.options = this.options();
+                this.options = await this.options();
             const fnName = this.options?.name;
             if (fnName) {
                 if (fnName === 'function') {
-                    this.options = this.options();
+                    this.options = await this.options();
                 }
                 else {
                     const repo = getModelAndRepository(this.options?.['name'], this);
@@ -10143,14 +10143,23 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      * @returns {KeyValue} A mapper object that contains string values mapped to the
      * component's public keys.
      */
-    get _mapper() {
+    async getMapper() {
         this.mapper = { ...this.mapper, ...{ uid: this.pk } };
-        return Object.keys(this.mapper).reduce((accum, curr) => {
-            const mapper = this.mapper[curr];
-            if (typeof mapper === 'string')
-                accum[curr] = mapper;
-            return accum;
-        }, {});
+        const mapper = {};
+        for (const [key, value] of Object.entries(this.mapper)) {
+            if (typeof value === Primitives.STRING) {
+                mapper[key] = value;
+                continue;
+            }
+            const mapperFn = value?.['valueParserFn'] || undefined;
+            if (typeof mapperFn === 'function') {
+                const value = await mapperFn(key, this);
+                if (typeof value === Primitives.STRING) {
+                    mapper[value] = key;
+                }
+            }
+        }
+        return mapper;
     }
     /**
      * @description Refreshes the list data from the configured source.
@@ -10296,7 +10305,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      */
     async handleCreate(uid) {
         const result = await this._repository?.read(uid);
-        const item = this.mapResults([result])[0];
+        const item = (await this.mapResults([result]))[0];
         this.items = this.data = [item, ...(this.items || [])];
     }
     /**
@@ -10512,8 +10521,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      */
     parseSearchResults(results, search) {
         const filtered = results.filter((item) => Object.values(item).some((v) => {
-            if (v
-                .toString()
+            if (`${v}`
                 .toLowerCase()
                 .includes(search?.toLowerCase()))
                 return v;
@@ -10596,7 +10604,11 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
     async getFromModel(force = false) {
         let data = [...(this.data || [])];
         let request = [];
-        // getting model repository
+        if (!this.repositoryObserver) {
+            this.repositoryObserver = {
+                refresh: async (...args) => this.handleRepositoryRefresh(...args),
+            };
+        }
         if (!this._repository) {
             this._repository = this.repository;
             try {
@@ -10783,7 +10795,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
             this.getMoreData(result?.length || 0);
         }
         return Object.keys(this.mapper || {}).length
-            ? this.mapResults(result)
+            ? await this.mapResults(result)
             : result;
     }
     /**
@@ -10871,11 +10883,11 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      *
      * @memberOf ListComponent
      */
-    mapResults(data) {
+    async mapResults(data) {
         if (!data || !data.length)
             return [];
         // passing uid as prop to mapper
-        this.mapper = this._mapper;
+        this.mapper = await this.getMapper();
         const props = Object.assign({
             operations: this.operations,
             route: this.route,
@@ -12649,6 +12661,9 @@ let TableComponent = class TableComponent extends ListComponent {
     }
     async ngOnInit() {
         this.initialized = false;
+        this.repositoryObserver = {
+            refresh: async (...args) => this.handleRepositoryRefresh(...args),
+        };
         this.type = ListComponentsTypes.PAGINATED;
         this.empty = Object.assign({}, DefaultListEmptyOptions, this.empty);
         if (!this.initialized)
@@ -12724,7 +12739,7 @@ let TableComponent = class TableComponent extends ListComponent {
             return { ...accum, [curr]: parserFn ? parserFn(mapped[curr], this) : mapped[curr] };
         }, { ...props });
     }
-    mapResults(data) {
+    async mapResults(data) {
         if (!data || !data.length)
             return [];
         return data.reduce((accum, curr) => [