@memberjunction/ng-container-directives 0.9.97 → 0.9.109

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

@@ -1,8 +1,8 @@
-import { ViewContainerRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class Container {
-    viewContainerRef: ViewContainerRef;
-    constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<Container, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Container, "[mjContainer]", never, {}, {}, never, never, false, never>;
-}
+import { ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class Container {
+    viewContainerRef: ViewContainerRef;
+    constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<Container, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Container, "[mjContainer]", never, {}, {}, never, never, false, never>;
+}

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

@@ -1,15 +1,15 @@
-import { Directive } from '@angular/core';
-import * as i0 from "@angular/core";
-export class Container {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
-    }
-}
-Container.ɵfac = function Container_Factory(t) { return new (t || Container)(i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-Container.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Container, selectors: [["", "mjContainer", ""]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Container, [{
-        type: Directive,
-        args: [{
-                selector: '[mjContainer]',
-            }]
-    }], function () { return [{ type: i0.ViewContainerRef }]; }, null); })();
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class Container {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+}
+Container.ɵfac = function Container_Factory(t) { return new (t || Container)(i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+Container.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Container, selectors: [["", "mjContainer", ""]] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Container, [{
+        type: Directive,
+        args: [{
+                selector: '[mjContainer]',
+            }]
+    }], () => [{ type: i0.ViewContainerRef }], null); })();

package/dist/lib/ng-container-directives.module.d.ts

@@ -1,9 +1,9 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./ng-fill-container-directive";
-import * as i2 from "./ng-container-directive";
-import * as i3 from "@angular/common";
-export declare class ContainerDirectivesModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerDirectivesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ContainerDirectivesModule, [typeof i1.FillContainer, typeof i2.Container], [typeof i3.CommonModule], [typeof i1.FillContainer, typeof i2.Container]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ContainerDirectivesModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./ng-fill-container-directive";
+import * as i2 from "./ng-container-directive";
+import * as i3 from "@angular/common";
+export declare class ContainerDirectivesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerDirectivesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ContainerDirectivesModule, [typeof i1.FillContainer, typeof i2.Container], [typeof i3.CommonModule], [typeof i1.FillContainer, typeof i2.Container]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ContainerDirectivesModule>;
+}

package/dist/lib/ng-container-directives.module.js

@@ -1,29 +1,29 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FillContainer } from './ng-fill-container-directive';
-import { Container } from './ng-container-directive';
-import * as i0 from "@angular/core";
-export class ContainerDirectivesModule {
-}
-ContainerDirectivesModule.ɵfac = function ContainerDirectivesModule_Factory(t) { return new (t || ContainerDirectivesModule)(); };
-ContainerDirectivesModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ContainerDirectivesModule });
-ContainerDirectivesModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContainerDirectivesModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    FillContainer,
-                    Container
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    FillContainer,
-                    Container
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainerDirectivesModule, { declarations: [FillContainer,
-        Container], imports: [CommonModule], exports: [FillContainer,
-        Container] }); })();
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FillContainer } from './ng-fill-container-directive';
+import { Container } from './ng-container-directive';
+import * as i0 from "@angular/core";
+export class ContainerDirectivesModule {
+}
+ContainerDirectivesModule.ɵfac = function ContainerDirectivesModule_Factory(t) { return new (t || ContainerDirectivesModule)(); };
+ContainerDirectivesModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ContainerDirectivesModule });
+ContainerDirectivesModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContainerDirectivesModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    FillContainer,
+                    Container
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    FillContainer,
+                    Container
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainerDirectivesModule, { declarations: [FillContainer,
+        Container], imports: [CommonModule], exports: [FillContainer,
+        Container] }); })();

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

