@memberjunction/ng-container-directives 6.1.4 → 6.2.0-edge.1

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

@@ -21,7 +21,7 @@ export class Container {
      */
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
-    }
+    } // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
     static ɵfac = function Container_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || Container)(i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Container, selectors: [["", "mjContainer", ""]], standalone: false });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ng-container-directive.js","sourceRoot":"","sources":["../../src/lib/ng-container-directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAC;;AAE5D;;;;;;;;;;;;GAYG;AAKH,MAAM,OAAO,SAAS;IAKD;IAJnB;;;OAGG;IACH,YAAmB,gBAAkC;QAAlC,qBAAgB,GAAhB,gBAAgB,CAAkB;IAAI,CAAC;mGAL/C,SAAS;6DAAT,SAAS;;iFAAT,SAAS;cAJrB,SAAS;eAAC;gBACT,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,eAAe;aAC1B","sourcesContent":["import { Directive, ViewContainerRef } from '@angular/core';\n\n/**\n * Directive that exposes a ViewContainerRef for dynamic component loading.\n * This is used to create a reference point for dynamically loading components\n * into the DOM without manually handling ViewContainerRef injection.\n * \n * @example\n * <!-- In template -->\n * <div mjContainer></div>\n *\n * <!-- In component -->\n * @ViewChild(Container, { static: true }) container!: Container;\n * // Now you can use this.container.viewContainerRef for dynamic component creation\n */\n@Directive({\n  standalone: false,\n  selector: '[mjContainer]',\n})\nexport class Container {\n  /**\n   * Constructor that exposes the ViewContainerRef for the element\n   * @param viewContainerRef The ViewContainerRef for the element this directive is applied to\n   */\n  constructor(public viewContainerRef: ViewContainerRef) { }\n}\n"]}
