@hestia-earth/ui-components 0.41.45 → 0.41.47

package/package.json

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

package/styles.scss

@@ -402,3 +402,9 @@ ngb-popover-window {
     padding: 8px;
   }
 }
+
+.with-border-secondary-accent {
+  border-color: $secondary-accent;
+  border-style: solid;
+  border-width: 0px; // to override
+}

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

@@ -5,7 +5,7 @@ import { ControlValueAccessor as ControlValueAccessor$1, FormControl } from '@an
 import * as _hestia_earth_schema from '@hestia-earth/schema';
 import { Source, Bibliography, TermTermType, blankNodesType, Term, Indicator, ITermJSONLD, EmissionMethodTier, ICycleJSONLD, IImpactAssessmentJSONLD, ISiteJSONLD, Animal, Transformation, blankNodesKey, NodeType, NonBlankNodesKey, Emission, CycleFunctionalUnit, BlankNodesKey, Practice, Input, Product, SchemaType, SiteSiteType, JSONLD, JSON, ISourceJSONLD, IndicatorMethodTier, sortConfig, Infrastructure, nonBlankNodesType, nonBlankNodesKey, Property, Measurement, Site, IOrganisationJSONLD, Organisation, Management } from '@hestia-earth/schema';
 import * as chart_js from 'chart.js';
-import { Chart, BarOptions, Plugin, ChartEvent, Color, ChartDataset, Scale, ChartConfiguration, ChartComponentLike, ChartData } from 'chart.js';
+import { Chart, BarOptions, Plugin, ChartEvent, Color, ChartDataset, Scale, ChartConfiguration, ChartComponentLike, ChartData, ActiveElement } from 'chart.js';
 import * as rxjs from 'rxjs';
 import { Observable, ReplaySubject } from 'rxjs';
 import { PlacementArray } from '@ng-bootstrap/ng-bootstrap';
