@colijnit/extendedcomponents 12.0.10 → 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 +13 -4
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -1
- package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.component.js +16 -8
- package/esm2015/lib/components/summary-grid/summary-grid.component.js +6 -3
- package/esm2015/lib/enum/icon.enum.js +1 -1
- package/esm2015/lib/model/icon-svg.js +1 -1
- 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 +3 -1
- package/lib/components/summary-grid/summary-grid.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1261,6 +1261,7 @@
|
|
|
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 = "";
|
|
@@ -1290,18 +1291,23 @@
|
|
|
1290
1291
|
RecursiveListComponent.prototype.handleDataPointClicked = function (event) {
|
|
1291
1292
|
this.dataPointClicked.emit(event);
|
|
1292
1293
|
};
|
|
1294
|
+
RecursiveListComponent.prototype.parseableToInt = function (prop) {
|
|
1295
|
+
return parseInt(prop) !== undefined;
|
|
1296
|
+
};
|
|
1293
1297
|
return RecursiveListComponent;
|
|
1294
1298
|
}());
|
|
1295
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 });
|
|
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
|
|
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 });
|
|
1297
1301
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, decorators: [{
|
|
1298
1302
|
type: i0.Component,
|
|
1299
1303
|
args: [{
|
|
1300
1304
|
selector: 'co-recursive-list',
|
|
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
|
|
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 ",
|
|
1302
1306
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1303
1307
|
}]
|
|
1304
|
-
}], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: {
|
|
1308
|
+
}], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: { hyperLinkDeepestLevel: [{
|
|
1309
|
+
type: i0.Input
|
|
1310
|
+
}], collection: [{
|
|
1305
1311
|
type: i0.Input
|
|
1306
1312
|
}], columns: [{
|
|
1307
1313
|
type: i0.Input
|
|
@@ -1325,6 +1331,7 @@
|
|
|
1325
1331
|
var SummaryGridComponent = /** @class */ (function () {
|
|
1326
1332
|
function SummaryGridComponent() {
|
|
1327
1333
|
this.showClass = true;
|
|
1334
|
+
this.hyperLinkDeepestLevel = false;
|
|
1328
1335
|
this.columns = [];
|
|
1329
1336
|
this.subColumns = [];
|
|
1330
1337
|
this.tableLegend = "";
|
|
@@ -1335,7 +1342,7 @@
|
|
|
1335
1342
|
return SummaryGridComponent;
|
|
1336
1343
|
}());
|
|
1337
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 });
|
|
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 });
|
|
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 });
|
|
1339
1346
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, decorators: [{
|
|
1340
1347
|
type: i0.Component,
|
|
1341
1348
|
args: [{
|
|
@@ -1346,6 +1353,8 @@
|
|
|
1346
1353
|
}], propDecorators: { showClass: [{
|
|
1347
1354
|
type: i0.HostBinding,
|
|
1348
1355
|
args: ['class.co-summary-grid']
|
|
1356
|
+
}], hyperLinkDeepestLevel: [{
|
|
1357
|
+
type: i0.Input
|
|
1349
1358
|
}], columns: [{
|
|
1350
1359
|
type: i0.Input
|
|
1351
1360
|
}], subColumns: [{
|