@hestia-earth/ui-components 0.32.31 → 0.32.32

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

@@ -5863,13 +5863,13 @@ const nodeDataState = (node) =>
 node.aggregated && node?.['@type'] === NodeType.ImpactAssessment
     ? DataState.recalculated
     : DataState.original;
-const urlParams = (dataState, dataVersion) => [
+const nodeUrlParams = (dataState, dataVersion) => [
     !!dataState && dataState !== DataState.original ? `dataState=${dataState}` : '',
     dataVersion ? `dataVersion=${dataVersion}` : ''
 ]
     .filter(Boolean)
     .join('&');
-const nodeLink = (node, dataState, dataVersion) => [[node?.['@type']?.toLowerCase(), node?.['@id']].filter(Boolean).join('/'), urlParams(dataState, dataVersion)]
+const nodeLink = (node, dataState, dataVersion) => [[node?.['@type']?.toLowerCase(), node?.['@id']].filter(Boolean).join('/'), nodeUrlParams(dataState, dataVersion)]
     .filter(Boolean)
     .join('?');
 const nodeLinkTypeEnabled = (type) => [NodeType.Cycle, NodeType.ImpactAssessment, NodeType.Site, NodeType.Source, NodeType.Term].includes(type);
@@ -12908,7 +12908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }] } });
 
-const allGroups = (values) => values.flatMap(v => (v.type === 'group' ? [v, ...allGroups(v.options)] : []));
+const allGroups = (values = []) => values.flatMap(v => (v.type === 'group' ? [v, ...allGroups(v.options)] : []));
 const optionsFromGroup = (group) => group.options.flatMap(v => (v.type === 'group' ? optionsFromGroup(v) : v.value));
 const getDirectOptionsCount = (group) => group.options.filter(item => item.type === 'option').length;
 const isItemMatch = (item, searchTerm) => item.label.toLowerCase().includes(searchTerm.toLowerCase());
