@elderbyte/ngx-starter 20.4.2 → 20.5.0-alpha.1

package/index.d.ts

@@ -13364,6 +13364,7 @@ declare class NavItemClicked {
 }
 declare class ElderNavLinkComponent implements OnInit, OnDestroy {
     private readonly navList;
+    private readonly staticNav;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -13416,6 +13417,9 @@ declare class ElderNavLinkComponent implements OnInit, OnDestroy {
     get value(): any;
     set disabled(v: BooleanInput);
     get disabled(): boolean;
+    get routerLink(): string;
+    get href(): string;
+    get target(): string;
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
@@ -13428,6 +13432,7 @@ declare class ElderNavLinkComponent implements OnInit, OnDestroy {
      *                                                                         *
      **************************************************************************/
     private get isCurrentValueActive();
+    get isStaticNav(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderNavLinkComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderNavLinkComponent, "elder-nav-link", never, { "title": { "alias": "title"; "required": false; }; "queryParamsHandling": { "alias": "queryParamsHandling"; "required": false; }; "queryParams": { "alias": "queryParams"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "fontIcon": { "alias": "fontIcon"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }
@@ -13435,12 +13440,15 @@ declare class ElderNavLinkComponent implements OnInit, OnDestroy {
 declare class ElderNavGroupComponent implements OnInit {
     private readonly destroyRef;
     private readonly navList;
+    private readonly staticNav;
     private childSubscription;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
+    readonly title: i0.InputSignal<string>;
+    readonly icon: i0.InputSignal<string>;
     readonly children: i0.Signal<readonly ElderNavLinkComponent[]>;
     readonly isOpen: i0.WritableSignal<boolean>;
     readonly clicked: i0.OutputEmitterRef<NavItemClicked>;
@@ -13448,6 +13456,7 @@ declare class ElderNavGroupComponent implements OnInit {
     /***************************************************************************
      *                                                                         *
      * Computed Properties                                                     *
+     * Computed Properties                                                     *
      *                                                                         *
      **************************************************************************/
     readonly active: i0.Signal<boolean>;
@@ -13471,8 +13480,15 @@ declare class ElderNavGroupComponent implements OnInit {
      **************************************************************************/
     itemClick(event: MouseEvent): void;
     toggle(): void;
+    get isStaticNav(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderNavGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderNavGroupComponent, "elder-nav-group", never, {}, { "clicked": "clicked"; }, ["children"], ["*", "elder-nav-link"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderNavGroupComponent, "elder-nav-group", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, ["children"], ["elder-nav-link"], true, never>;
+}
+
+declare class ElderStaticNavDirective {
+    readonly elderStaticNav: i0.InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderStaticNavDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderStaticNavDirective, "[elderStaticNav]", never, { "elderStaticNav": { "alias": "elderStaticNav"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ElderNavModule {
@@ -13668,12 +13684,21 @@ declare class ElderShellService {
     private _clickOutsideToClose;
     private detailContentOutlet;
     private readonly slotManager;
+    private static readonly STATIC_NAV_STORAGE_KEY;
+    private readonly _staticNavOpen;
+    readonly staticNavOpen: i0.Signal<boolean>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
     constructor(router: Router, routerOutletService: ElderRouterOutletService);
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private getStaticNavInitialState;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -13733,6 +13758,12 @@ declare class ElderShellService {
      */
     closeSideContent(): Promise<boolean>;
     isSideContentActive(): boolean;
+    /**
+     * Static sidenav
+     */
+    toggleStaticNav(): void;
+    openStaticNav(): void;
+    closeStaticNav(): void;
     /**
      * Shows the side content
      * @param args The route arguments / path
@@ -13817,6 +13848,13 @@ declare class ElderShellCenterDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellCenterDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellCenterDirective, "[elderShellCenter]", never, {}, {}, never, never, true, never>;
 }
+declare class ElderShellStaticNavDirective {
+    templateRef: TemplateRef<any>;
+    viewContainer: ViewContainerRef;
+    constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellStaticNavDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellStaticNavDirective, "[elderShellStaticNav]", never, {}, {}, never, never, true, never>;
+}
 declare class ElderShellComponent implements OnInit {
     private shellService;
     private outletDrawerService;
@@ -13838,9 +13876,11 @@ declare class ElderShellComponent implements OnInit {
     sideContentLeft: TemplateRef<any>;
     sideContentRight: TemplateRef<any>;
     centerContent: TemplateRef<any>;
+    staticNavContent: TemplateRef<any>;
     rightSideDrawer: MatSidenav;
     rightSideOutletName: string;
     leftSideContentOpen: Signal<boolean>;
+    isInIframe: boolean;
     readonly headerTemplate: Signal<TemplateRef<any>>;
     readonly centerTemplate: Signal<TemplateRef<any>>;
     readonly footerTemplate: Signal<TemplateRef<any>>;
@@ -13848,6 +13888,7 @@ declare class ElderShellComponent implements OnInit {
     readonly navMenuSvgIcon: i0.InputSignal<string>;
     readonly menuColor: i0.InputSignal<ThemePalette>;
     readonly menuIconColor: i0.InputSignal<ThemePalette>;
+    readonly staticNavOpen: Signal<boolean>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -13870,6 +13911,7 @@ declare class ElderShellComponent implements OnInit {
     toggleSideNav(): void;
     onBackdropClick(event: any): void;
     onEscapeRightSide(event: Event): void;
+    toggleStaticNav(): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
@@ -13877,7 +13919,7 @@ declare class ElderShellComponent implements OnInit {
      **************************************************************************/
     private isContained;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderShellComponent, "elder-shell", never, { "sideNavToggleEnabled": { "alias": "sideNavToggleEnabled"; "required": false; "isSignal": true; }; "leftSideAutoFocus": { "alias": "leftSideAutoFocus"; "required": false; "isSignal": true; }; "rightSideAutoFocus": { "alias": "rightSideAutoFocus"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "navMenuSvgIcon": { "alias": "navMenuSvgIcon"; "required": false; "isSignal": true; }; "menuColor": { "alias": "menuColor"; "required": false; "isSignal": true; }; "menuIconColor": { "alias": "menuIconColor"; "required": false; "isSignal": true; }; }, {}, ["sideContentLeft", "sideContentRight", "centerContent"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderShellComponent, "elder-shell", never, { "sideNavToggleEnabled": { "alias": "sideNavToggleEnabled"; "required": false; "isSignal": true; }; "leftSideAutoFocus": { "alias": "leftSideAutoFocus"; "required": false; "isSignal": true; }; "rightSideAutoFocus": { "alias": "rightSideAutoFocus"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "navMenuSvgIcon": { "alias": "navMenuSvgIcon"; "required": false; "isSignal": true; }; "menuColor": { "alias": "menuColor"; "required": false; "isSignal": true; }; "menuIconColor": { "alias": "menuIconColor"; "required": false; "isSignal": true; }; }, {}, ["sideContentLeft", "sideContentRight", "centerContent", "staticNavContent"], never, true, never>;
 }
 
 declare class ElderShellNavigationToggleComponent implements OnInit, OnDestroy {
@@ -13989,6 +14031,14 @@ declare class ElderAppHeaderComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderAppHeaderComponent, "elder-app-header", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "svgIcon": { "alias": "svgIcon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "subTitleLink": { "alias": "subTitleLink"; "required": false; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+declare class ElderStaticNavToggleComponent {
+    shellService: ElderShellService;
+    readonly staticNavOpen: i0.Signal<boolean>;
+    onToggle(tggl: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderStaticNavToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderStaticNavToggleComponent, "elder-static-nav-toggle", never, {}, {}, never, never, true, never>;
+}
+
 declare class DrawerOutletBinding {
     private readonly routerOutlet;
     private readonly drawer;
@@ -14026,7 +14076,7 @@ declare class DrawerOutletBinding {
 
 declare class ElderShellModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderShellModule, never, [typeof i1.CommonModule, typeof i2$5.RouterModule, typeof i3$4.MatSidenavModule, typeof i4$2.MatToolbarModule, typeof i3.MatIconModule, typeof i2$4.MatListModule, typeof i6.MatButtonModule, typeof ElderToolbarModule, typeof ElderPanelModule, typeof ElderThemeModule, typeof i2$3.TranslateModule, typeof ElderShellComponent, typeof ElderShellSideLeftDirective, typeof ElderShellSideRightDirective, typeof ElderShellCenterDirective, typeof ElderShellNavigationToggleComponent, typeof ElderShellSlotDirective, typeof ElderAppHeaderComponent], [typeof ElderShellComponent, typeof ElderShellSideLeftDirective, typeof ElderShellSideRightDirective, typeof ElderShellCenterDirective, typeof ElderShellNavigationToggleComponent, typeof ElderShellSlotDirective, typeof ElderAppHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderShellModule, never, [typeof i1.CommonModule, typeof i2$5.RouterModule, typeof i3$4.MatSidenavModule, typeof i4$2.MatToolbarModule, typeof i3.MatIconModule, typeof i2$4.MatListModule, typeof i6.MatButtonModule, typeof ElderToolbarModule, typeof ElderPanelModule, typeof ElderThemeModule, typeof i2$3.TranslateModule, typeof ElderShellComponent, typeof ElderShellSideLeftDirective, typeof ElderShellSideRightDirective, typeof ElderShellCenterDirective, typeof ElderShellNavigationToggleComponent, typeof ElderShellSlotDirective, typeof ElderAppHeaderComponent, typeof ElderStaticNavToggleComponent], [typeof ElderShellComponent, typeof ElderShellSideLeftDirective, typeof ElderShellSideRightDirective, typeof ElderShellCenterDirective, typeof ElderShellNavigationToggleComponent, typeof ElderShellSlotDirective, typeof ElderAppHeaderComponent, typeof ElderStaticNavToggleComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderShellModule>;
 }
 
@@ -18087,5 +18137,5 @@ declare class KafentModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<KafentModule>;
 }
 
-export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPageExitLockIndicatorComponent, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSinglePaneWrapperComponent, ElderSingleSortComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageExitGuardModule, PageExitGuardService, PageExitLock, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
+export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPageExitLockIndicatorComponent, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderShellStaticNavDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSinglePaneWrapperComponent, ElderSingleSortComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStaticNavDirective, ElderStaticNavToggleComponent, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageExitGuardModule, PageExitGuardService, PageExitLock, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
 export type { ChipAvatarSpec, ChipColorSpec, ComparatorFn, ConfirmDeleteOptions, CountryPhoneFormat, CurrencyIndication, DataViewMessageType, ElderActivationOptions, ElderApplyControlFn, ElderAutoActivateItem, ElderAutoActivationMode, ElderDataViewInteractionMode, ElderLocalizedInputOptions, ElderMasterDetailMode, ElderNamedColor, ElderNamedColorRole, ElderSize, ElderToolbarContentSlot, EventSourceRequestInit, ExceptionDetail, Focusable, GenericMatcherOptions, IAuditedEntity, IContinuableDataSource, IContinuationFetcher, IDataContext, IDataContextActivePage, IDataContextContinuable, IDataSource, IDynamicValidationMessage, IElderDataView, IElderDetailDialogOptions, IElderEntityValueAccessor, IElderMultiEntityValueAccessor, IFileUploadClient, IFrameParams, IFrameStateType, IListDataSource, IListFetcher, IMasterDetailActivationOptions, IPageFetcher, IPagedDataSource, ISelectionModelDialogOptions, IStandardErrorDetail, ISuggestionProvider, ITranslated, ITranslatedText, ITranslationResource, IdExtractor, IncludeExcludeCycleStrategy, InputValue, IsoDateStr, IsoDurationStr, IsoIntervalStr, JsonMap, KafentConsumerEventRequest, KafentEventFilter, KafentEventRequestBase, KafentLiveEventRequest, KeyGetterFn, LanguageTag, LocalDataFilterFn, LocalDataSortFn, LocaleMap, LocalisationPicker, Localized, MatchOptions, ObservedElementDimension, PhoneNumber, QuantityPipeOptions, ScrollDirection, SearchInput, SelectChipSpec, SelectOptionChipSpec, SelectionOptions, ShellContentSlot, SortDirection, TextResolverFn$1 as TextResolverFn, Toast, ToastErrorDetails, ToastOptions, TrailingSpec, UnitCode, ValueSpec };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "20.4.2",
+  "version": "20.5.0-alpha.1",
   "peerDependencies": {
     "@angular/core": "^20.0.0 || ^21.0.0",
     "@angular/common": "^20.0.0 || ^21.0.0",

package/src/lib/components/navigation/nav/nav-group/elder-nav-group.component.scss

@@ -18,9 +18,9 @@
 .nav-group-button {
   .mat-icon {
     height: 24px;
-    width: 24px;
+    width: 32px;
     font-size: 24px;
-    padding: 4px;
+    padding: 0 4px;
   }
 }
 
@@ -38,6 +38,23 @@
 }
 
 .nav-group-button-active:not(.nav-group-button-open) {
-  background-color: var(--elder-nav-link-hover-color);
+  background-color: var(--elder-nav-link-hover-color) !important;
   color: var(--md-sys-color-primary);
 }
+
+.nav-group-in-menu {
+  --elder-nav-item-height: 38px !important;
+  width: auto;
+  border: solid 1px #ccc;
+  border-radius: 5px;
+  background: var(--md-sys-color-surface-container-lowest);
+  text-align: center;
+  padding: 4px 0;
+  margin: 0;
+  margin-left: 18px;
+  min-width: 280px;
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
+  * {
+    font-size: 14px !important;
+  }
+}

package/theming/abstracts/_elder-starter-theme.scss

@@ -18,7 +18,8 @@
 @use '../components/elder-table-theme' as elder-table;
 @use '../components/elder-scrollbar-theme' as elder-scrollbar;
 @use '../components/mat-badge-theme' as mat-badge;
-// Create a theme.
+@use '../components/elder-static-nav-theme' as elder-static-nav;
+
 @mixin starter-theme($theme) {
   $theme: elder-set-defaults-fn.validate-and-set-defaults($theme);
 
@@ -49,4 +50,5 @@
   @include elder-table.theme($theme);
   @include elder-scrollbar.theme();
   @include mat-badge.theme();
+  @include elder-static-nav.theme();
 }

package/theming/components/_elder-static-nav-theme.scss

@@ -0,0 +1,160 @@
+@mixin theme {
+  /*
+     * This is the static side nav protype that relies solely on class-scoped css style overwrites.
+     * This is only a temporary preview solution to display the side nav in a static position.
+     * TODO: Replace this with a proper solution or remove static side nav feature.
+     */
+  .static-nav {
+    --elder-nav-item-height: auto !important;
+    --elder-nav-link-hover-color: transparent !important;
+    --elder-nav-link-active-color: transparent !important;
+    padding-right: 0px !important;
+    width: 82px !important;
+    //background-color: var(--md-sys-color-surface-container) !important;
+
+    elder-app-header {
+      display: none !important;
+    }
+
+    .elder-nav-list-full {
+      max-width: 100% !important;
+      width: 100% !important;
+      min-width: unset !important;
+      justify-content: stretch !important;
+      align-items: stretch !important;
+    }
+
+    .mat-mdc-nav-list {
+      padding-left: 0px !important;
+      padding-right: 0px !important;
+      overflow-x: hidden !important;
+      overflow-y: auto !important;
+      align-items: stretch !important;
+      padding-top: 0px !important;
+    }
+
+    .mat-ripple-element {
+      display: none !important;
+    }
+
+    * {
+      // background-color: var(--md-sys-color-surface-container) !important;
+      // --elder-nav-link-hover-color: transparent !important;
+      transition: none !important;
+      line-height: 1 !important;
+      text-align: center !important;
+      font-weight: 500;
+
+      color: color-mix(
+        in srgb,
+        var(--md-sys-color-outline) 50%,
+        var(--md-sys-color-on-surface)
+      ) !important;
+
+      &:hover {
+        color: var(--md-sys-color-on-surface) !important;
+      }
+    }
+
+    .nav-group-button {
+      height: auto !important;
+      padding-top: 12px !important;
+    }
+
+    .layout-row {
+      flex-direction: column !important;
+    }
+
+    .nav-group-button * {
+      gap: 14px !important;
+      gap: 0px !important;
+    }
+    .gap-md,
+    .gap-lg {
+      gap: 3px !important;
+    }
+
+    .mdc-list-item {
+      padding-top: 12px !important;
+    }
+
+    *:not(.mat-icon) {
+      font-size: 12px !important;
+      text-wrap: wrap;
+      white-space: normal;
+      word-wrap: break-word;
+      word-break: break-word;
+      overflow-wrap: break-word;
+      hyphens: auto;
+      text-align: center;
+    }
+
+    .nav-group-items-container,
+    .mat-mdc-nav-list {
+      padding-right: 0 !important;
+      padding-left: 0 !important;
+      align-items: center;
+    }
+
+    .nav-group-button,
+    .nav-group-button-closed {
+      justify-content: center !important;
+      align-items: center !important;
+      padding-left: 0 !important;
+      padding-right: 0 !important;
+      text-align: center;
+    }
+
+    .nav-link {
+      padding-left: 0 !important;
+      padding-right: 0 !important;
+      height: unset !important; // override the default height of 48px, needed in some cases
+    }
+
+    .nav-link span {
+      display: block;
+      text-align: center;
+      width: 66px;
+    }
+
+    .nav-link-active {
+      &,
+      * {
+        color: var(--md-sys-color-primary) !important;
+      }
+    }
+
+    .nav-group-button-active .mat-icon {
+      background-color: var(--md-sys-color-primary-container) !important;
+    }
+
+    .nav-group-button .mat-icon,
+    .nav-link .mat-icon {
+      height: 40px !important;
+      width: 48px !important;
+      font-size: 32px !important;
+      line-height: 1 !important;
+      padding: 4px 8px !important;
+      border-radius: 10px !important;
+    }
+
+    .nav-link-active .mat-icon {
+      background-color: var(--md-sys-color-primary-container) !important;
+    }
+
+    * {
+      color: color-mix(
+        in srgb,
+        var(--md-sys-color-primary-container) 30%,
+        var(--md-sys-color-on-surface)
+      ) !important;
+    }
+  }
+
+  // menu styling
+  .elder-nav-link-no-icon {
+    .mat-icon {
+      display: none !important;
+    }
+  }
+}