@wavemaker/app-runtime-wm-build 11.3.4-rc.5297 → 11.3.4-rc.5301
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- app-runtime-wm-build/package.json +1 -1
- app-runtime-wm-build/wmapp/scripts/wm-loader.js +22 -7
- app-runtime-wm-build/wmapp/scripts/wm-loader.min.js +3 -3
- app-runtime-wm-build/wmapp/styles/css/wm-style.css +1 -1
- app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.js +22 -7
- app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.min.js +3 -3
- app-runtime-wm-build/wmmobile/styles/css/wm-style.css +1 -1
|
@@ -3012,11 +3012,15 @@
|
|
|
3012
3012
|
var isIos = function() {
|
|
3013
3013
|
return isIphone() || isIpod() || isIpad();
|
|
3014
3014
|
};
|
|
3015
|
-
var isLargeTabletLandscape = function() {
|
|
3016
|
-
|
|
3015
|
+
var isLargeTabletLandscape = function(landScapeWidth, landScapeHeight) {
|
|
3016
|
+
var width = landScapeWidth || "1366px";
|
|
3017
|
+
var height = landScapeHeight || "1024px";
|
|
3018
|
+
return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
|
|
3017
3019
|
};
|
|
3018
|
-
var isLargeTabletPortrait = function() {
|
|
3019
|
-
|
|
3020
|
+
var isLargeTabletPortrait = function(landScapeWidth, landScapeHeight) {
|
|
3021
|
+
var height = landScapeWidth || "1366px";
|
|
3022
|
+
var width = landScapeHeight || "1024px";
|
|
3023
|
+
return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
|
|
3020
3024
|
};
|
|
3021
3025
|
var isMobile = function() {
|
|
3022
3026
|
return isAndroid() || isIos() || isAndroidTablet() || $("#wm-mobile-display:visible").length > 0;
|
|
@@ -10367,7 +10371,18 @@
|
|
|
10367
10371
|
configurable: true
|
|
10368
10372
|
});
|
|
10369
10373
|
ShowInDeviceDirective.prototype.onResize = function($event) {
|
|
10370
|
-
|
|
10374
|
+
var lgWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg") || "1200px";
|
|
10375
|
+
var mdWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-md") || "992px";
|
|
10376
|
+
var smWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-sm") || "768px";
|
|
10377
|
+
var lgTabLandScapeWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg-tab-landscape") || "1366px";
|
|
10378
|
+
var lgTabPortraitWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg-tab-portrait") || "1024px";
|
|
10379
|
+
var lgWidthMin = parseFloat(lgWidth) - 1;
|
|
10380
|
+
var lgUnit = lgWidth.replace(lgWidthMin.toString(), "").trim();
|
|
10381
|
+
var mdWidthMin = parseFloat(mdWidth) - 1;
|
|
10382
|
+
var mdUnit = mdWidth.replace(mdWidthMin.toString(), "").trim();
|
|
10383
|
+
var smWidthMin = parseFloat(smWidth) - 1;
|
|
10384
|
+
var smUnit = smWidth.replace(smWidthMin.toString(), "").trim();
|
|
10385
|
+
if (this.devices.indexOf("lg") > -1 && window.matchMedia("(min-width: " + lgWidth + ")").matches && !core$1.isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || this.devices.indexOf("md") > -1 && (core$1.isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || window.matchMedia("(min-width: " + mdWidth + ") and (max-width: " + lgWidthMin + lgUnit + ")").matches && !core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)) || this.devices.indexOf("sm") > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdWidthMin + mdUnit + ")").matches || core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)) || this.devices.indexOf("xs") > -1 && window.matchMedia("(max-width: " + smWidthMin + smUnit + ")").matches || this.devices.indexOf("all") > -1) {
|
|
10371
10386
|
if (!this.embeddedView) {
|
|
10372
10387
|
this.embeddedView = this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
|
|
10373
10388
|
}
|
|
@@ -59788,7 +59803,7 @@
|
|
|
59788
59803
|
value: true
|
|
59789
59804
|
}, base.PROP_BOOLEAN) ], [ "title", Object.assign({
|
|
59790
59805
|
value: "Step Title"
|
|
59791
|
-
}, base.PROP_STRING) ] ]));
|
|
59806
|
+
}, base.PROP_STRING) ], [ "subtitle", base.PROP_STRING ] ]));
|
|
59792
59807
|
};
|
|
59793
59808
|
var DEFAULT_CLS$1 = "app-wizard-step-content";
|
|
59794
59809
|
var WIDGET_CONFIG$1 = {
|
|
@@ -60193,7 +60208,7 @@
|
|
|
60193
60208
|
type: core.Component,
|
|
60194
60209
|
args: [ {
|
|
60195
60210
|
selector: "div[wmWizard]",
|
|
60196
|
-
template: '<div class="app-wizard-heading" role="tab">\n <ul class="app-wizard-steps nav nav-pills {{stepClass}}">\n <li class="app-wizard-step" *ngFor="let step of steps; let i = index" [hidden]="!step.show"\n [ngClass]="{active: step.done, current: step.active, disabled: step.disabled}"\n (click)="onWizardHeaderClick($event, step)">\n <a href="javascript:void(0)" [attr.aria-label]="step.title" [attr.title]="step.title">\n <span class="arrow" *ngIf="class && class.includes(\'classic\')"></span>\n <span class="wizard-step-number">\n <span class="count" *ngIf="class && class.includes(\'number\') && !step.isDone">{{i+1}}</span>\n <i class="dottedstepper" *ngIf="class && (class.includes(\'dottedstepper\') || class.includes(\'text-inline\') && !class.includes(\'iconstepper\')) && !step.isDone"></i>\n <i class="app-icon wi wi-done" *ngIf="class && (class.includes(\'dottedstepper\') || class.includes(\'number\')) && step.isDone"></i>\n <i class="app-icon {{step.iconclass}}" *ngIf="(class && class.includes(\'iconstepper\')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===\'\'))"></i>\n <i class="app-icon {{step.doneiconclass}}" *ngIf="step.doneiconclass && step.isDone && (class && class.includes(\'iconstepper\'))"></i>\n </span>\n <span class="title-wrapper">\n <span *ngIf="class && class.includes(\'text-inline\')">{{\'0\' + (i+1)}}</span>\n <span class="step-title" [textContent]="step.title"></span>\n </span>\n </a>\n </li>\n </ul>\n</div>\n<div class="app-wizard-body panel-body" role="tabpanel">\n <p wmMessage *ngIf="message.caption" caption.bind="message.caption" type.bind="message.type"></p>\n <ng-content ngProjectAs="form[wmWizardStep]"></ng-content>\n</div>\n<div class="app-wizard-actions panel-footer {{actionsalignment}}">\n <a class="app-wizard-skip" name="skipStep_{{name}}" *ngIf="currentStep?.enableskip" title="Skip step" (click)="skip()">Skip »</a>\n <div class="app-wizard-actions-right">\n <button type="button" name="cancelBtn_{{name}}" class="btn app-button btn-default" *ngIf="cancelable"\n (click)="cancel()" [title]="cancelbtnlabel" [textContent]="cancelbtnlabel"></button>\n <button type="button" name="previousBtn_{{name}}" class="btn app-button btn-default"\n *ngIf="hasPrevStep" (click)="prev()" [disabled]="!enablePrev">\n <i class="app-icon wi wi-chevron-left"></i>\n <span class="btn-caption" [textContent]="previousbtnlabel"></span>\n </button>\n <button type="button" name="nextBtn_{{name}}" class="btn app-button btn-primary"\n *ngIf="hasNextStep" (click)="next()" [disabled]="!enableNext">\n <span class="btn-caption" [textContent]="nextbtnlabel"></span>\n <i class="app-icon wi wi-chevron-right"></i>\n </button>\n <button type="button" name="doneBtn_{{name}}" class="btn app-button btn-success"\n *ngIf="showDoneBtn" (click)="done()"\n [disabled]="!enableDone">\n <i class="app-icon wm-sl-l sl-check"></i>\n <span class="btn-caption" [textContent]="donebtnlabel"></span>\n </button>\n </div>\n</div>\n',
|
|
60211
|
+
template: '<div class="app-wizard-heading" role="tab">\n <ul class="app-wizard-steps nav nav-pills {{stepClass}}">\n <li class="app-wizard-step" *ngFor="let step of steps; let i = index" [hidden]="!step.show"\n [ngClass]="{active: step.done, current: step.active, disabled: step.disabled}"\n (click)="onWizardHeaderClick($event, step)">\n <a href="javascript:void(0)" [attr.aria-label]="step.title" [attr.title]="step.title">\n <span class="arrow" *ngIf="class && class.includes(\'classic\')"></span>\n <span class="wizard-step-number">\n <span class="count" *ngIf="class && class.includes(\'number\') && !step.isDone">{{i+1}}</span>\n <i class="dottedstepper" *ngIf="class && (class.includes(\'dottedstepper\') || class.includes(\'text-inline\') && !class.includes(\'iconstepper\')) && !step.isDone"></i>\n <i class="app-icon wi wi-done" *ngIf="class && (class.includes(\'dottedstepper\') || class.includes(\'number\')) && step.isDone"></i>\n <i class="app-icon {{step.iconclass}}" *ngIf="(class && class.includes(\'iconstepper\')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===\'\'))"></i>\n <i class="app-icon {{step.doneiconclass}}" *ngIf="step.doneiconclass && step.isDone && (class && class.includes(\'iconstepper\'))"></i>\n </span>\n <span class="title-wrapper">\n <span *ngIf="class && class.includes(\'text-inline\')">{{\'0\' + (i+1)}}</span>\n <span class="step-title" [textContent]="step.title"></span>\n </span>\n <span class="subtitle-wrapper" [attr.title]="step.subtitle">\n <span class="step-title" [textContent]="step.subtitle"></span>\n </span>\n </a>\n </li>\n </ul>\n</div>\n<div class="app-wizard-body panel-body" role="tabpanel">\n <p wmMessage *ngIf="message.caption" caption.bind="message.caption" type.bind="message.type"></p>\n <ng-content ngProjectAs="form[wmWizardStep]"></ng-content>\n</div>\n<div class="app-wizard-actions panel-footer {{actionsalignment}}">\n <a class="app-wizard-skip" name="skipStep_{{name}}" *ngIf="currentStep?.enableskip" title="Skip step" (click)="skip()">Skip »</a>\n <div class="app-wizard-actions-right">\n <button type="button" name="cancelBtn_{{name}}" class="btn app-button btn-default" *ngIf="cancelable"\n (click)="cancel()" [title]="cancelbtnlabel" [textContent]="cancelbtnlabel"></button>\n <button type="button" name="previousBtn_{{name}}" class="btn app-button btn-default"\n *ngIf="hasPrevStep" (click)="prev()" [disabled]="!enablePrev">\n <i class="app-icon wi wi-chevron-left"></i>\n <span class="btn-caption" [textContent]="previousbtnlabel"></span>\n </button>\n <button type="button" name="nextBtn_{{name}}" class="btn app-button btn-primary"\n *ngIf="hasNextStep" (click)="next()" [disabled]="!enableNext">\n <span class="btn-caption" [textContent]="nextbtnlabel"></span>\n <i class="app-icon wi wi-chevron-right"></i>\n </button>\n <button type="button" name="doneBtn_{{name}}" class="btn app-button btn-success"\n *ngIf="showDoneBtn" (click)="done()"\n [disabled]="!enableDone">\n <i class="app-icon wm-sl-l sl-check"></i>\n <span class="btn-caption" [textContent]="donebtnlabel"></span>\n </button>\n </div>\n</div>\n',
|
|
60197
60212
|
providers: [ base.provideAsWidgetRef(WizardComponent) ]
|
|
60198
60213
|
} ]
|
|
60199
60214
|
} ];
|