@magic-xpa/angular 4.801.8 → 4.801.9-dev000.0

package/fesm2020/magic-xpa-angular.mjs

@@ -934,7 +934,7 @@ MagicOverlayContainer.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContain
         i0.ɵɵproperty("ngIf", ctx.getShowTitleBar());
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngStyle", ctx.getClientAreaStyles());
-    } }, directives: [i1.NgIf, i1.NgStyle, MagicViewContainerRef], styles: [".modal-foreground[_ngcontent-%COMP%]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff}.modal-background[_ngcontent-%COMP%]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.75}.modal-header[_ngcontent-%COMP%]{background-color:beige;border-bottom:2px solid red}"] });
+    } }, directives: [i1.NgIf, i1.NgStyle, MagicViewContainerRef], styles: [".modal-foreground[_ngcontent-%COMP%]{position:fixed;inset:0;background-color:#fff}.modal-background[_ngcontent-%COMP%]{position:fixed;inset:0;background-color:#000;opacity:.75}.modal-header[_ngcontent-%COMP%]{background-color:beige;border-bottom:2px solid red}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicOverlayContainer, [{
         type: Component,
         args: [{ selector: 'app-magic-overlay-container', template: `
@@ -953,7 +953,7 @@ MagicOverlayContainer.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContain
         </div>
       </div>
     </div>
-  `, styles: [".modal-foreground{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff}.modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.75}.modal-header{background-color:beige;border-bottom:2px solid red}\n"] }]
+  `, 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}\n"] }]
     }], function () { return [{ type: i0.ComponentFactoryResolver }]; }, { headerElementRef: [{
             type: ViewChild,
             args: ['modalheader', { static: false }]
@@ -1128,7 +1128,7 @@ MagicOverlayContainerWrapper.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlay
         i0.ɵɵelementEnd();
         i0.ɵɵelement(6, "div", 5);
         i0.ɵɵelementEnd();
-    } }, directives: [MagicFocusDirective, MagicViewContainerRef], styles: [".overlay-container-wrapper-background[_ngcontent-%COMP%]{position:fixed;top:0;z-index:999;right:0;bottom:0;left:0}"] });
+    } }, directives: [MagicFocusDirective, MagicViewContainerRef], styles: [".overlay-container-wrapper-background[_ngcontent-%COMP%]{position:fixed;z-index:999;inset:0}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicOverlayContainerWrapper, [{
         type: Component,
         args: [{
@@ -1192,42 +1192,42 @@ MagicAlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: 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>
+                template: `<div>
+    <div class="mg-message-background">
+      <h2> {{title}}</h2>
+      <p>{{message}} </p>
+
+      <button (click)="OnClose()">OK</button>
+    </div>
   </div>`,
-                styles: [`
-    .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;
-  text-align: center;
-  margin-top: 10% ;
-  margin-left: auto;
-  margin-right: auto;
-  border: 1px solid  gray;
-  }
-
-  button {
-  background-color: #8CD4F5;
-  color: white;
-  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 5px;
-  cursor: pointer;
-  }
+                styles: [`
+    .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;
+  text-align: center;
+  margin-top: 10% ;
+  margin-left: auto;
+  margin-right: auto;
+  border: 1px solid  gray;
+  }
+
+  button {
+  background-color: #8CD4F5;
+  color: white;
+  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 5px;
+  cursor: pointer;
+  }
   `]
             }]
     }], null, null); })();
@@ -1259,49 +1259,49 @@ MagicConfirmationBoxComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicConfir
         type: Component,
         args: [{
                 selector: 'sample-magic-confirmation-box',
-                template: `<div>
-    <div class="mg-message-background">
-      <h2> {{title}}</h2>
-      {{message}}
-      <br>
-      <br>
-
-      <button (click)="OnClose(true)">OK</button>
-      <button class="cancel" (click)="OnClose(false)">Cancel</button>
-    </div>
+                template: `<div>
+    <div class="mg-message-background">
+      <h2> {{title}}</h2>
+      {{message}}
+      <br>
+      <br>
+
+      <button (click)="OnClose(true)">OK</button>
+      <button class="cancel" (click)="OnClose(false)">Cancel</button>
+    </div>
   </div>`,
-                styles: [`
-    .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;
-  text-align: center;
-  margin-top: 10% ;
-  margin-left: auto;
-  margin-right: auto;
-  border: 1px solid  gray;
-  }
-
-  button {
-  background-color: #8CD4F5;
-  color: white;
-  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 5px;
-  cursor: pointer;
-  }
-    
-    button.cancel {
-      background-color: #C1C1C1;
-    }
+                styles: [`
+    .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;
+  text-align: center;
+  margin-top: 10% ;
+  margin-left: auto;
+  margin-right: auto;
+  border: 1px solid  gray;
+  }
+
+  button {
+  background-color: #8CD4F5;
+  color: white;
+  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 5px;
+  cursor: pointer;
+  }
+    
+    button.cancel {
+      background-color: #C1C1C1;
+    }
   `]
             }]
     }], null, null); })();
@@ -1961,7 +1961,7 @@ class TaskMagicService {
                     return val;
             }
             case StorageAttribute.NUMERIC:
-                return val;
+                return val != null ? +val : null;
             default:
                 return val;
         }
@@ -3910,7 +3910,7 @@ MagicShellComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicShellComponent,
         i0.ɵɵproperty("ngIf", ctx.RootComponent !== null);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.showSpinner);
-    } }, directives: [i1.NgIf, i3.DynamicComponent, i3.DynamicIoDirective, MagicViewContainerRef, i1.NgTemplateOutlet], styles: [".mgSpinnerClass[_ngcontent-%COMP%]{border:10px solid #cccccc;border-top:10px solid black;border-radius:50%;position:fixed;margin:auto;top:0;right:0;bottom:0;left:0;width:100px;height:100px;animation:spin 2s linear infinite}.spinner-background[_ngcontent-%COMP%]{position:fixed;top:0;right:0;bottom:0;z-index:1000;left:0;opacity:.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}"] });
+    } }, directives: [i1.NgIf, i3.DynamicComponent, i3.DynamicIoDirective, MagicViewContainerRef, i1.NgTemplateOutlet], styles: [".mgSpinnerClass[_ngcontent-%COMP%]{border:10px solid #cccccc;border-top:10px solid black;border-radius:50%;position:fixed;margin:auto;inset:0;width:100px;height:100px;animation:spin 2s linear infinite}.spinner-background[_ngcontent-%COMP%]{position:fixed;z-index:1000;inset:0;opacity:.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicShellComponent, [{
         type: Component,
         args: [{