@wavemaker/app-ng-runtime 11.3.6-next.25097 → 11.3.6-next.25099
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-ng-runtime/components/base/bundles/index.umd.js +1 -1
- app-ng-runtime/components/base/bundles/index.umd.js.map +1 -1
- app-ng-runtime/components/base/esm2015/widgets/common/dialog/dialog.service.js +3 -3
- app-ng-runtime/components/base/fesm2015/index.js +2 -2
- app-ng-runtime/components/base/fesm2015/index.js.map +1 -1
- app-ng-runtime/components/data/list/bundles/index.umd.js +24 -39
- app-ng-runtime/components/data/list/bundles/index.umd.js.map +1 -1
- app-ng-runtime/components/data/list/esm2015/list.component.js +24 -39
- app-ng-runtime/components/data/list/fesm2015/index.js +23 -38
- app-ng-runtime/components/data/list/fesm2015/index.js.map +1 -1
- app-ng-runtime/components/data/list/index.metadata.json +1 -1
- app-ng-runtime/components/data/pagination/bundles/index.umd.js +21 -4
- app-ng-runtime/components/data/pagination/bundles/index.umd.js.map +1 -1
- app-ng-runtime/components/data/pagination/esm2015/pagination.component.js +22 -5
- app-ng-runtime/components/data/pagination/fesm2015/index.js +21 -4
- app-ng-runtime/components/data/pagination/fesm2015/index.js.map +1 -1
- app-ng-runtime/components/data/pagination/index.metadata.json +1 -1
- app-ng-runtime/components/data/pagination/pagination.component.d.ts +1 -0
- app-ng-runtime/components/dialogs/default/bundles/index.umd.js +1 -1
- app-ng-runtime/components/dialogs/default/bundles/index.umd.js.map +1 -1
- app-ng-runtime/components/dialogs/default/esm2015/base-dialog.js +3 -3
- app-ng-runtime/components/dialogs/default/fesm2015/index.js +2 -2
- app-ng-runtime/components/dialogs/default/fesm2015/index.js.map +1 -1
- app-ng-runtime/package.json +1 -1
|
@@ -1462,7 +1462,7 @@
|
|
|
1462
1462
|
return this.datasource.execute(operation, options);
|
|
1463
1463
|
};
|
|
1464
1464
|
ListComponent.prototype.handleKeyDown = function ($event, action) {
|
|
1465
|
-
var
|
|
1465
|
+
var _d, _e;
|
|
1466
1466
|
$event.stopPropagation();
|
|
1467
1467
|
if ($event.keyCode !== 13 && $event.keyCode !== 9 && !(($event.target.classList.contains('form-control') || $event.target.classList.contains('note-editable')) && $event.keyCode === 32)) {
|
|
1468
1468
|
$event.preventDefault();
|
|
@@ -1505,27 +1505,20 @@
|
|
|
1505
1505
|
}
|
|
1506
1506
|
if (action === 'focusPrev') {
|
|
1507
1507
|
if (this.isListElementMovable) {
|
|
1508
|
-
var prev_1;
|
|
1509
1508
|
presentIndex = presentIndex <= 0 ? 0 : (presentIndex);
|
|
1510
|
-
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
1511
1509
|
if (presentIndex === 0) {
|
|
1512
|
-
prev_1 = this.listItems.last;
|
|
1513
1510
|
return;
|
|
1514
1511
|
}
|
|
1515
|
-
this.
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
_this.ariaText = "selected ";
|
|
1526
|
-
}
|
|
1527
|
-
prev_1 = $liItem;
|
|
1528
|
-
});
|
|
1512
|
+
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
1513
|
+
var prevElt = this.getListItemByIndex(presentIndex - 1);
|
|
1514
|
+
prevElt.nativeElement.before(this.lastSelectedItem.nativeElement);
|
|
1515
|
+
this.lastSelectedItem.nativeElement.focus();
|
|
1516
|
+
this.statePersistence.removeWidgetState(this, 'selectedItem');
|
|
1517
|
+
var arr = this.listItems.toArray();
|
|
1518
|
+
_d = __read([arr[presentIndex], arr[presentIndex - 1]], 2), arr[presentIndex - 1] = _d[0], arr[presentIndex] = _d[1];
|
|
1519
|
+
this.listItems.reset(arr);
|
|
1520
|
+
this.currentIndex = presentIndex;
|
|
1521
|
+
this.ariaText = "selected ";
|
|
1529
1522
|
}
|
|
1530
1523
|
else {
|
|
1531
1524
|
presentIndex = presentIndex <= 0 ? 0 : (presentIndex - 1);
|
|
@@ -1537,27 +1530,20 @@
|
|
|
1537
1530
|
}
|
|
1538
1531
|
else if (action === 'focusNext') {
|
|
1539
1532
|
if (this.isListElementMovable) {
|
|
1540
|
-
var prev_2;
|
|
1541
1533
|
presentIndex = presentIndex < (listItems.length - 1) ? (presentIndex) : (listItems.length - 1);
|
|
1542
|
-
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
1543
1534
|
if (presentIndex === this.listItems.length - 1) {
|
|
1544
|
-
prev_2 = this.listItems.first;
|
|
1545
1535
|
return;
|
|
1546
1536
|
}
|
|
1547
|
-
this.
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
_this.ariaText = "selected ";
|
|
1558
|
-
}
|
|
1559
|
-
prev_2 = $liItem;
|
|
1560
|
-
});
|
|
1537
|
+
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
1538
|
+
var nextElt = this.getListItemByIndex(presentIndex + 1);
|
|
1539
|
+
nextElt.nativeElement.after(this.lastSelectedItem.nativeElement);
|
|
1540
|
+
this.lastSelectedItem.nativeElement.focus();
|
|
1541
|
+
this.statePersistence.removeWidgetState(this, 'selectedItem');
|
|
1542
|
+
var arr = this.listItems.toArray();
|
|
1543
|
+
_e = __read([arr[presentIndex + 1], arr[presentIndex]], 2), arr[presentIndex] = _e[0], arr[presentIndex + 1] = _e[1];
|
|
1544
|
+
this.listItems.reset(arr);
|
|
1545
|
+
this.currentIndex = presentIndex + 2;
|
|
1546
|
+
this.ariaText = "selected ";
|
|
1561
1547
|
}
|
|
1562
1548
|
else {
|
|
1563
1549
|
presentIndex = presentIndex < (listItems.length - 1) ? (presentIndex + 1) : (listItems.length - 1);
|
|
@@ -1583,12 +1569,11 @@
|
|
|
1583
1569
|
this.isListElementMovable = !this.isListElementMovable;
|
|
1584
1570
|
this.onItemClick($event, this.getListItemByIndex(presentIndex));
|
|
1585
1571
|
this.currentIndex = presentIndex + 1;
|
|
1586
|
-
var name = this.getListItemByIndex(presentIndex).item.name;
|
|
1587
1572
|
if (this.isListElementMovable) {
|
|
1588
|
-
this.ariaText =
|
|
1573
|
+
this.ariaText = "Item " + this.currentIndex + " grabbed, current position ";
|
|
1589
1574
|
}
|
|
1590
1575
|
else {
|
|
1591
|
-
this.ariaText =
|
|
1576
|
+
this.ariaText = "Item " + this.currentIndex + " dropped, final position ";
|
|
1592
1577
|
}
|
|
1593
1578
|
}
|
|
1594
1579
|
};
|
|
@@ -1848,7 +1833,7 @@
|
|
|
1848
1833
|
ListComponent.decorators = [
|
|
1849
1834
|
{ type: core$1.Component, args: [{
|
|
1850
1835
|
selector: 'div[wmList]',
|
|
1851
|
-
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<nav 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 <i class=\"wi wi-chevron-left\" aria-hidden=\"true\"></i>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n </ul>\n</nav>\n<div *ngIf=\"navigation === 'Inline' && !noDataFound\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\"> {{'
|
|
1836
|
+
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<nav 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</nav>\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<nav 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</nav>\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<!--This template will be displayed when groupby is specified-->\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",
|
|
1852
1837
|
providers: [
|
|
1853
1838
|
base.provideAsWidgetRef(ListComponent)
|
|
1854
1839
|
]
|