+{"version":3,"file":"ng-container-directive.js","sourceRoot":"","sources":["../../src/lib/ng-container-directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAC;;AAE5D;;;;;;;;;;;;GAYG;AAKH,MAAM,OAAO,SAAS;IAKD;IAJnB;;;OAGG;IACH,YAAmB,gBAAkC;QAAlC,qBAAgB,GAAhB,gBAAgB,CAAkB;IAAI,CAAC,CAAE,sIAAsI;mGALvL,SAAS;6DAAT,SAAS;;iFAAT,SAAS;cAJrB,SAAS;eAAC;gBACT,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,eAAe;aAC1B","sourcesContent":["import { Directive, ViewContainerRef } from '@angular/core';\n\n/**\n * Directive that exposes a ViewContainerRef for dynamic component loading.\n * This is used to create a reference point for dynamically loading components\n * into the DOM without manually handling ViewContainerRef injection.\n * \n * @example\n * <!-- In template -->\n * <div mjContainer></div>\n *\n * <!-- In component -->\n * @ViewChild(Container, { static: true }) container!: Container;\n * // Now you can use this.container.viewContainerRef for dynamic component creation\n */\n@Directive({\n  standalone: false,\n  selector: '[mjContainer]',\n})\nexport class Container {\n  /**\n   * Constructor that exposes the ViewContainerRef for the element\n   * @param viewContainerRef The ViewContainerRef for the element this directive is applied to\n   */\n  constructor(public viewContainerRef: ViewContainerRef) { }  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n}\n"]}

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

@@ -20,13 +20,29 @@ import * as i0 from "@angular/core";
 export declare class FillContainer implements OnInit, OnDestroy {
     private elementRef;
     /** Whether to fill the parent's width. Default is true. */
-    fillWidth: boolean;
+    FillWidth: boolean;
+    /** @deprecated Use {@link FillWidth}. */
+    set fillWidth(value: boolean);
+    /** @deprecated Use {@link FillWidth}. */
+    get fillWidth(): boolean;
     /** Whether to fill the parent's height. Default is true. */
-    fillHeight: boolean;
+    FillHeight: boolean;
+    /** @deprecated Use {@link FillHeight}. */
+    set fillHeight(value: boolean);
+    /** @deprecated Use {@link FillHeight}. */
+    get fillHeight(): boolean;
     /** Right margin in pixels. Default is 0. */
-    rightMargin: number;
+    RightMargin: number;
+    /** @deprecated Use {@link RightMargin}. */
+    set rightMargin(value: number);
+    /** @deprecated Use {@link RightMargin}. */
+    get rightMargin(): number;
     /** Bottom margin in pixels. Default is 0. */
-    bottomMargin: number;
+    BottomMargin: number;
+    /** @deprecated Use {@link BottomMargin}. */
+    set bottomMargin(value: number);
+    /** @deprecated Use {@link BottomMargin}. */
+    get bottomMargin(): number;
     /** Flag to globally disable resize functionality for all instances */
     static DisableResize: boolean;
     /** Flag to enable debug logging for resize operations */
@@ -82,6 +98,6 @@ export declare class FillContainer implements OnInit, OnDestroy {
      */
     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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FillContainer, "[mjFillContainer]", never, { "FillWidth": { "alias": "FillWidth"; "required": false; }; "fillWidth": { "alias": "fillWidth"; "required": false; }; "FillHeight": { "alias": "FillHeight"; "required": false; }; "fillHeight": { "alias": "fillHeight"; "required": false; }; "RightMargin": { "alias": "RightMargin"; "required": false; }; "rightMargin": { "alias": "rightMargin"; "required": false; }; "BottomMargin": { "alias": "BottomMargin"; "required": false; }; "bottomMargin": { "alias": "bottomMargin"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=ng-fill-container-directive.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-fill-container-directive.d.ts","sourceRoot":"","sources":["../../src/lib/ng-fill-container-directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAS,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAMhF;;;;;;;;;;;;;;;;GAgBG;AACH,qBAIa,aAAc,YAAW,MAAM,EAAE,SAAS;IA6BzC,OAAO,CAAC,UAAU;IA5B9B,2DAA2D;IAClD,SAAS,EAAE,OAAO,CAAQ;IAEnC,4DAA4D;IACnD,UAAU,EAAE,OAAO,CAAQ;IAEpC,4CAA4C;IACnC,WAAW,EAAE,MAAM,CAAK;IAEjC,6CAA6C;IACpC,YAAY,EAAE,MAAM,CAAK;IAElC,sEAAsE;IACtE,OAAc,aAAa,EAAE,OAAO,CAAS;IAE7C,yDAAyD;IACzD,OAAc,eAAe,EAAE,OAAO,CAAS;IAE/C;;;OAGG;IACH,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;gBAMtC,UAAU,EAAE,UAAU;IAG1C,4EAA4E;IAC5E,OAAO,CAAC,mBAAmB,CAAe;IAE1C,yDAAyD;IACzD,OAAO,CAAC,sBAAsB,CAAe;IAE7C,yCAAyC;IACzC,OAAO,CAAC,mBAAmB,CAA6B;IAExD,+CAA+C;IAC/C,OAAO,CAAC,4BAA4B,CAA6B;IAEjE;;OAEG;IACH,QAAQ,IAAI,IAAI;IAuDhB;;OAEG;IACH,WAAW,IAAI,IAAI;IAKnB;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI;IAW7D;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAqD/B;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO;IAWpD;;;;OAIG;IACH,SAAS,CAAC,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAkB9D;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;yCAlO/C,aAAa;2CAAb,aAAa;CA+OzB"}
+{"version":3,"file":"ng-fill-container-directive.d.ts","sourceRoot":"","sources":["../../src/lib/ng-fill-container-directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAS,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAMhF;;;;;;;;;;;;;;;;GAgBG;AACH,qBAIa,aAAc,YAAW,MAAM,EAAE,SAAS;IAiEzC,OAAO,CAAC,UAAU;IAhE9B,2DAA2D;IAClD,SAAS,EAAE,OAAO,CAAQ;IAEnC,yCAAyC;IACzC,IAAa,SAAS,CAAC,KAAK,EAAE,OAAO,EAEpC;IACD,yCAAyC;IACzC,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,4DAA4D;IACnD,UAAU,EAAE,OAAO,CAAQ;IAEpC,0CAA0C;IAC1C,IAAa,UAAU,CAAC,KAAK,EAAE,OAAO,EAErC;IACD,0CAA0C;IAC1C,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,4CAA4C;IACnC,WAAW,EAAE,MAAM,CAAK;IAEjC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,MAAM,EAErC;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,6CAA6C;IACpC,YAAY,EAAE,MAAM,CAAK;IAElC,4CAA4C;IAC5C,IAAa,YAAY,CAAC,KAAK,EAAE,MAAM,EAEtC;IACD,4CAA4C;IAC5C,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,sEAAsE;IACtE,OAAc,aAAa,EAAE,OAAO,CAAS;IAE7C,yDAAyD;IACzD,OAAc,eAAe,EAAE,OAAO,CAAS;IAE/C;;;OAGG;IACH,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;gBAMtC,UAAU,EAAE,UAAU;IAG1C,4EAA4E;IAC5E,OAAO,CAAC,mBAAmB,CAAe;IAE1C,yDAAyD;IACzD,OAAO,CAAC,sBAAsB,CAAe;IAE7C,yCAAyC;IACzC,OAAO,CAAC,mBAAmB,CAA6B;IAExD,+CAA+C;IAC/C,OAAO,CAAC,4BAA4B,CAA6B;IAEjE;;OAEG;IACH,QAAQ,IAAI,IAAI;IAuDhB;;OAEG;IACH,WAAW,IAAI,IAAI;IAKnB;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI;IAW7D;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAqD/B;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO;IAWpD;;;;OAIG;IACH,SAAS,CAAC,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAkB9D;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;yCAtQ/C,aAAa;2CAAb,aAAa;CAmRzB"}

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

@@ -24,13 +24,45 @@ import * as i0 from "@angular/core";
 export class FillContainer {
     elementRef;
     /** Whether to fill the parent's width. Default is true. */
-    fillWidth = true;
+    FillWidth = true;
+    /** @deprecated Use {@link FillWidth}. */
+    set fillWidth(value) {
+        this.FillWidth = value;
+    }
+    /** @deprecated Use {@link FillWidth}. */
+    get fillWidth() {
+        return this.FillWidth;
+    }
     /** Whether to fill the parent's height. Default is true. */
-    fillHeight = true;
+    FillHeight = true;
+    /** @deprecated Use {@link FillHeight}. */
+    set fillHeight(value) {
+        this.FillHeight = value;
+    }
+    /** @deprecated Use {@link FillHeight}. */
+    get fillHeight() {
+        return this.FillHeight;
+    }
     /** Right margin in pixels. Default is 0. */
-    rightMargin = 0;
+    RightMargin = 0;
+    /** @deprecated Use {@link RightMargin}. */
+    set rightMargin(value) {
+        this.RightMargin = value;
+    }
+    /** @deprecated Use {@link RightMargin}. */
+    get rightMargin() {
+        return this.RightMargin;
+    }
     /** Bottom margin in pixels. Default is 0. */
-    bottomMargin = 0;
+    BottomMargin = 0;
+    /** @deprecated Use {@link BottomMargin}. */
+    set bottomMargin(value) {
+        this.BottomMargin = value;
+    }
+    /** @deprecated Use {@link BottomMargin}. */
+    get bottomMargin() {
+        return this.BottomMargin;
+    }
     /** Flag to globally disable resize functionality for all instances */
     static DisableResize = false;
     /** Flag to enable debug logging for resize operations */
@@ -155,16 +187,16 @@ export class FillContainer {
                         const elementRect = element.getBoundingClientRect();
                         let paddingTop = parseInt(parentStyle.getPropertyValue('padding-top'));
                         let paddingLeft = parseInt(parentStyle.getPropertyValue('padding-left'));
-                        if (this.fillWidth) {
+                        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);
+                            const newWidth = Math.floor(parentRect.width - this.RightMargin - widthVariance);
                             if (Math.floor(elementRect.width) !== newWidth) {
                                 element.style.width = newWidth + 'px';
                             }
                         }
-                        if (this.fillHeight) {
+                        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);
+                            const newHeight = Math.floor(parentRect.height - this.BottomMargin - heightVariance);
                             if (Math.floor(elementRect.height) !== newHeight) {
                                 element.style.height = newHeight + 'px';
                             }
@@ -234,7 +266,7 @@ export class FillContainer {
         return false;
     }
     static ɵfac = function FillContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FillContainer)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FillContainer, selectors: [["", "mjFillContainer", ""]], inputs: { fillWidth: "fillWidth", fillHeight: "fillHeight", rightMargin: "rightMargin", bottomMargin: "bottomMargin" }, standalone: false });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FillContainer, selectors: [["", "mjFillContainer", ""]], inputs: { FillWidth: "FillWidth", fillWidth: "fillWidth", FillHeight: "FillHeight", fillHeight: "fillHeight", RightMargin: "RightMargin", rightMargin: "rightMargin", BottomMargin: "BottomMargin", bottomMargin: "bottomMargin" }, standalone: false });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FillContainer, [{
         type: Directive,
@@ -242,12 +274,20 @@ export class FillContainer {
                 standalone: false,
                 selector: '[mjFillContainer]'
             }]
-    }], () => [{ type: i0.ElementRef }], { fillWidth: [{
+    }], () => [{ type: i0.ElementRef }], { FillWidth: [{
+            type: Input
+        }], fillWidth: [{
+            type: Input
+        }], FillHeight: [{
             type: Input
         }], fillHeight: [{
             type: Input
+        }], RightMargin: [{
+            type: Input
         }], rightMargin: [{
             type: Input
+        }], BottomMargin: [{
+            type: Input
         }], bottomMargin: [{
             type: Input
         }] }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"ng-fill-container-directive.js","sourceRoot":"","sources":["../../src/lib/ng-fill-container-directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';\nimport { LogError, LogStatus } from '@memberjunction/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport { MJEventType, MJGlobal } from '@memberjunction/global';\n\n/**\n * Directive that automatically resizes an element to fill its parent container.\n * This directive calculates and sets dimensions based on the parent container's size,\n * accounting for the element's position within the parent and any specified margins.\n * \n * It listens for window resize events and custom MJ application events to update dimensions.\n * The directive is context-aware and will automatically skip resizing in certain conditions.\n *\n * @example\n * <!-- Basic usage (fills both width and height) -->\n * <div >Content</div>\n *\n * <!-- With custom settings -->\n * <div  [fillWidth]=\"true\" [fillHeight]=\"true\" [rightMargin]=\"10\" [bottomMargin]=\"20\">\n *   Content with margins\n * </div>\n */\n@Directive({\n  standalone: false,\n  selector: '[mjFillContainer]'\n})\nexport class FillContainer implements OnInit, OnDestroy {\n  /** Whether to fill the parent's width. Default is true. */\n  @Input() fillWidth: boolean = true;\n  \n  /** Whether to fill the parent's height. Default is true. */\n  @Input() fillHeight: boolean = true;\n  \n  /** Right margin in pixels. Default is 0. */\n  @Input() rightMargin: number = 0;\n  \n  /** Bottom margin in pixels. Default is 0. */\n  @Input() bottomMargin: number = 0;\n\n  /** Flag to globally disable resize functionality for all instances */\n  public static DisableResize: boolean = false;\n  \n  /** Flag to enable debug logging for resize operations */\n  public static OutputDebugInfo: boolean = false;\n  \n  /**\n   * Outputs a debug message if OutputDebugInfo is enabled\n   * @param message The message to output\n   */\n  protected static OutputDebugMessage(message: string): void {\n    if (FillContainer.OutputDebugInfo) {\n      console.log(message);\n    }\n  }\n\n  constructor(private elementRef: ElementRef) {\n  }\n\n  /** Debounce time for resize events during active resizing (milliseconds) */\n  private _resizeDebounceTime: number = 100;\n  \n  /** Debounce time for resize end events (milliseconds) */\n  private _resizeEndDebounceTime: number = 500;\n\n  /** Subscription for resize end events */\n  private _resizeSubscription: Subscription | null = null;\n  \n  /** Subscription for immediate resize events */\n  private _resizeImmediateSubscription: Subscription | null = null;\n\n  /**\n   * Initializes the directive, sets up resize event listeners and performs initial resize\n   */\n  ngOnInit(): void {\n    const el = this.elementRef.nativeElement as HTMLElement;\n    if (el && el.style) { \n      // initial resize\n      FillContainer.OutputDebugMessage('');\n      FillContainer.OutputDebugMessage('Initial resize event');\n      this.resizeElement();\n\n      // This will fire more frequently while the user is resizing so use a shorter debounce time\n      this._resizeImmediateSubscription = fromEvent(window, 'resize')\n        .pipe(debounceTime(this._resizeDebounceTime))\n        .subscribe(() => {\n          FillContainer.OutputDebugMessage('');\n          FillContainer.OutputDebugMessage('RECEIVED resize event');\n          this.resizeElement()\n        });\n  \n      // This will fire once the user has stopped resizing for _resizeEndDebounceTime milliseconds\n      this._resizeSubscription = fromEvent(window, 'resize')\n        .pipe(debounceTime(this._resizeEndDebounceTime))\n        .subscribe(() => {\n          FillContainer.OutputDebugMessage('');\n          FillContainer.OutputDebugMessage('RECEIVED resize end event');\n          this.resizeElement()\n        });\n\n      // // Subscribe once but handle both scenarios\n      // this._resizeSubscription = fromEvent(window, 'resize').pipe(\n      //   throttleTime(this._resizeDebounceTime),  // handles frequent resizes\n      //   tap(() => {\n      //     this.resizeElement();\n      //     FillContainer.OutputDebugMessage('RECEIVED resize event');\n      //   }),\n      //   debounceTime(this._resizeEndDebounceTime),  // handles end of resizing\n      //   finalize(() => {\n      //     this.resizeElement();\n      //     FillContainer.OutputDebugMessage('RECEIVED resize end event');\n      //   })\n      // ).subscribe();\n        \n  \n      // also subscribe to MJGlobal events so we can monitor for a manually invoked resize event request\n      // from another component\n      MJGlobal.Instance.GetEventListener(true)\n        //.pipe(debounceTime(this._resizeDebounceTime))\n        .subscribe((event) => {\n        if (event.event === MJEventType.ManualResizeRequest) {\n          FillContainer.OutputDebugMessage('');\n          FillContainer.OutputDebugMessage('RECEIVED manual resize request');\n          this.resizeElement();\n        }\n      });  \n    }\n  }\n\n  /**\n   * Cleans up subscriptions when the directive is destroyed\n   */\n  ngOnDestroy(): void {\n    this._resizeImmediateSubscription?.unsubscribe();\n    this._resizeSubscription?.unsubscribe();\n  }\n\n  /**\n   * Finds the nearest block-level parent element\n   * @param element The element to find the parent for\n   * @returns The parent element or null if none found\n   */\n  protected getParent(element: HTMLElement): HTMLElement | null {\n    let curElement: HTMLElement | null = element;\n    while (curElement && curElement.nodeName !== 'HTML') {\n      if (curElement.parentElement && window.getComputedStyle(curElement.parentElement).display === 'block') {\n        return curElement.parentElement;\n      }\n      curElement = curElement.parentElement;\n    }\n    return curElement;\n  }\n  \n  /**\n   * Performs the actual resize calculation and applies dimensions to the element\n   */\n  protected resizeElement(): void {\n    if (FillContainer.DisableResize) {\n      // global disable flag\n      return;\n    }\n\n    const element = this.elementRef.nativeElement as HTMLElement;\n    try {\n      if (element && element.style && !this.shouldSkipResize(element)) {\n        const parent = this.getParent(element);\n  \n        if (parent && !this.elementBelowHiddenTab(element)) {      \n          let parentStyle = window.getComputedStyle(parent);\n          if (parentStyle.visibility === 'hidden' || parentStyle.display === 'none') {\n            LogStatus('skipping hidden element: ' + parent.nodeName )\n          }\n          else {\n            FillContainer.OutputDebugMessage('Resizing element: ' + element.nodeName + ' parent: ' + parent.nodeName);\n\n            const parentRect = parent.getBoundingClientRect();\n            if (parent.nodeName === 'HTML') {\n              parentRect.height = window.innerHeight;\n            }\n            const elementRect = element.getBoundingClientRect();\n  \n            \n            let paddingTop = parseInt(parentStyle.getPropertyValue('padding-top'));\n            let paddingLeft = parseInt(parentStyle.getPropertyValue('padding-left'));\n  \n            if (this.fillWidth) {\n              const widthVariance = (elementRect.left - parentRect.left) + paddingLeft + (paddingLeft > 0 ? 1 : 0); // add 1 to account for rounding errors\n              const newWidth = Math.floor(parentRect.width - this.rightMargin - widthVariance);\n              if (Math.floor(elementRect.width) !== newWidth) {\n                element.style.width = newWidth + 'px';\n              }\n            }\n  \n            if (this.fillHeight) {\n              const heightVariance = (elementRect.top - parentRect.top) + paddingTop + (paddingTop > 0 ? 1 : 0); // add 1 to account for rounding errors   \n              const newHeight = Math.floor(parentRect.height - this.bottomMargin - heightVariance);          \n              if (Math.floor(elementRect.height) !== newHeight) {\n                element.style.height = newHeight + 'px';  \n              }\n            }\n          }\n        }    \n      }\n    }\n    catch (err) {\n      LogError(err);\n    }\n  }\n\n  /**\n   * Determines if resizing should be skipped for this element\n   * @param el The element to check\n   * @returns True if resizing should be skipped, false otherwise\n   */\n  protected shouldSkipResize(el: HTMLElement): boolean {\n    let cur: HTMLElement | null = el;\n    while (cur) {\n        if (cur.hasAttribute('mjSkipResize') || cur.role === 'grid') {\n            return true;\n        }\n        cur = cur.parentElement;\n    }\n    return false;\n  };\n\n  /**\n   * Checks if element is below a hidden tab\n   * @param element The element to check\n   * @returns True if element is below a hidden tab, false otherwise\n   */\n  protected elementBelowHiddenTab(element: HTMLElement): boolean {\n    // 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\n    // we can go all the way up the tree to look for this\n    let parent = element.parentElement;\n    while (parent) {\n      if (parent.role === 'tabpanel') {\n        // element is below a tab\n        if(!parent.classList.contains('k-active')) \n          return true; //  tab is NOT active\n        else\n          return false; // tab IS active\n      }\n      parent = parent.parentElement;\n    }\n    // not below a tab at all\n    return false;\n  }\n  \n  /**\n   * Checks if element is within a grid\n   * @param element The element to check\n   * @returns True if element is within a grid, false otherwise\n   */\n  protected elementWithinGrid(element: HTMLElement): boolean {\n    // check if the element is within a kendo grid \n    let parent = element.parentElement;\n    while (parent) {\n      if (parent.role === 'grid') {\n        // element is below a grid\n        return true;  \n      }\n      parent = parent.parentElement;\n    }\n    // not below a grid\n    return false;\n  }\n}"]}
+{"version":3,"file":"ng-fill-container-directive.js","sourceRoot":"","sources":["../../src/lib/ng-fill-container-directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';\nimport { LogError, LogStatus } from '@memberjunction/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport { MJEventType, MJGlobal } from '@memberjunction/global';\n\n/**\n * Directive that automatically resizes an element to fill its parent container.\n * This directive calculates and sets dimensions based on the parent container's size,\n * accounting for the element's position within the parent and any specified margins.\n * \n * It listens for window resize events and custom MJ application events to update dimensions.\n * The directive is context-aware and will automatically skip resizing in certain conditions.\n *\n * @example\n * <!-- Basic usage (fills both width and height) -->\n * <div >Content</div>\n *\n * <!-- With custom settings -->\n * <div  [fillWidth]=\"true\" [fillHeight]=\"true\" [rightMargin]=\"10\" [bottomMargin]=\"20\">\n *   Content with margins\n * </div>\n */\n@Directive({\n  standalone: false,\n  selector: '[mjFillContainer]'\n})\nexport class FillContainer implements OnInit, OnDestroy {\n  /** Whether to fill the parent's width. Default is true. */\n  @Input() FillWidth: boolean = true;\n\n  /** @deprecated Use {@link FillWidth}. */\n  @Input() set fillWidth(value: boolean) {\n    this.FillWidth = value;\n  }\n  /** @deprecated Use {@link FillWidth}. */\n  get fillWidth(): boolean {\n    return this.FillWidth;\n  }\n  \n  /** Whether to fill the parent's height. Default is true. */\n  @Input() FillHeight: boolean = true;\n\n  /** @deprecated Use {@link FillHeight}. */\n  @Input() set fillHeight(value: boolean) {\n    this.FillHeight = value;\n  }\n  /** @deprecated Use {@link FillHeight}. */\n  get fillHeight(): boolean {\n    return this.FillHeight;\n  }\n  \n  /** Right margin in pixels. Default is 0. */\n  @Input() RightMargin: number = 0;\n\n  /** @deprecated Use {@link RightMargin}. */\n  @Input() set rightMargin(value: number) {\n    this.RightMargin = value;\n  }\n  /** @deprecated Use {@link RightMargin}. */\n  get rightMargin(): number {\n    return this.RightMargin;\n  }\n  \n  /** Bottom margin in pixels. Default is 0. */\n  @Input() BottomMargin: number = 0;\n\n  /** @deprecated Use {@link BottomMargin}. */\n  @Input() set bottomMargin(value: number) {\n    this.BottomMargin = value;\n  }\n  /** @deprecated Use {@link BottomMargin}. */\n  get bottomMargin(): number {\n    return this.BottomMargin;\n  }\n\n  /** Flag to globally disable resize functionality for all instances */\n  public static DisableResize: boolean = false;\n  \n  /** Flag to enable debug logging for resize operations */\n  public static OutputDebugInfo: boolean = false;\n  \n  /**\n   * Outputs a debug message if OutputDebugInfo is enabled\n   * @param message The message to output\n   */\n  protected static OutputDebugMessage(message: string): void {\n    if (FillContainer.OutputDebugInfo) {\n      console.log(message);\n    }\n  }\n\n  constructor(private elementRef: ElementRef) {\n  }\n\n  /** Debounce time for resize events during active resizing (milliseconds) */\n  private _resizeDebounceTime: number = 100;\n  \n  /** Debounce time for resize end events (milliseconds) */\n  private _resizeEndDebounceTime: number = 500;\n\n  /** Subscription for resize end events */\n  private _resizeSubscription: Subscription | null = null;\n  \n  /** Subscription for immediate resize events */\n  private _resizeImmediateSubscription: Subscription | null = null;\n\n  /**\n   * Initializes the directive, sets up resize event listeners and performs initial resize\n   */\n  ngOnInit(): void {\n    const el = this.elementRef.nativeElement as HTMLElement;\n    if (el && el.style) { \n      // initial resize\n      FillContainer.OutputDebugMessage('');\n      FillContainer.OutputDebugMessage('Initial resize event');\n      this.resizeElement();\n\n      // This will fire more frequently while the user is resizing so use a shorter debounce time\n      this._resizeImmediateSubscription = fromEvent(window, 'resize')\n        .pipe(debounceTime(this._resizeDebounceTime))\n        .subscribe(() => {\n          FillContainer.OutputDebugMessage('');\n          FillContainer.OutputDebugMessage('RECEIVED resize event');\n          this.resizeElement()\n        });\n  \n      // This will fire once the user has stopped resizing for _resizeEndDebounceTime milliseconds\n      this._resizeSubscription = fromEvent(window, 'resize')\n        .pipe(debounceTime(this._resizeEndDebounceTime))\n        .subscribe(() => {\n          FillContainer.OutputDebugMessage('');\n          FillContainer.OutputDebugMessage('RECEIVED resize end event');\n          this.resizeElement()\n        });\n\n      // // Subscribe once but handle both scenarios\n      // this._resizeSubscription = fromEvent(window, 'resize').pipe(\n      //   throttleTime(this._resizeDebounceTime),  // handles frequent resizes\n      //   tap(() => {\n      //     this.resizeElement();\n      //     FillContainer.OutputDebugMessage('RECEIVED resize event');\n      //   }),\n      //   debounceTime(this._resizeEndDebounceTime),  // handles end of resizing\n      //   finalize(() => {\n      //     this.resizeElement();\n      //     FillContainer.OutputDebugMessage('RECEIVED resize end event');\n      //   })\n      // ).subscribe();\n        \n  \n      // also subscribe to MJGlobal events so we can monitor for a manually invoked resize event request\n      // from another component\n      MJGlobal.Instance.GetEventListener(true)\n        //.pipe(debounceTime(this._resizeDebounceTime))\n        .subscribe((event) => {\n        if (event.event === MJEventType.ManualResizeRequest) {\n          FillContainer.OutputDebugMessage('');\n          FillContainer.OutputDebugMessage('RECEIVED manual resize request');\n          this.resizeElement();\n        }\n      });  \n    }\n  }\n\n  /**\n   * Cleans up subscriptions when the directive is destroyed\n   */\n  ngOnDestroy(): void {\n    this._resizeImmediateSubscription?.unsubscribe();\n    this._resizeSubscription?.unsubscribe();\n  }\n\n  /**\n   * Finds the nearest block-level parent element\n   * @param element The element to find the parent for\n   * @returns The parent element or null if none found\n   */\n  protected getParent(element: HTMLElement): HTMLElement | null {\n    let curElement: HTMLElement | null = element;\n    while (curElement && curElement.nodeName !== 'HTML') {\n      if (curElement.parentElement && window.getComputedStyle(curElement.parentElement).display === 'block') {\n        return curElement.parentElement;\n      }\n      curElement = curElement.parentElement;\n    }\n    return curElement;\n  }\n  \n  /**\n   * Performs the actual resize calculation and applies dimensions to the element\n   */\n  protected resizeElement(): void {\n    if (FillContainer.DisableResize) {\n      // global disable flag\n      return;\n    }\n\n    const element = this.elementRef.nativeElement as HTMLElement;\n    try {\n      if (element && element.style && !this.shouldSkipResize(element)) {\n        const parent = this.getParent(element);\n  \n        if (parent && !this.elementBelowHiddenTab(element)) {      \n          let parentStyle = window.getComputedStyle(parent);\n          if (parentStyle.visibility === 'hidden' || parentStyle.display === 'none') {\n            LogStatus('skipping hidden element: ' + parent.nodeName )\n          }\n          else {\n            FillContainer.OutputDebugMessage('Resizing element: ' + element.nodeName + ' parent: ' + parent.nodeName);\n\n            const parentRect = parent.getBoundingClientRect();\n            if (parent.nodeName === 'HTML') {\n              parentRect.height = window.innerHeight;\n            }\n            const elementRect = element.getBoundingClientRect();\n  \n            \n            let paddingTop = parseInt(parentStyle.getPropertyValue('padding-top'));\n            let paddingLeft = parseInt(parentStyle.getPropertyValue('padding-left'));\n  \n            if (this.FillWidth) {\n              const widthVariance = (elementRect.left - parentRect.left) + paddingLeft + (paddingLeft > 0 ? 1 : 0); // add 1 to account for rounding errors\n              const newWidth = Math.floor(parentRect.width - this.RightMargin - widthVariance);\n              if (Math.floor(elementRect.width) !== newWidth) {\n                element.style.width = newWidth + 'px';\n              }\n            }\n  \n            if (this.FillHeight) {\n              const heightVariance = (elementRect.top - parentRect.top) + paddingTop + (paddingTop > 0 ? 1 : 0); // add 1 to account for rounding errors   \n              const newHeight = Math.floor(parentRect.height - this.BottomMargin - heightVariance);          \n              if (Math.floor(elementRect.height) !== newHeight) {\n                element.style.height = newHeight + 'px';  \n              }\n            }\n          }\n        }    \n      }\n    }\n    catch (err) {\n      LogError(err);\n    }\n  }\n\n  /**\n   * Determines if resizing should be skipped for this element\n   * @param el The element to check\n   * @returns True if resizing should be skipped, false otherwise\n   */\n  protected shouldSkipResize(el: HTMLElement): boolean {\n    let cur: HTMLElement | null = el;\n    while (cur) {\n        if (cur.hasAttribute('mjSkipResize') || cur.role === 'grid') {\n            return true;\n        }\n        cur = cur.parentElement;\n    }\n    return false;\n  };\n\n  /**\n   * Checks if element is below a hidden tab\n   * @param element The element to check\n   * @returns True if element is below a hidden tab, false otherwise\n   */\n  protected elementBelowHiddenTab(element: HTMLElement): boolean {\n    // 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\n    // we can go all the way up the tree to look for this\n    let parent = element.parentElement;\n    while (parent) {\n      if (parent.role === 'tabpanel') {\n        // element is below a tab\n        if(!parent.classList.contains('k-active')) \n          return true; //  tab is NOT active\n        else\n          return false; // tab IS active\n      }\n      parent = parent.parentElement;\n    }\n    // not below a tab at all\n    return false;\n  }\n  \n  /**\n   * Checks if element is within a grid\n   * @param element The element to check\n   * @returns True if element is within a grid, false otherwise\n   */\n  protected elementWithinGrid(element: HTMLElement): boolean {\n    // check if the element is within a kendo grid \n    let parent = element.parentElement;\n    while (parent) {\n      if (parent.role === 'grid') {\n        // element is below a grid\n        return true;  \n      }\n      parent = parent.parentElement;\n    }\n    // not below a grid\n    return false;\n  }\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-container-directives",
-  "version": "6.1.4",
+  "version": "6.2.0-edge.1",
   "description": "DEPRECATED: Angular Container Directives - Fill Container for Auto-Resizing, and plain container for element identification/binding. Will be removed in a future release.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -25,8 +25,8 @@
     "@angular/core": "^21.2.22"
   },
   "dependencies": {
-    "@memberjunction/core": "6.1.4",
-    "@memberjunction/global": "6.1.4",
+    "@memberjunction/core": "6.2.0-edge.1",
+    "@memberjunction/global": "6.2.0-edge.1",
     "rxjs": "~7.8.2",
     "tslib": "^2.8.1"
   },