@memberjunction/ng-container-directives 0.9.119 → 0.9.121

package/dist/lib/ng-fill-container-directive.d.ts

@@ -2,6 +2,7 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class FillContainer implements OnInit, OnDestroy {
     private elementRef;
+    private static _instanceCount;
     fillWidth: boolean;
     fillHeight: boolean;
     rightMargin: number;
@@ -17,6 +18,7 @@ export declare class FillContainer implements OnInit, OnDestroy {
     resizeElement(): void;
     protected shouldSkipResize(el: HTMLElement): boolean;
     protected elementBelowHiddenTab(element: HTMLElement): boolean;
+    protected elementWithinGrid(element: HTMLElement): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FillContainer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FillContainer, "[mjFillContainer]", never, { "fillWidth": { "alias": "fillWidth"; "required": false; }; "fillHeight": { "alias": "fillHeight"; "required": false; }; "rightMargin": { "alias": "rightMargin"; "required": false; }; "bottomMargin": { "alias": "bottomMargin"; "required": false; }; }, {}, never, never, false, never>;
 }

package/dist/lib/ng-fill-container-directive.js

@@ -15,6 +15,8 @@ export class FillContainer {
         this._resizeEndDebounceTime = 500;
         this.resizeImmediateSubscription = null;
         this.resizeEndSubscription = null;
+        FillContainer._instanceCount++;
+        console.log('FillContainer instances: ' + FillContainer._instanceCount);
     }
     ngOnInit() {
         const el = this.elementRef.nativeElement;
@@ -41,6 +43,8 @@ export class FillContainer {
         var _a, _b;
         (_a = this.resizeImmediateSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         (_b = this.resizeEndSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        FillContainer._instanceCount--;
+        console.log('FillContainer instances: ' + FillContainer._instanceCount);
     }
     getParent(element) {
         const parent = element.parentElement;
@@ -68,14 +72,18 @@ export class FillContainer {
     resizeElement() {
         const element = this.elementRef.nativeElement;
         try {
+            console.log('resizing element (1st check):  ' + element.nodeName);
             if (element && element.style && !this.shouldSkipResize(element)) {
+                console.log('resizing element (2nd check):  ' + element.nodeName);
                 const parent = this.getParent(element);
                 if (parent && !this.elementBelowHiddenTab(element)) {
+                    console.log('resizing element (3nd check):  ' + element.nodeName);
                     let parentStyle = window.getComputedStyle(parent);
                     if (parentStyle.visibility === 'hidden' || parentStyle.display === 'none') {
                         LogStatus('skipping hidden element: ' + parent.nodeName);
                     }
                     else {
+                        console.log('resizing element (4th check):  ' + element.nodeName);
                         const parentRect = parent.getBoundingClientRect();
                         if (parent.nodeName === 'HTML') {
                             parentRect.height = window.innerHeight;
@@ -105,11 +113,11 @@ export class FillContainer {
             LogError(err);
         }
     }
-    // Function to check if element or its parents have the 'mjSkipResize' attribute
+    // Function to check if element or its parents have the 'mjSkipResize' attribute or if a parent is within a grid
     shouldSkipResize(el) {
         let cur = el;
         while (cur) {
-            if (cur.hasAttribute('mjSkipResize')) {
+            if (cur.hasAttribute('mjSkipResize') || cur.role === 'grid') {
                 return true;
             }
             cur = cur.parentElement;
@@ -134,7 +142,21 @@ export class FillContainer {
         // not below a tab at all
         return false;
     }
+    elementWithinGrid(element) {
+        // check if the element is within a kendo grid 
+        let parent = element.parentElement;
+        while (parent) {
+            if (parent.role === 'grid') {
+                // element is below a grid
+                return true;
+            }
+            parent = parent.parentElement;
+        }
+        // not below a grid
+        return false;
+    }
 }
+FillContainer._instanceCount = 0;
 FillContainer.ɵfac = function FillContainer_Factory(t) { return new (t || FillContainer)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
 FillContainer.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FillContainer, selectors: [["", "mjFillContainer", ""]], inputs: { fillWidth: "fillWidth", fillHeight: "fillHeight", rightMargin: "rightMargin", bottomMargin: "bottomMargin" } });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FillContainer, [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-container-directives",
-  "version": "0.9.119",
+  "version": "0.9.121",
   "description": "MemberJunction: Angular Container Directives - Fill Container for Auto-Resizing, and plain container just for element identification/binding",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",