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

package/index.d.ts

@@ -27,7 +27,7 @@ import * as _elderbyte_ts_logger from '@elderbyte/ts-logger';
 import * as i2$3 from '@ngx-translate/core';
 import { TranslateLoader, TranslateService } from '@ngx-translate/core';
 import * as i2$5 from '@angular/router';
-import { Router, ActivatedRoute, UrlTree, QueryParamsHandling, RouterLinkActive, NavigationExtras, RouterOutlet } from '@angular/router';
+import { Router, ActivatedRoute, UrlTree, QueryParamsHandling, NavigationExtras, RouterOutlet } from '@angular/router';
 import * as i2 from '@angular/material/slide-toggle';
 import * as i3 from '@angular/material/icon';
 import { MatIcon } from '@angular/material/icon';
@@ -4223,8 +4223,9 @@ declare class SelectionChangedEvent<TId, TEntity> {
     readonly addedById: Map<TId, TEntity>;
     readonly removed: Set<TId>;
     readonly source: SelectionEventSource;
+    readonly multiSelection: boolean;
     readonly info?: string;
-    constructor(after: TEntity[], addedById: Map<TId, TEntity>, removed: Set<TId>, source: SelectionEventSource, info?: string);
+    constructor(after: TEntity[], addedById: Map<TId, TEntity>, removed: Set<TId>, source: SelectionEventSource, multiSelection: boolean, info?: string);
     get isUserSource(): boolean;
 }
 /**
@@ -13362,69 +13363,53 @@ declare class NavItemClicked {
     readonly value: any;
     constructor(event: MouseEvent, value: any);
 }
-declare class ElderNavLinkComponent implements OnInit, OnDestroy {
-    private readonly navList;
-    private readonly staticNav;
+declare class ElderNavLinkComponent {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    tabIndex: number;
-    readonly model$: Observable<NavItemModel>;
-    title: string;
-    queryParamsHandling: QueryParamsHandling;
-    queryParams: {
+    readonly navList: ElderNavListComponent<any>;
+    readonly value: i0.InputSignal<any>;
+    readonly title: i0.InputSignal<string>;
+    readonly fontIcon: i0.InputSignal<string>;
+    readonly fontSet: i0.InputSignal<string>;
+    readonly icon: i0.InputSignal<string>;
+    readonly routerLink: i0.InputSignal<string>;
+    readonly queryParams: i0.InputSignal<{
         [k: string]: any;
-    };
-    icon: string;
-    fontIcon: string;
-    fontSet: string;
-    svgIcon: string;
-    readonly clicked: Subject<NavItemClicked>;
-    private _disabled;
-    private readonly _routerLink$;
-    private readonly _href$;
-    private readonly _target$;
-    private readonly _routerLinkActive$;
-    private readonly _active$;
-    private readonly destroy$;
-    private _value;
+    }>;
+    readonly queryParamsHandling: i0.InputSignal<QueryParamsHandling>;
+    readonly href: i0.InputSignal<string>;
+    readonly target: i0.InputSignal<string>;
+    readonly disabled: i0.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
+    readonly active: i0.WritableSignal<boolean>;
+    readonly clicked: i0.OutputEmitterRef<NavItemClicked>;
+    readonly model: i0.Signal<NavItemModel>;
+    readonly navLinkClasses: i0.Signal<{
+        'nav-link-clickable': boolean;
+        'nav-link-disabled': boolean;
+        'nav-link-active': boolean;
+        'nav-link-inactive': boolean;
+    }>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(navList: ElderNavListComponent);
+    constructor();
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get active$(): Observable<boolean>;
-    set routerLinkActive(rla: RouterLinkActive);
-    set routerLink(value: string);
-    set href(value: string);
-    set target(value: string);
-    set value(v: any);
-    get value(): any;
-    set disabled(v: BooleanInput);
-    get disabled(): boolean;
-    get routerLink(): string;
-    get href(): string;
-    get target(): string;
+    ngAfterViewInit(): void;
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
+    handleRouterLinkActiveChange(active: boolean): void;
     itemClick(event: MouseEvent): void;
     /***************************************************************************
      *                                                                         *
@@ -13432,16 +13417,13 @@ 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderNavLinkComponent, "elder-nav-link", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "fontIcon": { "alias": "fontIcon"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "queryParams": { "alias": "queryParams"; "required": false; "isSignal": true; }; "queryParamsHandling": { "alias": "queryParamsHandling"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }
 
-declare class ElderNavGroupComponent implements OnInit {
-    private readonly destroyRef;
+declare class ElderNavGroupComponent {
     private readonly navList;
     private readonly staticNav;
-    private childSubscription;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -13452,11 +13434,11 @@ declare class ElderNavGroupComponent implements OnInit {
     readonly children: i0.Signal<readonly ElderNavLinkComponent[]>;
     readonly isOpen: i0.WritableSignal<boolean>;
     readonly clicked: i0.OutputEmitterRef<NavItemClicked>;
-    private readonly childrenActiveState;
+    isStaticNav: boolean;
+    private readonly _childrenActiveState;
     /***************************************************************************
      *                                                                         *
      * Computed Properties                                                     *
-     * Computed Properties                                                     *
      *                                                                         *
      **************************************************************************/
     readonly active: i0.Signal<boolean>;
