@firestitch/list 9.9.12 → 9.10.0
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.
- package/app/components/body/row/cell/cell.component.d.ts +1 -1
- package/app/components/footer/footer-row/footer-cell/footer-cell.component.d.ts +3 -0
- package/app/components/footer/footer-row/footer-row.component.d.ts +2 -0
- package/app/components/footer/footer.component.d.ts +2 -0
- package/bundles/firestitch-list.umd.js +20 -3
- package/bundles/firestitch-list.umd.js.map +1 -1
- package/bundles/firestitch-list.umd.min.js +2 -2
- package/bundles/firestitch-list.umd.min.js.map +1 -1
- package/esm2015/app/components/body/row/cell/cell.component.js +1 -1
- package/esm2015/app/components/footer/footer-row/footer-cell/footer-cell.component.js +11 -2
- package/esm2015/app/components/footer/footer-row/footer-row.component.js +6 -2
- package/esm2015/app/components/footer/footer.component.js +6 -2
- package/esm2015/app/components/list/list.component.js +2 -2
- package/esm5/app/components/body/row/cell/cell.component.js +1 -1
- package/esm5/app/components/footer/footer-row/footer-cell/footer-cell.component.js +11 -2
- package/esm5/app/components/footer/footer-row/footer-row.component.js +6 -2
- package/esm5/app/components/footer/footer.component.js +6 -2
- package/esm5/app/components/list/list.component.js +2 -2
- package/fesm2015/firestitch-list.js +20 -3
- package/fesm2015/firestitch-list.js.map +1 -1
- package/fesm5/firestitch-list.js +20 -3
- package/fesm5/firestitch-list.js.map +1 -1
- package/firestitch-list.metadata.json +1 -1
- package/package.json +1 -1
package/fesm5/firestitch-list.js
CHANGED
|
@@ -4372,7 +4372,7 @@ var FsListComponent = /** @class */ (function () {
|
|
|
4372
4372
|
FsListComponent = __decorate([
|
|
4373
4373
|
Component({
|
|
4374
4374
|
selector: 'fs-list',
|
|
4375
|
-
template: "<div class=\"fs-list-container\"\
|
|
4375
|
+
template: "<div class=\"fs-list-container\"\n [ngClass]=\"{ 'has-filter-input': list.filterInput,\n 'has-filters': list.filterConfig?.items.length,\n 'has-heading': list.heading,\n 'has-status': list.status,\n 'has-chips': list.chips,\n 'has-actions': list.actions.hasActions,\n 'first-load': firstLoad,\n 'loading': list.loading$ | async }\">\n <ng-template [ngTemplateOutlet]=\"listContainerContent\"></ng-template>\n</div>\n\n<ng-template #listContainerContent>\n <ng-container *ngIf=\"list.dataController.visibleRows$ | async as listData\">\n <!-- Header -->\n <div class=\"fs-list-header-container\">\n\n <div class=\"fs-list-header\"\n [ngClass]=\"{ 'no-wrap': reorderController.manualReorderActivated$ || !list.filterConfig?.items.length }\">\n <div class=\"heading-container\">\n <h2 class=\"heading\" *ngIf=\"list.heading\">{{list.heading}}</h2>\n <span class=\"subheading\" *ngIf=\"list.subheading\">{{list.subheading}}</span>\n </div>\n <fs-filter\n class=\"fs-list-filter\"\n *ngIf=\"list.filterConfig\"\n [filter]=\"list.filterConfig\"\n [showSortBy]=\"!list.status\"\n [showFilterInput]=\"list.filterInput\"\n (ready)=\"filterReady()\">\n\n <ng-template fsFilterStatusBar>\n <ng-container *ngIf=\"\n list.paging &&\n !(reorderController.manualReorderActivated$ | async) &&\n (!reorderController.enabled || reorderController.status) &&\n ((list.scrollable && list.scrollable.status) || !list.scrollable)\">\n <!-- Status -->\n <fs-list-status\n class=\"fs-list-status\"\n [ngClass]=\"{ 'hidden-mobile': !list.status }\"\n [rows]=\"listData\"\n [sorting]=\"list.sorting\"\n [paging]=\"list.paging\"\n [firstLoad]=\"firstLoad\"\n [scrollable]=\"list.scrollable\">\n </fs-list-status>\n </ng-container>\n </ng-template>\n </fs-filter>\n </div>\n </div>\n\n <!-- Table implementation -->\n <div class=\"fs-list-table-container\">\n <table class=\"fs-list-table\" role=\"grid\" *ngIf=\"!firstLoad && listData.length > 0 && !list.emptyStateEnabled\">\n <thead fs-list-head\n class=\"fs-list-head\"\n role=\"rowgroup\"\n *ngIf=\"list.columns.hasHeader\"\n [ngClass]=\"list.columns.theadClass\"\n [columns]=\"list.columns.visibleColumns\"\n [sorting]=\"list.sorting\"\n [selection]=\"list.selection\"\n [hasRowActions]=\"list.hasRowActions\"\n >\n </thead>\n\n <tbody fs-list-body\n fsListDraggableList\n class=\"fs-list-body\"\n role=\"rowgroup\"\n [class.disabled]=\"!!(reorderController.reorderDisabled$ | async)\"\n [rows]=\"listData\"\n [rowActionsRaw]=\"list.rowActionsRaw\"\n [groupActionsRaw]=\"list.groupActionsRaw\"\n [hasRowActions]=\"list.hasRowActions\"\n [rowEvents]=\"list.rowEvents\"\n [rowClass]=\"list.rowClass\"\n [columns]=\"list.columns.visibleColumns\"\n [restoreMode]=\"list.restoreMode\"\n [selection]=\"list.selection\"\n [rowRemoved]=\"rowRemoved\"\n >\n </tbody>\n\n <tfoot fs-list-footer\n class=\"fs-list-footer\"\n *ngIf=\"list.columns.hasFooter\"\n [columns]=\"list.columns.visibleColumns\"\n [selection]=\"list.selection\"\n [hasRowActions]=\"list.hasRowActions\"\n [rows]=\"list.dataController.visibleRows\">\n </tfoot>\n </table>\n <fs-list-loader\n *ngIf=\"firstLoad\"\n [columns]=\"list.columns.columns\"\n [loaderLines]=\"loaderLines\">\n </fs-list-loader>\n </div>\n\n <fs-list-pagination\n *ngIf=\"paginatorVisible\"\n class=\"fs-list-pagination\"\n [rows]=\"listData\"\n [pagination]=\"list.paging\">\n </fs-list-pagination>\n\n\n <ng-container *ngIf=\"!firstLoad\">\n <div\n *ngIf=\"listData.length === 0\"\n class=\"fs-list-no-results-container\">\n <div\n *ngIf=\"list.noResults?.message && !list.emptyStateEnabled\"\n class=\"fs-list-no-results\">\n {{ list.noResults?.message }}\n </div>\n <ng-container *ngIf=\"list.emptyStateEnabled\">\n <ng-template [ngTemplateOutlet]=\"list.emptyStateTemplate\"></ng-template>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n</ng-template>\n\n",
|
|
4376
4376
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4377
4377
|
providers: [
|
|
4378
4378
|
GroupExpandNotifierService,
|
|
@@ -5294,10 +5294,14 @@ var FsFooterComponent = /** @class */ (function () {
|
|
|
5294
5294
|
Input(),
|
|
5295
5295
|
__metadata("design:type", SelectionController)
|
|
5296
5296
|
], FsFooterComponent.prototype, "selection", void 0);
|
|
5297
|
+
__decorate([
|
|
5298
|
+
Input(),
|
|
5299
|
+
__metadata("design:type", Array)
|
|
5300
|
+
], FsFooterComponent.prototype, "rows", void 0);
|
|
5297
5301
|
FsFooterComponent = __decorate([
|
|
5298
5302
|
Component({
|
|
5299
5303
|
selector: '[fs-list-footer]',
|
|
5300
|
-
template: "<tr fs-list-footer-row\n [columns]=\"columns\"\n [hasRowActions]=\"hasRowActions\"\n [selection]=\"selection\"\n></tr>\n",
|
|
5304
|
+
template: "<tr fs-list-footer-row\n [columns]=\"columns\"\n [hasRowActions]=\"hasRowActions\"\n [selection]=\"selection\"\n [rows]=\"rows\"\n></tr>\n",
|
|
5301
5305
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
5302
5306
|
}),
|
|
5303
5307
|
__metadata("design:paramtypes", [])
|
|
@@ -5323,10 +5327,14 @@ var FsFooterRowComponent = /** @class */ (function (_super) {
|
|
|
5323
5327
|
Input(),
|
|
5324
5328
|
__metadata("design:type", Boolean)
|
|
5325
5329
|
], FsFooterRowComponent.prototype, "hasRowActions", void 0);
|
|
5330
|
+
__decorate([
|
|
5331
|
+
Input(),
|
|
5332
|
+
__metadata("design:type", Array)
|
|
5333
|
+
], FsFooterRowComponent.prototype, "rows", void 0);
|
|
5326
5334
|
FsFooterRowComponent = __decorate([
|
|
5327
5335
|
Component({
|
|
5328
5336
|
selector: '[fs-list-footer-row]',
|
|
5329
|
-
template: "<td *ngIf=\"reorderController.leftReorderActivated$ | async\" class=\"fs-list-col drag-col\"></td>\n\n<td *ngIf=\"selection\" class=\"fs-list-col fs-list-col-selection\"></td>\n<ng-container *ngFor=\"let column of columns; trackBy: trackByFn\">\n <td fs-list-footer-cell\n *ngIf=\"!column.footerColspanned\"\n [column]=\"column\"\n [
|
|
5337
|
+
template: "<td *ngIf=\"reorderController.leftReorderActivated$ | async\" class=\"fs-list-col drag-col\"></td>\n\n<td *ngIf=\"selection\" class=\"fs-list-col fs-list-col-selection\"></td>\n<ng-container *ngFor=\"let column of columns; trackBy: trackByFn\">\n <td fs-list-footer-cell\n *ngIf=\"!column.footerColspanned\"\n [column]=\"column\"\n [rows]=\"rows\"\n [ngClass]=\"column.footerConfigs.classesArray\"\n [attr.colspan]=\"column.footerConfigs.colspan\"\n [attr.width]=\"column.width\">\n </td>\n</ng-container>\n\n<!-- Drag -->\n<td *ngIf=\"reorderController.rightReorderActivated$ | async\" class=\"fs-list-col row-actions\"></td>\n\n<!-- Row Actions -->\n<td *ngIf=\"hasRowActions && !(reorderController.enabled && reorderController.strategy === ReorderStrategy.Manual)\" class=\"fs-list-col drag-col\"></td>\n",
|
|
5330
5338
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
5331
5339
|
}),
|
|
5332
5340
|
__metadata("design:paramtypes", [ElementRef,
|
|
@@ -5343,6 +5351,15 @@ var FsFooterCellComponent = /** @class */ (function (_super) {
|
|
|
5343
5351
|
function FsFooterCellComponent() {
|
|
5344
5352
|
return _super.call(this) || this;
|
|
5345
5353
|
}
|
|
5354
|
+
FsFooterCellComponent.prototype._initCellContext = function () {
|
|
5355
|
+
this.cellContext.column = this.column;
|
|
5356
|
+
this.cellContext.$implicit = this.rows
|
|
5357
|
+
.map(function (row) { return row.data; });
|
|
5358
|
+
};
|
|
5359
|
+
__decorate([
|
|
5360
|
+
Input(),
|
|
5361
|
+
__metadata("design:type", Array)
|
|
5362
|
+
], FsFooterCellComponent.prototype, "rows", void 0);
|
|
5346
5363
|
FsFooterCellComponent = __decorate([
|
|
5347
5364
|
Component({
|
|
5348
5365
|
selector: '[fs-list-footer-cell]',
|