@hestia-earth/ui-components 0.41.49 → 0.41.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hestia-earth/ui-components",
-  "version": "0.41.49",
+  "version": "0.41.50",
   "description": "HESTIA reusable components",
   "repository": {
     "type": "git",

package/styles.scss

@@ -82,6 +82,10 @@ ngb-tooltip-window {
     line-height: $size-6;
     padding: $tooltip-padding-narrow !important;
   }
+
+  &.is-large {
+    max-width: 80vw;
+  }
 }
 
 $popover-border-width: 1px;

package/types/hestia-earth-ui-components.d.ts

@@ -433,6 +433,7 @@ declare class ChartTooltipComponent<T> {
 }
 
 interface ContributionChartDataItem {
+    id?: string;
     label: string;
     values: number[];
     color?: string;
@@ -447,8 +448,11 @@ interface ContributionTooltipData {
         value: number;
     })[];
     selectedLabel?: string;
+    maxLabelLength: number;
 }
 declare class ContributionChartComponent {
+    private readonly emissionCategoryService;
+    private readonly responsiveService;
     protected readonly tooltipFn: chartTooltipContentFn<ContributionTooltipData>;
     /**
      * Contribution data.
@@ -466,24 +470,46 @@ declare class ContributionChartComponent {
      * Show default button for export, located on the top-right corner of the chart.
      */
     protected readonly showExportButton: _angular_core.InputSignal<boolean>;
+    /**
+     * Show the legend below the chart.
+     */
+    protected readonly showLegend: _angular_core.InputSignal<boolean>;
     readonly config: _angular_core.InputSignal<Partial<ChartConfiguration<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint)[], unknown>>>;
     protected readonly minHeight: _angular_core.InputSignal<number>;
     protected readonly maxHeight: _angular_core.InputSignal<number>;
+    /**
+     * Category to group the data by.
+     */
+    readonly category: _angular_core.InputSignal<string>;
     private readonly chart;
     private readonly tooltip;
     readonly exporting: _angular_core.Signal<boolean>;
     protected readonly height: _angular_core.Signal<number>;
     private readonly hasNegativeContributions;
+    protected readonly displayData: _angular_core.Signal<ContributionChartDataItem[] | {
+        label: string;
+        values: number[];
+        color: string;
+        includedItems: {
+            color: string;
+            id?: string;
+            label: string;
+            values: number[];
+            backgroundColor?: string;
+            borderColor?: string;
+            includedItems?: ContributionChartDataItem[];
+        }[];
+    }[]>;
     private readonly defaultConfig;
-    protected readonly dataConfig: _angular_core.Signal<{
+    readonly dataConfig: _angular_core.Signal<{
         datasets: {
-            label: string;
-            data: number[];
-            backgroundColor: string;
-            borderColor: string;
+            label: any;
+            data: any;
+            backgroundColor: any;
+            borderColor: any;
             barThickness: number;
             maxBarThickness: number;
-            includedItems: ContributionChartDataItem[];
+            includedItems: any;
         }[];
         labels: string[];
     }>;
@@ -546,6 +572,7 @@ declare class ContributionChartComponent {
             onClick: (event: ChartEvent, activeElements: ActiveElement[], chart: Chart<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint)[], unknown>) => void;
             scales: {
                 x: {
+                    display: boolean;
                     afterDataLimits: (scale: chart_js.Scale<chart_js.CoreScaleOptions>) => void;
                     title: {
                         display: boolean;
@@ -555,6 +582,9 @@ declare class ContributionChartComponent {
                         lineWidth: (context: chart_js.ScriptableScaleContext) => 0 | 1;
                     };
                 };
+                y: {
+                    display: boolean;
+                };
             };
         };
         plugins: {
@@ -567,12 +597,12 @@ declare class ContributionChartComponent {
         }[];
     } & Partial<ChartConfiguration<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint)[], unknown>>>;
     private readonly csvContent;
-    private onItemClick;
+    onItemClick(event: ChartEvent, activeElements: ActiveElement[], chart: Chart): void;
     exportAsSvg(config?: Partial<ChartExportMetadata>): Promise<void>;
     exportAsPng(): void;
     exportAsCsv(title: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContributionChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContributionChartComponent, "he-contribution-chart", ["contributionChart"], { "data": { "alias": "data"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContributionChartComponent, "he-contribution-chart", ["contributionChart"], { "data": { "alias": "data"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "category": { "alias": "category"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface HistogramChartDataItem {
@@ -4165,6 +4195,7 @@ declare class ImpactAssessmentsIndicatorsChartComponent {
     private readonly groupedValues;
     private readonly contributionData;
     protected readonly chartData: _angular_core.Signal<{
+        id: any;
         label: string;
         values: number[];
         color: string;