@colijnit/extendedcomponents 12.0.9 → 12.0.10
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/bundles/colijnit-extendedcomponents.umd.js +13 -4
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -1
- package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.component.js +14 -8
- package/esm2015/lib/components/summary-grid/summary-grid.component.js +9 -4
- package/fesm2015/colijnit-extendedcomponents.js +20 -9
- package/fesm2015/colijnit-extendedcomponents.js.map +1 -1
- package/lib/components/summary-grid/components/recursive-list/recursive-list.component.d.ts +4 -2
- package/lib/components/summary-grid/summary-grid.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -1267,6 +1267,7 @@
|
|
|
1267
1267
|
this.depth = 0;
|
|
1268
1268
|
this.indentation = 10;
|
|
1269
1269
|
this.dataPipe = null;
|
|
1270
|
+
this.dataPointClicked = new i0.EventEmitter();
|
|
1270
1271
|
}
|
|
1271
1272
|
RecursiveListComponent.prototype.toggleCollapse = function (event, item) {
|
|
1272
1273
|
event.stopPropagation(); // Stop event propagation here
|
|
@@ -1286,15 +1287,18 @@
|
|
|
1286
1287
|
return dataValue.toString(); // No formatting needed
|
|
1287
1288
|
}
|
|
1288
1289
|
};
|
|
1290
|
+
RecursiveListComponent.prototype.handleDataPointClicked = function (event) {
|
|
1291
|
+
this.dataPointClicked.emit(event);
|
|
1292
|
+
};
|
|
1289
1293
|
return RecursiveListComponent;
|
|
1290
1294
|
}());
|
|
1291
1295
|
RecursiveListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, deps: [{ token: IconCacheService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1292
|
-
RecursiveListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe", params: "params" }, ngImport: i0__namespace, template: "\n <div class=\"co-recursive-list\">\n <div class=\"table-header-row\">\n <div class=\"table-legend\" *ngIf=\"tableLegend.length > 1\">\n <span [textContent]=\"tableLegend | localize\"></span>\n </div>\n <div class=\"table-header\" *ngIf=\"columns && columns.length > 0\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let column of columns\">\n <span [textContent]=\"formatDataValue(column) | localize\"></span>\n </div>\n </div>\n <div class=\"table-row\" *ngIf=\"subColumns && subColumns.length > 0\">\n <div class=\"table-cell\" *ngFor=\"let column of subColumns\">\n <span [textContent]=\"formatDataValue(column)\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tree-node\" [class.background]=\"depth === 0\" *ngFor=\"let item of collection\" (click)=\"toggleCollapse($event, item)\">\n <div class=\"table-row\">\n <div class=\"table-cell node-text-icon\" [ngStyle]=\"{'padding-left.px' : indentation}\">\n <co-icon *ngIf=\"item.children && item.children.length > 0\" [iconData]=\"iconCacheService.getIcon(getCurrentIcon(item))\"></co-icon>\n <span [textContent]=\"item.name\"></span>\n </div>\n <div class=\"table-cell data-points\">\n <div *ngFor=\"let dataPoint of item.data\" class=\"custom-property\">\n <span [textContent]=\"formatDataValue(dataPoint, params)\"></span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"item.children && item.children.length > 0 && item.expanded\">\n <co-recursive-list [dataPipe]=\"dataPipe\" [collection]=\"item.children\" [depth]=\"depth + 1\" [indentation]=\"indentation + 20\" [params]=\"params\"></co-recursive-list>\n </ng-container>\n </div>\n </div>\n ", isInline: true, components: [{ type: i2__namespace.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": LocalizePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1296
|
+
RecursiveListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe", params: "params" }, outputs: { dataPointClicked: "dataPointClicked" }, ngImport: i0__namespace, template: "\n <div class=\"co-recursive-list\">\n <div class=\"table-header-row\">\n <div class=\"table-legend\" *ngIf=\"tableLegend.length > 1\">\n <span [textContent]=\"tableLegend | localize\"></span>\n </div>\n <div class=\"table-header\" *ngIf=\"columns && columns.length > 0\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let column of columns\">\n <span [textContent]=\"formatDataValue(column) | localize\"></span>\n </div>\n </div>\n <div class=\"table-row\" *ngIf=\"subColumns && subColumns.length > 0\">\n <div class=\"table-cell\" *ngFor=\"let column of subColumns\">\n <span [textContent]=\"formatDataValue(column)\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tree-node\" [class.background]=\"depth === 0\" *ngFor=\"let item of collection\" (click)=\"toggleCollapse($event, item)\">\n <div class=\"table-row\">\n <div class=\"table-cell node-text-icon\" [ngStyle]=\"{'padding-left.px' : indentation}\">\n <co-icon *ngIf=\"item.children && item.children.length > 0\" [iconData]=\"iconCacheService.getIcon(getCurrentIcon(item))\"></co-icon>\n <span (click)=\"handleDataPointClicked(item.name)\" [textContent]=\"item.name\"></span>\n </div>\n <div class=\"table-cell data-points\">\n <div *ngFor=\"let dataPoint of item.data\" class=\"custom-property\">\n <span [textContent]=\"formatDataValue(dataPoint, params)\"></span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"item.children && item.children.length > 0 && item.expanded\">\n <co-recursive-list [dataPipe]=\"dataPipe\" [collection]=\"item.children\" [depth]=\"depth + 1\" [indentation]=\"indentation + 20\" [params]=\"params\" (dataPointClicked)=\"handleDataPointClicked($event)\"></co-recursive-list>\n </ng-container>\n </div>\n </div>\n ", isInline: true, components: [{ type: i2__namespace.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": LocalizePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1293
1297
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, decorators: [{
|
|
1294
1298
|
type: i0.Component,
|
|
1295
1299
|
args: [{
|
|
1296
1300
|
selector: 'co-recursive-list',
|
|
1297
|
-
template: "\n <div class=\"co-recursive-list\">\n <div class=\"table-header-row\">\n <div class=\"table-legend\" *ngIf=\"tableLegend.length > 1\">\n <span [textContent]=\"tableLegend | localize\"></span>\n </div>\n <div class=\"table-header\" *ngIf=\"columns && columns.length > 0\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let column of columns\">\n <span [textContent]=\"formatDataValue(column) | localize\"></span>\n </div>\n </div>\n <div class=\"table-row\" *ngIf=\"subColumns && subColumns.length > 0\">\n <div class=\"table-cell\" *ngFor=\"let column of subColumns\">\n <span [textContent]=\"formatDataValue(column)\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tree-node\" [class.background]=\"depth === 0\" *ngFor=\"let item of collection\" (click)=\"toggleCollapse($event, item)\">\n <div class=\"table-row\">\n <div class=\"table-cell node-text-icon\" [ngStyle]=\"{'padding-left.px' : indentation}\">\n <co-icon *ngIf=\"item.children && item.children.length > 0\" [iconData]=\"iconCacheService.getIcon(getCurrentIcon(item))\"></co-icon>\n <span [textContent]=\"item.name\"></span>\n </div>\n <div class=\"table-cell data-points\">\n <div *ngFor=\"let dataPoint of item.data\" class=\"custom-property\">\n <span [textContent]=\"formatDataValue(dataPoint, params)\"></span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"item.children && item.children.length > 0 && item.expanded\">\n <co-recursive-list [dataPipe]=\"dataPipe\" [collection]=\"item.children\" [depth]=\"depth + 1\" [indentation]=\"indentation + 20\" [params]=\"params\"></co-recursive-list>\n </ng-container>\n </div>\n </div>\n ",
|
|
1301
|
+
template: "\n <div class=\"co-recursive-list\">\n <div class=\"table-header-row\">\n <div class=\"table-legend\" *ngIf=\"tableLegend.length > 1\">\n <span [textContent]=\"tableLegend | localize\"></span>\n </div>\n <div class=\"table-header\" *ngIf=\"columns && columns.length > 0\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let column of columns\">\n <span [textContent]=\"formatDataValue(column) | localize\"></span>\n </div>\n </div>\n <div class=\"table-row\" *ngIf=\"subColumns && subColumns.length > 0\">\n <div class=\"table-cell\" *ngFor=\"let column of subColumns\">\n <span [textContent]=\"formatDataValue(column)\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tree-node\" [class.background]=\"depth === 0\" *ngFor=\"let item of collection\" (click)=\"toggleCollapse($event, item)\">\n <div class=\"table-row\">\n <div class=\"table-cell node-text-icon\" [ngStyle]=\"{'padding-left.px' : indentation}\">\n <co-icon *ngIf=\"item.children && item.children.length > 0\" [iconData]=\"iconCacheService.getIcon(getCurrentIcon(item))\"></co-icon>\n <span (click)=\"handleDataPointClicked(item.name)\" [textContent]=\"item.name\"></span>\n </div>\n <div class=\"table-cell data-points\">\n <div *ngFor=\"let dataPoint of item.data\" class=\"custom-property\">\n <span [textContent]=\"formatDataValue(dataPoint, params)\"></span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"item.children && item.children.length > 0 && item.expanded\">\n <co-recursive-list [dataPipe]=\"dataPipe\" [collection]=\"item.children\" [depth]=\"depth + 1\" [indentation]=\"indentation + 20\" [params]=\"params\" (dataPointClicked)=\"handleDataPointClicked($event)\"></co-recursive-list>\n </ng-container>\n </div>\n </div>\n ",
|
|
1298
1302
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1299
1303
|
}]
|
|
1300
1304
|
}], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: { collection: [{
|
|
@@ -1313,6 +1317,8 @@
|
|
|
1313
1317
|
type: i0.Input
|
|
1314
1318
|
}], params: [{
|
|
1315
1319
|
type: i0.Input
|
|
1320
|
+
}], dataPointClicked: [{
|
|
1321
|
+
type: i0.Output
|
|
1316
1322
|
}] } });
|
|
1317
1323
|
|
|
1318
1324
|
// summary-grid.component.ts
|
|
@@ -1324,16 +1330,17 @@
|
|
|
1324
1330
|
this.tableLegend = "";
|
|
1325
1331
|
this.dataPipe = null;
|
|
1326
1332
|
this.collection = [];
|
|
1333
|
+
this.dataPointClickedEvent = new i0.EventEmitter();
|
|
1327
1334
|
}
|
|
1328
1335
|
return SummaryGridComponent;
|
|
1329
1336
|
}());
|
|
1330
1337
|
SummaryGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1331
|
-
SummaryGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", dataPipe: "dataPipe", params: "params", collection: "collection" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0__namespace, template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [subColumns]=\"subColumns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n [params]=\"params\"\n ></co-recursive-list>\n ", isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1338
|
+
SummaryGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", dataPipe: "dataPipe", params: "params", collection: "collection" }, outputs: { dataPointClickedEvent: "dataPointClickedEvent" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0__namespace, template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [subColumns]=\"subColumns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n [params]=\"params\"\n (dataPointClicked)=\"dataPointClickedEvent.emit($event)\"\n ></co-recursive-list>\n ", isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1332
1339
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, decorators: [{
|
|
1333
1340
|
type: i0.Component,
|
|
1334
1341
|
args: [{
|
|
1335
1342
|
selector: 'co-summary-grid',
|
|
1336
|
-
template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [subColumns]=\"subColumns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n [params]=\"params\"\n ></co-recursive-list>\n ",
|
|
1343
|
+
template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [subColumns]=\"subColumns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n [params]=\"params\"\n (dataPointClicked)=\"dataPointClickedEvent.emit($event)\"\n ></co-recursive-list>\n ",
|
|
1337
1344
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1338
1345
|
}]
|
|
1339
1346
|
}], propDecorators: { showClass: [{
|
|
@@ -1351,6 +1358,8 @@
|
|
|
1351
1358
|
type: i0.Input
|
|
1352
1359
|
}], collection: [{
|
|
1353
1360
|
type: i0.Input
|
|
1361
|
+
}], dataPointClickedEvent: [{
|
|
1362
|
+
type: i0.Output
|
|
1354
1363
|
}] } });
|
|
1355
1364
|
|
|
1356
1365
|
var ExtendedComponentsTranslationService = /** @class */ (function () {
|