@wavemaker/app-ng-runtime 11.5.0-next.24741 → 11.5.0-next.24745

app-ng-runtime/components/data/list/fesm2020/index.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ViewContainerRef, Directive, Optional, HostBinding, HostListener, Input, Component, Attribute, ContentChild, ContentChildren, ViewChild, ViewChildren, NgModule } from '@angular/core';
+import { ViewContainerRef, inject, Directive, HostBinding, HostListener, Input, Component, Attribute, ContentChild, ContentChildren, ViewChild, ViewChildren, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@wm/components/base';
@@ -7,7 +7,7 @@ import { register, PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, StylableCom
 import * as i2$1 from '@wm/components/data/pagination';
 import { PaginationComponent, PaginationModule } from '@wm/components/data/pagination';
 import * as i2 from '@wm/core';
-import { isMobileApp, $watch, getClonedObject, isDefined, $appDigest, noop, generateGUId, $invokeWatchers, DataSource, isDataSourceEqual, isObject, isMobile, switchClass, setListClass, isNumber } from '@wm/core';
+import { isMobileApp, App, findParent, $watch, getClonedObject, isDefined, $appDigest, noop, generateGUId, $invokeWatchers, DataSource, isDataSourceEqual, isObject, isMobile, switchClass, setListClass, isNumber } from '@wm/core';
 import { ButtonComponent } from '@wm/components/input';
 import { Subject } from 'rxjs';
 import { SwipeAnimation } from '@swipey';
@@ -86,10 +86,9 @@ class ListItemDirective {
     set wmListItem(val) {
         this.item = val;
     }
-    constructor(inj, elRef, app, _viewParent) {
+    constructor(inj, elRef, app) {
         this.inj = inj;
         this.app = app;
-        this._viewParent = _viewParent;
         this.destroy = new Subject();
         this.destroy$ = this.destroy.asObservable();
         this.itemClass = '';
@@ -98,6 +97,9 @@ class ListItemDirective {
         this.disableItem = false;
         this.viewContainerRef = inj.get(ViewContainerRef);
         this.nativeElement = elRef.nativeElement;
+        let viewParentApp = this.inj ? this.inj.get(App) : inject(App);
+        let _viewParent = findParent(this.inj._lView, viewParentApp);
+        // @ts-ignore
         this.listComponent = _viewParent;
         // this.context = (<NgForOfContext<ListItemDirective>>(<any>inj).view.context);
         this.context = this.inj._lView[8];
@@ -162,7 +164,7 @@ class ListItemDirective {
         this.setUpCUDHandlers();
     }
 }
-ListItemDirective.ɵfac = function ListItemDirective_Factory(t) { return new (t || ListItemDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.App), i0.ɵɵdirectiveInject(ListComponent, 8)); };
+ListItemDirective.ɵfac = function ListItemDirective_Factory(t) { return new (t || ListItemDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.App)); };
 ListItemDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ListItemDirective, selectors: [["", "wmListItem", ""]], hostVars: 4, hostBindings: function ListItemDirective_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("focus", function ListItemDirective_focus_HostBindingHandler() { return ctx.onFocus(); });
     } if (rf & 2) {
@@ -174,9 +176,7 @@ ListItemDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ListItemD
                 selector: '[wmListItem]',
                 exportAs: 'listItemRef'
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i2.App }, { type: ListComponent, decorators: [{
-                type: Optional
-            }] }]; }, { isActive: [{
+    }], function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i2.App }]; }, { isActive: [{
             type: HostBinding,
             args: ['class.active']
         }], disableItem: [{