@hestia-earth/ui-components 0.28.0-1 → 0.28.0

package/README.md

@@ -1,4 +1,4 @@
-# Hestia UI Components
+# HESTIA UI Components
 
 ## Install
 

package/bibliographies/bibliographies-search-confirm/bibliographies-search-confirm.component.d.ts

@@ -3,25 +3,26 @@ import * as i0 from "@angular/core";
 type searchByFields = 'title' | 'documentDOI' | 'scopus';
 type Result = Partial<Source> | Partial<Bibliography>;
 export declare class BibliographiesSearchConfirmComponent {
-    private formBuilder;
-    private mendeleyService;
-    private searchService;
+    private readonly formBuilder;
+    private readonly mendeleyService;
+    private readonly searchService;
+    private readonly activeModal;
     protected readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
     protected readonly faSpinner: import("@fortawesome/fontawesome-common-types").IconDefinition;
     protected readonly faExternalLinkAlt: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    protected search: import("@angular/core").InputSignal<string>;
-    protected searchSources: import("@angular/core").InputSignal<boolean>;
-    protected searchBibliographies: import("@angular/core").InputSignal<boolean>;
-    protected searchBy: import("@angular/core").InputSignal<searchByFields>;
-    private searchLimit;
-    protected closed: import("@angular/core").OutputEmitterRef<Result>;
-    protected loading: import("@angular/core").WritableSignal<boolean>;
-    protected formGroup: import("@angular/forms").UntypedFormGroup;
-    protected searchControl: import("@angular/forms").AbstractControl<any, any>;
-    private _results;
-    protected results: import("@angular/core").Signal<any>;
-    protected selectedResult: import("@angular/core").WritableSignal<Result>;
-    protected hasResults: import("@angular/core").Signal<boolean>;
+    readonly search: import("@angular/core").ModelSignal<string>;
+    readonly searchSources: import("@angular/core").ModelSignal<boolean>;
+    readonly searchBibliographies: import("@angular/core").ModelSignal<boolean>;
+    readonly searchBy: import("@angular/core").ModelSignal<searchByFields>;
+    private readonly searchLimit;
+    protected readonly closed: import("@angular/core").OutputEmitterRef<Result>;
+    protected readonly loading: import("@angular/core").WritableSignal<boolean>;
+    protected readonly formGroup: import("@angular/forms").UntypedFormGroup;
+    protected readonly searchControl: import("@angular/forms").AbstractControl<any, any>;
+    private readonly _results;
+    protected readonly results: import("@angular/core").Signal<any>;
+    protected readonly selectedResult: import("@angular/core").WritableSignal<Result>;
+    protected readonly hasResults: import("@angular/core").Signal<boolean>;
     constructor();
     private runSearchSources;
     private runSearchBibliographies;
@@ -30,7 +31,8 @@ export declare class BibliographiesSearchConfirmComponent {
     protected resetSearch(): void;
     protected confirm(): void;
     protected cancel(): void;
+    protected close(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BibliographiesSearchConfirmComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BibliographiesSearchConfirmComponent, "he-bibliographies-search-confirm", never, { "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchSources": { "alias": "searchSources"; "required": false; "isSignal": true; }; "searchBibliographies": { "alias": "searchBibliographies"; "required": false; "isSignal": true; }; "searchBy": { "alias": "searchBy"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BibliographiesSearchConfirmComponent, "he-bibliographies-search-confirm", never, { "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchSources": { "alias": "searchSources"; "required": false; "isSignal": true; }; "searchBibliographies": { "alias": "searchBibliographies"; "required": false; "isSignal": true; }; "searchBy": { "alias": "searchBy"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "searchSources": "searchSourcesChange"; "searchBibliographies": "searchBibliographiesChange"; "searchBy": "searchByChange"; "closed": "closed"; }, never, never, true, never>;
 }
 export {};

package/chart/bar-chart/bar-chart.component.d.ts

@@ -0,0 +1,23 @@
+import { Signal } from '@angular/core';
+import { ChartConfiguration, ChartData, ChartDataSets } from 'chart.js';
+import * as i0 from "@angular/core";
+export interface ChartDataItem {
+    label: string;
+    count?: number;
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+}
+export declare class BarChartComponent {
+    protected readonly data: import("@angular/core").InputSignal<ChartDataItem[]>;
+    protected readonly max: import("@angular/core").InputSignal<number>;
+    protected readonly datasets: import("@angular/core").InputSignal<Partial<ChartDataSets>[]>;
+    protected readonly config: import("@angular/core").InputSignal<Partial<ChartConfiguration>>;
+    private readonly maxConfig;
+    private readonly defaultConfig;
+    private readonly defaultDatasets;
+    protected readonly dataConfig: Signal<ChartData>;
+    protected readonly configuration: Signal<Partial<ChartConfiguration>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarChartComponent, "he-bar-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "datasets": { "alias": "datasets"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/chart/chart-configuration.directive.d.ts

@@ -0,0 +1,29 @@
+import { OnDestroy } from '@angular/core';
+import Chart, { ChartConfiguration } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class ChartConfigurationDirective implements OnDestroy {
+    private readonly _zone;
+    private readonly _elementRef;
+    private _chart;
+    private readonly _observer;
+    /**
+     * The chart configuration.
+     * This is used to initialize the chart.
+     *
+     * @param configuration The chart configuration
+     */
+    set chartConfiguration(configuration: ChartConfiguration);
+    /**
+     * The container element of the chart.
+     * This is used to observe the size of the container and resize the chart accordingly. (chart.js update charts only on the window resize event)
+     * If not provided, the chart will not be resized.
+     *
+     * @param container The container element of the chart
+     */
+    set chartContainer(container: HTMLElement);
+    ngOnDestroy(): void;
+    get chart(): Chart;
+    resize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartConfigurationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChartConfigurationDirective, "[chartConfiguration]", ["chart"], { "chartConfiguration": { "alias": "chartConfiguration"; "required": false; }; "chartContainer": { "alias": "chartContainer"; "required": false; }; }, {}, never, never, true, never>;
+}

package/chart/chart.component.d.ts

@@ -0,0 +1,9 @@
+import { ChartConfiguration, ChartData } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class ChartComponent {
+    protected readonly data: import("@angular/core").InputSignal<ChartData>;
+    protected readonly config: import("@angular/core").InputSignal<Partial<ChartConfiguration>>;
+    protected readonly configuration: import("@angular/core").Signal<ChartConfiguration>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "he-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/chart/index.d.ts

@@ -0,0 +1,4 @@
+export * from './bar-chart/bar-chart.component';
+export * from './line-chart/line-chart.component';
+export * from './chart.component';
+export * from './chart-configuration.directive';

package/chart/line-chart/line-chart.component.d.ts

@@ -0,0 +1,11 @@
+import { Signal } from '@angular/core';
+import { ChartConfiguration, ChartData, ChartDataSets } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class LineChartComponent {
+    protected readonly datasets: import("@angular/core").InputSignal<ChartDataSets[]>;
+    protected readonly config: import("@angular/core").InputSignal<Partial<ChartConfiguration>>;
+    protected readonly dataConfig: Signal<ChartData>;
+    protected readonly configuration: Signal<Partial<ChartConfiguration>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LineChartComponent, "he-line-chart", never, { "datasets": { "alias": "datasets"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/common/blank-node-state/blank-node-state.component.d.ts

@@ -3,26 +3,26 @@ import { NodeType, blankNodesType } from '@hestia-earth/schema';
 import { NodeKeyState } from '../node-utils';
 import * as i0 from "@angular/core";
 export declare class BlankNodeStateComponent {
-    private engineService;
+    private readonly engineService;
     protected readonly faExternalLinkAlt: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    protected dataState: import("@angular/core").InputSignal<DataState>;
-    protected nodeType: import("@angular/core").InputSignal<NodeType>;
-    protected dataKey: import("@angular/core").InputSignal<string>;
-    protected key: import("@angular/core").InputSignal<string>;
-    protected node: import("@angular/core").InputSignal<blankNodesType>;
+    protected readonly dataState: import("@angular/core").InputSignal<DataState>;
+    protected readonly nodeType: import("@angular/core").InputSignal<NodeType>;
+    protected readonly dataKey: import("@angular/core").InputSignal<string>;
+    protected readonly key: import("@angular/core").InputSignal<string>;
+    protected readonly node: import("@angular/core").InputSignal<blankNodesType>;
     /**
      * Force override state.
      */
-    protected state: import("@angular/core").InputSignal<NodeKeyState>;
-    protected linkClass: import("@angular/core").InputSignal<string>;
-    protected NodeKeyState: typeof NodeKeyState;
-    protected show: import("@angular/core").Signal<boolean>;
-    protected currentState: import("@angular/core").Signal<NodeKeyState>;
-    protected stars: import("@angular/core").Signal<number[]>;
-    protected showLink: import("@angular/core").Signal<boolean>;
-    private model$;
-    protected model: import("@angular/core").Signal<import("../../engine/engine.service").IModel>;
-    protected modelUrl: import("@angular/core").Signal<string>;
+    protected readonly state: import("@angular/core").InputSignal<NodeKeyState>;
+    protected readonly linkClass: import("@angular/core").InputSignal<string>;
+    protected readonly NodeKeyState: typeof NodeKeyState;
+    protected readonly show: import("@angular/core").Signal<boolean>;
+    protected readonly currentState: import("@angular/core").Signal<NodeKeyState>;
+    protected readonly stars: import("@angular/core").Signal<number[]>;
+    protected readonly showLink: import("@angular/core").Signal<boolean>;
+    private readonly model$;
+    protected readonly model: import("@angular/core").Signal<import("../../engine/engine.service").IModel>;
+    protected readonly modelUrl: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlankNodeStateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BlankNodeStateComponent, "he-blank-node-state", never, { "dataState": { "alias": "dataState"; "required": false; "isSignal": true; }; "nodeType": { "alias": "nodeType"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "node": { "alias": "node"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "linkClass": { "alias": "linkClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/common/blank-node-state-notice/blank-node-state-notice.component.d.ts

@@ -1,10 +1,9 @@
 import { DataState } from '@hestia-earth/api';
 import * as i0 from "@angular/core";
 export declare class BlankNodeStateNoticeComponent {
-    protected dataState: import("@angular/core").InputSignal<DataState>;
-    protected showAggregated: import("@angular/core").InputSignal<boolean>;
-    protected showDeleted: import("@angular/core").InputSignal<boolean>;
-    protected show: import("@angular/core").Signal<boolean>;
+    protected readonly dataState: import("@angular/core").InputSignal<DataState>;
+    protected readonly showDeleted: import("@angular/core").InputSignal<boolean>;
+    protected readonly show: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlankNodeStateNoticeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BlankNodeStateNoticeComponent, "he-blank-node-state-notice", never, { "dataState": { "alias": "dataState"; "required": false; "isSignal": true; }; "showAggregated": { "alias": "showAggregated"; "required": false; "isSignal": true; }; "showDeleted": { "alias": "showDeleted"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlankNodeStateNoticeComponent, "he-blank-node-state-notice", never, { "dataState": { "alias": "dataState"; "required": false; "isSignal": true; }; "showDeleted": { "alias": "showDeleted"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/common/blank-node-value-delta/blank-node-value-delta.component.d.ts

@@ -1,13 +1,13 @@
 import { DeltaDisplayType } from '@hestia-earth/utils/dist/delta';
 import * as i0 from "@angular/core";
 export declare class BlankNodeValueDeltaComponent {
-    protected value: import("@angular/core").InputSignal<any>;
-    protected originalValue: import("@angular/core").InputSignal<any>;
-    protected displayType: import("@angular/core").InputSignal<DeltaDisplayType>;
-    protected DeltaDisplayType: typeof DeltaDisplayType;
-    protected hide: import("@angular/core").Signal<boolean>;
-    protected delta: import("@angular/core").Signal<number>;
-    protected color: import("@angular/core").Signal<"" | import("../delta-utils").DeltaColour>;
+    protected readonly value: import("@angular/core").InputSignal<any>;
+    protected readonly originalValue: import("@angular/core").InputSignal<any>;
+    protected readonly displayType: import("@angular/core").InputSignal<DeltaDisplayType>;
+    protected readonly DeltaDisplayType: typeof DeltaDisplayType;
+    protected readonly hide: import("@angular/core").Signal<boolean>;
+    protected readonly delta: import("@angular/core").Signal<number>;
+    protected readonly color: import("@angular/core").Signal<"" | import("../delta-utils").DeltaColour>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlankNodeValueDeltaComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BlankNodeValueDeltaComponent, "he-blank-node-value-delta", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "originalValue": { "alias": "originalValue"; "required": false; "isSignal": true; }; "displayType": { "alias": "displayType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/common/capitalize.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CapitalizePipe implements PipeTransform {
+    transform: <T extends string>(text: T) => Capitalize<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CapitalizePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CapitalizePipe, "capitalize", true>;
+}

package/common/clipboard/clipboard.component.d.ts

@@ -1,18 +1,19 @@
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import * as i0 from "@angular/core";
 export declare class ClipboardComponent {
-    private valueNode?;
-    private tooltip?;
-    protected icon: import("@angular/core").InputSignal<IconDefinition>;
-    value?: string;
-    disabled: boolean;
-    hideText: boolean;
-    size: string;
-    rotate: number;
-    clipboardClass: string;
-    defaultIcon: string;
-    onClick($event: any): void;
+    private readonly valueNode;
+    private readonly tooltip;
+    protected readonly icon: import("@angular/core").InputSignal<IconDefinition>;
+    protected readonly value: import("@angular/core").InputSignal<string>;
+    protected readonly disabled: import("@angular/core").InputSignal<boolean>;
+    protected readonly hideText: import("@angular/core").InputSignal<boolean>;
+    protected readonly size: import("@angular/core").InputSignal<string>;
+    protected readonly rotate: import("@angular/core").InputSignal<number>;
+    protected readonly clipboardClass: import("@angular/core").InputSignal<string>;
+    protected readonly defaultIcon = "clipboard";
+    private _value;
+    protected onClick($event: any): void;
     clipboard(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClipboardComponent, "he-clipboard", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideText": { "alias": "hideText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "clipboardClass": { "alias": "clipboardClass"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClipboardComponent, "he-clipboard", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideText": { "alias": "hideText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rotate": { "alias": "rotate"; "required": false; "isSignal": true; }; "clipboardClass": { "alias": "clipboardClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/common/compound.d.ts

@@ -1,7 +1,10 @@
+import { TermTermType } from '@hestia-earth/schema';
+export declare const isTermTypeAllowed: (termType?: TermTermType) => boolean;
 /**
  * Handles <sup> and <sub> html tags for compounds.
  *
  * @param value The compound as a string (e.g. NO3)
+ * @param termType Optionally use a `TermType` to restrict the conversion further.
  * @returns HTML version with subscript and superscript tags.
  */
-export declare const compoundToHtml: (value: any) => any;
+export declare const compoundToHtml: (value: any, termType?: TermTermType) => any;

package/common/compound.directive.d.ts

@@ -1,8 +1,10 @@
+import { TermTermType } from '@hestia-earth/schema';
 import * as i0 from "@angular/core";
 export declare class CompoundDirective {
-    private elementRef;
-    protected appCompound: import("@angular/core").InputSignal<string>;
+    private readonly elementRef;
+    protected readonly appCompound: import("@angular/core").InputSignal<string>;
+    protected readonly compoundTermType: import("@angular/core").InputSignal<TermTermType>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CompoundDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CompoundDirective, "[appCompound]", never, { "appCompound": { "alias": "appCompound"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CompoundDirective, "[appCompound]", never, { "appCompound": { "alias": "appCompound"; "required": true; "isSignal": true; }; "compoundTermType": { "alias": "compoundTermType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/common/compound.pipe.d.ts

@@ -1,7 +1,8 @@
 import { PipeTransform } from '@angular/core';
+import { TermTermType } from '@hestia-earth/schema';
 import * as i0 from "@angular/core";
 export declare class CompoundPipe implements PipeTransform {
-    transform(value: string): any;
+    transform(value: string, termType?: TermTermType): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CompoundPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<CompoundPipe, "compound", true>;
 }

package/common/data-table/data-table.component.d.ts

@@ -1,19 +1,14 @@
 import { AfterContentChecked, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class DataTableComponent implements AfterViewInit, AfterContentChecked, OnChanges {
-    private destroyRef;
-    private elementRef;
-    private changeRef;
-    private navigationMenuService;
-    protected minHeight: import("@angular/core").InputSignal<string | number>;
-    protected maxHeight: import("@angular/core").InputSignal<string | number>;
-    protected small: import("@angular/core").InputSignal<boolean>;
-    protected height: string;
-    protected width: string;
+    private readonly elementRef;
+    protected readonly minHeight: import("@angular/core").InputSignal<string | number>;
+    protected readonly maxHeight: import("@angular/core").InputSignal<string | number>;
+    protected readonly small: import("@angular/core").InputSignal<boolean>;
+    protected readonly height: import("@angular/core").WritableSignal<string>;
+    protected readonly width: import("@angular/core").WritableSignal<string>;
     get isSmall(): boolean;
     protected onResize(): void;
-    private menuCollapsed$;
-    constructor();
     ngAfterViewInit(): void;
     ngAfterContentChecked(): void;
     ngOnChanges(changes: SimpleChanges): void;

package/common/drawer-container/drawer-container.animations.d.ts

@@ -0,0 +1,2 @@
+export declare const HE_SIDE_MENU_ANIMATION: import("@angular/animations").AnimationTriggerMetadata[];
+export declare const HE_REDUCE_WIDTH_ANIMATION: import("@angular/animations").AnimationTriggerMetadata[];

package/common/drawer-container/drawer-container.component.d.ts

@@ -0,0 +1,77 @@
+import { TemplateRef } from '@angular/core';
+import type { AnimationEvent } from '@angular/animations';
+import { INavigationMenuLink } from '../navigation-menu/navigation-menu.component';
+import { ResponsiveBreakpoint } from '../responsive.service';
+import * as i0 from "@angular/core";
+export declare class DrawerContainerComponent {
+    private readonly elementRef;
+    private readonly sidenavStore;
+    private readonly responsiveService;
+    private readonly localStorage;
+    private readonly contentContainer;
+    protected readonly menuState: import("@angular/core").WritableSignal<"close" | "open">;
+    protected readonly expanded: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * The breakpoint at which the drawer will no longer be compact.
+     * If a number is provided, it will be used as the width in pixels.
+     * If 'none' is provided, the drawer will never be compact.
+     * If a breakpoint name is provided, the drawer will be compact until that breakpoint.
+     * @default 'tablet' - the drawer will be compact until the tablet breakpoint.
+     */
+    protected readonly compactBreakpoint: import("@angular/core").InputSignal<ResponsiveBreakpoint>;
+    protected readonly position: import("@angular/core").InputSignal<"left" | "right">;
+    protected readonly min: import("@angular/core").InputSignal<number>;
+    protected readonly width: import("@angular/core").ModelSignal<number>;
+    protected readonly max: import("@angular/core").InputSignal<number>;
+    protected readonly resizable: import("@angular/core").InputSignal<boolean>;
+    protected readonly contentPaddingStyles: import("@angular/core").InputSignal<string>;
+    protected readonly menuOverlap: import("@angular/core").InputSignal<boolean>;
+    protected readonly links: import("@angular/core").InputSignal<INavigationMenuLink[]>;
+    protected readonly drawerHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    protected readonly drawerMenuHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    protected readonly compactHeaderClass: import("@angular/core").InputSignal<string | string[] | Set<string> | {
+        [klass: string]: any;
+    }>;
+    /**
+     * The minimum distance between the menu and the edge of the content container.
+     */
+    protected readonly minMenuDistance: import("@angular/core").InputSignal<number>;
+    /**
+     * Giving an id to the menu so that it can store the resized position.
+     */
+    protected readonly id: import("@angular/core").InputSignal<string>;
+    protected readonly opened: import("@angular/core").OutputRef<boolean>;
+    protected readonly closed: import("@angular/core").OutputRef<boolean>;
+    protected readonly faChevronUp: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    protected readonly faChevronDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    protected readonly visible: import("@angular/core").Signal<boolean>;
+    /**
+     * Detect showing modal within the content of the drawer container, which breaks the layout.
+     */
+    protected readonly hasModal: import("@angular/core").Signal<boolean>;
+    protected readonly disableAnimation: import("@angular/core").Signal<boolean>;
+    protected readonly isCompact: import("@angular/core").Signal<boolean>;
+    protected readonly hostClass: import("@angular/core").Signal<string>;
+    protected readonly isHoldingToggle: import("@angular/core").Signal<boolean>;
+    private readonly _updateSidenavEvent$;
+    private readonly _contentContainer$;
+    private readonly _hostComponentWidth$;
+    private readonly _isOverlapping$;
+    /**
+     * we use combineLatest instead of computed to avoid the animation flickering (wait for all sources to emit)
+     */
+    protected readonly reduceAnimation: import("@angular/core").Signal<"full" | "reduced">;
+    private readonly _contentContainerPadding$;
+    private storageKey;
+    constructor();
+    startResizing(event: MouseEvent): void;
+    stopResizing(): void;
+    protected toggleIcon(): import("@fortawesome/fontawesome-common-types").IconDefinition;
+    toggleMenu(): void;
+    hideMenu(): void;
+    showMenu(): void;
+    protected animationDone(event: AnimationEvent): void;
+    private _getContentLeftSideSpace;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerContainerComponent, "he-drawer-container", never, { "compactBreakpoint": { "alias": "compactBreakpoint"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "contentPaddingStyles": { "alias": "contentPaddingStyles"; "required": false; "isSignal": true; }; "menuOverlap": { "alias": "menuOverlap"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "drawerHeaderTemplate": { "alias": "drawerHeaderTemplate"; "required": false; "isSignal": true; }; "drawerMenuHeaderTemplate": { "alias": "drawerMenuHeaderTemplate"; "required": false; "isSignal": true; }; "compactHeaderClass": { "alias": "compactHeaderClass"; "required": false; "isSignal": true; }; "minMenuDistance": { "alias": "minMenuDistance"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "width": "widthChange"; "opened": "opened"; "closed": "closed"; }, never, ["[drawer-content]"], true, never>;
+}

package/common/drawer-container/sidenav.store.d.ts

@@ -0,0 +1,93 @@
+export declare const initialState: {
+    minWidth: number;
+    maxWidth: number;
+    width: number;
+    expanded: boolean;
+    side: "left" | "right";
+    resizeEvent: {
+        isResizing: boolean;
+        startingCursorX: number;
+        startingWidth: number;
+        newWidth: number;
+    };
+    contentContainerSpacing: number;
+    minMenuDistance: number;
+};
+export declare const sidenavStore: import("@angular/core").Type<{
+    minWidth: import("@angular/core").Signal<number>;
+    maxWidth: import("@angular/core").Signal<number>;
+    width: import("@angular/core").Signal<number>;
+    expanded: import("@angular/core").Signal<boolean>;
+    side: import("@angular/core").Signal<"left" | "right">;
+    resizeEvent: import("@ngrx/signals").DeepSignal<{
+        isResizing: boolean;
+        startingCursorX: number;
+        startingWidth: number;
+        newWidth: number;
+    }>;
+    contentContainerSpacing: import("@angular/core").Signal<number>;
+    minMenuDistance: import("@angular/core").Signal<number>;
+    sidenavWidth: import("@angular/core").Signal<number>;
+    hasMenuWidthChanged: import("@angular/core").Signal<boolean>;
+    isResizing: import("@angular/core").Signal<boolean>;
+    isMenuOverlapping: import("@angular/core").Signal<boolean>;
+    contentContainerTransform: import("@angular/core").Signal<number>;
+    setExpanded: ((input: boolean | import("@angular/core").Signal<boolean> | import("rxjs").Observable<boolean>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    setSide: ((input: "left" | "right" | import("rxjs").Observable<"left" | "right"> | import("@angular/core").Signal<"left" | "right">, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    setMinMenuDistance: ((input: number | import("rxjs").Observable<number> | import("@angular/core").Signal<number>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    setMinWidth: ((input: number | import("rxjs").Observable<number> | import("@angular/core").Signal<number>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    setMaxWidth: ((input: number | import("rxjs").Observable<number> | import("@angular/core").Signal<number>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    setWidth: ((input: number | import("rxjs").Observable<number> | import("@angular/core").Signal<number>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    setSidenavWidthCss: ((input: number | import("rxjs").Observable<number> | import("@angular/core").Signal<number>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    setContentTransformCss: ((input: {
+        expanded: boolean;
+        position: 'left' | 'right';
+        value: number;
+    } | import("rxjs").Observable<{
+        expanded: boolean;
+        position: 'left' | 'right';
+        value: number;
+    }> | import("@angular/core").Signal<{
+        expanded: boolean;
+        position: 'left' | 'right';
+        value: number;
+    }>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    setContentContainerSpacing: ((input: number | import("rxjs").Observable<number> | import("@angular/core").Signal<number>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    startResizing: (event: MouseEvent) => void;
+    updateResizing: ((input: MouseEvent | import("rxjs").Observable<MouseEvent> | import("@angular/core").Signal<MouseEvent>, config?: {
+        injector?: import("@angular/core").Injector;
+    }) => import("rxjs").Unsubscribable) & import("rxjs").Unsubscribable;
+    stopResizing: () => void;
+} & import("@ngrx/signals").StateSource<{
+    minWidth: number;
+    maxWidth: number;
+    width: number;
+    expanded: boolean;
+    side: "left" | "right";
+    resizeEvent: {
+        isResizing: boolean;
+        startingCursorX: number;
+        startingWidth: number;
+        newWidth: number;
+    };
+    contentContainerSpacing: number;
+    minMenuDistance: number;
+}>>;

package/common/file-size.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FileSizePipe implements PipeTransform {
+    transform(bytes: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileSizePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FileSizePipe, "fileSize", true>;
+}

package/common/index.d.ts

@@ -5,7 +5,6 @@ export * from './toast.service';
 export * from './d3-utils';
 export * from './delta-utils';
 export * from './logs-utils';
-export * from './navigation-menu.service';
 export * from './maps-utils';
 export * from './node-utils';
 export * from './pluralize';
@@ -17,9 +16,10 @@ export { BlankNodeStateNoticeComponent } from './blank-node-state-notice/blank-n
 export { BlankNodeValueDeltaComponent } from './blank-node-value-delta/blank-node-value-delta.component';
 export { ClipboardComponent } from './clipboard/clipboard.component';
 export { DataTableComponent } from './data-table/data-table.component';
-export { DropdownComponent } from './dropdown/dropdown.component';
+export { DrawerContainerComponent } from './drawer-container/drawer-container.component';
 export { IssueConfirmComponent } from './issue-confirm/issue-confirm.component';
 export { LinkKeyValueComponent } from './link-key-value/link-key-value.component';
+export { MapsDrawingComponent } from './maps-drawing/maps-drawing.component';
 export { MapsDrawingConfirmComponent } from './maps-drawing-confirm/maps-drawing-confirm.component';
 export * from './mobile-shell/mobile-shell.component';
 export * from './navigation-menu/navigation-menu.component';
@@ -33,13 +33,14 @@ export { SocialTagsComponent } from './social-tags/social-tags.component';
 export { ToastComponent } from './toast/toast.component';
 export { UnitConverterComponent } from './unit-converter/unit-converter.component';
 export { ApplyPurePipe } from './apply-pure.pipe';
-export { ThousandSuffixesPipe } from './thousand-suffixes.pipe';
 export { BindOnceDirective } from './bind-once.directive';
+export { CapitalizePipe } from './capitalize.pipe';
 export { ClickOutsideDirective } from './click-outside.directive';
 export { CompoundDirective } from './compound.directive';
 export { CompoundPipe } from './compound.pipe';
 export { DefaultPipe } from './default.pipe';
 export { EllipsisPipe } from './ellipsis.pipe';
+export { FileSizePipe } from './file-size.pipe';
 export { GetPipe } from './get.pipe';
 export { IsArrayPipe } from './is-array.pipe';
 export { IsObjectPipe } from './is-object.pipe';
@@ -50,9 +51,12 @@ export { PluralizePipe } from './pluralize.pipe';
 export { PrecisionPipe } from './precision.pipe';
 export { RemoveMarkdownPipe } from './remove-markdown.pipe';
 export * from './resized.directive';
+export { ResponsiveService } from './responsive.service';
 export { TagsInputDirective } from './tags-input.directive';
+export { ThousandSuffixesPipe } from './thousand-suffixes.pipe';
 export { TimesPipe } from './times.pipe';
+export { UncapitalizePipe } from './uncapitalize.pipe';
 export { SortByPipe } from './sort-by.pipe';
 export * from './sort-select/sort-select.component';
-export { ResponsiveService } from './responsive.service';
 export { ShelfDialogComponent } from './shelf-dialog/shelf-dialog.component';
+export { NavigationMenuComponent, INavigationMenuLink } from './navigation-menu/navigation-menu.component';