@wavemaker/app-runtime-wm-build 11.4.1-next.140982 → 11.4.1-next.140983

app-runtime-wm-build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/app-runtime-wm-build",
-    "version": "11.4.1-next.140982",
+    "version": "11.4.1-next.140983",
     "description": "All modules required for a wavemaker application.",
     "main": "index.js",
     "scripts": {

app-runtime-wm-build/wmapp/scripts/wm-loader.js

@@ -4387,7 +4387,7 @@
     }();
     var MINIMUM_MOBILE_WIDTH = 480;
     var MINIMUM_TAB_WIDTH = 768;
-    var MINIMUM_LARGE_SCREEN_WIDTH = 1280;
+    var MINIMUM_LARGE_SCREEN_WIDTH = 1200;
     var IViewportService = function() {
         function IViewportService() {}
         return IViewportService;
@@ -4472,11 +4472,13 @@
             } else {
                 MINIMUM_MOBILE_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--screen-xs")) || 480;
                 MINIMUM_TAB_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--screen-sm")) || 768;
-                if (minValue >= MINIMUM_MOBILE_WIDTH && maxValue >= MINIMUM_TAB_WIDTH) {
+                MINIMUM_LARGE_SCREEN_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--screen-lg")) || 1200;
+                if (this.screenWidth >= MINIMUM_LARGE_SCREEN_WIDTH) {
+                    this.isTabletType = isAndroid() || isIos() || isAndroidTablet();
+                    this.isMobileType = false;
+                } else if (this.screenWidth >= MINIMUM_TAB_WIDTH) {
                     this.type = 1;
-                    if (isAndroid() || isIos() || isAndroidTablet()) {
-                        this.isTabletType = true;
-                    }
+                    this.isTabletType = true;
                 } else {
                     this.type = 0;
                     this.isMobileType = true;
@@ -17217,7 +17219,7 @@
         type: core.Component,
         args: [ {
             selector: "[wmCheckbox]",
-            template: '<label [ngClass]="{\'unchecked\': !proxyModel, \'disabled\': (disabled || readonly), \'required\': (required && _caption)}" (mouseenter)="onMouseOver()">\n    <input type="checkbox"\n           role="checkbox"\n           #checkbox\n           [attr.name]="name"\n           [attr.aria-label]="hint"\n           [attr.aria-checked]="!!proxyModel"\n           focus-target\n           [(ngModel)]="proxyModel"\n           [readonly]="readonly"\n           [required]="required"\n           [disabled]="disabled || readonly"\n           [attr.accesskey]="shortcutkey"\n           [tabindex]="tabindex"\n           (blur)="invokeOnTouched($event)"\n           (ngModelChange)="handleChange($event)">\n           <span class="toggle_slider">\n            <i class="app-icon {{checkedicon}} toggle-checked" aria-hidden="true" [ngStyle]="{width:iconwidth, height:iconheight, margin:iconmargin, color:getColor(), fontSize:iconwidth}" *ngIf="proxyModel && togglewithicon"></i>\n            <i class="app-icon {{uncheckedicon}} toggle-unchecked" aria-hidden="true" [ngStyle]="{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}" *ngIf="!proxyModel && togglewithicon"></i>\n           </span>\n           <span class="caption" [innerHtml]="_caption"></span>\n    <img alt="Checkbox Image" aria-hidden="true" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="switch"/>\n</label>\n<input type="hidden" class="ng-hide model-holder" aria-hidden="true" tabindex="-1" [disabled]="disabled" [value]="proxyModel">\n',
+            template: '<label [ngClass]="{\'unchecked\': !proxyModel, \'disabled\': (disabled || readonly), \'required\': (required && _caption)}" (mouseenter)="onMouseOver()">\n    <input type="checkbox"\n           role="checkbox"\n           #checkbox\n           [attr.name]="name"\n           [attr.aria-label]="hint"\n           [attr.aria-checked]="!!proxyModel"\n           focus-target\n           [(ngModel)]="proxyModel"\n           [readonly]="readonly"\n           [required]="required"\n           [disabled]="disabled || readonly"\n           [attr.accesskey]="shortcutkey"\n           [tabindex]="tabindex"\n           (blur)="invokeOnTouched($event)"\n           (ngModelChange)="handleChange($event)">\n           <span class="toggle_slider" ng-if="!isNativeMobileApplicationType">\n            <i class="app-icon {{checkedicon}} toggle-checked" aria-hidden="true" [ngStyle]="{width:iconwidth, height:iconheight, margin:iconmargin, color:getColor(), fontSize:iconwidth}" *ngIf="proxyModel && togglewithicon"></i>\n            <i class="app-icon {{uncheckedicon}} toggle-unchecked" aria-hidden="true" [ngStyle]="{width:iconwidth, height:iconheight, margin:iconmargin, fontSize:iconwidth}" *ngIf="!proxyModel && togglewithicon"></i>\n           </span>\n           <span class="caption" [innerHtml]="_caption"></span>\n    <img alt="Checkbox Image" aria-hidden="true" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="switch"/>\n</label>\n<input type="hidden" class="ng-hide model-holder" aria-hidden="true" tabindex="-1" [disabled]="disabled" [value]="proxyModel">\n',
             providers: [ base.provideAs(CheckboxComponent, forms.NG_VALUE_ACCESSOR, true), base.provideAs(CheckboxComponent, forms.NG_VALIDATORS, true), base.provideAsWidgetRef(CheckboxComponent) ]
         } ]
     } ];
@@ -22315,17 +22317,11 @@
             });
         };
         SearchComponent.prototype.onFocusOut = function() {
-            var _this = this;
             this._unsubscribeDv = false;
             this._loadingItems = false;
             this.page = 1;
             if (!this._domUpdated && this._isOpen) {
                 this.listenQuery = false;
-                setTimeout((function() {
-                    if (_this.typeahead._typeahead.isShown) {
-                        _this.typeahead.hide();
-                    }
-                }), 200);
             }
             this._isOpen = false;
             if (this._domUpdated && this.typeahead && this.typeahead._container) {
@@ -28216,8 +28212,11 @@
                 return core$1.getFormattedDate(this.datePipe, this.bsDataValue, this.outputformat, this.timeZone, null, this.isCurrentDate, this) || "";
             },
             set: function(newVal) {
+                var _this = this;
                 if (newVal === CURRENT_DATE$1) {
-                    this.bsDataValue = this.timeZone ? core$1.getMomentLocaleObject(this.timeZone) : new Date;
+                    setTimeout((function() {
+                        _this.bsDataValue = _this.timeZone ? core$1.getMomentLocaleObject(_this.timeZone) : new Date;
+                    }), 50);
                     this.isCurrentDate = true;
                 } else {
                     this.bsDataValue = newVal ? core$1.getDateObj(newVal, {
@@ -58628,7 +58627,9 @@
             value: true
         }, base.PROP_BOOLEAN) ], [ "statehandler", Object.assign({
             value: "none"
-        }, base.PROP_STRING) ], [ "transition", base.PROP_STRING ], [ "type", base.PROP_STRING ] ]);
+        }, base.PROP_STRING) ], [ "transition", base.PROP_STRING ], [ "type", base.PROP_STRING ], [ "tabwithicon", base.PROP_BOOLEAN ], [ "iconposition", Object.assign({
+            value: "left"
+        }, base.PROP_STRING) ] ]);
         if (core.isMobileApp()) {
             props.set("transition", Object.assign({
                 value: "slide"
@@ -58639,7 +58640,9 @@
     var registerProps = function() {
         base.register("wm-tabpane", new Map([ [ "active", base.PROP_BOOLEAN ], [ "badgevalue", base.PROP_STRING ], [ "badgetype", Object.assign({
             value: "default"
-        }, base.PROP_STRING) ], [ "class", base.PROP_STRING ], [ "content", base.PROP_STRING ], [ "disabled", base.PROP_BOOLEAN ], [ "dynamicPaneIndex", base.PROP_NUMBER ], [ "heading", base.PROP_STRING ], [ "isdefaulttab", base.PROP_STRING ], [ "isdynamic", base.PROP_BOOLEAN ], [ "name", base.PROP_STRING ], [ "paneicon", base.PROP_STRING ], [ "show", Object.assign({
+        }, base.PROP_STRING) ], [ "class", base.PROP_STRING ], [ "content", base.PROP_STRING ], [ "disabled", base.PROP_BOOLEAN ], [ "dynamicPaneIndex", base.PROP_NUMBER ], [ "heading", base.PROP_STRING ], [ "isdefaulttab", base.PROP_STRING ], [ "isdynamic", base.PROP_BOOLEAN ], [ "name", base.PROP_STRING ], [ "paneicon", Object.assign({
+            value: "wi wi-home"
+        }, base.PROP_STRING) ], [ "show", Object.assign({
             value: true
         }, base.PROP_BOOLEAN) ], [ "smoothscroll", Object.assign({
             value: false
@@ -59053,6 +59056,18 @@
                 core.addClass(this.nativeElement, "inverted");
             }
         };
+        TabsComponent.prototype.setIconPosition = function() {
+            var _tabdiv = this.nativeElement.children[0], _tabheader = $(_tabdiv).find("li a.tab-heading");
+            if (this.iconposition === "right") {
+                _tabheader.addClass("icon_right");
+            } else if (this.iconposition === "top") {
+                _tabheader.addClass("icon_top");
+                _tabheader.removeClass("icon_right");
+            } else {
+                _tabheader.removeClass("icon_top");
+                _tabheader.removeClass("icon_right");
+            }
+        };
         TabsComponent.prototype.onDataChange = function(newVal) {
             var _this = this;
             this.fieldDefs = base.createArrayFrom(newVal);
@@ -59089,6 +59104,8 @@
                         return _this.selectDefaultPaneByIndex(_this.defaultpaneindex || 0);
                     }), 20);
                 }
+            } else if (key === "iconposition") {
+                this.setIconPosition();
             } else {
                 _super.prototype.onPropertyChange.call(this, key, nv, ov);
             }