@ethlete/query 0.1.0-next.4 → 0.1.0-next.6

package/fesm2020/ethlete-query.mjs

@@ -408,6 +408,10 @@ const gql = (strings, ...values) => {
 };
 
 const deepFreeze = (object) => {
+    // check if object is actually an object or frozen
+    if (!object || typeof object !== 'object' || Object.isFrozen(object)) {
+        return object;
+    }
     // Retrieve the property names defined on object
     const propNames = Object.getOwnPropertyNames(object);
     // Freeze properties before freezing self
@@ -570,7 +574,11 @@ class Query {
             const isResponseObject = typeof response === 'object';
             const isGql = isGqlQueryConfig(this._queryConfig);
             let responseData = null;
-            if (isGql && isResponseObject && 'data' in response.data) {
+            if (isGql &&
+                isResponseObject &&
+                !!response.data &&
+                typeof response.data === 'object' &&
+                'data' in response.data) {
                 responseData = response.data['data'];
             }
             else {
@@ -891,6 +899,7 @@ const skipPaginationPageParamCalculator = ({ page, itemsPerPage }) => itemsPerPa
 const INFINITY_QUERY_TOKEN = new InjectionToken('INFINITY_QUERY_TOKEN');
 class InfinityQueryDirective {
     constructor() {
+        this._queryConfigChanged$ = new Subject();
         this._viewContext = {
             $implicit: null,
             infinityQuery: null,
@@ -916,6 +925,7 @@ class InfinityQueryDirective {
         return this._infinityQuery;
     }
     set infinityQuery(v) {
+        this._cleanup();
         this._infinityQuery = v;
         this._infinityQueryInstance = this._setupInfinityQuery(v);
         this._loadNextPage();
@@ -982,14 +992,14 @@ class InfinityQueryDirective {
                 this._data$.next([]);
             }
             this._cdr.markForCheck();
-        }), takeUntil(this._destroy$))
+        }), takeUntil(this._destroy$), takeUntil(this._queryConfigChanged$))
             .subscribe();
         instance.data$
             .pipe(tap((data) => {
             this._viewContext.infinityQuery = this._viewContext.$implicit = data;
             this._data$.next(data);
             this._cdr.markForCheck();
-        }), takeUntil(this._destroy$))
+        }), takeUntil(this._destroy$), takeUntil(this._queryConfigChanged$))
             .subscribe();
         return instance;
     }
@@ -1005,14 +1015,29 @@ class InfinityQueryDirective {
             this._viewContainerRef.createEmbeddedView(this._mainTemplateRef, this._viewContext);
         }
     }
+    _cleanup() {
+        this._queryConfigChanged$.next(true);
+        this.instance?._destroy();
+        this._viewContext.loading = false;
+        this._viewContext.error = null;
+        this._viewContext.infinityQuery = null;
+        this._viewContext.$implicit = null;
+        this._viewContext.isFirstLoad = false;
+        this._viewContext.canLoadMore = false;
+        this._viewContext.currentPage = null;
+        this._viewContext.itemsPerPage = null;
+        this._viewContext.totalPages = null;
+        this._data$.next([]);
+    }
 }
 InfinityQueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: InfinityQueryDirective, isStandalone: true, selector: "[infinityQuery]", inputs: { infinityQuery: "infinityQuery" }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }], ngImport: i0 });
+InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: InfinityQueryDirective, isStandalone: true, selector: "[infinityQuery]", inputs: { infinityQuery: "infinityQuery" }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }], exportAs: ["infinityQuery"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: InfinityQueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: '[infinityQuery]',
+                    exportAs: 'infinityQuery',
                     standalone: true,
                     providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }],
                 }]