@colijnit/extendedcomponents 12.0.8 → 12.0.10

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';
@@ -828,6 +828,7 @@ class RecursiveListComponent {
         this.depth = 0;
         this.indentation = 10;
         this.dataPipe = null;
+        this.dataPointClicked = new EventEmitter();
     }
     toggleCollapse(event, item) {
         event.stopPropagation(); // Stop event propagation here
@@ -847,9 +848,12 @@ class RecursiveListComponent {
             return dataValue.toString(); // No formatting needed
         }
     }
+    handleDataPointClicked(event) {
+        this.dataPointClicked.emit(event);
+    }
 }
 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: { 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">
@@ -872,7 +876,7 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         <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>
+            <span (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
           </div>
           <div class="table-cell data-points">
             <div *ngFor="let dataPoint of item.data" class="custom-property">
@@ -881,11 +885,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: ["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: [{
@@ -913,7 +917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         <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>
+            <span (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
           </div>
           <div class="table-cell data-points">
             <div *ngFor="let dataPoint of item.data" class="custom-property">
@@ -922,7 +926,7 @@ 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>
@@ -945,73 +949,24 @@ 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.columns = ['Column1', 'Column2']; // Add your column headers here
-        this.subColumns = ['SubColumn1', 'SubColumn2']; // Add your column headers here
-        this.tableLegend = "Legend";
+        this.columns = [];
+        this.subColumns = [];
+        this.tableLegend = "";
         this.dataPipe = null;
-        this.collection = [
-            {
-                name: 'Root 1',
-                expanded: false,
-                data: [1, 2],
-                children: [
-                    {
-                        name: 'Child 1.1',
-                        expanded: false,
-                        data: [3, 4],
-                        children: [
-                            {
-                                name: 'Grandchild 1.1.1',
-                                expanded: false,
-                                data: [5, 6],
-                            },
-                            {
-                                name: 'Grandchild 1.1.2',
-                                expanded: false,
-                                data: [7, 0],
-                            },
-                        ],
-                    },
-                    // ... other nodes
-                ],
-            },
-            {
-                name: 'Root 2',
-                expanded: false,
-                data: [9, 10],
-                children: [
-                    {
-                        name: 'Child 2.1',
-                        expanded: false,
-                        data: [11, 12],
-                        children: [
-                            {
-                                name: 'Grandchild 2.1.1',
-                                expanded: false,
-                                data: [13, 14],
-                            },
-                            {
-                                name: 'Grandchild 2.1.2',
-                                expanded: false,
-                                data: [15, 16],
-                            },
-                        ],
-                    },
-                    // ... other nodes
-                ],
-            },
-            // ... other root nodes
-        ];
+        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: { 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"
@@ -1019,8 +974,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: ["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: [{
@@ -1033,6 +989,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,
@@ -1052,6 +1009,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], collection: [{
                 type: Input
+            }], dataPointClickedEvent: [{
+                type: Output
             }] } });
 
 class ExtendedComponentsTranslationService {