@@ -416,10 +416,12 @@ declare class ChartExportButtonComponent {
 
 type chartTooltipContentFn<T> = (data: T) => string;
 interface ITooltipOptions {
+    tooltipClass?: string;
     placement?: PlacementArray;
     container?: 'body';
 }
 declare class ChartTooltipComponent<T> {
+    private readonly domSanitizer;
     protected readonly tooltipFn: _angular_core.InputSignal<chartTooltipContentFn<T>>;
     private readonly tooltip;
     protected readonly tooltipX: _angular_core.WritableSignal<number>;
@@ -438,7 +440,16 @@ interface ContributionChartDataItem {
     borderColor?: string;
     includedItems?: ContributionChartDataItem[];
 }
+interface ContributionTooltipData {
+    label: string;
+    units: string;
+    values: (ContributionChartDataItem & {
+        value: number;
+    })[];
+    selectedLabel?: string;
+}
 declare class ContributionChartComponent {
+    protected readonly tooltipFn: chartTooltipContentFn<ContributionTooltipData>;
     /**
      * Contribution data.
      */
@@ -451,9 +462,18 @@ declare class ContributionChartComponent {
      * Label to display below the chart (X-axis title).
      */
     readonly label: _angular_core.InputSignal<string>;
+    /**
+     * Show default button for export, located on the top-right corner of the chart.
+     */
+    protected readonly showExportButton: _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 chart: _angular_core.Signal<ChartComponent>;
+    protected readonly minHeight: _angular_core.InputSignal<number>;
+    protected readonly maxHeight: _angular_core.InputSignal<number>;
+    private readonly chart;
+    private readonly tooltip;
     readonly exporting: _angular_core.Signal<boolean>;
+    protected readonly height: _angular_core.Signal<number>;
+    private readonly hasNegativeContributions;
     private readonly defaultConfig;
     protected readonly dataConfig: _angular_core.Signal<{
         datasets: {
@@ -461,8 +481,8 @@ declare class ContributionChartComponent {
             data: number[];
             backgroundColor: string;
             borderColor: string;
-            borderWidth: number;
-            type: "bar";
+            barThickness: number;
+            maxBarThickness: number;
             includedItems: ContributionChartDataItem[];
         }[];
         labels: string[];
@@ -470,13 +490,11 @@ declare class ContributionChartComponent {
     protected readonly configuration: _angular_core.Signal<Readonly<{
         type: "bar";
         options: {
+            indexAxis: "y";
             responsive: true;
             plugins: {
                 tooltip: {
-                    enabled: true;
-                    callbacks: {
-                        label: (this: chart_js.TooltipModel<keyof chart_js.ChartTypeRegistry>, { dataset, raw, dataIndex }: chart_js.TooltipItem<keyof chart_js.ChartTypeRegistry>) => string[];
-                    };
+                    enabled: false;
                 };
                 legend: {
                     display: false;
@@ -487,52 +505,74 @@ declare class ContributionChartComponent {
                     stacked: true;
                     display: true;
                     grid: {
-                        display: false;
+                        display: true;
+                        drawOnChartArea: true;
+                    };
+                    ticks: {
+                        font: {
+                            family: string;
+                            size: number;
+                        };
+                        callback: (this: chart_js.Scale, label: string | number) => string;
                     };
                 };
                 y: {
                     stacked: true;
                     display: true;
                     position: "left";
-                    beginAtZero: true;
                     grid: {
                         display: true;
+                        drawOnChartArea: false;
+                        drawTicks: true;
+                        tickLength: number;
+                        offset: false;
+                    };
+                    ticks: {
+                        color: string;
+                        padding: number;
+                        crossAlign: "center";
+                        font: {
+                            weight: number;
+                            family: string;
+                            size: number;
+                        };
+                        callback: (this: chart_js.Scale, value: string | number) => string;
                     };
                 };
             };
         };
     }> & {
         options: {
+            onClick: (event: ChartEvent, activeElements: ActiveElement[], chart: Chart<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint)[], unknown>) => void;
             scales: {
                 x: {
+                    afterDataLimits: (scale: chart_js.Scale<chart_js.CoreScaleOptions>) => void;
                     title: {
                         display: boolean;
                         text: string;
                     };
-                    ticks: {
-                        font: {
-                            family: string;
-                            size: number;
-                        };
-                    };
-                };
-                y: {
-                    ticks: {
-                        font: {
-                            family: string;
-                            size: number;
-                            weight: number;
-                        };
-                        color: string;
+                    grid: {
+                        lineWidth: (context: chart_js.ScriptableScaleContext) => 0 | 1;
                     };
                 };
             };
         };
+        plugins: {
+            id: string;
+            afterEvent: (chart: Chart, args: {
+                event: ChartEvent;
+                changed?: boolean;
+            }) => void;
+            beforeDraw: (chart: Chart) => void;
+        }[];
     } & Partial<ChartConfiguration<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint)[], unknown>>>;
+    private readonly csvContent;
+    private onItemClick;
     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; }; "config": { "alias": "config"; "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; }; "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>;
 }
 
 interface HistogramChartDataItem {
@@ -4073,6 +4113,7 @@ declare class ImpactAssessmentsIndicatorBreakdownChartComponent {
         index: number;
     }>;
     protected readonly afterBarDrawSettings: _angular_core.Signal<AfterBarDrawSettings>;
+    private readonly chartMin;
     protected readonly configuration: _angular_core.Signal<{
         options: {
             scales: {
@@ -4133,6 +4174,8 @@ declare class ImpactAssessmentsIndicatorsChartComponent {
         color: string;
     }[]>;
     protected readonly chartLabels: _angular_core.Signal<string[]>;
+    protected readonly exportFormats: _angular_core.Signal<IChartExportFormat[]>;
+    protected readonly chartExportFn: chartExportFn;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImpactAssessmentsIndicatorsChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImpactAssessmentsIndicatorsChartComponent, "he-impact-assessments-indicators-chart", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "filterTermTypes": { "alias": "filterTermTypes"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -5408,4 +5451,4 @@ declare class TermsUnitsDescriptionComponent {
 }
 
 export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ChartExportButtonComponent, ChartTooltipComponent, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, CollapsibleBoxStyle, ColorPalette, CompoundDirective, CompoundPipe, ContributionChartComponent, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionInfoComponent, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FileUploadErrorKeys, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeToastService, HorizontalBarChartComponent, HorizontalButtonsGroupComponent, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, LongPressDirective, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PipelineStagesProgressComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, availableProperties, axisHoverPlugin, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countGroupVisibleNodes, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, dataVersionHeader, dataVersionHeaderKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, defaultTicksFont, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadPng, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, exportAsSVG, exportFormats, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, guidePageId, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys, increaseScaleLimits, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, locationQuery, logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeById, nodeColours, nodeDataState, nodeDataStates, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeTypeIconSchema, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, parseLogMessage, parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, registerChart, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, siteTypeToColor, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueLink, valueToString, valueTypeToDefault, valueValue, waitFor, wildcardQuery };
-export type { AfterBarDrawSettings, AxisHoverSettings, BarChartDataItem, ButtonGroupItem, ChartExportMetadata, ContributionChartDataItem, FilterData, FilterElement, FilterFn, FilterGroup, FilterOption, FilterState, HistogramChartDataItem, IBlankNodeLog, IBlankNodeLogSubValue, ICalculationsModel, ICalculationsModelsParams, ICalculationsRequirementsParams, IChartExportFormat, ICloseMessage, IConfigModel, ICustomValidationRules, ICycleJSONLDExtended, IErrorProperty, IFeature, IFeatureCollection, IFileUploadError, IGeometryCollection, IGlossaryMigration, IGlossaryMigrations, IGroupedKeys, IGroupedNode, IGroupedNodes, IGroupedNodesValue, IGroupedNodesValues, IImpactAssessmentJSONLDExtended, IIssueParams, IJSONData, IJSONNode, ILine, ILog, IMarker, IMessage, IMobileShellMenuButton, INavigationMenuLink, INewProperty, INodeContributions, INodeErrorLog, INodeHeaders, INodeLogs, INodeMissingLookupLog, INodeProperty, INodeRequestParams, INodeTermLog, INodeTermLogs, INonBlankNodeLog, IPolygonMap, IRelatedNode, ISearchParams, ISearchResultExtended, ISearchResults, IShellMenuButton, ISiteJSONLDExtended, IStoredNode, ISummary, ISummaryError, IToast, IValidationError, IValidationErrorWithIndex, LollipopPluginSettings, RgbColor, SelectValue, SortOption, SortSelectEvent, SortSelectOrder, blankNodesTypeValue, chartExportFn, chartTooltipContentFn, contributions, feature, horizontalTooltipData, modelKey, nodes, nonBlankNodesTypeValue, searchResult, searchableType, sortOrders, suggestionType, svgIconNames, svgIconSizes, validationErrorKeyword, validationErrorLevel, validationErrorParam };
+export type { AfterBarDrawSettings, AxisHoverSettings, BarChartDataItem, ButtonGroupItem, ChartExportMetadata, ContributionChartDataItem, ContributionTooltipData, FilterData, FilterElement, FilterFn, FilterGroup, FilterOption, FilterState, HistogramChartDataItem, IBlankNodeLog, IBlankNodeLogSubValue, ICalculationsModel, ICalculationsModelsParams, ICalculationsRequirementsParams, IChartExportFormat, ICloseMessage, IConfigModel, ICustomValidationRules, ICycleJSONLDExtended, IErrorProperty, IFeature, IFeatureCollection, IFileUploadError, IGeometryCollection, IGlossaryMigration, IGlossaryMigrations, IGroupedKeys, IGroupedNode, IGroupedNodes, IGroupedNodesValue, IGroupedNodesValues, IImpactAssessmentJSONLDExtended, IIssueParams, IJSONData, IJSONNode, ILine, ILog, IMarker, IMessage, IMobileShellMenuButton, INavigationMenuLink, INewProperty, INodeContributions, INodeErrorLog, INodeHeaders, INodeLogs, INodeMissingLookupLog, INodeProperty, INodeRequestParams, INodeTermLog, INodeTermLogs, INonBlankNodeLog, IPolygonMap, IRelatedNode, ISearchParams, ISearchResultExtended, ISearchResults, IShellMenuButton, ISiteJSONLDExtended, IStoredNode, ISummary, ISummaryError, IToast, IValidationError, IValidationErrorWithIndex, LollipopPluginSettings, RgbColor, SelectValue, SortOption, SortSelectEvent, SortSelectOrder, blankNodesTypeValue, chartExportFn, chartTooltipContentFn, contributions, feature, horizontalTooltipData, modelKey, nodes, nonBlankNodesTypeValue, searchResult, searchableType, sortOrders, suggestionType, svgIconNames, svgIconSizes, validationErrorKeyword, validationErrorLevel, validationErrorParam };