@colijnit/extendedcomponents 12.0.6 → 12.0.8

package/lib/components/stacked-line-chart/co-stacked-line-chart.component.d.ts

@@ -1,7 +1,5 @@
-import { EventEmitter, OnInit } from "@angular/core";
+import { OnInit } from "@angular/core";
 import type { EChartsOption } from 'echarts';
-import type { ECElementEvent } from 'echarts';
-import type { ECActionEvent } from 'echarts/types/src/util/types';
 import * as i0 from "@angular/core";
 export declare class StackedLineChartComponent implements OnInit {
     showClass(): boolean;
@@ -12,9 +10,7 @@ export declare class StackedLineChartComponent implements OnInit {
     chartHeight: number | string;
     chartWidth: number | string;
     chartOptions: EChartsOption;
-    chartEventEmitter: EventEmitter<ECElementEvent | ECActionEvent | unknown>;
     ngOnInit(): void;
-    onChartEvent(event: ECElementEvent | ECActionEvent | unknown, type: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StackedLineChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StackedLineChartComponent, "co-stacked-line-chart", never, { "chartName": "chartName"; "chartData": "chartData"; "chartLegend": "chartLegend"; "chartXAxis": "chartXAxis"; "chartHeight": "chartHeight"; "chartWidth": "chartWidth"; "chartOptions": "chartOptions"; }, { "chartEventEmitter": "chartEventEmitter"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StackedLineChartComponent, "co-stacked-line-chart", never, { "chartName": "chartName"; "chartData": "chartData"; "chartLegend": "chartLegend"; "chartXAxis": "chartXAxis"; "chartHeight": "chartHeight"; "chartWidth": "chartWidth"; "chartOptions": "chartOptions"; }, {}, never, never>;
 }

package/lib/components/summary-grid/components/recursive-list/recursive-list.component.d.ts

@@ -8,14 +8,16 @@ export declare class RecursiveListComponent {
     readonly icons: typeof Icon;
     collection: RecursiveCollectionLayer[];
     columns: string[];
+    subColumns: string[];
     tableLegend: string;
     depth: number;
     indentation: number;
     dataPipe: PipeTransform | null;
+    params: any[];
     constructor(iconCacheService: IconCacheService);
     toggleCollapse(event: Event, item: RecursiveCollectionLayer): void;
     getCurrentIcon(item: RecursiveCollectionLayer): Icon;
-    formatDataValue(dataValue: number | string): string;
+    formatDataValue(dataValue: number | string, params?: any[]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RecursiveListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RecursiveListComponent, "co-recursive-list", never, { "collection": "collection"; "columns": "columns"; "tableLegend": "tableLegend"; "depth": "depth"; "indentation": "indentation"; "dataPipe": "dataPipe"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecursiveListComponent, "co-recursive-list", never, { "collection": "collection"; "columns": "columns"; "subColumns": "subColumns"; "tableLegend": "tableLegend"; "depth": "depth"; "indentation": "indentation"; "dataPipe": "dataPipe"; "params": "params"; }, {}, never, never>;
 }

package/lib/components/summary-grid/components/recursive-list/recursive-list.module.d.ts

@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./recursive-list.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@colijnit/corecomponents_v12";
+import * as i4 from "../../../../translation/extended-components-translation.module";
 export declare class RecursiveListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RecursiveListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RecursiveListModule, [typeof i1.RecursiveListComponent], [typeof i2.CommonModule, typeof i3.IconModule], [typeof i1.RecursiveListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RecursiveListModule, [typeof i1.RecursiveListComponent], [typeof i2.CommonModule, typeof i3.IconModule, typeof i4.ExtendedComponentsTranslationModule], [typeof i1.RecursiveListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RecursiveListModule>;
 }

package/lib/components/summary-grid/components/recursive-list/style/_layout.scss

@@ -3,8 +3,6 @@
   .co-recursive-list {
     display: table;
     width: 100%;
-    background-color: white;
-
     .tree-node.background:nth-child(even) {
       background-color: rgba(#8083A3, 0.1);
     }
@@ -18,14 +16,15 @@
       display: flex;
       flex-direction: row;
       .table-legend {
-        padding: 1em;
+        padding: 15px 10px;
         width: 20%;
         border: 0.5px solid rgba(#8083A3, 0.2);
+        font-weight: 600;
       }
       .table-header {
         width: 80%;
         display: flex;
-        flex-direction: row;
+        flex-direction: column;
         .table-row {
           width: 100%;
           display: flex;
@@ -34,9 +33,10 @@
             border: 0.5px solid rgba(#8083A3, 0.2);
             width: 100%;
             display: flex;
-            justify-content: center;
+            justify-content: flex-end;
             align-items: center;
-            padding: 0.5em;
+            padding: 15px 10px;
+            font-weight: 600;
           }
         }
       }
@@ -48,8 +48,12 @@
       flex-direction: row;
       align-items: center;
       width: 20%;
-
-
+      padding: 10px;
+      gap: 5px;
+      .co-icon {
+        width: 12px;
+        height: 12px;
+      }
     }
 
     .table-cell.data-points {
@@ -60,9 +64,9 @@
       .custom-property{
         width: 100%;
         display: flex;
-        justify-content: center;
+        justify-content: flex-end;
         align-items: center;
-        padding: 0.5em;
+        padding: 10px;
         border: 0.5px solid rgba(#8083A3, 0.2);
       }
     }

package/lib/components/summary-grid/summary-grid.component.d.ts

@@ -4,9 +4,11 @@ import * as i0 from "@angular/core";
 export declare class SummaryGridComponent {
     showClass: boolean;
     columns: string[];
+    subColumns: string[];
     tableLegend: string;
     dataPipe: PipeTransform | null;
+    params: any[];
     collection: RecursiveCollectionLayer[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SummaryGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SummaryGridComponent, "co-summary-grid", never, { "columns": "columns"; "tableLegend": "tableLegend"; "dataPipe": "dataPipe"; "collection": "collection"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SummaryGridComponent, "co-summary-grid", never, { "columns": "columns"; "subColumns": "subColumns"; "tableLegend": "tableLegend"; "dataPipe": "dataPipe"; "params": "params"; "collection": "collection"; }, {}, never, never>;
 }

package/lib/translation/extended-components-translation.module.d.ts

@@ -4,6 +4,6 @@ import * as i1 from "./localize.pipe";
 export declare class ExtendedComponentsTranslationModule {
     static forRoot(): ModuleWithProviders<ExtendedComponentsTranslationModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExtendedComponentsTranslationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ExtendedComponentsTranslationModule, [typeof i1.LocalizePipe], never, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ExtendedComponentsTranslationModule, [typeof i1.LocalizePipe], never, [typeof i1.LocalizePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ExtendedComponentsTranslationModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/extendedcomponents",
-  "version": "12.0.6",
+  "version": "12.0.8",
   "description": "Colijn IT extended components for Angular 12",
   "private": false,
   "peerDependencies": {

package/public-api.d.ts

@@ -4,3 +4,4 @@ export * from './lib/components/summary-grid/summary-grid.module';
 export * from './lib/components/summary-grid/summary-grid.component';
 export * from './lib/translation/extended-components-translation.module';
 export * from './lib/translation/extended-components-translation.service';
+export * from './lib/translation/localize.pipe';