@magic-xpa/angular 4.1300.0-dev4130.306 → 4.1300.0-dev4130.308

package/README.md

@@ -1,5 +1,5 @@
-# Magic-xpa/angular
-
-This package is part of Magic xpa Web Application Framework. 
-It is used to easily create modern business apps powered by Angular to provide a rich user experience and meet the increasingly complex enterprise business expectations for digital transformation. 
-  
+# Magic-xpa/angular
+
+This package is part of Magic xpa Web Application Framework. 
+It is used to easily create modern business apps powered by Angular to provide a rich user experience and meet the increasingly complex enterprise business expectations for digital transformation. 
+  

package/fesm2022/magic-xpa-angular.mjs

@@ -1850,7 +1850,7 @@ class MagicOverlayContainerWrapper {
 const _c0$2 = ["button"];
 function MagicConfirmationBoxComponent_For_8_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 4, 0);
+    i0.ɵɵelementStart(0, "button", 5, 0);
     i0.ɵɵlistener("click", function MagicConfirmationBoxComponent_For_8_Template_button_click_0_listener() { const result_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnClose(result_r2)); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -1888,39 +1888,41 @@ class MagicConfirmationBoxComponent extends BaseMagicConfirmComponent {
             i0.ɵɵviewQuerySignal(ctx.buttonElements, _c0$2, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 2, consts: [["button", ""], [1, "mg-message-mask"], [1, "mg-message-background"], [3, "cancel"], [3, "click"]], template: function MagicConfirmationBoxComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 2, consts: [["button", ""], [1, "mg-message-mask"], [1, "mg-message-background"], [1, "mg-message-text"], [3, "cancel"], [3, "click"]], template: function MagicConfirmationBoxComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h2");
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(4);
-            i0.ɵɵelement(5, "br")(6, "br");
-            i0.ɵɵrepeaterCreate(7, MagicConfirmationBoxComponent_For_8_Template, 3, 3, "button", 3, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(4, "div", 3);
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div");
+            i0.ɵɵrepeaterCreate(7, MagicConfirmationBoxComponent_For_8_Template, 3, 3, "button", 4, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate1(" ", ctx.title);
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.message, " ");
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.message);
+            i0.ɵɵadvance(2);
             i0.ɵɵrepeater(ctx.buttonResults);
-        } }, styles: [".mg-message-mask[_ngcontent-%COMP%]{position:fixed;inset:0;background-color:#0006}.mg-message-background[_ngcontent-%COMP%]{background-color:#f5f5f5;text-align:center;width:40%;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:17px;border-radius:5px;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}"] });
+        } }, styles: [".mg-message-mask[_ngcontent-%COMP%]{position:fixed;inset:0;background-color:#0006;display:flex;flex-direction:column;overflow:auto}.mg-message-background[_ngcontent-%COMP%]{background-color:#f5f5f5;text-align:center;box-sizing:border-box;width:450px;max-width:calc(100% - 20px);min-height:0;display:flex;flex-direction:column;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:17px;border-radius:5px;margin:10% auto 20px;border:1px solid gray;overflow-wrap:anywhere}.mg-message-text[_ngcontent-%COMP%]{overflow-y:auto;margin-bottom:1em;white-space:pre-line}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 class="mg-message-mask">
-    <div class="mg-message-background">
-      <h2> {{title}}</h2>
-      {{message}}
-      <br>
-      <br>
-
-      @for (result of buttonResults; track result) {
-        <button #button [class.cancel]="result === Result.Cancel" (click)="OnClose(result)">{{buttonTexts[result]}}</button>
-      }
-    </div>
-  </div>`, standalone: false, styles: [".mg-message-mask{position:fixed;inset:0;background-color:#0006}.mg-message-background{background-color:#f5f5f5;text-align:center;width:40%;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:17px;border-radius:5px;margin-top:10%;margin-left:auto;margin-right:auto;border:1px solid gray}button{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{background-color:#c1c1c1}\n"] }]
+        args: [{ selector: 'sample-magic-confirmation-box', template: `<div class="mg-message-mask">
+    <div class="mg-message-background">
+      <h2> {{title}}</h2>
+      <div class="mg-message-text">{{message}}</div>
+
+      <div>
+        @for (result of buttonResults; track result) {
+          <button #button [class.cancel]="result === Result.Cancel" (click)="OnClose(result)">{{buttonTexts[result]}}</button>
+        }
+      </div>
+    </div>
+  </div>`, standalone: false, styles: [".mg-message-mask{position:fixed;inset:0;background-color:#0006;display:flex;flex-direction:column;overflow:auto}.mg-message-background{background-color:#f5f5f5;text-align:center;box-sizing:border-box;width:450px;max-width:calc(100% - 20px);min-height:0;display:flex;flex-direction:column;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:17px;border-radius:5px;margin:10% auto 20px;border:1px solid gray;overflow-wrap:anywhere}.mg-message-text{overflow-y:auto;margin-bottom:1em;white-space:pre-line}button{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{background-color:#c1c1c1}\n"] }]
     }], null, { buttonElements: [{ type: i0.ViewChildren, args: ['button', { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MagicConfirmationBoxComponent, { className: "MagicConfirmationBoxComponent", filePath: "src/ui/components/magic-confirmation-box.component.ts", lineNumber: 65 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MagicConfirmationBoxComponent, { className: "MagicConfirmationBoxComponent", filePath: "src/ui/components/magic-confirmation-box.component.ts", lineNumber: 84 }); })();
 
 /**
  * Service managing overlay windows
@@ -6772,13 +6774,13 @@ class MagicAlertComponent extends BaseMagicAlertComponent {
 }
 (() => { (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>
-
-      <button (click)="OnClose()">OK</button>
-    </div>
+        args: [{ selector: 'sample-magic-alert-component', template: `<div>
+    <div class="mg-message-background">
+      <h2> {{title}}</h2>
+      <p>{{message}} </p>
+
+      <button (click)="OnClose()">OK</button>
+    </div>
   </div>`, standalone: false, styles: [".mg-message-background{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{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}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MagicAlertComponent, { className: "MagicAlertComponent", filePath: "src/ui/components/magic-alert.component.ts", lineNumber: 49 }); })();