@magic-xpa/angular 4.1300.0-dev4130.282 → 4.1300.0-dev4130.284

package/fesm2022/magic-xpa-angular.mjs

@@ -1,6 +1,6 @@
 import { isNullOrUndefined, NString, List, isUndefined, StringBuilder, RefParam } from '@magic-xpa/mscorelib';
 import * as i0 from '@angular/core';
-import { Injectable, inject, Injector, createNgModule, ViewContainerRef, ChangeDetectionStrategy, Component, Directive, EventEmitter, HostListener, Output, Input, ViewChild, input, output, ElementRef, viewChild, ChangeDetectorRef, InjectionToken, DestroyRef, Renderer2, Pipe, effect, forwardRef, NgModule } from '@angular/core';
+import { Injectable, inject, Injector, createNgModule, ViewContainerRef, ChangeDetectionStrategy, Component, Directive, EventEmitter, HostListener, Output, Input, ViewChild, ElementRef, input, output, viewChild, ChangeDetectorRef, InjectionToken, DestroyRef, Renderer2, Pipe, effect, forwardRef, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { DatePipe, CommonModule, formatDate } from '@angular/common';
 import { ActivatedRoute, Router, NavigationEnd, RouterModule } from '@angular/router';
@@ -1577,18 +1577,16 @@ class BaseMagicConfirmComponent {
     /**
      * title of the component
      */
-    title = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
+    title;
     /**
      * message of the component
      */
-    message = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
+    message;
     /**
      * onClose Event - to be raised when the component is closed
      * should pass true when OK is pressed and false when cancel is pressed
      */
-    onClose = output();
+    onClose = new EventEmitter();
     /**
      * raises close Event
      * @param result true when OK is pressed and false when cancel is pressed
@@ -1598,12 +1596,18 @@ class BaseMagicConfirmComponent {
         this.onClose.emit(result);
     }
     /** @nocollapse */ static ɵfac = function BaseMagicConfirmComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseMagicConfirmComponent)(); };
-    /** @nocollapse */ static ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: BaseMagicConfirmComponent, selectors: [["mg-base-confirm"]], inputs: { title: [1, "title"], message: [1, "message"] }, outputs: { onClose: "onClose" }, standalone: false, decls: 0, vars: 0, template: function BaseMagicConfirmComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 1 });
+    /** @nocollapse */ static ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: BaseMagicConfirmComponent, selectors: [["mg-base-confirm"]], inputs: { title: "title", message: "message" }, outputs: { onClose: "onClose" }, standalone: false, decls: 0, vars: 0, template: function BaseMagicConfirmComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 1 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseMagicConfirmComponent, [{
         type: Component,
         args: [{ selector: 'mg-base-confirm', template: '', changeDetection: ChangeDetectionStrategy.Eager, standalone: false }]
-    }], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }] }); })();
+    }], null, { title: [{
+            type: Input
+        }], message: [{
+            type: Input
+        }], onClose: [{
+            type: Output
+        }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BaseMagicConfirmComponent, { className: "BaseMagicConfirmComponent", filePath: "src/ui/components/base-magic-confirm.component.ts", lineNumber: 14 }); })();
 
 /**
@@ -1613,18 +1617,16 @@ class BaseMagicAlertComponent {
     /**
      * title of the component
      */
-    title = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
+    title;
     /**
      * message of the component
      */
-    message = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
+    message;
     /**
      * onClose Event - to be raised when the component is closed
   
      */
-    onClose = output();
+    onClose = new EventEmitter();
     /**
      * close magic alert
      */
@@ -1632,12 +1634,18 @@ class BaseMagicAlertComponent {
         this.onClose.emit();
     }
     /** @nocollapse */ static ɵfac = function BaseMagicAlertComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseMagicAlertComponent)(); };
-    /** @nocollapse */ static ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: BaseMagicAlertComponent, selectors: [["mg-base-alert"]], inputs: { title: [1, "title"], message: [1, "message"] }, outputs: { onClose: "onClose" }, standalone: false, decls: 0, vars: 0, template: function BaseMagicAlertComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 1 });
+    /** @nocollapse */ static ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: BaseMagicAlertComponent, selectors: [["mg-base-alert"]], inputs: { title: "title", message: "message" }, outputs: { onClose: "onClose" }, standalone: false, decls: 0, vars: 0, template: function BaseMagicAlertComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 1 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseMagicAlertComponent, [{
         type: Component,
         args: [{ selector: 'mg-base-alert', template: '', changeDetection: ChangeDetectionStrategy.Eager, standalone: false }]
-    }], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }] }); })();
+    }], null, { title: [{
+            type: Input
+        }], message: [{
+            type: Input
+        }], onClose: [{
+            type: Output
+        }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BaseMagicAlertComponent, { className: "BaseMagicAlertComponent", filePath: "src/ui/components/base-magic-alert.component.ts", lineNumber: 16 }); })();
 
 /**
@@ -1799,17 +1807,17 @@ class MagicAlertComponent extends BaseMagicAlertComponent {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", ctx.title());
+            i0.ɵɵtextInterpolate1(" ", ctx.title);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1("", ctx.message(), " ");
+            i0.ɵɵtextInterpolate1("", ctx.message, " ");
         } }, styles: [".mg-message-background[_ngcontent-%COMP%]{background-color:#f5f5f5;width:40%;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:17px;border-radius:5px;text-align:center;margin-top:10%;margin-left:auto;margin-right:auto;border:1px solid gray}button[_ngcontent-%COMP%]{background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicAlertComponent, [{
         type: Component,
         args: [{ selector: 'sample-magic-alert-component', template: `<div>
     <div class="mg-message-background">
-      <h2> {{title()}}</h2>
-      <p>{{message()}} </p>
+      <h2> {{title}}</h2>
+      <p>{{message}} </p>
 
       <button (click)="OnClose()">OK</button>
     </div>
@@ -1838,17 +1846,17 @@ class MagicConfirmationBoxComponent extends BaseMagicConfirmComponent {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", ctx.title());
+            i0.ɵɵtextInterpolate1(" ", ctx.title);
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.message(), " ");
+            i0.ɵɵtextInterpolate1(" ", ctx.message, " ");
         } }, styles: [".mg-message-background[_ngcontent-%COMP%]{background-color:#f5f5f5;width:40%;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:17px;border-radius:5px;text-align:center;margin-top:10%;margin-left:auto;margin-right:auto;border:1px solid gray}button[_ngcontent-%COMP%]{background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}button.cancel[_ngcontent-%COMP%]{background-color:#c1c1c1}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicConfirmationBoxComponent, [{
         type: Component,
         args: [{ selector: 'sample-magic-confirmation-box', template: `<div>
     <div class="mg-message-background">
-      <h2> {{title()}}</h2>
-      {{message()}}
+      <h2> {{title}}</h2>
+      {{message}}
       <br>
       <br>