@wavemaker/app-runtime-wm-build 11.4.0-next.24565 → 11.4.0-next.24569
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 +165 -102
- app-runtime-wm-build/wmapp/scripts/wm-loader.min.js +9 -9
- app-runtime-wm-build/wmapp/styles/css/wm-style.css +1 -1
- app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.js +187 -107
- app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.min.js +25 -25
- app-runtime-wm-build/wmmobile/styles/css/wm-style.css +1 -1
|
@@ -11229,6 +11229,10 @@
|
|
|
11229
11229
|
if (openedDialogs.indexOf(ref) !== -1) {
|
|
11230
11230
|
openedDialogs.splice(openedDialogs.indexOf(ref), 1);
|
|
11231
11231
|
}
|
|
11232
|
+
if (openedDialogs.length === 0 && (core$1.isMobile() || core$1.isMobileApp())) {
|
|
11233
|
+
var parentSelector = $("body > app-root")[0];
|
|
11234
|
+
parentSelector.removeAttribute("aria-hidden");
|
|
11235
|
+
}
|
|
11232
11236
|
};
|
|
11233
11237
|
DialogServiceImpl.prototype.getOpenedDialogs = function() {
|
|
11234
11238
|
return openedDialogs;
|
|
@@ -12404,7 +12408,8 @@
|
|
|
12404
12408
|
mindate: "mindate",
|
|
12405
12409
|
maxdate: "maxdate",
|
|
12406
12410
|
excludedates: "excludedates",
|
|
12407
|
-
excludedays: "excludedays"
|
|
12411
|
+
excludedays: "excludedays",
|
|
12412
|
+
invalidNumber: "invalidNumber"
|
|
12408
12413
|
};
|
|
12409
12414
|
var BaseFieldValidations = function() {
|
|
12410
12415
|
function BaseFieldValidations(instance, formwidget, widgettype, widgetControl, widgetContext, tableFieldType) {
|
|
@@ -14215,7 +14220,7 @@
|
|
|
14215
14220
|
var eventsTmpl = widgetType === core.FormWidgetType.UPLOAD ? "" : getEventsTemplate(attrs);
|
|
14216
14221
|
var controlLayout = core.isMobileApp() ? "col-xs-12" : "col-sm-12";
|
|
14217
14222
|
var isInList = pCounter === (parentList && parentList.get("parent_form_reference"));
|
|
14218
|
-
attrs.set("
|
|
14223
|
+
attrs.set("__validationId", formFieldErrorMsgId);
|
|
14219
14224
|
attrs.set("__widgetType", widgetType);
|
|
14220
14225
|
attrs.delete("widget");
|
|
14221
14226
|
shared.set("counter", counter);
|
|
@@ -26919,22 +26924,24 @@
|
|
|
26919
26924
|
configurable: true
|
|
26920
26925
|
});
|
|
26921
26926
|
DateTimePickerComponent.prototype.validateSelectedDate = function() {
|
|
26922
|
-
var _a, _b, _c, _d, _e
|
|
26927
|
+
var _a, _b, _c, _d, _e;
|
|
26923
26928
|
if (!this.changedValue) {
|
|
26924
26929
|
return true;
|
|
26925
26930
|
}
|
|
26926
26931
|
var cd = moment(this.changedValue);
|
|
26927
|
-
|
|
26932
|
+
var minDate = (_a = this._bsDatepickerConfig) === null || _a === void 0 ? void 0 : _a.minDate;
|
|
26933
|
+
var maxDate = (_b = this._bsDatepickerConfig) === null || _b === void 0 ? void 0 : _b.maxDate;
|
|
26934
|
+
if (minDate && (this.mode === "DATE" && moment(minDate).startOf("day").toDate() > this.changedValue || this.mode !== "DATE" && minDate > this.changedValue)) {
|
|
26928
26935
|
return false;
|
|
26929
26936
|
}
|
|
26930
|
-
if (
|
|
26937
|
+
if (maxDate && (this.mode === "DATE" && moment(maxDate).endOf("day").toDate() < this.changedValue || this.mode !== "DATE" && maxDate < this.changedValue)) {
|
|
26931
26938
|
return false;
|
|
26932
26939
|
}
|
|
26933
|
-
if (((
|
|
26940
|
+
if (((_d = (_c = this._bsDatepickerConfig) === null || _c === void 0 ? void 0 : _c.daysDisabled) === null || _d === void 0 ? void 0 : _d.indexOf(cd.day())) >= 0) {
|
|
26934
26941
|
return false;
|
|
26935
26942
|
}
|
|
26936
26943
|
var cdSt = cd.startOf("day").toDate().getTime();
|
|
26937
|
-
if ((
|
|
26944
|
+
if ((_e = this.excludedDatesToDisable) === null || _e === void 0 ? void 0 : _e.find((function(d) {
|
|
26938
26945
|
return d.getTime() === cdSt;
|
|
26939
26946
|
}))) {
|
|
26940
26947
|
return false;
|
|
@@ -26983,6 +26990,9 @@
|
|
|
26983
26990
|
newVal.setMilliseconds(oldVal.getMilliseconds());
|
|
26984
26991
|
}
|
|
26985
26992
|
this.changedValue = newVal;
|
|
26993
|
+
if (this.mode === "DATE" && oldVal !== newVal && this.validateSelectedDate()) {
|
|
26994
|
+
this.onOkClick();
|
|
26995
|
+
}
|
|
26986
26996
|
};
|
|
26987
26997
|
DateTimePickerComponent.prototype.onTimeUpdate = function(newVal) {
|
|
26988
26998
|
this.changedValue = newVal;
|
|
@@ -27004,6 +27014,10 @@
|
|
|
27004
27014
|
this.triggerChange();
|
|
27005
27015
|
this.hideModal();
|
|
27006
27016
|
};
|
|
27017
|
+
DateTimePickerComponent.prototype.setToday = function() {
|
|
27018
|
+
var today = moment().startOf("day").toDate();
|
|
27019
|
+
this.onDateUpdate(today);
|
|
27020
|
+
};
|
|
27007
27021
|
DateTimePickerComponent.prototype.reset = function() {
|
|
27008
27022
|
this.changedValue = this._value;
|
|
27009
27023
|
};
|
|
@@ -27038,7 +27052,7 @@
|
|
|
27038
27052
|
type: core.Component,
|
|
27039
27053
|
args: [ {
|
|
27040
27054
|
selector: "wm-datetimepicker",
|
|
27041
|
-
template: ' \n <ng-template #datetimepickerTemplate>\n <div class="app-datetime-picker">\n <div class="modal-body">\n <div class="mobile-datetime-picker-options">\n \n </div>\n <bs-datepicker-inline\n [bsConfig]="bsDatepickerConfig"\n [datesDisabled]="excludedDatesToDisable"\n bsDatepicker\n [bsValue]="changedValue"\n (bsValueChange)="onDateUpdate($event)"\n *ngIf="mode === \'DATE_TIME\' || mode === \'DATE\'">\n </bs-datepicker-inline>\n <wm-timepicker\n [value]="changedValue"\n [min]="minTime"\n [max]="maxTime"\n (change)="onTimeUpdate($event)"\n *ngIf="mode === \'DATE_TIME\' || mode === \'TIME\'"></wm-timepicker>\n <span class="text-primary date-picker-value">\n {{getDateLabel()}}\n </span>\n </div>\n <div class="modal-footer">\n <button\n class="btn btn-secondary
|
|
27055
|
+
template: ' \n <ng-template #datetimepickerTemplate>\n <div class="app-datetime-picker">\n <div class="modal-body">\n <div class="mobile-datetime-picker-options">\n \n </div>\n <bs-datepicker-inline\n [bsConfig]="bsDatepickerConfig"\n [datesDisabled]="excludedDatesToDisable"\n bsDatepicker\n [bsValue]="changedValue"\n (bsValueChange)="onDateUpdate($event)"\n *ngIf="mode === \'DATE_TIME\' || mode === \'DATE\'">\n </bs-datepicker-inline>\n <wm-timepicker\n [value]="changedValue"\n [min]="minTime"\n [max]="maxTime"\n (change)="onTimeUpdate($event)"\n *ngIf="mode === \'DATE_TIME\' || mode === \'TIME\'"></wm-timepicker>\n <span class="text-primary date-picker-value">\n {{getDateLabel()}}\n </span>\n </div>\n <div class="modal-footer">\n <button\n *ngIf="mode === \'DATE_TIME\' || mode === \'DATE\'"\n class="btn btn-secondary today-btn"\n (click)="setToday()">{{appLocale.MESSAGE_DATE_PICKER_TODAY || "Today" }}</button>\n <button\n class="btn btn-primary pull-right ok-btn"\n *ngIf="mode === \'DATE_TIME\' || mode === \'TIME\'"\n (click)="onOkClick()">{{appLocale.MESSAGE_DATE_PICKER_OK || "Ok" }}</button>\n <button\n class="btn btn-secondary pull-right clear-btn"\n (click)="clear()">{{appLocale.MESSAGE_DATE_PICKER_CLEAR || "Clear" }}</button>\n </div>\n </div>\n </ng-template>\n '
|
|
27042
27056
|
} ]
|
|
27043
27057
|
} ];
|
|
27044
27058
|
DateTimePickerComponent.ctorParameters = function() {
|
|
@@ -27121,8 +27135,8 @@
|
|
|
27121
27135
|
}
|
|
27122
27136
|
return arr;
|
|
27123
27137
|
};
|
|
27124
|
-
TimePickerComponent.prototype.set = function(
|
|
27125
|
-
var index =
|
|
27138
|
+
TimePickerComponent.prototype.set = function(_f, unit) {
|
|
27139
|
+
var index = _f.index, value = _f.value;
|
|
27126
27140
|
if (unit === "HOUR") {
|
|
27127
27141
|
this.value = moment(this.value).hour(parseInt(value)).toDate();
|
|
27128
27142
|
} else if (unit === "MINUTE") {
|
|
@@ -28295,7 +28309,7 @@
|
|
|
28295
28309
|
type: core.Component,
|
|
28296
28310
|
args: [ {
|
|
28297
28311
|
selector: "[wmDate]",
|
|
28298
|
-
template: ' <input class="form-control app-textbox app-dateinput display-input"\n focus-target\n type="text"\n [name]="name"\n [tabindex]="tabindex"\n [value]="displayValue"\n (click)="toggleDpDropdown($event, true)"\n (focus)="onDateTimeInputFocus(); invokeOnFocus($event);"\n (blur)="onInputBlur($event)"\n [disabled]="disabled || readonly"\n [autofocus]="autofocus"\n [required]="required"\n [readOnly]="isReadOnly"\n [attr.placeholder]="placeholder"\n [attr.accesskey]="shortcutkey"\n [attr.aria-label]="hint"\n (change)="onDisplayDateChange($event)"\n (keydown)="this._triggeredByUser = true; onDisplayKeydown($event);">\n\n <span class="input-group-btn">\n <button type="button"\n class="btn btn-default btn-time"\n [tabindex]="tabindex"\n [disabled]="disabled || readonly"\n [attr.aria-label]="displayValue ? \'Change Date \' + displayValue : \'Choose date by pressing enter\'"\n aria-haspopup="true"\n aria-expanded="false"\n (click)="toggleDpDropdown($event, false)">\n <i aria-hidden="true"\n class="app-icon wm-sl-l sl-calendar"></i>\n </button>\n </span>\n <div style="width: 0;display: inline-block;">\n <input class="model-holder"\n aria-label="datepicker dropdownmenu"\n aria-controls="date"\n [container]="containerTarget || \'body\'"\n [bsConfig]="_dateOptions"\n [isOpen]="isOpen"\n #datepicker="bsDatepicker"\n bsDatepicker\n [daysDisabled]="excludedDaysToDisable"\n [datesDisabled]="excludedDatesToDisable"\n placement="bottom right"\n [isDisabled]="disabled || readonly"\n [bsValue]="bsDataValue"\n (onShown)="onDatePickerOpen()"\n (onHidden)="hideDatepickerDropdown()"\n (bsValueChange)="onDateChange($event)">\n</div>\n\n<ng-template [ngIf]="loadNativeDateInput">\n <wm-datetimepicker\n dateTimePicker\n mode="DATE"\n [config]="_dateOptions"\n [placement]="modal"\n [excludedDaysToDisable]="excludedDaysToDisable"\n [excludedDatesToDisable]="excludedDatesToDisable"\n [displayFormat]="dateInputFormat"\n [value]="bsDataValue"\n (change)="onDateChange($event)">\n </wm-datetimepicker>\n <div class="mobile-input mobile-datepicker-container"\n
|
|
28312
|
+
template: ' <input class="form-control app-textbox app-dateinput display-input"\n focus-target\n type="text"\n [name]="name"\n [tabindex]="tabindex"\n [value]="displayValue"\n (click)="toggleDpDropdown($event, true)"\n (focus)="onDateTimeInputFocus(); invokeOnFocus($event);"\n (blur)="onInputBlur($event)"\n [disabled]="disabled || readonly"\n [autofocus]="autofocus"\n [required]="required"\n [readOnly]="isReadOnly"\n [attr.placeholder]="placeholder"\n [attr.accesskey]="shortcutkey"\n [attr.aria-label]="hint"\n (change)="onDisplayDateChange($event)"\n (keydown)="this._triggeredByUser = true; onDisplayKeydown($event);">\n\n <span class="input-group-btn">\n <button type="button"\n class="btn btn-default btn-time"\n [tabindex]="tabindex"\n [disabled]="disabled || readonly"\n [attr.aria-label]="displayValue ? \'Change Date \' + displayValue : \'Choose date by pressing enter\'"\n aria-haspopup="true"\n aria-expanded="false"\n (click)="toggleDpDropdown($event, false)">\n <i aria-hidden="true"\n class="app-icon wm-sl-l sl-calendar"></i>\n </button>\n </span>\n <div style="width: 0;display: inline-block;">\n <input class="model-holder"\n aria-label="datepicker dropdownmenu"\n aria-controls="date"\n [container]="containerTarget || \'body\'"\n [bsConfig]="_dateOptions"\n [isOpen]="isOpen"\n #datepicker="bsDatepicker"\n bsDatepicker\n [daysDisabled]="excludedDaysToDisable"\n [datesDisabled]="excludedDatesToDisable"\n placement="bottom right"\n [isDisabled]="disabled || readonly"\n [bsValue]="bsDataValue"\n (onShown)="onDatePickerOpen()"\n (onHidden)="hideDatepickerDropdown()"\n (bsValueChange)="onDateChange($event)">\n</div>\n\n<ng-template [ngIf]="loadNativeDateInput">\n <wm-datetimepicker\n dateTimePicker\n mode="DATE"\n [config]="_dateOptions"\n [placement]="modal"\n [excludedDaysToDisable]="excludedDaysToDisable"\n [excludedDatesToDisable]="excludedDatesToDisable"\n [displayFormat]="dateInputFormat"\n [value]="bsDataValue"\n (change)="onDateChange($event)">\n </wm-datetimepicker>\n <div class="mobile-input mobile-datepicker-container"\n tabindex="1000000"\n (focus)="onDateTimeInputFocus(true); invokeOnFocus($event);"\n (blur)="onDateTimeInputBlur(); invokeOnTouched($event)"\n (click)="!(disabled || readonly || isCurrentDate) && showDatePickerModal()">\n </div>\n</ng-template>\n',
|
|
28299
28313
|
providers: [ base.provideAs(DateComponent, forms.NG_VALUE_ACCESSOR, true), base.provideAs(DateComponent, forms.NG_VALIDATORS, true), base.provideAsWidgetRef(DateComponent) ]
|
|
28300
28314
|
} ]
|
|
28301
28315
|
} ];
|
|
@@ -35726,6 +35740,8 @@
|
|
|
35726
35740
|
}));
|
|
35727
35741
|
var popoverStartBtn = popoverContainer.querySelector(".popover-start");
|
|
35728
35742
|
var popoverEndBtn = popoverContainer.querySelector(".popover-end");
|
|
35743
|
+
popoverStartBtn.setAttribute("aria-hidden", "true");
|
|
35744
|
+
popoverEndBtn.setAttribute("aria-hidden", "true");
|
|
35729
35745
|
popoverStartBtn.onkeydown = function(event) {
|
|
35730
35746
|
var action = _this.keyEventPlugin.constructor.getEventFullKey(event);
|
|
35731
35747
|
if (action === "shift.tab") {
|
|
@@ -36425,15 +36441,17 @@
|
|
|
36425
36441
|
_this.dialogService = inj.get(core.AbstractDialogService);
|
|
36426
36442
|
_this.bsModal = inj.get(modal.BsModalService);
|
|
36427
36443
|
var router$1 = inj.get(router.Router);
|
|
36428
|
-
var subscriptions = [ _this.bsModal.onShown.subscribe((function() {
|
|
36444
|
+
var subscriptions = [ _this.bsModal.onShown.subscribe((function(_a) {
|
|
36445
|
+
var id = _a.id;
|
|
36429
36446
|
var ref = _this.dialogService.getLastOpenedDialog();
|
|
36430
36447
|
if (ref === _this) {
|
|
36431
36448
|
invokeOpenedCallback(ref);
|
|
36449
|
+
_this.dialogId = id;
|
|
36432
36450
|
}
|
|
36433
36451
|
})), _this.bsModal.onShow.subscribe((function() {
|
|
36434
36452
|
focusTrapObj.activeElement = document.activeElement;
|
|
36435
36453
|
})), _this.bsModal.onHidden.subscribe((function(closeReason) {
|
|
36436
|
-
var ref = closeReason === "esc" || closeReason === "backdrop-click" ? _this.dialogService.getLastOpenedDialog() : _this.dialogService.getDialogRefFromClosedDialogs();
|
|
36454
|
+
var ref = closeReason === "esc" || closeReason === "backdrop-click" || _this.dialogId && (closeReason === null || closeReason === void 0 ? void 0 : closeReason.id) === _this.dialogId ? _this.dialogService.getLastOpenedDialog() : _this.dialogService.getDialogRefFromClosedDialogs();
|
|
36437
36455
|
if (ref === _this) {
|
|
36438
36456
|
_this.dialogService.removeFromOpenedDialogs(ref);
|
|
36439
36457
|
_this.dialogService.removeFromClosedDialogs(ref);
|
|
@@ -36473,6 +36491,10 @@
|
|
|
36473
36491
|
Object.assign(this.context, initState);
|
|
36474
36492
|
this.modalOptions.ariaLabelledBy = this.titleId;
|
|
36475
36493
|
this.dialogRef = this.bsModal.show(this.getTemplateRef(), this.modalOptions);
|
|
36494
|
+
if (this.dialogService.getOpenedDialogs().length === 1 && (core.isMobile() || core.isMobileApp())) {
|
|
36495
|
+
var parentSelector = $("body > app-root")[0];
|
|
36496
|
+
parentSelector.setAttribute("aria-hidden", "true");
|
|
36497
|
+
}
|
|
36476
36498
|
};
|
|
36477
36499
|
BaseDialog.prototype.close = function() {
|
|
36478
36500
|
if (this.dialogRef) {
|
|
@@ -42304,11 +42326,31 @@
|
|
|
42304
42326
|
$index: _this.dn.currentPage
|
|
42305
42327
|
});
|
|
42306
42328
|
_this.goToPage();
|
|
42329
|
+
if (_this.navigation === "Basic") {
|
|
42330
|
+
_this._setAriaForBasicNavigation();
|
|
42331
|
+
}
|
|
42307
42332
|
}
|
|
42308
42333
|
}), base.DEBOUNCE_TIMES.PAGINATION_DEBOUNCE_TIME);
|
|
42309
42334
|
base.styler(_this.nativeElement, _this);
|
|
42310
42335
|
return _this;
|
|
42311
42336
|
}
|
|
42337
|
+
PaginationComponent.prototype._setAriaForBasicNavigation = function() {
|
|
42338
|
+
_.forEach(this.nativeElement.getElementsByTagName("a"), (function(item) {
|
|
42339
|
+
item.setAttribute("href", "javascript:void(0);");
|
|
42340
|
+
var childNode = item.querySelector("span");
|
|
42341
|
+
if ((childNode === null || childNode === void 0 ? void 0 : childNode.dataset.isacitvepage) === "true") {
|
|
42342
|
+
item.setAttribute("aria-current", "true");
|
|
42343
|
+
setTimeout((function() {
|
|
42344
|
+
return item.focus();
|
|
42345
|
+
}));
|
|
42346
|
+
}
|
|
42347
|
+
if ((childNode === null || childNode === void 0 ? void 0 : childNode.dataset.isdisabled) === "true") {
|
|
42348
|
+
item.setAttribute("aria-disabled", "true");
|
|
42349
|
+
} else {
|
|
42350
|
+
item.removeAttribute("aria-disabled");
|
|
42351
|
+
}
|
|
42352
|
+
}));
|
|
42353
|
+
};
|
|
42312
42354
|
PaginationComponent.prototype.setResult = function(result) {
|
|
42313
42355
|
this.result = result;
|
|
42314
42356
|
this.resultEmitter.emit(this.result);
|
|
@@ -42425,9 +42467,7 @@
|
|
|
42425
42467
|
this.resetPageNavigation();
|
|
42426
42468
|
}
|
|
42427
42469
|
if (this.navigation === "Basic") {
|
|
42428
|
-
|
|
42429
|
-
item.setAttribute("href", "javascript:void(0);");
|
|
42430
|
-
}));
|
|
42470
|
+
this._setAriaForBasicNavigation();
|
|
42431
42471
|
}
|
|
42432
42472
|
} else {
|
|
42433
42473
|
if (newVal && !_.isString(newVal)) {
|
|
@@ -42704,7 +42744,7 @@
|
|
|
42704
42744
|
type: core.Component,
|
|
42705
42745
|
args: [ {
|
|
42706
42746
|
selector: "[wmPagination]",
|
|
42707
|
-
template: '\n<ul class="pagination advanced {{navigationClass}}" *ngIf="navcontrols === \'Classic\'">\n <li [ngClass]="{\'disabled\':isDisableFirst}">\n <a [title]="appLocale.LABEL_FIRST" name="first" href="javascript:void(0);"
|
|
42747
|
+
template: '\n<ul class="pagination advanced {{navigationClass}}" *ngIf="navcontrols === \'Classic\'">\n <li [ngClass]="{\'disabled\':isDisableFirst}">\n <a [title]="appLocale.LABEL_FIRST" name="first" href="javascript:void(0);"\n [attr.aria-disabled]="isDisableFirst"\n (click)="navigatePage(\'first\', $event)">\n <span aria-hidden="true"><i class="wi wi-first-page"></i></span>\n <span class="sr-only">Go to first page {{ isDisableFirst ? \' , Disabled\' : \'\'}}</span>\n </a>\n </li>\n <li [ngClass]="{\'disabled\':isDisablePrevious}">\n <a [title]="appLocale.LABEL_PREVIOUS" name="prev" href="javascript:void(0);"\n [attr.aria-disabled]="isDisablePrevious"\n (click)="navigatePage(\'prev\', $event)">\n <span aria-hidden="true"><i class="wi wi-chevron-left"></i></span>\n <span class="sr-only">Go to previous page {{ isDisablePrevious ? \', Disabled\' : \'\'}}</span>\n </a>\n </li>\n <li class="pagecount disabled">\n <a href="javascript:void(0);">\n <input type="number" [disabled]="isDisableCurrent" [(ngModel)]="dn.currentPage" [attr.aria-label]="\'Showing Page \' + dn.currentPage + \' of \' + pageCount"\n (keydown)="onKeyDown($event)" (change)="onModelChange($event)" class="form-control"/>\n </a>\n </li>\n <li class="disabled">\n <a [hidden]="isDisableCount"> / {{pageCount}}</a>\n </li>\n <li [ngClass]="{\'disabled\':isDisableNext}">\n <a [title]="appLocale.LABEL_NEXT" name="next" href="javascript:void(0);"\n [attr.aria-disabled]="isDisableNext"\n (click)="navigatePage(\'next\', $event)">\n <span aria-hidden="true"><i class="wi wi-chevron-right"></i></span>\n <span class="sr-only">Go to next page {{ isDisableNext ? \' , Disabled\' : \'\'}}</span>\n </a>\n </li>\n <li [ngClass]="{\'disabled\':isDisableLast}">\n <a [title]="appLocale.LABEL_LAST" name="last" href="javascript:void(0);"\n [attr.aria-disabled]="isDisableLast"\n (click)="navigatePage(\'last\', $event)">\n <span aria-hidden="true"><i class="wi wi-last-page"></i></span>\n <span class="sr-only">Go to last page {{ isDisableLast ? \' , Disabled\' : \'\'}}</span>\n </a>\n </li>\n <li *ngIf="showrecordcount" class="totalcount disabled">\n <a href="javascript:void(0);" tabindex="-1" aria-disabled="true">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n </li>\n</ul>\n<ul class="pager {{navigationClass}}" *ngIf="navcontrols === \'Pager\'">\n <li class="previous" [ngClass]="{\'disabled\':isDisablePrevious}">\n <a href="javascript:void(0);" (click)="navigatePage(\'prev\', $event)"\n [attr.aria-disabled]="isDisablePrevious">\n <span aria-hidden="true"><i class="wi wi-chevron-left"></i></span>\n {{appLocale.LABEL_PREVIOUS}}\n <span class="sr-only">{{ isDisablePrevious ? \' , Disabled\' : \'\'}}</span>\n </a>\n </li>\n <li class="next" [ngClass]="{\'disabled\':isDisableNext}">\n <a href="javascript:void(0);" (click)="navigatePage(\'next\', $event)"\n [attr.aria-disabled]="isDisableNext">\n <span aria-hidden="true"><i class="wi wi-chevron-right"></i></span>\n {{appLocale.LABEL_NEXT}}\n <span class="sr-only">{{ isDisableNext ? \' , Disabled\' : \'\'}}</span>\n </a>\n </li>\n</ul>\n\n<pagination class="pagination basic" [ngClass]="navigationClass" *ngIf="navcontrols === \'Basic\'" role="navigation"\n [itemsPerPage]="maxResults" [totalItems]="dataSize"\n [ngModel]="dn.currentPage" (pageChanged)="pageChanged($event)"\n [attr.aria-label]="\'Showing Page \' + dn.currentPage + \' of \' + pageCount + \' pages\'"\n [boundaryLinks]="boundarylinks" [maxSize]="maxsize"\n [directionLinks]="directionlinks"\n firstText="Firtst" lastText="Last"\n [customPreviousTemplate]="prevTemplate"\n [customNextTemplate]="nextTemplate"\n [customPageTemplate]="pageTemplate"></pagination>\n\n<ul *ngIf="navcontrols === \'Basic\' && showrecordcount" class="pagination">\n <li class="totalcount disabled basiccount">\n <a href="javascript:void(0);" tabindex="-1" aria-disabled="true">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n </li>\n</ul>\n\n<ng-template #pageTemplate let-page>\n <span class="sr-only" [attr.data-isacitvepage]="page.active">{{\'Page \'}}</span>\n {{page.number}}\n <span class="sr-only" *ngIf="page.active"> {{\', Showing page \' + page.number + \' of \' + pageCount}}</span>\n</ng-template>\n<ng-template #prevTemplate let-disabled="disabled">\n <span class="sr-only" [attr.data-isdisabled]="disabled">Go to Previous page {{disabled ? \', Disabled\' : \'\'}}</span>\n</ng-template>\n<ng-template #nextTemplate let-disabled="disabled">\n <span class="sr-only" [attr.data-isdisabled]="disabled">Go to Next page {{disabled ? \', Disabled\' : \'\'}}</span>\n</ng-template>\n',
|
|
42708
42748
|
providers: [ base.provideAsWidgetRef(PaginationComponent) ]
|
|
42709
42749
|
} ]
|
|
42710
42750
|
} ];
|
|
@@ -44737,7 +44777,7 @@
|
|
|
44737
44777
|
return this.datasource.execute(operation, options);
|
|
44738
44778
|
};
|
|
44739
44779
|
ListComponent.prototype.handleKeyDown = function($event, action) {
|
|
44740
|
-
var
|
|
44780
|
+
var _d, _e;
|
|
44741
44781
|
$event.stopPropagation();
|
|
44742
44782
|
if ($event.keyCode !== 13 && $event.keyCode !== 9 && !(($event.target.classList.contains("form-control") || $event.target.classList.contains("note-editable")) && $event.keyCode === 32)) {
|
|
44743
44783
|
$event.preventDefault();
|
|
@@ -44779,27 +44819,21 @@
|
|
|
44779
44819
|
}
|
|
44780
44820
|
if (action === "focusPrev") {
|
|
44781
44821
|
if (this.isListElementMovable) {
|
|
44782
|
-
var prev_1;
|
|
44783
44822
|
presentIndex = presentIndex <= 0 ? 0 : presentIndex;
|
|
44784
|
-
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
44785
44823
|
if (presentIndex === 0) {
|
|
44786
|
-
prev_1 = this.listItems.last;
|
|
44787
44824
|
return;
|
|
44788
44825
|
}
|
|
44789
|
-
this.
|
|
44790
|
-
|
|
44791
|
-
|
|
44792
|
-
|
|
44793
|
-
|
|
44794
|
-
|
|
44795
|
-
|
|
44796
|
-
|
|
44797
|
-
|
|
44798
|
-
|
|
44799
|
-
|
|
44800
|
-
}
|
|
44801
|
-
prev_1 = $liItem;
|
|
44802
|
-
}));
|
|
44826
|
+
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
44827
|
+
var prevElt = this.getListItemByIndex(presentIndex - 1);
|
|
44828
|
+
prevElt.nativeElement.before(this.lastSelectedItem.nativeElement);
|
|
44829
|
+
this.lastSelectedItem.nativeElement.focus();
|
|
44830
|
+
this.statePersistence.removeWidgetState(this, "selectedItem");
|
|
44831
|
+
var arr = this.listItems.toArray();
|
|
44832
|
+
_d = __read([ arr[presentIndex], arr[presentIndex - 1] ], 2), arr[presentIndex - 1] = _d[0],
|
|
44833
|
+
arr[presentIndex] = _d[1];
|
|
44834
|
+
this.listItems.reset(arr);
|
|
44835
|
+
this.currentIndex = presentIndex;
|
|
44836
|
+
this.ariaText = "selected ";
|
|
44803
44837
|
} else {
|
|
44804
44838
|
presentIndex = presentIndex <= 0 ? 0 : presentIndex - 1;
|
|
44805
44839
|
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
@@ -44809,27 +44843,21 @@
|
|
|
44809
44843
|
}
|
|
44810
44844
|
} else if (action === "focusNext") {
|
|
44811
44845
|
if (this.isListElementMovable) {
|
|
44812
|
-
var prev_2;
|
|
44813
44846
|
presentIndex = presentIndex < listItems.length - 1 ? presentIndex : listItems.length - 1;
|
|
44814
|
-
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
44815
44847
|
if (presentIndex === this.listItems.length - 1) {
|
|
44816
|
-
prev_2 = this.listItems.first;
|
|
44817
44848
|
return;
|
|
44818
44849
|
}
|
|
44819
|
-
this.
|
|
44820
|
-
|
|
44821
|
-
|
|
44822
|
-
|
|
44823
|
-
|
|
44824
|
-
|
|
44825
|
-
|
|
44826
|
-
|
|
44827
|
-
|
|
44828
|
-
|
|
44829
|
-
|
|
44830
|
-
}
|
|
44831
|
-
prev_2 = $liItem;
|
|
44832
|
-
}));
|
|
44850
|
+
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
44851
|
+
var nextElt = this.getListItemByIndex(presentIndex + 1);
|
|
44852
|
+
nextElt.nativeElement.after(this.lastSelectedItem.nativeElement);
|
|
44853
|
+
this.lastSelectedItem.nativeElement.focus();
|
|
44854
|
+
this.statePersistence.removeWidgetState(this, "selectedItem");
|
|
44855
|
+
var arr = this.listItems.toArray();
|
|
44856
|
+
_e = __read([ arr[presentIndex + 1], arr[presentIndex] ], 2), arr[presentIndex] = _e[0],
|
|
44857
|
+
arr[presentIndex + 1] = _e[1];
|
|
44858
|
+
this.listItems.reset(arr);
|
|
44859
|
+
this.currentIndex = presentIndex + 2;
|
|
44860
|
+
this.ariaText = "selected ";
|
|
44833
44861
|
} else {
|
|
44834
44862
|
presentIndex = presentIndex < listItems.length - 1 ? presentIndex + 1 : listItems.length - 1;
|
|
44835
44863
|
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
@@ -44851,11 +44879,10 @@
|
|
|
44851
44879
|
this.isListElementMovable = !this.isListElementMovable;
|
|
44852
44880
|
this.onItemClick($event, this.getListItemByIndex(presentIndex));
|
|
44853
44881
|
this.currentIndex = presentIndex + 1;
|
|
44854
|
-
var name = this.getListItemByIndex(presentIndex).item.name;
|
|
44855
44882
|
if (this.isListElementMovable) {
|
|
44856
|
-
this.ariaText =
|
|
44883
|
+
this.ariaText = "Item " + this.currentIndex + " grabbed, current position ";
|
|
44857
44884
|
} else {
|
|
44858
|
-
this.ariaText =
|
|
44885
|
+
this.ariaText = "Item " + this.currentIndex + " dropped, final position ";
|
|
44859
44886
|
}
|
|
44860
44887
|
}
|
|
44861
44888
|
};
|
|
@@ -45093,7 +45120,7 @@
|
|
|
45093
45120
|
type: core$1.Component,
|
|
45094
45121
|
args: [ {
|
|
45095
45122
|
selector: "div[wmList]",
|
|
45096
|
-
template: '<div class="panel-heading" *ngIf="title || subheading || iconclass">\n <h3 class="panel-title">\n <div class="pull-left">\n <i class="app-icon panel-icon {{iconclass}}" aria-hidden="true" [hidden]="!iconclass"></i>\n </div>\n <div class="pull-left">\n <div class="heading" [innerHTML]="title"></div>\n <div class="description" [innerHTML]="subheading"></div>\n </div>\n </h3>\n</div>\n\n<
|
|
45123
|
+
template: '<div class="panel-heading" *ngIf="title || subheading || iconclass">\n <h3 class="panel-title">\n <div class="pull-left">\n <i class="app-icon panel-icon {{iconclass}}" aria-hidden="true" [hidden]="!iconclass"></i>\n </div>\n <div class="pull-left">\n <div class="heading" [innerHTML]="title"></div>\n <div class="description" [innerHTML]="subheading"></div>\n </div>\n </h3>\n</div>\n\n<div class="app-datanavigator" [attr.aria-disabled]="dataNavigator.isDisablePrevious" aria-label="Page navigation" *ngIf="navigation === \'Inline\' && !noDataFound">\n <ul class="pager">\n <li class="previous" [ngClass]="{\'disabled\': (dataNavigator ? dataNavigator.isDisablePrevious : true)}">\n <a href="javascript:void(0);" (click)="dataNavigator.navigatePage(\'prev\', $event)"\n [attr.aria-disabled]="dataNavigator.isDisablePrevious">\n <i class="wi wi-chevron-left" aria-hidden="true"></i>\n <span class="sr-only">Go to Previous page {{dataNavigator.isDisablePrevious ? \', Disabled\' : \'\'}}</span>\n </a>\n </li>\n </ul>\n</div>\n<div *ngIf="navigation === \'Inline\' && !noDataFound" aria-live="polite" aria-atomic="true" class="sr-only"> {{\'Page \' + dataNavigator.dn.currentPage + \' of \' + dataNavigator.pageCount }}</div>\n\n<div>\n <div id={{titleId}} class="sr-only" *ngIf="enablereorder">\n Press space bar to toggle drag drop mode, use arrow keys to move selected elements.\n </div>\n\n <div aria-live="assertive" *ngIf="listItems && enablereorder && currentIndex" class="sr-only" >\n {{ariaText + currentIndex + \' of \' + listItems.length}}\n </div>\n</div>\n\n<ul [attr.tabindex]="tabindex" [attr.aria-describedby] = "titleId" class="app-livelist-container clearfix {{direction === \'horizontal\' ? \'app-horizontal-list\': \'\'}} {{listclass}}" role="list"\n (keydown.enter)="handleKeyDown($event, \'select\')"\n\n (keydown.space)="handleKeyDown($event, \'space\')"\n\n (keydown.arrowup)="handleKeyDown($event, \'focusPrev\')"\n (keydown.arrowdown)="handleKeyDown($event, \'focusNext\')"\n (keydown.arrowleft)="handleKeyDown($event, \'focusPrev\')"\n (keydown.arrowright)="handleKeyDown($event, \'focusNext\')"\n\n (keydown.shift.arrowup)="handleKeyDown($event, \'selectPrev\')"\n (keydown.shift.arrowdown)="handleKeyDown($event, \'selectNext\')"\n (keydown.shift.arrowleft)="handleKeyDown($event, \'selectPrev\')"\n (keydown.shift.arrowright)="handleKeyDown($event, \'selectNext\')"\n [hidden]="noDataFound && !variableInflight"\n>\n <ng-template [ngIf]="!groupby" [ngIfElse]="groupedListTemplate">\n <li *ngFor="let item of fieldDefs; index as $index; first as $first; last as $last;" class="app-list-item {{direction === \'horizontal\' ? \'\' : itemsPerRowClass}}" [ngClass]="listItemRef.itemClass"\n [wmListItem]="item"\n #listItemRef="listItemRef"\n [attr.tabindex]="tabindex"\n role="listitem">\n <ng-container [ngTemplateOutlet]="listTemplate" [ngTemplateOutletContext]="{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}"></ng-container>\n </li>\n </ng-template>\n <ng-container [ngTemplateOutlet]="listLeftActionTemplate"></ng-container>\n <ng-container [ngTemplateOutlet]="listRightActionTemplate"></ng-container>\n</ul>\n\n<div class="no-data-msg" *ngIf="noDataFound && !variableInflight" [textContent]="nodatamessage"></div>\n\n<div class="loading-data-msg" *ngIf="variableInflight && !pulltorefresh">\n <span>\n <i class="app-icon panel-icon fa-spin" aria-hidden="true" [ngClass]="loadingicon"></i>\n <span class="sr-only">Loading</span>\n <span class="loading-text" [textContent]="loadingdatamsg"></span>\n </span>\n</div>\n\n<div class="app-datanavigator" [attr.aria-disabled]="dataNavigator.isDisableNext" *ngIf="navigation === \'Inline\' && !noDataFound">\n <ul class="pager">\n <li class="next" [ngClass]="{\'disabled\': (dataNavigator ? dataNavigator.isDisableNext : true)}">\n <a href="javascript:void(0);" (click)="dataNavigator.navigatePage(\'next\', $event)"\n [attr.aria-disabled]="dataNavigator.isDisableNext">\n <i class="wi wi-chevron-right" aria-hidden="true"></i>\n <span class="sr-only">Go to Next page {{dataNavigator.isDisableNext ? \', Disabled\' : \'\'}}</span>\n </a>\n </li>\n </ul>\n</div>\n\n<div class="panel-footer" *ngIf="navigation !== \'None\'" [hidden]="!showNavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator.dataSize <= pagesize) || (!dataNavigator.dataSize && !dataNavigator.datasource?.pagination?.next)">\n <nav wmPagination\n navigationalign.bind="navigationalign"\n navigation.bind="navControls"\n showrecordcount.bind="showrecordcount"\n maxsize.bind="maxsize"\n boundarylinks.bind="boundarylinks"\n forceellipses.bind="forceellipses"\n directionlinks.bind="directionlinks"\n show.bind="!onDemandLoad"\n paginationchange.event="beforePaginationChange($event, $index)"\n ></nav>\n <a *ngIf="onDemandLoad" href="javascript:void(0);"\n (click)="dataNavigator.navigatePage(\'next\', $event)"\n class="app-button btn btn-block"\n [ngClass]="paginationclass"\n [textContent]="ondemandmessage"\n ></a>\n</div>\n\n\x3c!--This template will be displayed when groupby is specified--\x3e\n<ng-template #groupedListTemplate>\n <li *ngFor="let groupObj of groupedData" class="app-list-item-group clearfix">\n <ul [attr.tabindex]="tabindex" class="list-group item-group" [ngClass]="listclass">\n <li class="app-list-item-header list-item list-group-header" (click)="handleHeaderClick($event)" [ngClass]="{\'collapsible-content\': collapsible}">\n <h4>{{groupObj.key}}\n <div class="header-action">\n <i class="app-icon wi action wi-chevron-up" *ngIf="collapsible"></i>\n <span *ngIf="showcount" class="label label-default">{{groupObj.data.length}}</span>\n </div>\n </h4>\n </li>\n <ul class="list-group clearfix {{direction === \'horizontal\' ? \'app-horizontal-list\': \'\'}}">\n <li *ngFor="let item of groupObj.data; index as $index; first as $first; last as $last;" [attr.tabindex]="tabindex"\n class="app-list-item group-list-item {{itemsPerRowClass}}"\n [ngClass]="listItemRef.itemClass"\n [wmListItem]="item" #listItemRef="listItemRef">\n <ng-container [ngTemplateOutlet]="listTemplate" [ngTemplateOutletContext]="{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}"></ng-container>\n </li>\n </ul>\n </ul>\n </li>\n</ng-template>\n',
|
|
45097
45124
|
providers: [ base.provideAsWidgetRef(ListComponent) ]
|
|
45098
45125
|
} ]
|
|
45099
45126
|
} ];
|
|
@@ -45713,6 +45740,7 @@
|
|
|
45713
45740
|
_this.rowDef = {};
|
|
45714
45741
|
_this.rowInstance = {};
|
|
45715
45742
|
_this.fullFieldDefs = [];
|
|
45743
|
+
_this.variableInflight = true;
|
|
45716
45744
|
_this.applyProps = new Map;
|
|
45717
45745
|
_this.redraw = _.debounce(_this._redraw, 150);
|
|
45718
45746
|
_this.debouncedHandleLoading = _.debounce(_this.handleLoading, 350);
|
|
@@ -46458,6 +46486,9 @@
|
|
|
46458
46486
|
set: function(newValue) {
|
|
46459
46487
|
var _a;
|
|
46460
46488
|
this.isDataLoading = false;
|
|
46489
|
+
if (this.variableInflight && _.isEmpty(newValue)) {
|
|
46490
|
+
return;
|
|
46491
|
+
}
|
|
46461
46492
|
this.variableInflight = false;
|
|
46462
46493
|
if (this.gridOptions.isNavTypeScrollOrOndemand()) {
|
|
46463
46494
|
_a = __read(this.paginationService.updateFieldsOnPagination(this, newValue), 2),
|
|
@@ -46911,6 +46942,9 @@
|
|
|
46911
46942
|
};
|
|
46912
46943
|
TableComponent.prototype.setGridData = function(serverData) {
|
|
46913
46944
|
var data = this.filternullrecords ? this.removeEmptyRecords(serverData) : serverData;
|
|
46945
|
+
if (_.get(this.datasource, "category") === "wm.Variable") {
|
|
46946
|
+
this.variableInflight = false;
|
|
46947
|
+
}
|
|
46914
46948
|
if (!this.variableInflight) {
|
|
46915
46949
|
if (data && data.length === 0) {
|
|
46916
46950
|
this.callDataGridMethod("setStatus", "nodata", this.nodatamessage);
|
|
@@ -47205,10 +47239,8 @@
|
|
|
47205
47239
|
this.variableInflight = false;
|
|
47206
47240
|
this.callDataGridMethod("setStatus", "nodata", this.nodatamessage);
|
|
47207
47241
|
}
|
|
47208
|
-
|
|
47209
|
-
|
|
47210
|
-
this.onDataSourceChange();
|
|
47211
|
-
}
|
|
47242
|
+
this.watchVariableDataSet(this.dataset);
|
|
47243
|
+
this.onDataSourceChange();
|
|
47212
47244
|
break;
|
|
47213
47245
|
|
|
47214
47246
|
case "dataset":
|
|
@@ -51046,15 +51078,20 @@
|
|
|
51046
51078
|
};
|
|
51047
51079
|
};
|
|
51048
51080
|
var \u02752 = findInvalidElement;
|
|
51049
|
-
var setTouchedState = function(ngForm) {
|
|
51081
|
+
var setTouchedState = function(self, ngForm, fieldName) {
|
|
51082
|
+
var _a, _b;
|
|
51050
51083
|
if (ngForm.valid) {
|
|
51051
51084
|
return;
|
|
51052
51085
|
}
|
|
51053
51086
|
if (ngForm.controls) {
|
|
51054
|
-
_.forEach(ngForm.controls, (function(ctrl) {
|
|
51055
|
-
setTouchedState(ctrl);
|
|
51087
|
+
_.forEach(ngForm.controls, (function(ctrl, fieldName) {
|
|
51088
|
+
setTouchedState(self, ctrl, fieldName);
|
|
51056
51089
|
}));
|
|
51057
51090
|
} else {
|
|
51091
|
+
var element = self.$element.find('[wmformfield][key="' + fieldName + '"]');
|
|
51092
|
+
element[0].setAttribute("__errormsg", element[0].getAttribute("__validationId"));
|
|
51093
|
+
(_a = element[0].querySelector("input")) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-invalid", ngForm.invalid);
|
|
51094
|
+
(_b = element[0].querySelector("input")) === null || _b === void 0 ? void 0 : _b.setAttribute("aria-describedby", element[0].getAttribute("__validationId"));
|
|
51058
51095
|
ngForm.markAsTouched();
|
|
51059
51096
|
}
|
|
51060
51097
|
};
|
|
@@ -51351,7 +51388,7 @@
|
|
|
51351
51388
|
}));
|
|
51352
51389
|
};
|
|
51353
51390
|
FormComponent.prototype.highlightInvalidFields = function() {
|
|
51354
|
-
setTouchedState(this.ngform);
|
|
51391
|
+
setTouchedState(this, this.ngform, "");
|
|
51355
51392
|
};
|
|
51356
51393
|
FormComponent.prototype.validateFieldsOnSubmit = function() {
|
|
51357
51394
|
this.setValidationMsgs();
|
|
@@ -51880,8 +51917,8 @@
|
|
|
51880
51917
|
FormComponent.prototype.generateFormFields = function() {
|
|
51881
51918
|
return __awaiter(this, void 0, void 0, (function() {
|
|
51882
51919
|
var noOfColumns, $gridLayout, columnWidth, fieldTemplate, colCount, index, userFields, fields, colTmpl, componentFactoryRef, component;
|
|
51883
|
-
return __generator(this, (function(
|
|
51884
|
-
switch (
|
|
51920
|
+
return __generator(this, (function(_c) {
|
|
51921
|
+
switch (_c.label) {
|
|
51885
51922
|
case 0:
|
|
51886
51923
|
if (_.isUndefined(this._isGridLayoutPresent)) {
|
|
51887
51924
|
this._isGridLayoutPresent = this.$element.find(".panel-body [wmlayoutgrid]").length > 0;
|
|
@@ -51940,7 +51977,7 @@
|
|
|
51940
51977
|
}) ];
|
|
51941
51978
|
|
|
51942
51979
|
case 1:
|
|
51943
|
-
componentFactoryRef =
|
|
51980
|
+
componentFactoryRef = _c.sent();
|
|
51944
51981
|
component = this.dynamicFormRef.createComponent(componentFactoryRef, 0, this.inj);
|
|
51945
51982
|
core.extendProto(component.instance, this._dynamicContext);
|
|
51946
51983
|
$gridLayout[0].appendChild(component.location.nativeElement);
|
|
@@ -52461,10 +52498,18 @@
|
|
|
52461
52498
|
$($evt.target).closest(".live-field").addClass("active");
|
|
52462
52499
|
};
|
|
52463
52500
|
FormFieldDirective.prototype._onBlurField = function($evt) {
|
|
52464
|
-
var _a, _b;
|
|
52501
|
+
var _a, _b, _c, _d;
|
|
52465
52502
|
$($evt.target).closest(".live-field").removeClass("active");
|
|
52466
|
-
|
|
52467
|
-
(
|
|
52503
|
+
var ele = this.nativeElement.querySelector("p.text-danger");
|
|
52504
|
+
if (this.ngform.controls[this._fieldName].invalid && this.ngform.controls[this._fieldName].touched && this.form.isUpdateMode) {
|
|
52505
|
+
this.nativeElement.setAttribute("__errormsg", "" + this.nativeElement.getAttribute("__validationId"));
|
|
52506
|
+
(_a = this.nativeElement.querySelector("input")) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-invalid", "" + this.ngform.controls[this._fieldName].invalid);
|
|
52507
|
+
(_b = this.nativeElement.querySelector("input")) === null || _b === void 0 ? void 0 : _b.setAttribute("aria-describedby", "" + this.nativeElement.getAttribute("__validationId"));
|
|
52508
|
+
} else {
|
|
52509
|
+
this.nativeElement.removeAttribute("__errormsg");
|
|
52510
|
+
(_c = this.nativeElement.querySelector("input")) === null || _c === void 0 ? void 0 : _c.removeAttribute("aria-invalid");
|
|
52511
|
+
(_d = this.nativeElement.querySelector("input")) === null || _d === void 0 ? void 0 : _d.removeAttribute("aria-describedby");
|
|
52512
|
+
}
|
|
52468
52513
|
this._activeField = false;
|
|
52469
52514
|
this._triggeredByUser = false;
|
|
52470
52515
|
this._clicktriggeredByUser = false;
|
|
@@ -52686,7 +52731,7 @@
|
|
|
52686
52731
|
});
|
|
52687
52732
|
};
|
|
52688
52733
|
FormFieldDirective.prototype.onValueChange = function(val) {
|
|
52689
|
-
var _a, _b;
|
|
52734
|
+
var _a, _b, _c, _d;
|
|
52690
52735
|
if (!this.isDestroyed) {
|
|
52691
52736
|
var captionEl = $(this.nativeElement).find(".caption-floating");
|
|
52692
52737
|
if (captionEl.length > 0) {
|
|
@@ -52698,8 +52743,15 @@
|
|
|
52698
52743
|
isFocused: this._activeField
|
|
52699
52744
|
});
|
|
52700
52745
|
}
|
|
52701
|
-
(
|
|
52702
|
-
|
|
52746
|
+
if (this.ngform.controls[this._fieldName].invalid && this.ngform.controls[this._fieldName].touched && this.form.isUpdateMode) {
|
|
52747
|
+
this.nativeElement.setAttribute("__errormsg", "" + this.nativeElement.getAttribute("__validationId"));
|
|
52748
|
+
(_a = this.nativeElement.querySelector("input")) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-invalid", this._triggeredByUser && this.ngform.controls[this._fieldName].invalid ? "true" : "false");
|
|
52749
|
+
(_b = this.nativeElement.querySelector("input")) === null || _b === void 0 ? void 0 : _b.setAttribute("aria-describedby", "" + this.nativeElement.getAttribute("__validationId"));
|
|
52750
|
+
} else {
|
|
52751
|
+
this.nativeElement.removeAttribute("__errormsg");
|
|
52752
|
+
(_c = this.nativeElement.querySelector("input")) === null || _c === void 0 ? void 0 : _c.removeAttribute("aria-invalid");
|
|
52753
|
+
(_d = this.nativeElement.querySelector("input")) === null || _d === void 0 ? void 0 : _d.removeAttribute("aria-describedby");
|
|
52754
|
+
}
|
|
52703
52755
|
this.form.onFieldValueChange(this, val);
|
|
52704
52756
|
this.notifyChanges();
|
|
52705
52757
|
if (this.$element.find(".active").length > 0 || this.form.touched) {
|
|
@@ -58366,40 +58418,36 @@
|
|
|
58366
58418
|
var TabsAnimator = function(_super) {
|
|
58367
58419
|
__extends(TabsAnimator, _super);
|
|
58368
58420
|
function TabsAnimator(tabs) {
|
|
58369
|
-
var e_1, _a;
|
|
58370
58421
|
var _this = _super.call(this) || this;
|
|
58371
58422
|
_this.tabs = tabs;
|
|
58372
58423
|
_this._$el = $(_this.tabs.getNativeElement()).find(">.tab-content");
|
|
58373
|
-
var childEls = _this._$el.find(">[wmTabPane]");
|
|
58374
|
-
_this._noOfTabs = childEls.length;
|
|
58375
|
-
var maxWidth = _this._noOfTabs * 100 + "%";
|
|
58376
|
-
core.addClass(_this.tabs.getNativeElement(), "has-transition");
|
|
58377
|
-
core.setCSSFromObj(_this._$el[0], {
|
|
58378
|
-
maxWidth: maxWidth,
|
|
58379
|
-
width: maxWidth
|
|
58380
|
-
});
|
|
58381
|
-
var width = 100 / _this._noOfTabs + "%";
|
|
58382
|
-
try {
|
|
58383
|
-
for (var _b = __values(Array.from(childEls)), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
58384
|
-
var child = _c.value;
|
|
58385
|
-
core.setCSS(child, "width", width);
|
|
58386
|
-
}
|
|
58387
|
-
} catch (e_1_1) {
|
|
58388
|
-
e_1 = {
|
|
58389
|
-
error: e_1_1
|
|
58390
|
-
};
|
|
58391
|
-
} finally {
|
|
58392
|
-
try {
|
|
58393
|
-
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
58394
|
-
} finally {
|
|
58395
|
-
if (e_1) throw e_1.error;
|
|
58396
|
-
}
|
|
58397
|
-
}
|
|
58398
58424
|
_this.init(_this._$el);
|
|
58399
58425
|
return _this;
|
|
58400
58426
|
}
|
|
58427
|
+
TabsAnimator.prototype.calibrate = function() {
|
|
58428
|
+
var activeTabIndex = this.tabs.getActiveTabIndex();
|
|
58429
|
+
var panes = this._$el.find(">.tab-pane");
|
|
58430
|
+
var activeTabVisibleIndex = 0;
|
|
58431
|
+
var noOfVisiblePanes = 0;
|
|
58432
|
+
var visiblePanes = [];
|
|
58433
|
+
panes.each((function(i, p) {
|
|
58434
|
+
if (!$(p).prop("hidden")) {
|
|
58435
|
+
noOfVisiblePanes++;
|
|
58436
|
+
if (i === activeTabIndex) {
|
|
58437
|
+
activeTabVisibleIndex = noOfVisiblePanes - 1;
|
|
58438
|
+
}
|
|
58439
|
+
visiblePanes.push(p);
|
|
58440
|
+
}
|
|
58441
|
+
return true;
|
|
58442
|
+
}));
|
|
58443
|
+
return {
|
|
58444
|
+
activeTabIndex: activeTabVisibleIndex,
|
|
58445
|
+
noOfTabs: noOfVisiblePanes,
|
|
58446
|
+
panes: visiblePanes
|
|
58447
|
+
};
|
|
58448
|
+
};
|
|
58401
58449
|
TabsAnimator.prototype.bounds = function() {
|
|
58402
|
-
var
|
|
58450
|
+
var _a = this.calibrate(), activeTabIndex = _a.activeTabIndex, noOfTabs = _a.noOfTabs, panes = _a.panes, w = $(panes[0]).width(), centerVal = -1 * activeTabIndex * w;
|
|
58403
58451
|
this.clearContentFocus();
|
|
58404
58452
|
return {
|
|
58405
58453
|
strict: false,
|
|
@@ -58426,8 +58474,18 @@
|
|
|
58426
58474
|
}
|
|
58427
58475
|
};
|
|
58428
58476
|
TabsAnimator.prototype.transitionTabIntoView = function() {
|
|
58429
|
-
var
|
|
58430
|
-
|
|
58477
|
+
var _a = this.calibrate(), activeTabIndex = _a.activeTabIndex, noOfTabs = _a.noOfTabs, panes = _a.panes;
|
|
58478
|
+
var maxWidth = noOfTabs * 100 + "%";
|
|
58479
|
+
core.setCSSFromObj(this._$el[0], {
|
|
58480
|
+
maxWidth: maxWidth,
|
|
58481
|
+
width: maxWidth
|
|
58482
|
+
});
|
|
58483
|
+
core.addClass(this.tabs.getNativeElement(), "has-transition");
|
|
58484
|
+
var width = 100 / noOfTabs + "%";
|
|
58485
|
+
panes.forEach((function(p) {
|
|
58486
|
+
core.setCSS(p, "width", width);
|
|
58487
|
+
}));
|
|
58488
|
+
core.setCSS(this._$el[0], "transform", "translate3d(" + -1 * activeTabIndex / noOfTabs * 100 + "%, 0, 0)");
|
|
58431
58489
|
};
|
|
58432
58490
|
TabsAnimator.prototype.onUpper = function($event) {
|
|
58433
58491
|
this.tabs.prev($event);
|
|
@@ -58553,6 +58611,7 @@
|
|
|
58553
58611
|
};
|
|
58554
58612
|
TabPaneComponent.prototype.onPropertyChange = function(key, nv, ov) {
|
|
58555
58613
|
var _this = this;
|
|
58614
|
+
var _a;
|
|
58556
58615
|
if (key === "content") {
|
|
58557
58616
|
if (this.isActive) {
|
|
58558
58617
|
setTimeout((function() {
|
|
@@ -58563,6 +58622,10 @@
|
|
|
58563
58622
|
this.nativeElement.hidden = !nv;
|
|
58564
58623
|
if (this._isFirstLoad) {
|
|
58565
58624
|
this.tabsRef.selectDefaultPaneByIndex(this.tabsRef.defaultpaneindex);
|
|
58625
|
+
} else if (!nv && this.isActive) {
|
|
58626
|
+
this.tabsRef.next();
|
|
58627
|
+
} else if (nv || !this.isActive) {
|
|
58628
|
+
(_a = this.tabsRef.tabsAnimator) === null || _a === void 0 ? void 0 : _a.transitionTabIntoView();
|
|
58566
58629
|
}
|
|
58567
58630
|
this._isFirstLoad = false;
|
|
58568
58631
|
} else {
|