@colijnit/extendedcomponents 12.0.9 → 12.0.11

package/fesm2015/colijnit-extendedcomponents.js

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, HostBinding, Input, NgModule, Injectable, Pipe } from '@angular/core';
+import { Component, ViewEncapsulation, HostBinding, Input, NgModule, Injectable, Pipe, EventEmitter, Output } from '@angular/core';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from 'ngx-echarts';
@@ -822,12 +822,14 @@ class RecursiveListComponent {
     constructor(iconCacheService) {
         this.iconCacheService = iconCacheService;
         this.icons = Icon;
+        this.hyperLinkDeepestLevel = false;
         this.columns = [];
         this.subColumns = [];
         this.tableLegend = "";
         this.depth = 0;
         this.indentation = 10;
         this.dataPipe = null;
+        this.dataPointClicked = new EventEmitter();
     }
     toggleCollapse(event, item) {
         event.stopPropagation(); // Stop event propagation here
@@ -847,9 +849,15 @@ class RecursiveListComponent {
             return dataValue.toString(); // No formatting needed
         }
     }
+    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" }, 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">
@@ -871,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 [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">
@@ -881,11 +890,11 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
           </div>
         </div>
         <ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
-          <co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
+          <co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params" (dataPointClicked)="handleDataPointClicked($event)"></co-recursive-list>
         </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"] }], 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: [{
@@ -912,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 [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">
@@ -922,14 +932,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
           </div>
         </div>
         <ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
-          <co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
+          <co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params" (dataPointClicked)="handleDataPointClicked($event)"></co-recursive-list>
         </ng-container>
       </div>
     </div>
   `,
                     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
@@ -945,21 +957,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], params: [{
                 type: Input
+            }], dataPointClicked: [{
+                type: Output
             }] } });
 
 // summary-grid.component.ts
 class SummaryGridComponent {
     constructor() {
         this.showClass = true;
+        this.hyperLinkDeepestLevel = false;
         this.columns = [];
         this.subColumns = [];
         this.tableLegend = "";
         this.dataPipe = null;
         this.collection = [];
+        this.dataPointClickedEvent = new EventEmitter();
     }
 }
 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" }, 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"
@@ -967,8 +983,9 @@ SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
       [tableLegend]="tableLegend"
       [dataPipe]="dataPipe"
       [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"] }], 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: [{
@@ -981,6 +998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
       [tableLegend]="tableLegend"
       [dataPipe]="dataPipe"
       [params]="params"
+      (dataPointClicked)="dataPointClickedEvent.emit($event)"
     ></co-recursive-list>
   `,
                     encapsulation: ViewEncapsulation.None,
@@ -988,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: [{
@@ -1000,6 +1020,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], collection: [{
                 type: Input
+            }], dataPointClickedEvent: [{
+                type: Output
             }] } });
 
 class ExtendedComponentsTranslationService {