@decaf-ts/for-angular 0.1.0 → 0.1.3

package/{dist/lib/fesm2022 → fesm2022}/decaf-ts-for-angular.mjs

@@ -7,13 +7,13 @@ import { ValidationKeys, DEFAULT_PATTERNS, VALIDATION_PARENT_KEY, Primitives, Mo
 import { OperationKeys, InternalError, NotFoundError } from '@decaf-ts/db-decorators';
 import * as i1 from '@angular/forms';
 import { FormGroup, FormControl, FormArray, AbstractControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { Logging, LoggedClass, sf } from '@decaf-ts/logging';
-import { InjectableRegistryImp } from '@decaf-ts/injectable-decorators';
 import { Repository, OrderDirection, Condition } from '@decaf-ts/core';
 import { uses, Metadata, apply, metadata } from '@decaf-ts/decoration';
+import { Logging, LoggedClass, sf } from '@decaf-ts/logging';
 import { AnimationController, provideIonicAngular, LoadingController, IonIcon, IonButton, IonModal, IonSpinner, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar, IonInput, IonItem, IonCheckbox, IonRadioGroup, IonRadio, IonSelect, IonSelectOption, IonLabel, IonBadge, IonText, IonTextarea, IonCard, IonCardHeader, IonCardContent, IonCardTitle, IonCardSubtitle, IonList, IonReorder, IonReorderGroup, IonSearchbar, IonChip, IonRefresher, IonThumbnail, IonSkeletonText, IonRefresherContent, IonInfiniteScroll, IonInfiniteScrollContent, IonListHeader, IonItemSliding, IonItemOptions, IonItemOption, IonPopover, NavController } from '@ionic/angular/standalone';
+import { InjectableRegistryImp } from '@decaf-ts/injectable-decorators';
 import { faker } from '@faker-js/faker';
-import { forkJoin, Subject, BehaviorSubject, fromEvent, of, merge, Observable, timer, firstValueFrom, shareReplay as shareReplay$1, takeUntil as takeUntil$1, debounceTime } from 'rxjs';
+import { forkJoin, Subject, BehaviorSubject, fromEvent, of, merge, Observable, timer, firstValueFrom, debounceTime, shareReplay as shareReplay$1, takeUntil as takeUntil$1 } from 'rxjs';
 import { Title, DomSanitizer } from '@angular/platform-browser';
 import { Router, NavigationStart, NavigationEnd, ActivatedRoute } from '@angular/router';
 import { MenuController } from '@ionic/angular';
@@ -389,12 +389,16 @@ function getInjectablesRegistry() {
  * @memberOf module:for-angular
  */
 function isDevelopmentMode(context = 'localhost') {
-    if (!context)
-        return isDevMode();
+    const devMode = isDevMode();
     const win = getWindow();
-    return (isDevMode() ||
-        win?.['env']?.['CONTEXT'].toLowerCase() !== context.toLowerCase() ||
-        win?.['location']?.hostname?.includes(context));
+    const env = win?.['env'] || win?.['ENV'];
+    const { protocol } = win.location || {};
+    if (!env || !context) {
+        if (protocol.includes('https'))
+            return false;
+        return devMode;
+    }
+    return env?.['CONTEXT'].toLowerCase() !== context.toLowerCase() || win?.['location']?.hostname?.includes(context);
 }
 /**
  * @description Dispatches a custom event to the document window
@@ -595,9 +599,7 @@ function getLocaleLanguage() {
  * @memberOf module:for-angular
  */
 function generateRandomValue(length = 8, onlyNumbers = false) {
-    const chars = onlyNumbers
-        ? '0123456789'
-        : 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    const chars = onlyNumbers ? '0123456789' : 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
     let result = '';
     for (let i = 0; i < length; i++)
         result += chars.charAt(Math.floor(Math.random() * chars.length));
@@ -718,9 +720,7 @@ function itemMapper(item, mapper, props) {
             }
             else {
                 for (const propValue of arrayValue)
-                    value = !value
-                        ? item[propValue]
-                        : (typeof value === 'string' ? JSON.parse(value) : value)[propValue];
+                    value = !value ? item[propValue] : (typeof value === 'string' ? JSON.parse(value) : value)[propValue];
                 if (isValidDate(new Date(value)))
                     value = `${formatDate(value)}`;
                 accum[key] = value === null || value === undefined ? prop : value;
@@ -826,7 +826,7 @@ async function isDarkMode() {
 function filterString(original, value, contain = true) {
     if (typeof original === Primitives.STRING)
         original = original.split(' ');
-    return (original.filter((str) => contain ? str.includes(value) : !str.includes(value)) || []).join(' ');
+    return (original.filter((str) => (contain ? str.includes(value) : !str.includes(value))) || []).join(' ');
 }
 /**
  * @summary Retrieves the icon associated with a menu item based on its label.
@@ -3702,6 +3702,7 @@ class NgxRepositoryDirective extends DecafComponent {
          */
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.repositoryObserverSubject = new Subject();
+        this.destroySubscriptions$ = new Subject();
     }
     async initialize() {
         if (this.repository) {
@@ -3741,11 +3742,37 @@ class NgxRepositoryDirective extends DecafComponent {
         return this._context;
     }
     async refresh(model) {
+        if (this.repository) {
+            this.observe();
+        }
         if (model && Model.isModel(model)) {
             this.model = Model.build(model, this.modelName);
             this._data = model;
         }
     }
+    observe() {
+        if (!this.repositoryObserver) {
+            this.repositoryObserver = {
+                refresh: async (...args) => this.handleRepositoryRefresh(...args),
+            };
+            try {
+                // const observerHandler = (this._repository as DecafRepository<Model>)['observerHandler'];
+                // if (!observerHandler)
+                //   (this._repository as DecafRepository<Model>).observe(this.repositoryObserver);
+                const observerHandler = this.repository?.['observerHandler'];
+                if (!observerHandler?.observers?.length) {
+                    this.repository?.observe(this.repositoryObserver);
+                    this.log.for(this.observe).info(`Registered repository observer for model ${this.modelName}`);
+                    this.repositoryObserverSubject
+                        .pipe(debounceTime(100), shareReplay$1(1), takeUntil$1(this.destroySubscriptions$))
+                        .subscribe(([model, action, uid, data]) => this.handleObserveEvent(data, model, action, uid));
+                }
+            }
+            catch (error) {
+                this.log.info(error?.message);
+            }
+        }
+    }
     buildCondition(attr) {
         if (!attr) {
             attr = (this.filterBy || this.pk);
@@ -3773,9 +3800,7 @@ class NgxRepositoryDirective extends DecafComponent {
             if (pk && this._context) {
                 pk = Model.pk(this._context.class);
             }
-            data = data
-                .map((item) => item[pk])
-                .filter(Boolean);
+            data = data.map((item) => item[pk]).filter(Boolean);
         }
         else {
             data = [data];
@@ -3864,9 +3889,7 @@ class NgxRepositoryDirective extends DecafComponent {
         if (!operation) {
             operation = this.operation;
         }
-        operation = ([OperationKeys.READ, OperationKeys.DELETE].includes(operation)
-            ? OperationKeys.DELETE
-            : operation.toLowerCase());
+        operation = ([OperationKeys.READ, OperationKeys.DELETE].includes(operation) ? OperationKeys.DELETE : operation.toLowerCase());
         if (Array.isArray(data))
             return data.map((item) => this.buildTransactionModel(item, repository, operation));
         const pk = Model.pk(repository.class);
@@ -3878,11 +3901,7 @@ class NgxRepositoryDirective extends DecafComponent {
         const uid = this.parsePkValue(operation === OperationKeys.DELETE ? data[pk] : modelId, pkType);
         if (operation !== OperationKeys.DELETE) {
             const properties = Metadata.properties(repository.class);
-            const relation = pk === this.pk
-                ? {}
-                : properties.includes(this.pk) && !data[this.pk]
-                    ? { [this.pk]: modelId }
-                    : {};
+            const relation = pk === this.pk ? {} : properties.includes(this.pk) && !data[this.pk] ? { [this.pk]: modelId } : {};
             if (!String(data?.[pk] || '').trim().length) {
                 data[pk] = undefined;
             }
@@ -3895,9 +3914,7 @@ class NgxRepositoryDirective extends DecafComponent {
         return this.indexes;
     }
     parsePkValue(value, type) {
-        return [Primitives.NUMBER, Primitives.BIGINT].includes(type.toLowerCase())
-            ? Number(value)
-            : value;
+        return [Primitives.NUMBER, Primitives.BIGINT].includes(type.toLowerCase()) ? Number(value) : value;
     }
     getModelConstrutor(model) {
         return Model.get(typeof model === Primitives.STRING ? String(model) : model?.constructor.name);
@@ -3910,9 +3927,7 @@ class NgxRepositoryDirective extends DecafComponent {
             return Metadata.type(constructor, prop)?.name;
         }
         catch (error) {
-            this.log
-                .for(this)
-                .info(`${error?.message || String(error)}. Tryng get with table Name`);
+            this.log.for(this).info(`${error?.message || String(error)}. Tryng get with table Name`);
             constructor = Model.get(Model.tableName(this.repository.class));
             return Metadata.type(constructor, prop)?.name;
         }
@@ -3930,9 +3945,9 @@ class NgxRepositoryDirective extends DecafComponent {
      * @returns {Promise<void>}
      */
     async handleRepositoryRefresh(...args) {
-        const [modelInstance, event, uid] = args;
-        if ([OperationKeys.CREATE, OperationKeys.DELETE].includes(event))
-            return this.handleObserveEvent(modelInstance, event, uid);
+        const [model, action, uid, data] = args;
+        if ([OperationKeys.CREATE, OperationKeys.DELETE].includes(action))
+            return this.handleObserveEvent(data, model, action, uid, data);
         return this.repositoryObserverSubject.next(args);
     }
     async handleObserveEvent(...args) {
@@ -4336,7 +4351,6 @@ class NgxComponentDirective extends NgxRepositoryDirective {
          * @default WindowColorSchemes.light
          */
         this.colorSchema = WindowColorSchemes.light;
-        this.destroySubscriptions$ = new Subject();
         this.value = undefined;
         this.componentName = componentName || this.constructor.name || 'NgxComponentDirective';
         this.localeRoot = localeRoot;
@@ -4441,8 +4455,9 @@ class NgxComponentDirective extends NgxRepositoryDirective {
                     if (this.model && !this.pk)
                         this.pk = pk;
                     this.pkType = pkType;
-                    if (!this.modelName)
+                    if (!this.modelName) {
                         this.modelName = repository.class.name;
+                    }
                 }
             }
         }
@@ -11528,10 +11543,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      * @memberOf ListComponent
      */
     async ngOnInit() {
-        this.initialized = false;
-        this.repositoryObserver = {
-            refresh: async (...args) => this.handleRepositoryRefresh(...args),
-        };
+        // this.initialized = false;
         // this.router.events.subscribe(async event => {
         //   if (event instanceof NavigationStart)
         //     await super.ngOnDestroy();
@@ -11541,9 +11553,6 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
         this.clickItemSubject
             .pipe(debounceTime(100), shareReplay$1(1), takeUntil$1(this.destroySubscriptions$))
             .subscribe((event) => this.clickEventEmit(event));
-        this.repositoryObserverSubject
-            .pipe(debounceTime(100), shareReplay$1(1), takeUntil$1(this.destroySubscriptions$))
-            .subscribe(([modelInstance, event, uid]) => this.handleObserveEvent(modelInstance, event, uid));
         this.limit = Number(this.limit);
         this.start = Number(this.start);
         this.enableFilter = stringToBoolean(this.enableFilter);
@@ -11593,13 +11602,16 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
         if (this._repository && this.repositoryObserver) {
             const repo = this._repository;
             //TODO: fix check observerHandler
-            const observeHandler = repo['observerHandler'];
-            if (observeHandler && observeHandler?.observers?.length) {
-                try {
-                    repo.unObserve(this.repositoryObserver);
-                }
-                catch (error) {
-                    this.log.info(error?.message);
+            if (repo) {
+                const observeHandler = repo['observerHandler'];
+                if (observeHandler && observeHandler?.observers?.length) {
+                    try {
+                        repo.unObserve(this.repositoryObserver);
+                        this.log.info(`Repository observer detached successfully for repository ${repo.class.name}`);
+                    }
+                    catch (error) {
+                        this.log.info(error?.message);
+                    }
                 }
             }
         }
@@ -11684,6 +11696,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      * @memberOf ListComponent
      */
     async refresh(event = false) {
+        await super.refresh();
         //  if (typeof force !== 'boolean' && force.type === ComponentEventNames.BackButtonClickEvent) {
         //    const {refresh} = (force as CustomEvent).detail;
         //    if (!refresh)
@@ -11730,18 +11743,19 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      * @returns {Promise<void>}
      * @memberOf ListComponent
      */
-    async handleObserveEvent(clazz, event, uid) {
+    async handleObserveEvent(data, constructor, event, uid) {
         if (event === OperationKeys.CREATE) {
             if (uid) {
-                await this.handleCreate(uid);
+                await this.handleCreate(data, uid);
             }
             else {
                 await this.refresh(true);
             }
         }
         else {
-            if (event === OperationKeys.UPDATE)
-                await this.handleUpdate(uid);
+            if (event === OperationKeys.UPDATE) {
+                await this.handleUpdate(data, uid);
+            }
             if (event === OperationKeys.DELETE)
                 this.handleDelete(uid);
             this.refreshEventEmit();
@@ -11772,9 +11786,11 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      * @param {string | number} uid - The ID of the item to create.
      * @returns {Promise<void>} A promise that resolves when the item is created and added to the list.
      */
-    async handleCreate(uid) {
-        const result = await this._repository?.read(uid);
-        const item = (await this.mapResults([result]))[0];
+    async handleCreate(data, uid) {
+        if (!data || !Object.keys(data).length) {
+            data = (await this._repository?.read(uid));
+        }
+        const item = (await this.mapResults([data]))[0];
         this.items = this.data = [item, ...(this.items || [])];
     }
     /**
@@ -11786,8 +11802,10 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      * @private
      * @memberOf ListComponent
      */
-    async handleUpdate(uid) {
-        const item = await this._repository?.read(uid);
+    async handleUpdate(item, uid) {
+        if (!item || !Object.keys(item).length) {
+            item = (await this._repository?.read(uid));
+        }
         // const item: KeyValue = this.itemMapper((await this._repository?.read(uid)) || {}, this.mapper);
         this.data = [];
         this.changeDetectorRef.detectChanges();
@@ -12017,10 +12035,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      */
     async getFromRequest(force = false, start, limit) {
         let data = [...(this.data || [])];
-        if (!this.data?.length ||
-            force ||
-            this.searchValue?.length ||
-            !!this.searchValue) {
+        if (!this.data?.length || force || this.searchValue?.length || !!this.searchValue) {
             // (self.data as ListItem[]) = [];
             if (!this.searchValue?.length && !this.searchValue) {
                 if (!this.source && !this.data?.length) {
@@ -12051,9 +12066,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
         else {
             const data = [...(await this.parseResult(this.data))];
             this.items =
-                this.type === ListComponentsTypes.INFINITE
-                    ? [...(this.items || []), ...(data || [])]
-                    : [...(data || [])];
+                this.type === ListComponentsTypes.INFINITE ? [...(this.items || []), ...(data || [])] : [...(data || [])];
             if (this.isModalChild)
                 this.changeDetectorRef.detectChanges();
         }
@@ -12080,30 +12093,11 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
         if (!this._repository) {
             this._repository = this.repository;
         }
-        if (!this.repositoryObserver) {
-            this.repositoryObserver = {
-                refresh: async (...args) => this.handleRepositoryRefresh(...args),
-            };
-        }
-        try {
-            // const observerHandler = (this._repository as DecafRepository<Model>)['observerHandler'];
-            // if (!observerHandler)
-            //   (this._repository as DecafRepository<Model>).observe(this.repositoryObserver);
-            const observerHandler = this._repository['observerHandler'];
-            if (!observerHandler?.observers?.length)
-                this._repository.observe(this.repositoryObserver);
-        }
-        catch (error) {
-            this.log.info(error?.message);
-        }
         const repo = this._repository;
         if (!this.indexes) {
             this.indexes = Object.keys(Model.indexes(this.model) || {});
         }
-        if (!this.data?.length ||
-            force ||
-            this.searchValue?.length ||
-            !!this.searchValue) {
+        if (!this.data?.length || force || this.searchValue?.length || !!this.searchValue) {
             try {
                 if (!this.searchValue?.length && !this.searchValue) {
                     this.data = [];
@@ -12124,12 +12118,10 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
                     data = [];
                     this.changeDetectorRef.detectChanges();
                 }
-                data =
-                    this.type === ListComponentsTypes.INFINITE ? [...data.concat(request)] : [...request];
+                data = this.type === ListComponentsTypes.INFINITE ? [...data.concat(request)] : [...request];
             }
             catch (error) {
-                this.log.error(error?.message ||
-                    `Unable to find ${this.model} on registry. Return empty array from component`);
+                this.log.error(error?.message || `Unable to find ${this.model} on registry. Return empty array from component`);
             }
         }
         if (data?.length) {
@@ -12253,8 +12245,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
                 this.getMoreData(paginator.total || this.pages);
             }
             catch (error) {
-                this.log.info(error?.message ||
-                    'Unable to get page from paginator. Return empty array from component');
+                this.log.info(error?.message || 'Unable to get page from paginator. Return empty array from component');
                 result = [];
             }
         }
@@ -12276,8 +12267,9 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
      */
     getMoreData(length) {
         if (this.type === ListComponentsTypes.INFINITE) {
-            if (this.paginator)
+            if (this.paginator) {
                 length = length * this.limit;
+            }
             if (length <= this.limit) {
                 this.loadMoreData = false;
             }
@@ -12326,9 +12318,7 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
                 else {
                     let val;
                     for (const _value of arrayValue)
-                        val = !val
-                            ? item[_value]
-                            : (typeof val === Primitives.STRING ? JSON.parse(val) : val)[_value];
+                        val = !val ? item[_value] : (typeof val === Primitives.STRING ? JSON.parse(val) : val)[_value];
                     if (isValidDate(new Date(val)))
                         val = `${formatDate(val)}`;
                     accum[key] = val === null || val === undefined ? value : val;
@@ -14105,9 +14095,8 @@ class NgxRouterService {
      * @memberOf RouterService
      */
     getPreviousUrl() {
-        const currentNavigation = this.router.getCurrentNavigation();
-        if (!!currentNavigation &&
-            currentNavigation.previousNavigation?.finalUrl?.toString() !== undefined)
+        const currentNavigation = this.router.currentNavigation() || this.router.getCurrentNavigation();
+        if (!!currentNavigation && currentNavigation.previousNavigation?.finalUrl?.toString() !== undefined)
             this.previousUrl = currentNavigation.previousNavigation?.finalUrl?.toString();
         return this.previousUrl;
     }
@@ -14205,9 +14194,7 @@ let TableComponent = class TableComponent extends ListComponent {
             if (aWeight !== bWeight) {
                 return aWeight - bWeight;
             }
-            if (aWeight === 1 &&
-                typeof aSequence === Primitives.NUMBER &&
-                typeof bSequence === Primitives.NUMBER) {
+            if (aWeight === 1 && typeof aSequence === Primitives.NUMBER && typeof bSequence === Primitives.NUMBER) {
                 return aSequence - bSequence;
             }
             return 0;
@@ -14232,7 +14219,7 @@ let TableComponent = class TableComponent extends ListComponent {
         this.empty = Object.assign({}, DefaultListEmptyOptions, this.empty);
         this.repositoryObserverSubject
             .pipe(debounceTime(100), shareReplay$1(1), takeUntil$1(this.destroySubscriptions$))
-            .subscribe(([modelInstance, event, uid]) => this.handleObserveEvent(modelInstance, event, uid));
+            .subscribe(([model, action, uid, data]) => this.handleObserveEvent(model, action, uid, data));
         this.cols = this._cols;
         this.getOperations();
         this.searchValue = undefined;
@@ -14260,8 +14247,7 @@ let TableComponent = class TableComponent extends ListComponent {
     }
     getOperations() {
         if (this.allowOperations) {
-            this.allowOperations =
-                this.isAllowed(OperationKeys.UPDATE) || this.isAllowed(OperationKeys.DELETE);
+            this.allowOperations = this.isAllowed(OperationKeys.UPDATE) || this.isAllowed(OperationKeys.DELETE);
         }
         else {
             this.operations = [];
@@ -14338,9 +14324,7 @@ let TableComponent = class TableComponent extends ListComponent {
                     return value;
                 }
                 catch (error) {
-                    this.log
-                        .for(this.itemMapper)
-                        .error(`Error mapping child events. ${error?.message || error}`);
+                    this.log.for(this.itemMapper).error(`Error mapping child events. ${error?.message || error}`);
                 }
             };
             const name = this.cols[Number(curr)];