@@ -13466,13 +13448,6 @@ declare class ElderNavGroupComponent implements OnInit {
      *                                                                         *
      **************************************************************************/
     constructor();
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit(): void;
-    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Public Api                                                              *
@@ -13480,17 +13455,10 @@ 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, { "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 {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderNavModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<ElderNavModule, never, [typeof i1.CommonModule, typeof i2$5.RouterModule, typeof i3.MatIconModule, typeof i6.MatButtonModule, typeof i4$3.A11yModule, typeof i2$3.TranslateModule, typeof i2$4.MatListModule, typeof i2$2.MatRippleModule, typeof ElderNavListComponent, typeof ElderNavLinkComponent, typeof ElderNavGroupComponent], [typeof ElderNavListComponent, typeof ElderNavLinkComponent, typeof ElderNavGroupComponent]>;
@@ -13600,6 +13568,12 @@ declare class ElderBreadCrumbsModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderBreadCrumbsModule>;
 }
 
+declare class ElderStaticNavDirective {
+    readonly elderStaticNav = true;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderStaticNavDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderStaticNavDirective, "[elderStaticNav]", never, {}, {}, never, never, true, never>;
+}
+
 declare class ElderRouterOutletService {
     private router;
     /***************************************************************************
@@ -13848,12 +13822,12 @@ declare class ElderShellCenterDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellCenterDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellCenterDirective, "[elderShellCenter]", never, {}, {}, never, never, true, never>;
 }
-declare class ElderShellStaticNavDirective {
+declare class ElderShellStaticNavSlotDirective {
     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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellStaticNavSlotDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellStaticNavSlotDirective, "[elderShellStaticNavSlot]", never, {}, {}, never, never, true, never>;
 }
 declare class ElderShellComponent implements OnInit {
     private shellService;
@@ -13880,7 +13854,6 @@ declare class ElderShellComponent implements OnInit {
     rightSideDrawer: MatSidenav;
     rightSideOutletName: string;
     leftSideContentOpen: Signal<boolean>;
-    isInIframe: boolean;
     readonly headerTemplate: Signal<TemplateRef<any>>;
     readonly centerTemplate: Signal<TemplateRef<any>>;
     readonly footerTemplate: Signal<TemplateRef<any>>;
@@ -18137,5 +18110,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, 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 { 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, ElderShellStaticNavSlotDirective, 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.5.0-alpha.1",
+  "version": "20.5.0-alpha.2",
   "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

@@ -54,6 +54,7 @@
   margin-left: 18px;
   min-width: 280px;
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
+  overflow-y: auto;
   * {
     font-size: 14px !important;
   }

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

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

@@ -1,160 +0,0 @@
-@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;
-    }
-  }
-}