@@ -12939,13 +12939,15 @@ class FilterAccordionComponent extends ControlValueAccessor {
         this.getDirectOptionsCount = getDirectOptionsCount;
         this.getFilteredDirectChildren = getFilteredDirectChildren;
         this.removeCountFromLabel = removeCountFromLabel;
-        effect(() => {
-            const dataValue = this.data();
-            if (dataValue) {
-                this.filterStore.setData(dataValue);
-                this.initializePanelStates(dataValue, this.maintainPanelStates());
+        effect(() => this.data() && this.filterStore.setData(this.data()));
+        effect(() => (this.panelStates = Object.fromEntries(allGroups(this.data()).map(({ label }) => [
+            label,
+            {
+                id: label,
+                expanded: (this.maintainPanelStates() && this.panelStates[label]?.expanded) || false,
+                searchTerm: (this.maintainPanelStates() && this.panelStates[label]?.searchTerm) || ''
             }
-        });
+        ]))));
         effect(() => (this.disabled() ? this.selectControl.disable() : this.selectControl.enable()));
     }
     writeValue(value) {
@@ -12954,35 +12956,23 @@ class FilterAccordionComponent extends ControlValueAccessor {
     ngOnInit() {
         this.filterStore.setValue(this.selectControl.valueChanges.pipe(startWith(this.selectControl.value)));
     }
-    initializePanelStates(data, maintainStates = true) {
-        const values = allGroups(data);
-        this.panelStates = values.reduce((prev, { label }) => {
-            const existingValue = this.panelStates[label];
-            prev[label] = {
-                id: label,
-                expanded: (maintainStates && existingValue?.expanded) || false,
-                searchTerm: (maintainStates && existingValue?.searchTerm) || ''
-            };
-            return prev;
-        }, {});
-    }
     onSelectionChange(value) {
         this.selectControl.setValue(value, { emitEvent: false });
         this.onChange(value);
         this.selectionChanged.emit(value);
         !this.preserveOptionsOnSelection() &&
-            Object.keys(this.panelStates).forEach(panelId => (this.panelStates[panelId].searchTerm = ''));
+            (this.panelStates = Object.fromEntries(Object.entries(this.panelStates).map(([id, value]) => [
+                id,
+                {
+                    ...value,
+                    searcTerm: ''
+                }
+            ])));
     }
     clearAll() {
         const emptyValue = [];
         this.onSelectionChange(emptyValue);
     }
-    togglePanel(panelId) {
-        this.panelStates[panelId] && (this.panelStates[panelId].expanded = !this.panelStates[panelId].expanded);
-    }
-    updateSearch(panelId, searchTerm) {
-        this.panelStates[panelId] && (this.panelStates[panelId].searchTerm = searchTerm);
-    }
     isOptionSelected(value) {
         const currentValue = this.selectControl.value || [];
         return Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;
@@ -13025,9 +13015,6 @@ class FilterAccordionComponent extends ControlValueAccessor {
         const countFn = this.getOptionCountFn();
         return countFn ? countFn(value) : 1;
     }
-    clearSearchTerm(label) {
-        this.panelStates[label] && (this.panelStates[label].searchTerm = '');
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FilterAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: FilterAccordionComponent, isStandalone: true, selector: "he-filter-accordion", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, showClearAll: { classPropertyName: "showClearAll", publicName: "showClearAll", isSignal: true, isRequired: false, transformFunction: null }, getOptionCountFn: { classPropertyName: "getOptionCountFn", publicName: "getOptionCountFn", isSignal: true, isRequired: false, transformFunction: null }, preserveOptionsOnSelection: { classPropertyName: "preserveOptionsOnSelection", publicName: "preserveOptionsOnSelection", isSignal: true, isRequired: false, transformFunction: null }, maintainPanelStates: { classPropertyName: "maintainPanelStates", publicName: "maintainPanelStates", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChanged: "selectionChanged" }, providers: [
             {
@@ -13036,7 +13023,7 @@ class FilterAccordionComponent extends ControlValueAccessor {
                 multi: true
             },
             FilterStore
-        ], usesInheritance: true, ngImport: i0, template: "<div>\n  <div\n    class=\"is-flex is-justify-content-space-between gap-13 is-align-items-flex-start is-flex-direction-column has-border-bottom\">\n    <div class=\"is-flex is-align-items-center\">\n      <h3 class=\"title is-size-6 has-text-secondary mr-2 mb-0\">{{ title() }}</h3>\n      @if (tooltip()) {\n        <he-svg-icon\n          name=\"info-circle\"\n          class=\"has-text-grey\"\n          [ngbTooltip]=\"tooltip()\"\n          placement=\"top\"\n          triggers=\"hover\"\n          container=\"body\"></he-svg-icon>\n      }\n    </div>\n    @if (showClearAll()) {\n      <span class=\"is-clickable is-size-7 has-text-weight-normal is-italic clear-button\" (click)=\"clearAll()\">\n        Clear all\n      </span>\n    }\n  </div>\n\n  <div>\n    @for (item of filterStore.filteredData(); track item.trackId || item.label) {\n      @if (item.type === 'group') {\n        <div class=\"has-border-bottom\" [class.is-active]=\"panelStates[item.label]?.expanded\">\n          <div\n            class=\"is-flex is-align-items-center is-clickable has-background-hover accordion-row\"\n            (click)=\"togglePanel(item.label)\">\n            <label class=\"checkbox mr-3\" (click)=\"$event.stopPropagation()\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"isGroupFullySelected(item)\"\n                [indeterminate]=\"isGroupPartiallySelected(item)\"\n                (change)=\"toggleGroup(item)\"\n                [disabled]=\"disabled()\" />\n            </label>\n\n            <span class=\"is-flex-grow-1 has-text-weight-medium has-text-grey-dark is-size-7\">\n              {{ removeCountFromLabel(item.label) }}\n            </span>\n\n            <he-svg-icon\n              class=\"has-text-grey transition-transform\"\n              [name]=\"panelStates[item.label]?.expanded ? 'chevron-up' : 'chevron-down'\"></he-svg-icon>\n          </div>\n\n          <div\n            class=\"filter-accordion__panel-content\"\n            [class.filter-accordion__panel-content--expanded]=\"panelStates[item.label]?.expanded\">\n            @if (panelStates[item.label]?.expanded && getDirectOptionsCount(item) > 5) {\n              <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    type=\"text\"\n                    class=\"input is-secondary is-small search-input\"\n                    placeholder=\"Search {{ removeCountFromLabel(item.label) }}\"\n                    [value]=\"panelStates[item.label]?.searchTerm || ''\"\n                    (input)=\"updateSearch(item.label, $any($event.target).value)\" />\n                  <a\n                    class=\"icon is-small is-right\"\n                    [class.is-hidden]=\"!panelStates[item.label]?.searchTerm\"\n                    (click)=\"clearSearchTerm(item.label)\">\n                    <he-svg-icon name=\"xmark\" />\n                  </a>\n                  <a class=\"icon is-small is-right\" [class.is-hidden]=\"panelStates[item.label]?.searchTerm\">\n                    <he-svg-icon name=\"search\" />\n                  </a>\n                </div>\n              </div>\n            }\n\n            <div>\n              @for (\n                child of getFilteredDirectChildren(item, panelStates[item.label]?.searchTerm);\n                track child.trackId || child.label;\n                let childLast = $last\n              ) {\n                @if (child.type === 'group') {\n                  <!-- Nested group -->\n                  <div class=\"pl-5\" [class.has-border-bottom]=\"!childLast\">\n                    <div [class.is-active]=\"panelStates[child.label]?.expanded\">\n                      <div\n                        class=\"is-flex is-align-items-center is-clickable has-background-hover accordion-row\"\n                        (click)=\"togglePanel(child.label)\">\n                        <label class=\"checkbox mr-3\" (click)=\"$event.stopPropagation()\">\n                          <input\n                            type=\"checkbox\"\n                            [checked]=\"isGroupFullySelected(child)\"\n                            [indeterminate]=\"isGroupPartiallySelected(child)\"\n                            (change)=\"toggleGroup(child)\"\n                            [disabled]=\"disabled()\" />\n                        </label>\n\n                        <span class=\"is-flex-grow-1 has-text-weight-medium has-text-grey-dark is-size-7\">\n                          {{ removeCountFromLabel(child.label) }}\n                        </span>\n\n                        <he-svg-icon\n                          class=\"has-text-grey transition-transform\"\n                          [class.is-rotated-180]=\"panelStates[child.label]?.expanded\"\n                          [name]=\"panelStates[child.label]?.expanded ? 'chevron-up' : 'chevron-down'\"></he-svg-icon>\n                      </div>\n\n                      <div\n                        class=\"filter-accordion__panel-content\"\n                        [class.filter-accordion__panel-content--expanded]=\"panelStates[child.label]?.expanded\">\n                        @if (panelStates[child.label]?.expanded && optionsFromGroup(child).length >= 5) {\n                          <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                            <div class=\"control is-expanded has-icons-right\">\n                              <input\n                                type=\"text\"\n                                class=\"input is-secondary is-small\"\n                                placeholder=\"Search {{ removeCountFromLabel(child.label) }}\"\n                                [value]=\"panelStates[child.label]?.searchTerm || ''\"\n                                (input)=\"updateSearch(child.label, $any($event.target).value)\" />\n                              <a\n                                class=\"icon is-small is-right\"\n                                [class.is-hidden]=\"!panelStates[child.label]?.searchTerm\"\n                                (click)=\"clearSearchTerm(child.label)\">\n                                <he-svg-icon name=\"xmark\" />\n                              </a>\n                              <a\n                                class=\"icon is-small is-right\"\n                                [class.is-hidden]=\"panelStates[child.label]?.searchTerm\">\n                                <he-svg-icon name=\"search\" />\n                              </a>\n                            </div>\n                          </div>\n                        }\n                        <div>\n                          @for (\n                            nestedOption of getFilteredOptions(\n                              child,\n                              panelStates[child.label]?.searchTerm || panelStates[item.label]?.searchTerm\n                            );\n                            track nestedOption.trackId || nestedOption.label;\n                            let nestedLast = $last\n                          ) {\n                            <div class=\"pl-5 accordion-row\" [class.has-border-bottom]=\"!nestedLast\">\n                              <label\n                                class=\"checkbox is-flex is-align-items-center is-fullwidth is-size-7 has-text-grey-dark\">\n                                <input\n                                  type=\"checkbox\"\n                                  [checked]=\"isOptionSelected(nestedOption.value)\"\n                                  (change)=\"toggleOption(nestedOption.value)\"\n                                  [disabled]=\"disabled()\"\n                                  class=\"mr-3\" />\n\n                                <span class=\"is-flex-grow-1\">\n                                  {{ removeCountFromLabel(nestedOption.label) }}\n                                </span>\n\n                                <span class=\"has-text-grey is-size-7 ml-2\">\n                                  ({{ getOptionCount(nestedOption.value) }})\n                                </span>\n                              </label>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                } @else {\n                  <!-- Direct option -->\n                  <div class=\"pl-5 accordion-row\" [class.has-border-bottom]=\"!childLast\">\n                    <label class=\"checkbox is-flex is-align-items-center is-fullwidth is-size-7 has-text-grey-dark\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"isOptionSelected(child.value)\"\n                        (change)=\"toggleOption(child.value)\"\n                        [disabled]=\"disabled()\"\n                        class=\"mr-3\" />\n\n                      <span class=\"is-flex-grow-1\">\n                        {{ removeCountFromLabel(child.label) }}\n                      </span>\n\n                      <span class=\"has-text-grey is-size-7 ml-2\">({{ getOptionCount(child.value) }})</span>\n                    </label>\n                  </div>\n                }\n              }\n\n              @if (\n                getFilteredDirectChildren(item, panelStates[item.label]?.searchTerm).length === 0 &&\n                panelStates[item.label]?.searchTerm\n              ) {\n                <div class=\"px-6 py-4 has-text-grey is-size-7 has-text-centered is-italic\">\n                  No results found for \"{{ panelStates[item.label]?.searchTerm }}\"\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      }\n\n      @if (item.type === 'option') {\n        <div class=\"is-flex is-justify-content-space-between has-border-bottom accordion-row\">\n          <label class=\"checkbox is-flex is-align-items-center is-fullwidth is-full is-size-7 has-text-grey-dark\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"isOptionSelected(item.value)\"\n              (change)=\"toggleOption(item.value)\"\n              [disabled]=\"disabled()\"\n              class=\"mr-3\" />\n\n            <span class=\"is-flex-grow-1\">\n              {{ removeCountFromLabel(item.label) }}\n            </span>\n          </label>\n          <span class=\"has-text-grey is-size-7 ml-2\">({{ getOptionCount(item.value) }})</span>\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".gap-13{gap:13px}.clear-button{color:#4c7194}.accordion-row{padding:4px 0}.filter-accordion__panel-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.filter-accordion__panel-content--expanded{max-height:500px;overflow-y:auto}.has-background-hover-light:hover{background-color:#fafafa}.has-border-bottom{border-bottom:1px solid #dbe3ea}.transition-transform{transition:transform .2s}@media screen and (max-width: 768px){.filter-accordion__panel-content--expanded{max-height:400px}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div>\n  <div\n    class=\"is-flex is-justify-content-space-between gap-13 is-align-items-flex-start is-flex-direction-column has-border-bottom\">\n    <div class=\"is-flex is-align-items-center\">\n      <h3 class=\"title is-size-6 has-text-secondary mr-2 mb-0\">{{ title() }}</h3>\n      @if (tooltip()) {\n        <he-svg-icon\n          name=\"info-circle\"\n          class=\"has-text-grey\"\n          [ngbTooltip]=\"tooltip()\"\n          placement=\"top\"\n          triggers=\"hover\"\n          container=\"body\"></he-svg-icon>\n      }\n    </div>\n    @if (showClearAll()) {\n      <span class=\"is-clickable is-size-7 has-text-weight-normal is-italic clear-button\" (click)=\"clearAll()\">\n        Clear all\n      </span>\n    }\n  </div>\n\n  <div>\n    @for (item of filterStore.filteredData(); track item.trackId || item.label) {\n      @if (item.type === 'group') {\n        @if (panelStates[item.label]) {\n          @let groupState = panelStates[item.label];\n          <div class=\"has-border-bottom\" [class.is-active]=\"groupState.expanded\">\n            <div\n              class=\"is-flex is-align-items-center is-clickable has-background-hover accordion-row\"\n              (click)=\"groupState.expanded = !groupState.expanded\">\n              <label class=\"checkbox mr-3\" (click)=\"$event.stopPropagation()\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isGroupFullySelected(item)\"\n                  [indeterminate]=\"isGroupPartiallySelected(item)\"\n                  (change)=\"toggleGroup(item)\"\n                  [disabled]=\"disabled()\" />\n              </label>\n\n              <span class=\"is-flex-grow-1 has-text-weight-medium has-text-grey-dark is-size-7\">\n                {{ removeCountFromLabel(item.label) }}\n              </span>\n\n              <he-svg-icon\n                class=\"has-text-grey transition-transform\"\n                [name]=\"groupState.expanded ? 'chevron-up' : 'chevron-down'\"></he-svg-icon>\n            </div>\n\n            <div\n              class=\"filter-accordion__panel-content\"\n              [class.filter-accordion__panel-content--expanded]=\"groupState.expanded\">\n              @if (groupState.expanded && getDirectOptionsCount(item) > 5) {\n                <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                  <div class=\"control is-expanded has-icons-right\">\n                    <input\n                      type=\"text\"\n                      class=\"input is-secondary is-small search-input\"\n                      placeholder=\"Search {{ removeCountFromLabel(item.label) }}\"\n                      [value]=\"groupState.searchTerm || ''\"\n                      (input)=\"groupState.searchTerm = $any($event.target).value\" />\n                    <a\n                      class=\"icon is-small is-right\"\n                      [class.is-hidden]=\"!groupState.searchTerm\"\n                      (click)=\"groupState.searchTerm = ''\">\n                      <he-svg-icon name=\"xmark\" />\n                    </a>\n                    <a class=\"icon is-small is-right\" [class.is-hidden]=\"groupState.searchTerm\">\n                      <he-svg-icon name=\"search\" />\n                    </a>\n                  </div>\n                </div>\n              }\n\n              <div>\n                @for (\n                  child of getFilteredDirectChildren(item, groupState.searchTerm);\n                  track child.trackId || child.label;\n                  let childLast = $last\n                ) {\n                  @if (child.type === 'group') {\n                    <!-- Nested group -->\n                    @if (panelStates[child.label]) {\n                      @let childState = panelStates[child.label];\n                      <div class=\"pl-5\" [class.has-border-bottom]=\"!childLast\">\n                        <div [class.is-active]=\"childState.expanded\">\n                          <div\n                            class=\"is-flex is-align-items-center is-clickable has-background-hover accordion-row\"\n                            (click)=\"childState.expanded = !childState.expanded\">\n                            <label class=\"checkbox mr-3\" (click)=\"$event.stopPropagation()\">\n                              <input\n                                type=\"checkbox\"\n                                [checked]=\"isGroupFullySelected(child)\"\n                                [indeterminate]=\"isGroupPartiallySelected(child)\"\n                                (change)=\"toggleGroup(child)\"\n                                [disabled]=\"disabled()\" />\n                            </label>\n\n                            <span class=\"is-flex-grow-1 has-text-weight-medium has-text-grey-dark is-size-7\">\n                              {{ removeCountFromLabel(child.label) }}\n                            </span>\n\n                            <he-svg-icon\n                              class=\"has-text-grey transition-transform\"\n                              [class.is-rotated-180]=\"childState.expanded\"\n                              [name]=\"childState.expanded ? 'chevron-up' : 'chevron-down'\"></he-svg-icon>\n                          </div>\n\n                          <div\n                            class=\"filter-accordion__panel-content\"\n                            [class.filter-accordion__panel-content--expanded]=\"childState.expanded\">\n                            @if (childState.expanded && optionsFromGroup(child).length >= 5) {\n                              <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                                <div class=\"control is-expanded has-icons-right\">\n                                  <input\n                                    type=\"text\"\n                                    class=\"input is-secondary is-small search-input\"\n                                    placeholder=\"Search {{ removeCountFromLabel(child.label) }}\"\n                                    [value]=\"childState.searchTerm || ''\"\n                                    (input)=\"childState.searchTerm = $any($event.target).value\" />\n                                  <a\n                                    class=\"icon is-small is-right\"\n                                    [class.is-hidden]=\"!childState.searchTerm\"\n                                    (click)=\"childState.searchTerm = ''\">\n                                    <he-svg-icon name=\"xmark\" />\n                                  </a>\n                                  <a class=\"icon is-small is-right\" [class.is-hidden]=\"childState.searchTerm\">\n                                    <he-svg-icon name=\"search\" />\n                                  </a>\n                                </div>\n                              </div>\n                            }\n                            <div>\n                              @for (\n                                nestedOption of getFilteredOptions(\n                                  child,\n                                  childState.searchTerm || groupState.searchTerm\n                                );\n                                track nestedOption.trackId || nestedOption.label;\n                                let nestedLast = $last\n                              ) {\n                                <div class=\"pl-5 accordion-row\" [class.has-border-bottom]=\"!nestedLast\">\n                                  <label\n                                    class=\"checkbox is-flex is-align-items-center is-fullwidth is-size-7 has-text-grey-dark\">\n                                    <input\n                                      type=\"checkbox\"\n                                      [checked]=\"isOptionSelected(nestedOption.value)\"\n                                      (change)=\"toggleOption(nestedOption.value)\"\n                                      [disabled]=\"disabled()\"\n                                      class=\"mr-3\" />\n\n                                    <span class=\"is-flex-grow-1\">\n                                      {{ removeCountFromLabel(nestedOption.label) }}\n                                    </span>\n\n                                    <span class=\"has-text-grey is-size-7 ml-2\">\n                                      ({{ getOptionCount(nestedOption.value) }})\n                                    </span>\n                                  </label>\n                                </div>\n                              }\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    }\n                  } @else {\n                    <!-- Direct option -->\n                    <div class=\"pl-5 accordion-row\" [class.has-border-bottom]=\"!childLast\">\n                      <label class=\"checkbox is-flex is-align-items-center is-fullwidth is-size-7 has-text-grey-dark\">\n                        <input\n                          type=\"checkbox\"\n                          [checked]=\"isOptionSelected(child.value)\"\n                          (change)=\"toggleOption(child.value)\"\n                          [disabled]=\"disabled()\"\n                          class=\"mr-3\" />\n\n                        <span class=\"is-flex-grow-1\">\n                          {{ removeCountFromLabel(child.label) }}\n                        </span>\n\n                        <span class=\"has-text-grey is-size-7 ml-2\">({{ getOptionCount(child.value) }})</span>\n                      </label>\n                    </div>\n                  }\n                }\n\n                @if (getFilteredDirectChildren(item, groupState.searchTerm).length === 0 && groupState.searchTerm) {\n                  <div class=\"px-6 py-4 has-text-grey is-size-7 has-text-centered is-italic\">\n                    No results found for \"{{ groupState.searchTerm }}\"\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        }\n      }\n\n      @if (item.type === 'option') {\n        <div class=\"is-flex is-justify-content-space-between has-border-bottom accordion-row\">\n          <label class=\"checkbox is-flex is-align-items-center is-fullwidth is-full is-size-7 has-text-grey-dark\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"isOptionSelected(item.value)\"\n              (change)=\"toggleOption(item.value)\"\n              [disabled]=\"disabled()\"\n              class=\"mr-3\" />\n\n            <span class=\"is-flex-grow-1\">\n              {{ removeCountFromLabel(item.label) }}\n            </span>\n          </label>\n          <span class=\"has-text-grey is-size-7 ml-2\">({{ getOptionCount(item.value) }})</span>\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".gap-13{gap:13px}.clear-button{color:#4c7194}.accordion-row{padding:4px 0}.filter-accordion__panel-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.filter-accordion__panel-content--expanded{max-height:500px;overflow-y:auto}.has-background-hover-light:hover{background-color:#fafafa}.has-border-bottom{border-bottom:1px solid #dbe3ea}.transition-transform{transition:transform .2s}@media screen and (max-width: 768px){.filter-accordion__panel-content--expanded{max-height:400px}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FilterAccordionComponent, decorators: [{
             type: Component$1,
@@ -13047,7 +13034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                             multi: true
                         },
                         FilterStore
-                    ], imports: [FormsModule, ReactiveFormsModule, HESvgIconComponent, NgbTooltip], template: "<div>\n  <div\n    class=\"is-flex is-justify-content-space-between gap-13 is-align-items-flex-start is-flex-direction-column has-border-bottom\">\n    <div class=\"is-flex is-align-items-center\">\n      <h3 class=\"title is-size-6 has-text-secondary mr-2 mb-0\">{{ title() }}</h3>\n      @if (tooltip()) {\n        <he-svg-icon\n          name=\"info-circle\"\n          class=\"has-text-grey\"\n          [ngbTooltip]=\"tooltip()\"\n          placement=\"top\"\n          triggers=\"hover\"\n          container=\"body\"></he-svg-icon>\n      }\n    </div>\n    @if (showClearAll()) {\n      <span class=\"is-clickable is-size-7 has-text-weight-normal is-italic clear-button\" (click)=\"clearAll()\">\n        Clear all\n      </span>\n    }\n  </div>\n\n  <div>\n    @for (item of filterStore.filteredData(); track item.trackId || item.label) {\n      @if (item.type === 'group') {\n        <div class=\"has-border-bottom\" [class.is-active]=\"panelStates[item.label]?.expanded\">\n          <div\n            class=\"is-flex is-align-items-center is-clickable has-background-hover accordion-row\"\n            (click)=\"togglePanel(item.label)\">\n            <label class=\"checkbox mr-3\" (click)=\"$event.stopPropagation()\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"isGroupFullySelected(item)\"\n                [indeterminate]=\"isGroupPartiallySelected(item)\"\n                (change)=\"toggleGroup(item)\"\n                [disabled]=\"disabled()\" />\n            </label>\n\n            <span class=\"is-flex-grow-1 has-text-weight-medium has-text-grey-dark is-size-7\">\n              {{ removeCountFromLabel(item.label) }}\n            </span>\n\n            <he-svg-icon\n              class=\"has-text-grey transition-transform\"\n              [name]=\"panelStates[item.label]?.expanded ? 'chevron-up' : 'chevron-down'\"></he-svg-icon>\n          </div>\n\n          <div\n            class=\"filter-accordion__panel-content\"\n            [class.filter-accordion__panel-content--expanded]=\"panelStates[item.label]?.expanded\">\n            @if (panelStates[item.label]?.expanded && getDirectOptionsCount(item) > 5) {\n              <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    type=\"text\"\n                    class=\"input is-secondary is-small search-input\"\n                    placeholder=\"Search {{ removeCountFromLabel(item.label) }}\"\n                    [value]=\"panelStates[item.label]?.searchTerm || ''\"\n                    (input)=\"updateSearch(item.label, $any($event.target).value)\" />\n                  <a\n                    class=\"icon is-small is-right\"\n                    [class.is-hidden]=\"!panelStates[item.label]?.searchTerm\"\n                    (click)=\"clearSearchTerm(item.label)\">\n                    <he-svg-icon name=\"xmark\" />\n                  </a>\n                  <a class=\"icon is-small is-right\" [class.is-hidden]=\"panelStates[item.label]?.searchTerm\">\n                    <he-svg-icon name=\"search\" />\n                  </a>\n                </div>\n              </div>\n            }\n\n            <div>\n              @for (\n                child of getFilteredDirectChildren(item, panelStates[item.label]?.searchTerm);\n                track child.trackId || child.label;\n                let childLast = $last\n              ) {\n                @if (child.type === 'group') {\n                  <!-- Nested group -->\n                  <div class=\"pl-5\" [class.has-border-bottom]=\"!childLast\">\n                    <div [class.is-active]=\"panelStates[child.label]?.expanded\">\n                      <div\n                        class=\"is-flex is-align-items-center is-clickable has-background-hover accordion-row\"\n                        (click)=\"togglePanel(child.label)\">\n                        <label class=\"checkbox mr-3\" (click)=\"$event.stopPropagation()\">\n                          <input\n                            type=\"checkbox\"\n                            [checked]=\"isGroupFullySelected(child)\"\n                            [indeterminate]=\"isGroupPartiallySelected(child)\"\n                            (change)=\"toggleGroup(child)\"\n                            [disabled]=\"disabled()\" />\n                        </label>\n\n                        <span class=\"is-flex-grow-1 has-text-weight-medium has-text-grey-dark is-size-7\">\n                          {{ removeCountFromLabel(child.label) }}\n                        </span>\n\n                        <he-svg-icon\n                          class=\"has-text-grey transition-transform\"\n                          [class.is-rotated-180]=\"panelStates[child.label]?.expanded\"\n                          [name]=\"panelStates[child.label]?.expanded ? 'chevron-up' : 'chevron-down'\"></he-svg-icon>\n                      </div>\n\n                      <div\n                        class=\"filter-accordion__panel-content\"\n                        [class.filter-accordion__panel-content--expanded]=\"panelStates[child.label]?.expanded\">\n                        @if (panelStates[child.label]?.expanded && optionsFromGroup(child).length >= 5) {\n                          <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                            <div class=\"control is-expanded has-icons-right\">\n                              <input\n                                type=\"text\"\n                                class=\"input is-secondary is-small\"\n                                placeholder=\"Search {{ removeCountFromLabel(child.label) }}\"\n                                [value]=\"panelStates[child.label]?.searchTerm || ''\"\n                                (input)=\"updateSearch(child.label, $any($event.target).value)\" />\n                              <a\n                                class=\"icon is-small is-right\"\n                                [class.is-hidden]=\"!panelStates[child.label]?.searchTerm\"\n                                (click)=\"clearSearchTerm(child.label)\">\n                                <he-svg-icon name=\"xmark\" />\n                              </a>\n                              <a\n                                class=\"icon is-small is-right\"\n                                [class.is-hidden]=\"panelStates[child.label]?.searchTerm\">\n                                <he-svg-icon name=\"search\" />\n                              </a>\n                            </div>\n                          </div>\n                        }\n                        <div>\n                          @for (\n                            nestedOption of getFilteredOptions(\n                              child,\n                              panelStates[child.label]?.searchTerm || panelStates[item.label]?.searchTerm\n                            );\n                            track nestedOption.trackId || nestedOption.label;\n                            let nestedLast = $last\n                          ) {\n                            <div class=\"pl-5 accordion-row\" [class.has-border-bottom]=\"!nestedLast\">\n                              <label\n                                class=\"checkbox is-flex is-align-items-center is-fullwidth is-size-7 has-text-grey-dark\">\n                                <input\n                                  type=\"checkbox\"\n                                  [checked]=\"isOptionSelected(nestedOption.value)\"\n                                  (change)=\"toggleOption(nestedOption.value)\"\n                                  [disabled]=\"disabled()\"\n                                  class=\"mr-3\" />\n\n                                <span class=\"is-flex-grow-1\">\n                                  {{ removeCountFromLabel(nestedOption.label) }}\n                                </span>\n\n                                <span class=\"has-text-grey is-size-7 ml-2\">\n                                  ({{ getOptionCount(nestedOption.value) }})\n                                </span>\n                              </label>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                } @else {\n                  <!-- Direct option -->\n                  <div class=\"pl-5 accordion-row\" [class.has-border-bottom]=\"!childLast\">\n                    <label class=\"checkbox is-flex is-align-items-center is-fullwidth is-size-7 has-text-grey-dark\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"isOptionSelected(child.value)\"\n                        (change)=\"toggleOption(child.value)\"\n                        [disabled]=\"disabled()\"\n                        class=\"mr-3\" />\n\n                      <span class=\"is-flex-grow-1\">\n                        {{ removeCountFromLabel(child.label) }}\n                      </span>\n\n                      <span class=\"has-text-grey is-size-7 ml-2\">({{ getOptionCount(child.value) }})</span>\n                    </label>\n                  </div>\n                }\n              }\n\n              @if (\n                getFilteredDirectChildren(item, panelStates[item.label]?.searchTerm).length === 0 &&\n                panelStates[item.label]?.searchTerm\n              ) {\n                <div class=\"px-6 py-4 has-text-grey is-size-7 has-text-centered is-italic\">\n                  No results found for \"{{ panelStates[item.label]?.searchTerm }}\"\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      }\n\n      @if (item.type === 'option') {\n        <div class=\"is-flex is-justify-content-space-between has-border-bottom accordion-row\">\n          <label class=\"checkbox is-flex is-align-items-center is-fullwidth is-full is-size-7 has-text-grey-dark\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"isOptionSelected(item.value)\"\n              (change)=\"toggleOption(item.value)\"\n              [disabled]=\"disabled()\"\n              class=\"mr-3\" />\n\n            <span class=\"is-flex-grow-1\">\n              {{ removeCountFromLabel(item.label) }}\n            </span>\n          </label>\n          <span class=\"has-text-grey is-size-7 ml-2\">({{ getOptionCount(item.value) }})</span>\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".gap-13{gap:13px}.clear-button{color:#4c7194}.accordion-row{padding:4px 0}.filter-accordion__panel-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.filter-accordion__panel-content--expanded{max-height:500px;overflow-y:auto}.has-background-hover-light:hover{background-color:#fafafa}.has-border-bottom{border-bottom:1px solid #dbe3ea}.transition-transform{transition:transform .2s}@media screen and (max-width: 768px){.filter-accordion__panel-content--expanded{max-height:400px}}\n"] }]
+                    ], imports: [FormsModule, ReactiveFormsModule, HESvgIconComponent, NgbTooltip], template: "<div>\n  <div\n    class=\"is-flex is-justify-content-space-between gap-13 is-align-items-flex-start is-flex-direction-column has-border-bottom\">\n    <div class=\"is-flex is-align-items-center\">\n      <h3 class=\"title is-size-6 has-text-secondary mr-2 mb-0\">{{ title() }}</h3>\n      @if (tooltip()) {\n        <he-svg-icon\n          name=\"info-circle\"\n          class=\"has-text-grey\"\n          [ngbTooltip]=\"tooltip()\"\n          placement=\"top\"\n          triggers=\"hover\"\n          container=\"body\"></he-svg-icon>\n      }\n    </div>\n    @if (showClearAll()) {\n      <span class=\"is-clickable is-size-7 has-text-weight-normal is-italic clear-button\" (click)=\"clearAll()\">\n        Clear all\n      </span>\n    }\n  </div>\n\n  <div>\n    @for (item of filterStore.filteredData(); track item.trackId || item.label) {\n      @if (item.type === 'group') {\n        @if (panelStates[item.label]) {\n          @let groupState = panelStates[item.label];\n          <div class=\"has-border-bottom\" [class.is-active]=\"groupState.expanded\">\n            <div\n              class=\"is-flex is-align-items-center is-clickable has-background-hover accordion-row\"\n              (click)=\"groupState.expanded = !groupState.expanded\">\n              <label class=\"checkbox mr-3\" (click)=\"$event.stopPropagation()\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isGroupFullySelected(item)\"\n                  [indeterminate]=\"isGroupPartiallySelected(item)\"\n                  (change)=\"toggleGroup(item)\"\n                  [disabled]=\"disabled()\" />\n              </label>\n\n              <span class=\"is-flex-grow-1 has-text-weight-medium has-text-grey-dark is-size-7\">\n                {{ removeCountFromLabel(item.label) }}\n              </span>\n\n              <he-svg-icon\n                class=\"has-text-grey transition-transform\"\n                [name]=\"groupState.expanded ? 'chevron-up' : 'chevron-down'\"></he-svg-icon>\n            </div>\n\n            <div\n              class=\"filter-accordion__panel-content\"\n              [class.filter-accordion__panel-content--expanded]=\"groupState.expanded\">\n              @if (groupState.expanded && getDirectOptionsCount(item) > 5) {\n                <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                  <div class=\"control is-expanded has-icons-right\">\n                    <input\n                      type=\"text\"\n                      class=\"input is-secondary is-small search-input\"\n                      placeholder=\"Search {{ removeCountFromLabel(item.label) }}\"\n                      [value]=\"groupState.searchTerm || ''\"\n                      (input)=\"groupState.searchTerm = $any($event.target).value\" />\n                    <a\n                      class=\"icon is-small is-right\"\n                      [class.is-hidden]=\"!groupState.searchTerm\"\n                      (click)=\"groupState.searchTerm = ''\">\n                      <he-svg-icon name=\"xmark\" />\n                    </a>\n                    <a class=\"icon is-small is-right\" [class.is-hidden]=\"groupState.searchTerm\">\n                      <he-svg-icon name=\"search\" />\n                    </a>\n                  </div>\n                </div>\n              }\n\n              <div>\n                @for (\n                  child of getFilteredDirectChildren(item, groupState.searchTerm);\n                  track child.trackId || child.label;\n                  let childLast = $last\n                ) {\n                  @if (child.type === 'group') {\n                    <!-- Nested group -->\n                    @if (panelStates[child.label]) {\n                      @let childState = panelStates[child.label];\n                      <div class=\"pl-5\" [class.has-border-bottom]=\"!childLast\">\n                        <div [class.is-active]=\"childState.expanded\">\n                          <div\n                            class=\"is-flex is-align-items-center is-clickable has-background-hover accordion-row\"\n                            (click)=\"childState.expanded = !childState.expanded\">\n                            <label class=\"checkbox mr-3\" (click)=\"$event.stopPropagation()\">\n                              <input\n                                type=\"checkbox\"\n                                [checked]=\"isGroupFullySelected(child)\"\n                                [indeterminate]=\"isGroupPartiallySelected(child)\"\n                                (change)=\"toggleGroup(child)\"\n                                [disabled]=\"disabled()\" />\n                            </label>\n\n                            <span class=\"is-flex-grow-1 has-text-weight-medium has-text-grey-dark is-size-7\">\n                              {{ removeCountFromLabel(child.label) }}\n                            </span>\n\n                            <he-svg-icon\n                              class=\"has-text-grey transition-transform\"\n                              [class.is-rotated-180]=\"childState.expanded\"\n                              [name]=\"childState.expanded ? 'chevron-up' : 'chevron-down'\"></he-svg-icon>\n                          </div>\n\n                          <div\n                            class=\"filter-accordion__panel-content\"\n                            [class.filter-accordion__panel-content--expanded]=\"childState.expanded\">\n                            @if (childState.expanded && optionsFromGroup(child).length >= 5) {\n                              <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                                <div class=\"control is-expanded has-icons-right\">\n                                  <input\n                                    type=\"text\"\n                                    class=\"input is-secondary is-small search-input\"\n                                    placeholder=\"Search {{ removeCountFromLabel(child.label) }}\"\n                                    [value]=\"childState.searchTerm || ''\"\n                                    (input)=\"childState.searchTerm = $any($event.target).value\" />\n                                  <a\n                                    class=\"icon is-small is-right\"\n                                    [class.is-hidden]=\"!childState.searchTerm\"\n                                    (click)=\"childState.searchTerm = ''\">\n                                    <he-svg-icon name=\"xmark\" />\n                                  </a>\n                                  <a class=\"icon is-small is-right\" [class.is-hidden]=\"childState.searchTerm\">\n                                    <he-svg-icon name=\"search\" />\n                                  </a>\n                                </div>\n                              </div>\n                            }\n                            <div>\n                              @for (\n                                nestedOption of getFilteredOptions(\n                                  child,\n                                  childState.searchTerm || groupState.searchTerm\n                                );\n                                track nestedOption.trackId || nestedOption.label;\n                                let nestedLast = $last\n                              ) {\n                                <div class=\"pl-5 accordion-row\" [class.has-border-bottom]=\"!nestedLast\">\n                                  <label\n                                    class=\"checkbox is-flex is-align-items-center is-fullwidth is-size-7 has-text-grey-dark\">\n                                    <input\n                                      type=\"checkbox\"\n                                      [checked]=\"isOptionSelected(nestedOption.value)\"\n                                      (change)=\"toggleOption(nestedOption.value)\"\n                                      [disabled]=\"disabled()\"\n                                      class=\"mr-3\" />\n\n                                    <span class=\"is-flex-grow-1\">\n                                      {{ removeCountFromLabel(nestedOption.label) }}\n                                    </span>\n\n                                    <span class=\"has-text-grey is-size-7 ml-2\">\n                                      ({{ getOptionCount(nestedOption.value) }})\n                                    </span>\n                                  </label>\n                                </div>\n                              }\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    }\n                  } @else {\n                    <!-- Direct option -->\n                    <div class=\"pl-5 accordion-row\" [class.has-border-bottom]=\"!childLast\">\n                      <label class=\"checkbox is-flex is-align-items-center is-fullwidth is-size-7 has-text-grey-dark\">\n                        <input\n                          type=\"checkbox\"\n                          [checked]=\"isOptionSelected(child.value)\"\n                          (change)=\"toggleOption(child.value)\"\n                          [disabled]=\"disabled()\"\n                          class=\"mr-3\" />\n\n                        <span class=\"is-flex-grow-1\">\n                          {{ removeCountFromLabel(child.label) }}\n                        </span>\n\n                        <span class=\"has-text-grey is-size-7 ml-2\">({{ getOptionCount(child.value) }})</span>\n                      </label>\n                    </div>\n                  }\n                }\n\n                @if (getFilteredDirectChildren(item, groupState.searchTerm).length === 0 && groupState.searchTerm) {\n                  <div class=\"px-6 py-4 has-text-grey is-size-7 has-text-centered is-italic\">\n                    No results found for \"{{ groupState.searchTerm }}\"\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        }\n      }\n\n      @if (item.type === 'option') {\n        <div class=\"is-flex is-justify-content-space-between has-border-bottom accordion-row\">\n          <label class=\"checkbox is-flex is-align-items-center is-fullwidth is-full is-size-7 has-text-grey-dark\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"isOptionSelected(item.value)\"\n              (change)=\"toggleOption(item.value)\"\n              [disabled]=\"disabled()\"\n              class=\"mr-3\" />\n\n            <span class=\"is-flex-grow-1\">\n              {{ removeCountFromLabel(item.label) }}\n            </span>\n          </label>\n          <span class=\"has-text-grey is-size-7 ml-2\">({{ getOptionCount(item.value) }})</span>\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".gap-13{gap:13px}.clear-button{color:#4c7194}.accordion-row{padding:4px 0}.filter-accordion__panel-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.filter-accordion__panel-content--expanded{max-height:500px;overflow-y:auto}.has-background-hover-light:hover{background-color:#fafafa}.has-border-bottom{border-bottom:1px solid #dbe3ea}.transition-transform{transition:transform .2s}@media screen and (max-width: 768px){.filter-accordion__panel-content--expanded{max-height:400px}}\n"] }]
         }], ctorParameters: () => [] });
 
 const sortedPoints = (values) => Object.entries(values)
@@ -13332,5 +13319,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, ColorPalette, CompoundDirective, CompoundPipe, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, FilterComponent, FilterHasOptionsPipe, GetPipe, GlossaryMigrationFormat, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeSvgIconsModule, HeToastService, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeElementDirective, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, OPTION_GROUP_TOKEN, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SELECT_OPTION_TOKEN, SELECT_TOKEN, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, SelectComponent, SelectOptionComponent, SelectOptionGroupComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, TimesPipe, ToastComponent, ToggleOptionDirective, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, arrayValue, availableProperties, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultBarDrawSettings, defaultFeature, defaultLabel, defaultLollipopSettings, defaultSuggestionType, defaultSvgIconSize, definitionToSchemaType, distinctUntilChangedDeep, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as 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, handleAPIError, hasError, hasLeafWithValue, hasValidationError, hasWarning, ignoreKeys$2 as ignoreKeys, initialFilterState, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isKeyClosedVisible, isKeyHidden, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, loadMapApi, localStorageSignal, locationQuery, logToCsv$1 as 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, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeUrl, nodeVersion, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pathToApiDocsPath, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
+export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, ColorPalette, CompoundDirective, CompoundPipe, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, FilterComponent, FilterHasOptionsPipe, GetPipe, GlossaryMigrationFormat, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeSvgIconsModule, HeToastService, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeElementDirective, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, OPTION_GROUP_TOKEN, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SELECT_OPTION_TOKEN, SELECT_TOKEN, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, SelectComponent, SelectOptionComponent, SelectOptionGroupComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, TimesPipe, ToastComponent, ToggleOptionDirective, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, arrayValue, availableProperties, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultBarDrawSettings, defaultFeature, defaultLabel, defaultLollipopSettings, defaultSuggestionType, defaultSvgIconSize, definitionToSchemaType, distinctUntilChangedDeep, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as 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, handleAPIError, hasError, hasLeafWithValue, hasValidationError, hasWarning, ignoreKeys$2 as ignoreKeys, initialFilterState, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isKeyClosedVisible, isKeyHidden, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, loadMapApi, localStorageSignal, locationQuery, logToCsv$1 as 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, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeUrl, nodeUrlParams, nodeVersion, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pathToApiDocsPath, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
 //# sourceMappingURL=hestia-earth-ui-components.mjs.map