@hestia-earth/ui-components 0.32.39 → 0.32.41

package/common/shell/shell.component.d.ts

@@ -33,11 +33,11 @@ export declare class ShellComponent {
         className?: string;
         activeClassName?: string;
     }[]>;
-    protected clickedButton: WritableSignal<string | null>;
-    protected expanded: WritableSignal<boolean>;
-    protected menuRef: WritableSignal<TemplateRef<any>>;
-    activeButtonId: import("@angular/core").Signal<string>;
-    activeMenuId: import("@angular/core").Signal<string>;
+    protected readonly clickedButton: WritableSignal<string | null>;
+    protected readonly expanded: WritableSignal<boolean>;
+    protected readonly menuRef: WritableSignal<TemplateRef<any>>;
+    protected readonly activeButtonId: import("@angular/core").Signal<string>;
+    protected readonly activeMenuId: import("@angular/core").Signal<string>;
     protected topMenuButtons: import("@angular/core").Signal<{
         isActive: boolean;
         id: string;

package/fesm2022/hestia-earth-ui-components.mjs

@@ -490,11 +490,13 @@ class HESvgIconComponent {
         return `${this.size()}px`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: HESvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: HESvgIconComponent, isStandalone: true, selector: "he-svg-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, svgClass: { classPropertyName: "svgClass", publicName: "svgClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "this._width", "style.height": "this._height" } }, ngImport: i0, template: "<svg-icon [name]=\"iconName()\" [svgClass]=\"svgClass()\" [attr.animation]=\"animation()\" />\n", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}:host{display:inline-block;color:inherit;vertical-align:text-top}svg-icon{display:inline-block;color:inherit;width:inherit;height:inherit}svg-icon>svg{color:inherit;width:inherit;height:inherit}svg-icon[animation=spin]>svg{animation:spinner 2s linear infinite}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: HESvgIconComponent, isStandalone: true, selector: "he-svg-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, svgClass: { classPropertyName: "svgClass", publicName: "svgClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.icon-size": "size()", "style.width": "this._width", "style.height": "this._height" } }, ngImport: i0, template: "<svg-icon [name]=\"iconName()\" [svgClass]=\"svgClass()\" [attr.animation]=\"animation()\" />\n", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}:host{display:inline-block;color:inherit;vertical-align:text-top}svg-icon{display:inline-block;color:inherit;width:inherit;height:inherit}svg-icon>svg{color:inherit;width:inherit;height:inherit}svg-icon[animation=spin]>svg{animation:spinner 2s linear infinite}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: HESvgIconComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-svg-icon', imports: [SvgIconComponent], template: "<svg-icon [name]=\"iconName()\" [svgClass]=\"svgClass()\" [attr.animation]=\"animation()\" />\n", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}:host{display:inline-block;color:inherit;vertical-align:text-top}svg-icon{display:inline-block;color:inherit;width:inherit;height:inherit}svg-icon>svg{color:inherit;width:inherit;height:inherit}svg-icon[animation=spin]>svg{animation:spinner 2s linear infinite}\n"] }]
+            args: [{ selector: 'he-svg-icon', imports: [SvgIconComponent], host: {
+                        '[attr.icon-size]': 'size()'
+                    }, template: "<svg-icon [name]=\"iconName()\" [svgClass]=\"svgClass()\" [attr.animation]=\"animation()\" />\n", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}:host{display:inline-block;color:inherit;vertical-align:text-top}svg-icon{display:inline-block;color:inherit;width:inherit;height:inherit}svg-icon>svg{color:inherit;width:inherit;height:inherit}svg-icon[animation=spin]>svg{animation:spinner 2s linear infinite}\n"] }]
         }], propDecorators: { _width: [{
                 type: HostBinding,
                 args: ['style.width']
@@ -2939,13 +2941,11 @@ class MobileShellComponent {
         this.activeButtonId = computed(() => {
             return this.clickedButton() || this._defaultActiveButtonId();
         });
-        this.activeMenuId = computed(() => {
-            if (this.expanded() && this.menuRef()) {
-                return this._shelfButtons()
-                    .findIndex(button => button.menuRef === this.menuRef())
-                    ?.toString();
-            }
-        });
+        this.activeMenuId = computed(() => this.expanded() && this.menuRef()
+            ? this._shelfButtons()
+                .findIndex(button => button.menuRef === this.menuRef())
+                ?.toString()
+            : undefined);
     }
     set menuButtons(value) {
         this._shelfButtons.set(value);
@@ -3117,13 +3117,11 @@ class ShellComponent {
         this.activeButtonId = computed(() => {
             return this.clickedButton() || this._defaultActiveButtonId();
         });
-        this.activeMenuId = computed(() => {
-            if (this.expanded() && this.menuRef()) {
-                return this._shelfButtons()
-                    .findIndex(button => button.menuRef === this.menuRef())
-                    ?.toString();
-            }
-        });
+        this.activeMenuId = computed(() => this.expanded() && this.menuRef()
+            ? this._shelfButtons()
+                .findIndex(button => button.menuRef === this.menuRef())
+                ?.toString()
+            : undefined);
         this.topMenuButtons = computed(() => {
             return this.buttons().filter(button => !button.position || button.position === 'top');
         });
@@ -12782,10 +12780,7 @@ class SelectOptionGroupComponent {
         return this.expanded;
     }
     toggleSelectAll() {
-        if (this.disabled) {
-            return;
-        }
-        return this.isAllSelected ? this.unselectAll() : this.selectAll();
+        return this.disabled ? null : this.isAllSelected ? this.unselectAll() : this.selectAll();
     }
     selectAll() {
         if (!this._parent.isMultiple()) {
@@ -13297,10 +13292,11 @@ class SitesManagementChartComponent {
         this.selectedTermType = signal(undefined);
         this.selectedManagement = computed(() => this.managementPerTermType()?.[this.selectedTermType()?.termType]?.[this.selectedTermType()?.blankNodesGroup] ??
             []);
+        this.selectedManagementTerms = computed(() => unique(this.selectedManagement().map(v => v.term)));
         this.dates = computed(() => this.selectedManagement()
             .flatMap(({ startDate, endDate }) => [formatDate(startDate, true), formatDate(endDate, false)])
             .filter(Boolean));
-        this.chartColors = computed(() => this.selectedManagement().reduce((prev, { term }, index) => ({ ...prev, [term.name]: getColor(index) }), {}));
+        this.chartColors = computed(() => Object.fromEntries(this.selectedManagementTerms().map((term, index) => [term.name, getColor(index)])));
         // compute list of all dates used on the chart, sorted ascending.
         // need to add dates even when there are no data, otherwise the chart will stack wrongly
         // @ee https://github.com/chartjs/Chart.js/issues/5405