@colijnit/extendedcomponents 12.0.10 → 12.0.11

package/fesm2015/colijnit-extendedcomponents.js

@@ -822,6 +822,7 @@ class RecursiveListComponent {
     constructor(iconCacheService) {
         this.iconCacheService = iconCacheService;
         this.icons = Icon;
+        this.hyperLinkDeepestLevel = false;
         this.columns = [];
         this.subColumns = [];
         this.tableLegend = "";
@@ -851,9 +852,12 @@ class RecursiveListComponent {
     handleDataPointClicked(event) {
         this.dataPointClicked.emit(event);
     }
+    parseableToInt(prop) {
+        return parseInt(prop) !== undefined;
+    }
 }
 RecursiveListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, deps: [{ token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
-RecursiveListComponent.ɵcmp = i0.ɵɵ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, template: `
+RecursiveListComponent.ɵcmp = i0.ɵɵ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, template: `
     <div class="co-recursive-list">
       <div class="table-header-row">
         <div class="table-legend" *ngIf="tableLegend.length > 1">
@@ -875,8 +879,9 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       <div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
         <div class="table-row">
           <div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
-            <co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
-            <span (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
+            <co-icon *ngIf="item?.children && item.children?.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
+            <span *ngIf="item?.children || depth === 0" (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
+            <a *ngIf="!item.children && depth !== 0 && parseableToInt(item.name)" (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></a>
           </div>
           <div class="table-cell data-points">
             <div *ngFor="let dataPoint of item.data" class="custom-property">
@@ -889,7 +894,7 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </ng-container>
       </div>
     </div>
-  `, isInline: true, components: [{ type: i2.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": LocalizePipe }, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, components: [{ type: i2.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": LocalizePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, decorators: [{
             type: Component,
             args: [{
@@ -916,8 +921,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
       <div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
         <div class="table-row">
           <div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
-            <co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
-            <span (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
+            <co-icon *ngIf="item?.children && item.children?.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
+            <span *ngIf="item?.children || depth === 0" (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
+            <a *ngIf="!item.children && depth !== 0 && parseableToInt(item.name)" (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></a>
           </div>
           <div class="table-cell data-points">
             <div *ngFor="let dataPoint of item.data" class="custom-property">
@@ -933,7 +939,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
   `,
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: { collection: [{
+        }], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: { hyperLinkDeepestLevel: [{
+                type: Input
+            }], collection: [{
                 type: Input
             }], columns: [{
                 type: Input
@@ -957,6 +965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 class SummaryGridComponent {
     constructor() {
         this.showClass = true;
+        this.hyperLinkDeepestLevel = false;
         this.columns = [];
         this.subColumns = [];
         this.tableLegend = "";
@@ -966,7 +975,7 @@ class SummaryGridComponent {
     }
 }
 SummaryGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SummaryGridComponent.ɵcmp = i0.ɵɵ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, template: `
+SummaryGridComponent.ɵcmp = i0.ɵɵ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, template: `
     <co-recursive-list
       [collection]="collection"
       [columns]="columns"
@@ -976,7 +985,7 @@ SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
       [params]="params"
       (dataPointClicked)="dataPointClickedEvent.emit($event)"
     ></co-recursive-list>
-  `, isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["hyperLinkDeepestLevel", "collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, decorators: [{
             type: Component,
             args: [{
@@ -997,6 +1006,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], propDecorators: { showClass: [{
                 type: HostBinding,
                 args: ['class.co-summary-grid']
+            }], hyperLinkDeepestLevel: [{
+                type: Input
             }], columns: [{
                 type: Input
             }], subColumns: [{