@wavemaker/app-runtime-wm-build 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.
|
@@ -11229,7 +11229,7 @@
|
|
|
11229
11229
|
if (openedDialogs.indexOf(ref) !== -1) {
|
|
11230
11230
|
openedDialogs.splice(openedDialogs.indexOf(ref), 1);
|
|
11231
11231
|
}
|
|
11232
|
-
if (openedDialogs.length === 0 && core$1.isMobileApp()) {
|
|
11232
|
+
if (openedDialogs.length === 0 && (core$1.isMobile() || core$1.isMobileApp())) {
|
|
11233
11233
|
var parentSelector = $("body > app-root")[0];
|
|
11234
11234
|
parentSelector.removeAttribute("aria-hidden");
|
|
11235
11235
|
}
|
|
@@ -36491,7 +36491,7 @@
|
|
|
36491
36491
|
Object.assign(this.context, initState);
|
|
36492
36492
|
this.modalOptions.ariaLabelledBy = this.titleId;
|
|
36493
36493
|
this.dialogRef = this.bsModal.show(this.getTemplateRef(), this.modalOptions);
|
|
36494
|
-
if (this.dialogService.getOpenedDialogs().length === 1 && core.isMobileApp()) {
|
|
36494
|
+
if (this.dialogService.getOpenedDialogs().length === 1 && (core.isMobile() || core.isMobileApp())) {
|
|
36495
36495
|
var parentSelector = $("body > app-root")[0];
|
|
36496
36496
|
parentSelector.setAttribute("aria-hidden", "true");
|
|
36497
36497
|
}
|
|
@@ -42326,11 +42326,31 @@
|
|
|
42326
42326
|
$index: _this.dn.currentPage
|
|
42327
42327
|
});
|
|
42328
42328
|
_this.goToPage();
|
|
42329
|
+
if (_this.navigation === "Basic") {
|
|
42330
|
+
_this._setAriaForBasicNavigation();
|
|
42331
|
+
}
|
|
42329
42332
|
}
|
|
42330
42333
|
}), base.DEBOUNCE_TIMES.PAGINATION_DEBOUNCE_TIME);
|
|
42331
42334
|
base.styler(_this.nativeElement, _this);
|
|
42332
42335
|
return _this;
|
|
42333
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
|
+
};
|
|
42334
42354
|
PaginationComponent.prototype.setResult = function(result) {
|
|
42335
42355
|
this.result = result;
|
|
42336
42356
|
this.resultEmitter.emit(this.result);
|
|
@@ -42447,9 +42467,7 @@
|
|
|
42447
42467
|
this.resetPageNavigation();
|
|
42448
42468
|
}
|
|
42449
42469
|
if (this.navigation === "Basic") {
|
|
42450
|
-
|
|
42451
|
-
item.setAttribute("href", "javascript:void(0);");
|
|
42452
|
-
}));
|
|
42470
|
+
this._setAriaForBasicNavigation();
|
|
42453
42471
|
}
|
|
42454
42472
|
} else {
|
|
42455
42473
|
if (newVal && !_.isString(newVal)) {
|
|
@@ -42726,7 +42744,7 @@
|
|
|
42726
42744
|
type: core.Component,
|
|
42727
42745
|
args: [ {
|
|
42728
42746
|
selector: "[wmPagination]",
|
|
42729
|
-
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',
|
|
42730
42748
|
providers: [ base.provideAsWidgetRef(PaginationComponent) ]
|
|
42731
42749
|
} ]
|
|
42732
42750
|
} ];
|
|
@@ -44759,7 +44777,7 @@
|
|
|
44759
44777
|
return this.datasource.execute(operation, options);
|
|
44760
44778
|
};
|
|
44761
44779
|
ListComponent.prototype.handleKeyDown = function($event, action) {
|
|
44762
|
-
var
|
|
44780
|
+
var _d, _e;
|
|
44763
44781
|
$event.stopPropagation();
|
|
44764
44782
|
if ($event.keyCode !== 13 && $event.keyCode !== 9 && !(($event.target.classList.contains("form-control") || $event.target.classList.contains("note-editable")) && $event.keyCode === 32)) {
|
|
44765
44783
|
$event.preventDefault();
|
|
@@ -44801,27 +44819,21 @@
|
|
|
44801
44819
|
}
|
|
44802
44820
|
if (action === "focusPrev") {
|
|
44803
44821
|
if (this.isListElementMovable) {
|
|
44804
|
-
var prev_1;
|
|
44805
44822
|
presentIndex = presentIndex <= 0 ? 0 : presentIndex;
|
|
44806
|
-
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
44807
44823
|
if (presentIndex === 0) {
|
|
44808
|
-
prev_1 = this.listItems.last;
|
|
44809
44824
|
return;
|
|
44810
44825
|
}
|
|
44811
|
-
this.
|
|
44812
|
-
|
|
44813
|
-
|
|
44814
|
-
|
|
44815
|
-
|
|
44816
|
-
|
|
44817
|
-
|
|
44818
|
-
|
|
44819
|
-
|
|
44820
|
-
|
|
44821
|
-
|
|
44822
|
-
}
|
|
44823
|
-
prev_1 = $liItem;
|
|
44824
|
-
}));
|
|
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 ";
|
|
44825
44837
|
} else {
|
|
44826
44838
|
presentIndex = presentIndex <= 0 ? 0 : presentIndex - 1;
|
|
44827
44839
|
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
@@ -44831,27 +44843,21 @@
|
|
|
44831
44843
|
}
|
|
44832
44844
|
} else if (action === "focusNext") {
|
|
44833
44845
|
if (this.isListElementMovable) {
|
|
44834
|
-
var prev_2;
|
|
44835
44846
|
presentIndex = presentIndex < listItems.length - 1 ? presentIndex : listItems.length - 1;
|
|
44836
|
-
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
44837
44847
|
if (presentIndex === this.listItems.length - 1) {
|
|
44838
|
-
prev_2 = this.listItems.first;
|
|
44839
44848
|
return;
|
|
44840
44849
|
}
|
|
44841
|
-
this.
|
|
44842
|
-
|
|
44843
|
-
|
|
44844
|
-
|
|
44845
|
-
|
|
44846
|
-
|
|
44847
|
-
|
|
44848
|
-
|
|
44849
|
-
|
|
44850
|
-
|
|
44851
|
-
|
|
44852
|
-
}
|
|
44853
|
-
prev_2 = $liItem;
|
|
44854
|
-
}));
|
|
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 ";
|
|
44855
44861
|
} else {
|
|
44856
44862
|
presentIndex = presentIndex < listItems.length - 1 ? presentIndex + 1 : listItems.length - 1;
|
|
44857
44863
|
this.lastSelectedItem = this.getListItemByIndex(presentIndex);
|
|
@@ -44873,11 +44879,10 @@
|
|
|
44873
44879
|
this.isListElementMovable = !this.isListElementMovable;
|
|
44874
44880
|
this.onItemClick($event, this.getListItemByIndex(presentIndex));
|
|
44875
44881
|
this.currentIndex = presentIndex + 1;
|
|
44876
|
-
var name = this.getListItemByIndex(presentIndex).item.name;
|
|
44877
44882
|
if (this.isListElementMovable) {
|
|
44878
|
-
this.ariaText =
|
|
44883
|
+
this.ariaText = "Item " + this.currentIndex + " grabbed, current position ";
|
|
44879
44884
|
} else {
|
|
44880
|
-
this.ariaText =
|
|
44885
|
+
this.ariaText = "Item " + this.currentIndex + " dropped, final position ";
|
|
44881
44886
|
}
|
|
44882
44887
|
}
|
|
44883
44888
|
};
|
|
@@ -45115,7 +45120,7 @@
|
|
|
45115
45120
|
type: core$1.Component,
|
|
45116
45121
|
args: [ {
|
|
45117
45122
|
selector: "div[wmList]",
|
|
45118
|
-
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"> {{\'
|
|
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<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\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',
|
|
45119
45124
|
providers: [ base.provideAsWidgetRef(ListComponent) ]
|
|
45120
45125
|
} ]
|
|
45121
45126
|
} ];
|