@wavemaker/app-runtime-wm-build 11.3.4-rc.5301 → 11.3.4-rc.5310
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 +38 -5
- app-runtime-wm-build/wmapp/scripts/wm-loader.min.js +2 -2
- app-runtime-wm-build/wmapp/styles/css/wm-style.css +1 -1
- app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.js +38 -5
- app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.min.js +2 -2
- app-runtime-wm-build/wmmobile/styles/css/wm-style.css +1 -1
|
@@ -10377,12 +10377,12 @@
|
|
|
10377
10377
|
var lgTabLandScapeWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg-tab-landscape") || "1366px";
|
|
10378
10378
|
var lgTabPortraitWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg-tab-portrait") || "1024px";
|
|
10379
10379
|
var lgWidthMin = parseFloat(lgWidth) - 1;
|
|
10380
|
-
var lgUnit =
|
|
10380
|
+
var lgUnit = lgWidthMin + "px";
|
|
10381
10381
|
var mdWidthMin = parseFloat(mdWidth) - 1;
|
|
10382
|
-
var mdUnit =
|
|
10382
|
+
var mdUnit = mdWidthMin + "px";
|
|
10383
10383
|
var smWidthMin = parseFloat(smWidth) - 1;
|
|
10384
|
-
var smUnit =
|
|
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: " +
|
|
10384
|
+
var smUnit = smWidthMin + "px";
|
|
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: " + lgUnit + ")").matches && !core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)) || this.devices.indexOf("sm") > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdUnit + ")").matches || core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)) || this.devices.indexOf("xs") > -1 && window.matchMedia("(max-width: " + smUnit + ")").matches || this.devices.indexOf("all") > -1) {
|
|
10386
10386
|
if (!this.embeddedView) {
|
|
10387
10387
|
this.embeddedView = this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
|
|
10388
10388
|
}
|
|
@@ -60107,6 +60107,7 @@
|
|
|
60107
60107
|
this.setDefaultStep(step);
|
|
60108
60108
|
}
|
|
60109
60109
|
}
|
|
60110
|
+
this.addMoreText();
|
|
60110
60111
|
};
|
|
60111
60112
|
WizardComponent.prototype.onWizardHeaderClick = function($event, currentStep) {
|
|
60112
60113
|
var _this = this;
|
|
@@ -60148,6 +60149,7 @@
|
|
|
60148
60149
|
nextStep.active = true;
|
|
60149
60150
|
this.currentStep = nextStep;
|
|
60150
60151
|
}
|
|
60152
|
+
this.addMoreText();
|
|
60151
60153
|
};
|
|
60152
60154
|
WizardComponent.prototype.prev = function() {
|
|
60153
60155
|
var currentStep = this.currentStep;
|
|
@@ -60163,6 +60165,7 @@
|
|
|
60163
60165
|
prevStep.active = true;
|
|
60164
60166
|
this.currentStep = prevStep;
|
|
60165
60167
|
}
|
|
60168
|
+
this.addMoreText();
|
|
60166
60169
|
};
|
|
60167
60170
|
WizardComponent.prototype.skip = function() {
|
|
60168
60171
|
this.next("skip");
|
|
@@ -60178,6 +60181,31 @@
|
|
|
60178
60181
|
steps: this.steps.toArray()
|
|
60179
60182
|
});
|
|
60180
60183
|
};
|
|
60184
|
+
WizardComponent.prototype.addMoreText = function() {
|
|
60185
|
+
setTimeout((function() {
|
|
60186
|
+
var subtitleTextLength = $(".app-wizard-step.current .subtitle-wrapper .step-title").height();
|
|
60187
|
+
var newWindowWidth = $(window).width();
|
|
60188
|
+
$(".read_more").css("display", "none");
|
|
60189
|
+
if (subtitleTextLength > 40 && newWindowWidth < 768) {
|
|
60190
|
+
$(".current .read_more").css("display", "block");
|
|
60191
|
+
$(".active .read_more").css("display", "none");
|
|
60192
|
+
$(".disable .read_more").css("display", "none");
|
|
60193
|
+
$(".app-wizard-step a").css("height", "95px");
|
|
60194
|
+
}
|
|
60195
|
+
}));
|
|
60196
|
+
};
|
|
60197
|
+
WizardComponent.prototype.readMoreSubtitle = function() {
|
|
60198
|
+
$(".current .subtitle-wrapper").addClass("readmore_subtitle");
|
|
60199
|
+
$(".current .read_more").css("display", "none");
|
|
60200
|
+
$(document).on("mouseup", (function(e) {
|
|
60201
|
+
var container = $(".subtitle-wrapper");
|
|
60202
|
+
if (!container.is(e.target) && container.has(e.target).length === 0) {
|
|
60203
|
+
$(".current .subtitle-wrapper").removeClass("readmore_subtitle");
|
|
60204
|
+
$(".current .read_more").css("display", "block");
|
|
60205
|
+
$(document).off("mouseup");
|
|
60206
|
+
}
|
|
60207
|
+
}));
|
|
60208
|
+
};
|
|
60181
60209
|
WizardComponent.prototype.isFirstStep = function(stepRef) {
|
|
60182
60210
|
return this.steps.first === stepRef;
|
|
60183
60211
|
};
|
|
@@ -60200,6 +60228,11 @@
|
|
|
60200
60228
|
WizardComponent.prototype.ngAfterViewInit = function() {
|
|
60201
60229
|
_super.prototype.ngAfterViewInit.call(this);
|
|
60202
60230
|
base.styler(this.nativeElement.querySelector(".panel-body"), this, base.APPLY_STYLES_TYPE.INNER_SHELL);
|
|
60231
|
+
setTimeout((function() {
|
|
60232
|
+
if ($(window).width() < 768) {
|
|
60233
|
+
$(".app-wizard").removeClass("vertical");
|
|
60234
|
+
}
|
|
60235
|
+
}));
|
|
60203
60236
|
};
|
|
60204
60237
|
return WizardComponent;
|
|
60205
60238
|
}(base.StylableComponent);
|
|
@@ -60208,7 +60241,7 @@
|
|
|
60208
60241
|
type: core.Component,
|
|
60209
60242
|
args: [ {
|
|
60210
60243
|
selector: "div[wmWizard]",
|
|
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
|
|
60244
|
+
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" [ngClass]="{\'title-center-align\':class && class.includes(\'classic\') && !step.subtitle}">\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" *ngIf="step.subtitle">\n <span class="step-title" [textContent]="step.subtitle"></span>\n <a class="read_more" (click)="readMoreSubtitle()" style="display:none">more</a>\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',
|
|
60212
60245
|
providers: [ base.provideAsWidgetRef(WizardComponent) ]
|
|
60213
60246
|
} ]
|
|
60214
60247
|
} ];
|