@@ -1,21 +1,21 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class FillContainer implements OnInit, OnDestroy {
-    private elementRef;
-    fillWidth: boolean;
-    fillHeight: boolean;
-    rightMargin: number;
-    bottomMargin: number;
-    constructor(elementRef: ElementRef);
-    private _resizeDebounceTime;
-    private _resizeEndDebounceTime;
-    ngOnInit(): void;
-    private resizeImmediateSubscription;
-    private resizeEndSubscription;
-    ngOnDestroy(): void;
-    getParent(element: HTMLElement): HTMLElement | null;
-    resizeElement(): void;
-    protected elementBelowHiddenTab(element: HTMLElement): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FillContainer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FillContainer, "[mjFillContainer]", never, { "fillWidth": "fillWidth"; "fillHeight": "fillHeight"; "rightMargin": "rightMargin"; "bottomMargin": "bottomMargin"; }, {}, never, never, false, never>;
-}
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FillContainer implements OnInit, OnDestroy {
+    private elementRef;
+    fillWidth: boolean;
+    fillHeight: boolean;
+    rightMargin: number;
+    bottomMargin: number;
+    constructor(elementRef: ElementRef);
+    private _resizeDebounceTime;
+    private _resizeEndDebounceTime;
+    ngOnInit(): void;
+    private resizeImmediateSubscription;
+    private resizeEndSubscription;
+    ngOnDestroy(): void;
+    getParent(element: HTMLElement): HTMLElement | null;
+    resizeElement(): void;
+    protected elementBelowHiddenTab(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

@@ -1,143 +1,143 @@
-import { Directive, Input } from '@angular/core';
-import { LogError, LogStatus } from '@memberjunction/core';
-import { fromEvent } from 'rxjs';
-import { debounceTime } from 'rxjs/operators';
-import { MJEventType, MJGlobal } from '@memberjunction/global';
-import * as i0 from "@angular/core";
-export class FillContainer {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.fillWidth = true;
-        this.fillHeight = true;
-        this.rightMargin = 0;
-        this.bottomMargin = 0;
-        this._resizeDebounceTime = 100;
-        this._resizeEndDebounceTime = 500;
-        this.resizeImmediateSubscription = null;
-        this.resizeEndSubscription = null;
-    }
-    ngOnInit() {
-        const el = this.elementRef.nativeElement;
-        if (el && el.style) {
-            this.resizeElement();
-            // This will fire more frequently while the user is resizing
-            this.resizeImmediateSubscription = fromEvent(window, 'resize')
-                .pipe(debounceTime(this._resizeDebounceTime))
-                .subscribe(() => this.resizeElement());
-            // This will fire once the user has stopped resizing for _resizeEndDebounceTime milliseconds
-            this.resizeEndSubscription = fromEvent(window, 'resize')
-                .pipe(debounceTime(this._resizeEndDebounceTime))
-                .subscribe(() => this.resizeElement());
-            // also subscribe to MJGlobal events so we can monitor for a manually invoked resize event request
-            // from another component
-            MJGlobal.Instance.GetEventListener(true).subscribe((event) => {
-                if (event.event === MJEventType.ManualResizeRequest) {
-                    this.resizeElement();
-                }
-            });
-        }
-    }
-    ngOnDestroy() {
-        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();
-    }
-    getParent(element) {
-        const parent = element.parentElement;
-        if (parent && parent.nodeName === 'APP-ROOT') {
-            let curElement = parent.parentElement;
-            // go to root of the DOM to get HTML element as that has size info
-            while (curElement && curElement.nodeName !== 'HTML') {
-                curElement = curElement.parentElement;
-            }
-            return curElement;
-        }
-        else if (parent) {
-            let style = window.getComputedStyle(parent);
-            let display = style.getPropertyValue('display');
-            if (display === 'block') {
-                return parent;
-            }
-            else {
-                return this.getParent(parent); // recursive call, need to go up the DOM until we find a block element
-            }
-        }
-        else
-            return null; // no parent
-    }
-    resizeElement() {
-        const element = this.elementRef.nativeElement;
-        try {
-            if (element && element.style) {
-                const parent = this.getParent(element);
-                if (parent && !this.elementBelowHiddenTab(element)) {
-                    let parentStyle = window.getComputedStyle(parent);
-                    if (parentStyle.visibility === 'hidden' || parentStyle.display === 'none') {
-                        LogStatus('skipping hidden element: ' + parent.nodeName);
-                    }
-                    else {
-                        const parentRect = parent.getBoundingClientRect();
-                        if (parent.nodeName === 'HTML') {
-                            parentRect.height = window.innerHeight;
-                        }
-                        const elementRect = element.getBoundingClientRect();
-                        let paddingTop = parseInt(parentStyle.getPropertyValue('padding-top'));
-                        let paddingLeft = parseInt(parentStyle.getPropertyValue('padding-left'));
-                        if (this.fillWidth) {
-                            const widthVariance = (elementRect.left - parentRect.left) + paddingLeft + (paddingLeft > 0 ? 1 : 0); // add 1 to account for rounding errors
-                            const newWidth = Math.floor(parentRect.width - this.rightMargin - widthVariance);
-                            if (Math.floor(elementRect.width) !== newWidth) {
-                                element.style.width = newWidth + 'px';
-                                //LogStatus('setting ' + element.nodeName + ' width to ' + newWidth + ' from ' + elementRect.width)  
-                            }
-                        }
-                        if (this.fillHeight) {
-                            const heightVariance = (elementRect.top - parentRect.top) + paddingTop + (paddingTop > 0 ? 1 : 0); // add 1 to account for rounding errors   
-                            const newHeight = Math.floor(parentRect.height - this.bottomMargin - heightVariance);
-                            if (Math.floor(elementRect.height) !== newHeight) {
-                                element.style.height = newHeight + 'px';
-                                //LogStatus('setting ' + element.nodeName + ' height to ' + newHeight + ' from ' + elementRect.height)  
-                            }
-                        }
-                    }
-                }
-            }
-        }
-        catch (err) {
-            LogError(err);
-        }
-    }
-    elementBelowHiddenTab(element) {
-        // check if the element is below a hidden tab, a hidden tab will have a class of .k-tabstrip-content and also have .k-active applied
-        // we can go all the way up the tree to look for this
-        let parent = element.parentElement;
-        while (parent) {
-            if (parent.role === 'tabpanel') {
-                // element is below a tab
-                if (!parent.classList.contains('k-active'))
-                    return true; //  tab is NOT active
-                else
-                    return false; // tab IS active
-            }
-            parent = parent.parentElement;
-        }
-        // not below a tab at all
-        return false;
-    }
-}
-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" } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FillContainer, [{
-        type: Directive,
-        args: [{
-                selector: '[mjFillContainer]'
-            }]
-    }], function () { return [{ type: i0.ElementRef }]; }, { fillWidth: [{
-            type: Input
-        }], fillHeight: [{
-            type: Input
-        }], rightMargin: [{
-            type: Input
-        }], bottomMargin: [{
-            type: Input
-        }] }); })();
+import { Directive, Input } from '@angular/core';
+import { LogError, LogStatus } from '@memberjunction/core';
+import { fromEvent } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { MJEventType, MJGlobal } from '@memberjunction/global';
+import * as i0 from "@angular/core";
+export class FillContainer {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.fillWidth = true;
+        this.fillHeight = true;
+        this.rightMargin = 0;
+        this.bottomMargin = 0;
+        this._resizeDebounceTime = 100;
+        this._resizeEndDebounceTime = 500;
+        this.resizeImmediateSubscription = null;
+        this.resizeEndSubscription = null;
+    }
+    ngOnInit() {
+        const el = this.elementRef.nativeElement;
+        if (el && el.style) {
+            this.resizeElement();
+            // This will fire more frequently while the user is resizing
+            this.resizeImmediateSubscription = fromEvent(window, 'resize')
+                .pipe(debounceTime(this._resizeDebounceTime))
+                .subscribe(() => this.resizeElement());
+            // This will fire once the user has stopped resizing for _resizeEndDebounceTime milliseconds
+            this.resizeEndSubscription = fromEvent(window, 'resize')
+                .pipe(debounceTime(this._resizeEndDebounceTime))
+                .subscribe(() => this.resizeElement());
+            // also subscribe to MJGlobal events so we can monitor for a manually invoked resize event request
+            // from another component
+            MJGlobal.Instance.GetEventListener(true).subscribe((event) => {
+                if (event.event === MJEventType.ManualResizeRequest) {
+                    this.resizeElement();
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        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();
+    }
+    getParent(element) {
+        const parent = element.parentElement;
+        if (parent && parent.nodeName === 'APP-ROOT') {
+            let curElement = parent.parentElement;
+            // go to root of the DOM to get HTML element as that has size info
+            while (curElement && curElement.nodeName !== 'HTML') {
+                curElement = curElement.parentElement;
+            }
+            return curElement;
+        }
+        else if (parent) {
+            let style = window.getComputedStyle(parent);
+            let display = style.getPropertyValue('display');
+            if (display === 'block') {
+                return parent;
+            }
+            else {
+                return this.getParent(parent); // recursive call, need to go up the DOM until we find a block element
+            }
+        }
+        else
+            return null; // no parent
+    }
+    resizeElement() {
+        const element = this.elementRef.nativeElement;
+        try {
+            if (element && element.style) {
+                const parent = this.getParent(element);
+                if (parent && !this.elementBelowHiddenTab(element)) {
+                    let parentStyle = window.getComputedStyle(parent);
+                    if (parentStyle.visibility === 'hidden' || parentStyle.display === 'none') {
+                        LogStatus('skipping hidden element: ' + parent.nodeName);
+                    }
+                    else {
+                        const parentRect = parent.getBoundingClientRect();
+                        if (parent.nodeName === 'HTML') {
+                            parentRect.height = window.innerHeight;
+                        }
+                        const elementRect = element.getBoundingClientRect();
+                        let paddingTop = parseInt(parentStyle.getPropertyValue('padding-top'));
+                        let paddingLeft = parseInt(parentStyle.getPropertyValue('padding-left'));
+                        if (this.fillWidth) {
+                            const widthVariance = (elementRect.left - parentRect.left) + paddingLeft + (paddingLeft > 0 ? 1 : 0); // add 1 to account for rounding errors
+                            const newWidth = Math.floor(parentRect.width - this.rightMargin - widthVariance);
+                            if (Math.floor(elementRect.width) !== newWidth) {
+                                element.style.width = newWidth + 'px';
+                                //LogStatus('setting ' + element.nodeName + ' width to ' + newWidth + ' from ' + elementRect.width)  
+                            }
+                        }
+                        if (this.fillHeight) {
+                            const heightVariance = (elementRect.top - parentRect.top) + paddingTop + (paddingTop > 0 ? 1 : 0); // add 1 to account for rounding errors   
+                            const newHeight = Math.floor(parentRect.height - this.bottomMargin - heightVariance);
+                            if (Math.floor(elementRect.height) !== newHeight) {
+                                element.style.height = newHeight + 'px';
+                                //LogStatus('setting ' + element.nodeName + ' height to ' + newHeight + ' from ' + elementRect.height)  
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        catch (err) {
+            LogError(err);
+        }
+    }
+    elementBelowHiddenTab(element) {
+        // check if the element is below a hidden tab, a hidden tab will have a class of .k-tabstrip-content and also have .k-active applied
+        // we can go all the way up the tree to look for this
+        let parent = element.parentElement;
+        while (parent) {
+            if (parent.role === 'tabpanel') {
+                // element is below a tab
+                if (!parent.classList.contains('k-active'))
+                    return true; //  tab is NOT active
+                else
+                    return false; // tab IS active
+            }
+            parent = parent.parentElement;
+        }
+        // not below a tab at all
+        return false;
+    }
+}
+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, [{
+        type: Directive,
+        args: [{
+                selector: '[mjFillContainer]'
+            }]
+    }], () => [{ type: i0.ElementRef }], { fillWidth: [{
+            type: Input
+        }], fillHeight: [{
+            type: Input
+        }], rightMargin: [{
+            type: Input
+        }], bottomMargin: [{
+            type: Input
+        }] }); })();

package/dist/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './lib/ng-container-directives.module';
-export * from './lib/ng-fill-container-directive';
-export * from './lib/ng-container-directive';
+export * from './lib/ng-container-directives.module';
+export * from './lib/ng-fill-container-directive';
+export * from './lib/ng-container-directive';

package/dist/public-api.js

@@ -1,6 +1,6 @@
-/*
- * Public API Surface of ng-link-directives
- */
-export * from './lib/ng-container-directives.module';
-export * from './lib/ng-fill-container-directive';
-export * from './lib/ng-container-directive';
+/*
+ * Public API Surface of ng-link-directives
+ */
+export * from './lib/ng-container-directives.module';
+export * from './lib/ng-fill-container-directive';
+export * from './lib/ng-container-directive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-container-directives",
-  "version": "0.9.97",
+  "version": "0.9.109",
   "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",
@@ -20,17 +20,17 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@angular/compiler": "^15.2.0",
-    "@angular/compiler-cli": "^15.2.0"
+    "@angular/compiler": "^17.1.2",
+    "@angular/compiler-cli": "^17.1.2"
   },
   "peerDependencies": {
-    "@angular/common": "^15.2.0",
-    "@angular/core": "^15.2.0",
-    "@angular/router": "^15.2.0"
+    "@angular/common": "^17.1.2",
+    "@angular/core": "^17.1.2",
+    "@angular/router": "^17.1.2"
   },
   "dependencies": {
-    "@memberjunction/core": "^0.9.128",
-    "@memberjunction/global": "^0.9.117",
+    "@memberjunction/core": "^0.9.141",
+    "@memberjunction/global": "^0.9.132",
     "tslib": "^2.3.0"
   },
   "sideEffects": false