@colijnit/extendedcomponents 12.0.9 → 12.0.11
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 +23 -5
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -1
- package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.component.js +25 -11
- package/esm2015/lib/components/summary-grid/summary-grid.component.js +12 -4
- package/esm2015/lib/enum/icon.enum.js +1 -1
- package/esm2015/lib/model/icon-svg.js +1 -1
- package/fesm2015/colijnit-extendedcomponents.js +34 -12
- package/fesm2015/colijnit-extendedcomponents.js.map +1 -1
- package/lib/components/summary-grid/components/recursive-list/recursive-list.component.d.ts +6 -2
- package/lib/components/summary-grid/summary-grid.component.d.ts +4 -2
- package/package.json +1 -1
|
@@ -1261,12 +1261,14 @@
|
|
|
1261
1261
|
function RecursiveListComponent(iconCacheService) {
|
|
1262
1262
|
this.iconCacheService = iconCacheService;
|
|
1263
1263
|
this.icons = Icon;
|
|
1264
|
+
this.hyperLinkDeepestLevel = false;
|
|
1264
1265
|
this.columns = [];
|
|
1265
1266
|
this.subColumns = [];
|
|
1266
1267
|
this.tableLegend = "";
|
|
1267
1268
|
this.depth = 0;
|
|
1268
1269
|
this.indentation = 10;
|
|
1269
1270
|
this.dataPipe = null;
|
|
1271
|
+
this.dataPointClicked = new i0.EventEmitter();
|
|
1270
1272
|
}
|
|
1271
1273
|
RecursiveListComponent.prototype.toggleCollapse = function (event, item) {
|
|
1272
1274
|
event.stopPropagation(); // Stop event propagation here
|
|
@@ -1286,18 +1288,26 @@
|
|
|
1286
1288
|
return dataValue.toString(); // No formatting needed
|
|
1287
1289
|
}
|
|
1288
1290
|
};
|
|
1291
|
+
RecursiveListComponent.prototype.handleDataPointClicked = function (event) {
|
|
1292
|
+
this.dataPointClicked.emit(event);
|
|
1293
|
+
};
|
|
1294
|
+
RecursiveListComponent.prototype.parseableToInt = function (prop) {
|
|
1295
|
+
return parseInt(prop) !== undefined;
|
|
1296
|
+
};
|
|
1289
1297
|
return RecursiveListComponent;
|
|
1290
1298
|
}());
|
|
1291
1299
|
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
|
|
1300
|
+
RecursiveListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { hyperLinkDeepestLevel: "hyperLinkDeepestLevel", 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 *ngIf=\"item?.children || depth === 0\" (click)=\"handleDataPointClicked(item.name)\" [textContent]=\"item.name\"></span>\n <a *ngIf=\"!item.children && depth !== 0 && parseableToInt(item.name)\" (click)=\"handleDataPointClicked(item.name)\" [textContent]=\"item.name\"></a>\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: ["hyperLinkDeepestLevel", "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
1301
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, decorators: [{
|
|
1294
1302
|
type: i0.Component,
|
|
1295
1303
|
args: [{
|
|
1296
1304
|
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
|
|
1305
|
+
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 *ngIf=\"item?.children || depth === 0\" (click)=\"handleDataPointClicked(item.name)\" [textContent]=\"item.name\"></span>\n <a *ngIf=\"!item.children && depth !== 0 && parseableToInt(item.name)\" (click)=\"handleDataPointClicked(item.name)\" [textContent]=\"item.name\"></a>\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
1306
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1299
1307
|
}]
|
|
1300
|
-
}], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: {
|
|
1308
|
+
}], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: { hyperLinkDeepestLevel: [{
|
|
1309
|
+
type: i0.Input
|
|
1310
|
+
}], collection: [{
|
|
1301
1311
|
type: i0.Input
|
|
1302
1312
|
}], columns: [{
|
|
1303
1313
|
type: i0.Input
|
|
@@ -1313,32 +1323,38 @@
|
|
|
1313
1323
|
type: i0.Input
|
|
1314
1324
|
}], params: [{
|
|
1315
1325
|
type: i0.Input
|
|
1326
|
+
}], dataPointClicked: [{
|
|
1327
|
+
type: i0.Output
|
|
1316
1328
|
}] } });
|
|
1317
1329
|
|
|
1318
1330
|
// summary-grid.component.ts
|
|
1319
1331
|
var SummaryGridComponent = /** @class */ (function () {
|
|
1320
1332
|
function SummaryGridComponent() {
|
|
1321
1333
|
this.showClass = true;
|
|
1334
|
+
this.hyperLinkDeepestLevel = false;
|
|
1322
1335
|
this.columns = [];
|
|
1323
1336
|
this.subColumns = [];
|
|
1324
1337
|
this.tableLegend = "";
|
|
1325
1338
|
this.dataPipe = null;
|
|
1326
1339
|
this.collection = [];
|
|
1340
|
+
this.dataPointClickedEvent = new i0.EventEmitter();
|
|
1327
1341
|
}
|
|
1328
1342
|
return SummaryGridComponent;
|
|
1329
1343
|
}());
|
|
1330
1344
|
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 });
|
|
1345
|
+
SummaryGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { hyperLinkDeepestLevel: "hyperLinkDeepestLevel", 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: ["hyperLinkDeepestLevel", "collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1332
1346
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, decorators: [{
|
|
1333
1347
|
type: i0.Component,
|
|
1334
1348
|
args: [{
|
|
1335
1349
|
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 ",
|
|
1350
|
+
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
1351
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1338
1352
|
}]
|
|
1339
1353
|
}], propDecorators: { showClass: [{
|
|
1340
1354
|
type: i0.HostBinding,
|
|
1341
1355
|
args: ['class.co-summary-grid']
|
|
1356
|
+
}], hyperLinkDeepestLevel: [{
|
|
1357
|
+
type: i0.Input
|
|
1342
1358
|
}], columns: [{
|
|
1343
1359
|
type: i0.Input
|
|
1344
1360
|
}], subColumns: [{
|
|
@@ -1351,6 +1367,8 @@
|
|
|
1351
1367
|
type: i0.Input
|
|
1352
1368
|
}], collection: [{
|
|
1353
1369
|
type: i0.Input
|
|
1370
|
+
}], dataPointClickedEvent: [{
|
|
1371
|
+
type: i0.Output
|
|
1354
1372
|
}] } });
|
|
1355
1373
|
|
|
1356
1374
|
var ExtendedComponentsTranslationService = /** @class */ (function () {
|