@magic-xpa/angular 4.1300.0-dev4130.211 → 4.1300.0-dev4130.212

package/fesm2022/magic-xpa-angular.mjs

@@ -1004,6 +1004,61 @@ class GuiInteractiveExecutor {
     }
 }
 
+class MagicModalProperties {
+    static formName = "overlay";
+    static showTitleBar = true;
+    static x = 0;
+    static y = 0;
+    static width = "300px";
+    static height = "300px";
+    static isCenteredToWindow = true;
+    static shouldCloseOnBackgroundClick = true;
+    static isResizable = true;
+    static isMovable = true;
+    constructor(formName, showTitleBar, x, y, width, height, isCenteredToWindow, shouldCloseOnBackgroundClick, isResizable, isMovable) {
+        MagicModalProperties.formName = formName;
+        MagicModalProperties.showTitleBar = showTitleBar;
+        MagicModalProperties.x = x;
+        MagicModalProperties.y = y;
+        MagicModalProperties.width = width;
+        MagicModalProperties.height = height;
+        MagicModalProperties.isCenteredToWindow = isCenteredToWindow;
+        MagicModalProperties.shouldCloseOnBackgroundClick = shouldCloseOnBackgroundClick;
+        MagicModalProperties.isResizable = isResizable;
+        MagicModalProperties.isMovable = isMovable;
+    }
+    X() {
+        return MagicModalProperties.x;
+    }
+    Y() {
+        return MagicModalProperties.y;
+    }
+    Width() {
+        return MagicModalProperties.width;
+    }
+    Height() {
+        return MagicModalProperties.height;
+    }
+    IsCenteredToWindow() {
+        return MagicModalProperties.isCenteredToWindow;
+    }
+    FormName() {
+        return MagicModalProperties.formName;
+    }
+    ShowTitleBar() {
+        return MagicModalProperties.showTitleBar;
+    }
+    ShouldCloseOnBackgroundClick() {
+        return MagicModalProperties.shouldCloseOnBackgroundClick;
+    }
+    IsResizable() {
+        return MagicModalProperties.isResizable;
+    }
+    IsMovable() {
+        return MagicModalProperties.isMovable;
+    }
+}
+
 let BaseMagicOverlayContainer = class BaseMagicOverlayContainer {
 };
 __decorate([
@@ -1143,7 +1198,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
     ngOnInit() {
         this.componentRef = this.modalbodyViewContainerRef.createComponent(this.ModalComp);
         Object.assign(this.componentRef.instance, this.ModalCompParameters);
-        let comp = this.componentRef.instance;
+        let comp = this.getOverlayProps();
         this.isCenteredToWindow = comp.IsCenteredToWindow();
     }
     ngAfterViewInit() {
@@ -1162,7 +1217,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
      */
     getText() {
         if (this.componentRef !== null) {
-            let comp = this.componentRef.instance;
+            let comp = this.getOverlayProps();
             return comp.FormName();
         }
         else
@@ -1181,7 +1236,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
     getStyle() {
         let styles = {};
         if (this.componentRef != undefined) {
-            let comp = this.componentRef.instance;
+            let comp = this.getOverlayProps();
             styles['width'] = comp.Width();
             styles['height'] = comp.Height();
             if (this.isCenteredToWindow) {
@@ -1218,7 +1273,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
      */
     getShowTitleBar() {
         if (this.componentRef != undefined) {
-            let comp = this.componentRef.instance;
+            let comp = this.getOverlayProps();
             return comp.ShowTitleBar();
         }
     }
@@ -1232,7 +1287,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
      * Handles click in the background window
      */
     OnBackgroundClick() {
-        let comp = this.componentRef.instance;
+        let comp = this.getOverlayProps();
         if (comp.ShouldCloseOnBackgroundClick())
             this.OnClose();
     }
@@ -1241,7 +1296,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
      * @returns {boolean} True if the overlay is resizable, false otherwise.
      */
     IsResizable() {
-        let comp = this.componentRef.instance;
+        let comp = this.getOverlayProps();
         return comp.IsResizable();
     }
     /**
@@ -1249,7 +1304,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
      * @returns {boolean} True if the overlay is movable, false otherwise.
      */
     IsMovable() {
-        let comp = this.componentRef.instance;
+        let comp = this.getOverlayProps();
         return comp.IsMovable();
     }
     /**
@@ -1343,6 +1398,12 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
         this.resizing = false;
         this.resizeDirection = null;
     }
+    getOverlayProps() {
+        let obj = this.componentRef.instance;
+        if (obj && obj.magicModalProperties instanceof MagicModalProperties)
+            obj = obj.magicModalProperties;
+        return obj;
+    }
     /** @nocollapse */ static ɵfac = function MagicOverlayContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MagicOverlayContainer)(); };
     /** @nocollapse */ static ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: MagicOverlayContainer, selectors: [["app-magic-overlay-container"]], viewQuery: function MagicOverlayContainer_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$3, 5)(_c1$1, 5);
@@ -1387,43 +1448,43 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicOverlayContainer, [{
         type: Component,
-        args: [{ selector: 'app-magic-overlay-container', template: `
-    <div class="boundary-line">
-    
-      <div class="modal-background" (click)="OnBackgroundClick()">
-        @if (!getShowTitleBar()) {
-          <button (click)="OnClose()" tabindex="-1" style="float:right; border: none; background-color: transparent; outline: none; color: white">X</button>
-        }
-      </div>
-    
-      <div #modalForeground class="modal-foreground" [ngStyle]="getStyle()" cdkDragBoundary=".boundary-line" cdkDrag [cdkDragDisabled]="!IsMovable()">
-    
-        @if (IsResizable() && !isRtl) {
-          <span class="dragHandle right" (mousedown)="onResizeStart($event, 'right')"></span>
-        }
-        @if (IsResizable() && isRtl) {
-          <span class="dragHandle left" (mousedown)="onResizeStart($event, 'left')"></span>
-        }
-        @if (IsResizable()) {
-          <span class="dragHandle corner" (mousedown)="onResizeStart($event, 'corner')"></span>
-        }
-        @if (IsResizable()) {
-          <span class="dragHandle bottom" (mousedown)="onResizeStart($event, 'bottom')"></span>
-        }
-    
-        @if (getShowTitleBar()) {
-          <div #modalheader class="modal-header" cdkDragHandle [class.movable]="IsMovable()">
-            {{getText()}}
-            <button (click)="OnClose()" style="float:right" tabindex="-1">X</button>
-          </div>
-        }
-    
-        <div [ngStyle]="getClientAreaStyles()">
-          <div #modalbody magicViewContainerRef>
-          </div>
-        </div>
-      </div>
-    </div>
+        args: [{ selector: 'app-magic-overlay-container', template: `
+    <div class="boundary-line">
+
+      <div class="modal-background" (click)="OnBackgroundClick()">
+        @if (!getShowTitleBar()) {
+          <button (click)="OnClose()" tabindex="-1" style="float:right; border: none; background-color: transparent; outline: none; color: white">X</button>
+        }
+      </div>
+
+      <div #modalForeground class="modal-foreground" [ngStyle]="getStyle()" cdkDragBoundary=".boundary-line" cdkDrag [cdkDragDisabled]="!IsMovable()">
+
+        @if (IsResizable() && !isRtl) {
+          <span class="dragHandle right" (mousedown)="onResizeStart($event, 'right')"></span>
+        }
+        @if (IsResizable() && isRtl) {
+          <span class="dragHandle left" (mousedown)="onResizeStart($event, 'left')"></span>
+        }
+        @if (IsResizable()) {
+          <span class="dragHandle corner" (mousedown)="onResizeStart($event, 'corner')"></span>
+        }
+        @if (IsResizable()) {
+          <span class="dragHandle bottom" (mousedown)="onResizeStart($event, 'bottom')"></span>
+        }
+
+        @if (getShowTitleBar()) {
+          <div #modalheader class="modal-header" cdkDragHandle [class.movable]="IsMovable()">
+            {{getText()}}
+            <button (click)="OnClose()" style="float:right" tabindex="-1">X</button>
+          </div>
+        }
+
+        <div [ngStyle]="getClientAreaStyles()">
+          <div #modalbody magicViewContainerRef>
+          </div>
+        </div>
+      </div>
+    </div>
     `, standalone: false, styles: [".modal-foreground{position:fixed;inset:0;background-color:#fff}.modal-background{position:fixed;inset:0;background-color:#000;opacity:.75}.modal-header{background-color:beige;border-bottom:2px solid red}.modal-header.movable:active{cursor:move}.container{position:relative}.dragHandle{position:absolute}.dragHandle.corner{width:10px;right:0;bottom:0;height:10px;cursor:nwse-resize;background:linear-gradient(135deg,rgba(0,0,0,.4) 50%,transparent 50%);position:absolute}:host-context([dir=\"rtl\"]) .dragHandle.corner{right:auto!important;left:0;cursor:nesw-resize;background:linear-gradient(225deg,rgba(0,0,0,.4) 50%,transparent 50%)}.dragHandle.left{width:2px;left:-2px;height:100%;cursor:ew-resize}.dragHandle.right{width:2px;right:-2px;height:100%;cursor:ew-resize}.dragHandle.bottom{height:2px;bottom:-2px;width:100%;cursor:ns-resize}.boundary-line{width:100%;height:100%;max-width:100%}\n"] }]
     }], () => [], { headerElementRef: [{
             type: ViewChild,
@@ -1444,7 +1505,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
             type: HostListener,
             args: ['window:mouseup']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MagicOverlayContainer, { className: "MagicOverlayContainer", filePath: "src/ui/magic-modal/magic-overlay-container.ts", lineNumber: 64 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MagicOverlayContainer, { className: "MagicOverlayContainer", filePath: "src/ui/magic-modal/magic-overlay-container.ts", lineNumber: 65 }); })();
 
 /**
  * Service managing overlay windows
@@ -7073,5 +7134,5 @@ class ModalFormDefinition {
  * Generated bundle index. Do not edit.
  */
 
-export { AccessorMagicService, BaseMagicAlertComponent, BaseMagicConfirmComponent, BaseMagicOverlayContainer, CHECKBOX_VALUE_ACCESSOR, COLOR_FILE_NAME, CheckboxMagicDirective, CheckboxNoFormControlMagicDirective, ComboboxMagicDirective, CommandsCollectorMagicService, ComponentListMagicService, ConfirmationComponentsMagicProvider, Constants, ControlMetadata, ControlsMetadata, DATE_VALUE_ACCESSOR, DateMagicPipe, DateValueAccessor, EngineMagicService, ErrorMagicComponent, ExitMagicService, GuiInteractiveExecutor, HtmlClasses, InputNoFormControlMagicDirective, MAGIC_BG_COLOR, MAGIC_DEFAULT_VALUE_ACCESSOR, MAGIC_FG_COLOR, MG_FORMATS, MagicAlertComponent, MagicCheckboxControlValueAccessor, MagicColorService, MagicConfirmationBoxComponent, MagicDefaultValueAccessor, MagicDirective, MagicFocusDirective, MagicLazyLoaderService, MagicModule, MagicOverlayContainer, MagicOverlayContainerWrapper, MagicServices, MagicShellComponent, MagicViewContainerRef, MgDateAdapter, MgDateFormatter, MgformatMagicDirective, ModalFormDefinition, NoControlMagicDirective, NonMagicControlDirective, OverlayContainerMagicProvider, OverlayWindowService, RangeValidatorMagicDirective, Records, RouteCommand, RouterCommandsMagicService, RouterContainerMagicComponent, RowMagicDirective, StylesMapManager, SubformMagicComponent, SubformMagicService, SubscriberService, TableMagicService, TaskBaseMagicComponent, TaskMagicService, Time24MagicPipe, TimeMagicPipe, TitleMagicService, basicMagicProviders, confirmationBox, magicProviders, matDateProviders, utils };
+export { AccessorMagicService, BaseMagicAlertComponent, BaseMagicConfirmComponent, BaseMagicOverlayContainer, CHECKBOX_VALUE_ACCESSOR, COLOR_FILE_NAME, CheckboxMagicDirective, CheckboxNoFormControlMagicDirective, ComboboxMagicDirective, CommandsCollectorMagicService, ComponentListMagicService, ConfirmationComponentsMagicProvider, Constants, ControlMetadata, ControlsMetadata, DATE_VALUE_ACCESSOR, DateMagicPipe, DateValueAccessor, EngineMagicService, ErrorMagicComponent, ExitMagicService, GuiInteractiveExecutor, HtmlClasses, InputNoFormControlMagicDirective, MAGIC_BG_COLOR, MAGIC_DEFAULT_VALUE_ACCESSOR, MAGIC_FG_COLOR, MG_FORMATS, MagicAlertComponent, MagicCheckboxControlValueAccessor, MagicColorService, MagicConfirmationBoxComponent, MagicDefaultValueAccessor, MagicDirective, MagicFocusDirective, MagicLazyLoaderService, MagicModalProperties, MagicModule, MagicOverlayContainer, MagicOverlayContainerWrapper, MagicServices, MagicShellComponent, MagicViewContainerRef, MgDateAdapter, MgDateFormatter, MgformatMagicDirective, ModalFormDefinition, NoControlMagicDirective, NonMagicControlDirective, OverlayContainerMagicProvider, OverlayWindowService, RangeValidatorMagicDirective, Records, RouteCommand, RouterCommandsMagicService, RouterContainerMagicComponent, RowMagicDirective, StylesMapManager, SubformMagicComponent, SubformMagicService, SubscriberService, TableMagicService, TaskBaseMagicComponent, TaskMagicService, Time24MagicPipe, TimeMagicPipe, TitleMagicService, basicMagicProviders, confirmationBox, magicProviders, matDateProviders, utils };
 //# sourceMappingURL=magic-xpa-angular.mjs.map