@lukfel/ng-scaffold 21.0.7 → 21.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukfel/ng-scaffold",
-  "version": "21.0.7",
+  "version": "21.1.2",
   "description": "This Angular library provides a basic UI scaffold and services for modern web and mobile apps",
   "license": "MIT",
   "author": {

package/styles/_variables.scss

@@ -1,7 +1,7 @@
 :root {
     --transition: 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
 
-    --loading-overlay-z-index: 101;
+    --loading-overlay-z-index: 1001;
 
     --header-z-index: 100;
     --header-height: 64px;
@@ -12,6 +12,7 @@
     --header-input-max-width: 480px;
     --header-input-border-radius: 28px;
     --header-menu-button-max-width: 144px;
+    --header-menu-img-size: 48px;
 
     --navbar-z-index: 99;
     --navbar-height: 72px;
@@ -26,6 +27,7 @@
 
     --drawer-width: 208px;
     --drawer-z-index: 97;
+    --drawer-z-index-mobile: 100;
 
     --footer-height: 100px;
     --footer-logo-size: 96px;

package/styles/style.scss

@@ -21,6 +21,7 @@ body {
 
 ::-webkit-scrollbar {
   width: 8px;
+  height: 8px;
 }
 
 ::-webkit-scrollbar-thumb {

package/types/lukfel-ng-scaffold.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, OnInit, OnDestroy, ElementRef, EventEmitter, AfterViewInit, ModuleWithProviders, TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
+import { InjectionToken, OnInit, OnDestroy, ElementRef, EventEmitter, AfterViewInit, ModuleWithProviders, TemplateRef, OnChanges, SimpleChanges, Type } from '@angular/core';
 import * as i22 from '@angular/cdk/portal';
-import { ComponentPortal, TemplatePortal, ComponentType } from '@angular/cdk/portal';
+import { ComponentType, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
 import * as i11$1 from '@angular/platform-browser';
 import * as i12$1 from '@angular/router';
 import * as i1$1 from '@angular/common';
@@ -39,6 +39,7 @@ import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/c
 
 interface MenuButton extends Button {
     menuButtons?: Button[];
+    imgIcon?: string;
 }
 interface Button {
     id: string;
@@ -86,8 +87,9 @@ interface FloatingButtonConfig {
     matIcon?: string;
     svgIcon?: string;
     tooltip?: string;
-    horizontalPosition?: 'left' | 'center' | 'right';
+    horizontalPosition?: 'center' | 'right';
     autoHide?: boolean;
+    sticky?: boolean;
     cssClass?: string;
 }
 
@@ -126,7 +128,8 @@ interface HeaderConfig {
 interface HeaderResponsiveConfig {
     enable?: boolean;
     matIcon?: string;
-    svgLogo?: string;
+    svgIcon?: string;
+    label?: string;
     excludeButtonIds?: string[];
 }
 interface HeaderInputConfig {
@@ -181,10 +184,16 @@ interface ListHeaderItem {
     sortToken?: string;
 }
 
+interface LoadingOverlayConfig {
+    gradient?: boolean;
+    customComponent?: ComponentType<any>;
+    cssClass?: string;
+}
+
 interface NavbarConfig {
     enable?: boolean;
     showAllLabels?: boolean;
-    menuButtons?: MenuButton[];
+    buttons?: Button[];
     cssClass?: string;
 }
 
@@ -201,6 +210,7 @@ interface ScaffoldConfig {
     loading?: boolean;
     scrollPositionRestoration?: boolean;
     anchorScrolling?: boolean;
+    loadingOverlayConfig?: LoadingOverlayConfig;
     headerConfig?: HeaderConfig;
     navbarConfig?: NavbarConfig;
     drawerConfig?: DrawerConfig;
@@ -225,6 +235,7 @@ declare class ScaffoldComponent implements OnInit, OnDestroy {
     private scaffoldService;
     private breakpointService;
     private routerService;
+    private overlayService;
     private logger;
     private route;
     private document;
@@ -254,14 +265,14 @@ declare class ScaffoldComponent implements OnInit, OnDestroy {
     private _subscription;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    headerConfigUpdated(headerConfig: HeaderConfig): void;
+    headerConfigUpdated(headerConfig: Partial<HeaderConfig>): void;
     headerButtonClicked(id: string): void;
     headerInputSubmitted(value: string): void;
     headerInputChanged(value: string): void;
     navbarButtonClicked(id: string): void;
-    drawerConfigUpdated(drawerConfig: DrawerConfig): void;
+    drawerConfigUpdated(drawerConfig: Partial<DrawerConfig>): void;
     backButtonClicked(): void;
-    floatingButtonConfigUpdated(floatingButtonConfig: FloatingButtonConfig): void;
+    floatingButtonConfigUpdated(floatingButtonConfig: Partial<FloatingButtonConfig>): void;
     floatingButtonClicked(id: string): void;
     bottomBarCloseClicked(id: string): void;
     bottomBarButtonClicked(id: string): void;
@@ -269,23 +280,27 @@ declare class ScaffoldComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<ScaffoldComponent, "lf-scaffold", never, {}, { "headerButtonClickEvent": "headerButtonClickEvent"; "headerInputSubmitEvent": "headerInputSubmitEvent"; "headerInputChangeEvent": "headerInputChangeEvent"; "navbarButtonClickEvent": "navbarButtonClickEvent"; "floatingButtonClickEvent": "floatingButtonClickEvent"; "bottomBarButtonClickEvent": "bottomBarButtonClickEvent"; }, never, ["[drawerContent]", "*"], false, never>;
 }
 
-declare class LoadingOverlayComponent {
+declare class LoadingOverlayComponent implements OnInit {
+    libraryConfig: ScaffoldLibraryConfig | null;
+    private scaffoldService;
+    portal: ComponentPortal<any> | null;
+    loadingOverlayConfig: LoadingOverlayConfig | null;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingOverlayComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LoadingOverlayComponent, "lf-loading-overlay", never, {}, {}, never, never, false, never>;
 }
 
-declare class HeaderComponent implements OnInit {
+declare class HeaderComponent {
     libraryConfig: ScaffoldLibraryConfig | null;
     headerConfig: HeaderConfig | null;
     isMobile: boolean;
     routeLoading: boolean;
     currentRoute: string;
-    headerConfigUpdateEvent: EventEmitter<HeaderConfig>;
+    headerConfigUpdateEvent: EventEmitter<Partial<HeaderConfig>>;
     headerButtonClickEvent: EventEmitter<string>;
     headerInputSubmitEvent: EventEmitter<string>;
     headerInputChangeEvent: EventEmitter<string>;
     mobileButton: MenuButton;
-    ngOnInit(): void;
     buttonClicked(id?: string): void;
     inputSubmitted(value: string): void;
     inputChanged(value: string): void;
@@ -309,14 +324,13 @@ declare class NavbarComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "lf-navbar", never, { "libraryConfig": { "alias": "libraryConfig"; "required": false; }; "navbarConfig": { "alias": "navbarConfig"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "currentRoute": { "alias": "currentRoute"; "required": false; }; }, { "navbarButtonClickEvent": "navbarButtonClickEvent"; }, never, never, false, never>;
 }
 
-declare class DrawerComponent implements OnInit {
+declare class DrawerComponent {
     libraryConfig: ScaffoldLibraryConfig | null;
     drawerConfig: DrawerConfig | null;
     isMobile: boolean;
     headerEnabled: boolean;
     drawerPortal: ComponentPortal<unknown> | TemplatePortal<unknown> | null;
-    drawerConfigUpdateEvent: EventEmitter<DrawerConfig>;
-    ngOnInit(): void;
+    drawerConfigUpdateEvent: EventEmitter<Partial<DrawerConfig>>;
     drawerClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "lf-drawer", never, { "libraryConfig": { "alias": "libraryConfig"; "required": false; }; "drawerConfig": { "alias": "drawerConfig"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "headerEnabled": { "alias": "headerEnabled"; "required": false; }; "drawerPortal": { "alias": "drawerPortal"; "required": false; }; }, { "drawerConfigUpdateEvent": "drawerConfigUpdateEvent"; }, never, ["[drawerContent]", "*"], false, never>;
@@ -346,7 +360,7 @@ declare class FloatingButtonComponent implements OnInit {
     onTop: boolean;
     isMobile: boolean;
     bottomBarEnabled: boolean;
-    floatingButtonConfigUpdateEvent: EventEmitter<FloatingButtonConfig>;
+    floatingButtonConfigUpdateEvent: EventEmitter<Partial<FloatingButtonConfig>>;
     floatingButtonClickEvent: EventEmitter<string>;
     ngOnInit(): void;
     buttonClicked(id?: string): void;
@@ -407,23 +421,15 @@ declare class InputComponent implements OnInit, AfterViewInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "lf-input", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; }, { "inputSubmitEvent": "inputSubmitEvent"; "inputChangeEvent": "inputChangeEvent"; "inputPrefixActionEvent": "inputPrefixActionEvent"; }, never, never, true, never>;
 }
 
-declare class IconComponent {
-    libraryConfig: ScaffoldLibraryConfig | null;
-    matIcon: string | undefined;
-    svgIcon: string | undefined;
-    verticalAlign: 'top' | 'middle' | 'bottom' | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "lf-icon", never, { "matIcon": { "alias": "matIcon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 declare class ScaffoldModule {
     static forRoot(config?: ScaffoldLibraryConfig): ModuleWithProviders<ScaffoldModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScaffoldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ScaffoldModule, [typeof ScaffoldComponent, typeof LoadingOverlayComponent, typeof HeaderComponent, typeof NavbarComponent, typeof DrawerComponent, typeof FooterComponent, typeof ContentTitleCardComponent, typeof FloatingButtonComponent, typeof ConfirmDialogComponent, typeof BottomBarComponent], [typeof i11$1.BrowserModule, typeof i12$1.RouterModule, typeof SharedModule, typeof InputComponent, typeof IconComponent], [typeof ScaffoldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScaffoldModule, [typeof ScaffoldComponent, typeof LoadingOverlayComponent, typeof HeaderComponent, typeof NavbarComponent, typeof DrawerComponent, typeof FooterComponent, typeof ContentTitleCardComponent, typeof FloatingButtonComponent, typeof ConfirmDialogComponent, typeof BottomBarComponent], [typeof i11$1.BrowserModule, typeof i12$1.RouterModule, typeof SharedModule, typeof InputComponent], [typeof ScaffoldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ScaffoldModule>;
 }
 
 declare class PlaceholderComponent {
+    libraryConfig: ScaffoldLibraryConfig | null;
     placeholderConfig: PlaceholderConfig;
     buttonClickEvent: EventEmitter<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaceholderComponent, never>;
@@ -431,6 +437,7 @@ declare class PlaceholderComponent {
 }
 
 declare class FileUploadComponent {
+    libraryConfig: ScaffoldLibraryConfig | null;
     private logger;
     fileElement: ElementRef;
     color: 'primary' | 'accent' | 'warn';
@@ -471,6 +478,7 @@ declare class ListItemTitleDirective {
 }
 
 declare class ListComponent implements OnInit, OnChanges {
+    libraryConfig: ScaffoldLibraryConfig | null;
     avatarTemplate?: ListItemAvatarDirective;
     titleTemplate?: ListItemTitleDirective;
     subtitleTemplate?: ListItemSubtitleDirective;
@@ -535,7 +543,7 @@ declare class DialogService {
      * @param config of the dialog
      * @returns an asynchronous any response
      */
-    openCustomDialog(templateRef: ComponentType<any> | TemplateRef<any>, config: MatDialogConfig): Promise<any>;
+    openCustomDialog<T>(templateRef: Type<T>, config: MatDialogConfig): Promise<any>;
     /**
      * Opens a simple pre-made confirm dialog
      *
@@ -635,6 +643,15 @@ declare class Logger {
     static ɵprov: i0.ɵɵInjectableDeclaration<Logger>;
 }
 
+declare class OverlayService {
+    private overlay;
+    private overlayRef;
+    open<T>(component: ComponentType<T>): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OverlayService>;
+}
+
 declare class RouterService {
     private router;
     private platformId;
@@ -679,7 +696,7 @@ declare class ScaffoldService {
     private _drawerPortal$;
     get drawerPortal$(): Observable<ComponentPortal<unknown> | TemplatePortal<unknown> | null>;
     set drawerPortal(value: ComponentType<unknown>);
-    updateScaffoldProperty<K extends keyof ScaffoldConfig>(property: K, value: ScaffoldConfig[K]): void;
+    updateScaffoldProperty<K extends keyof ScaffoldConfig>(property: K, value: Partial<ScaffoldConfig[K]> | ScaffoldConfig[K]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScaffoldService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScaffoldService>;
 }
@@ -689,6 +706,8 @@ declare class SeoService {
     private metaTags;
     private document;
     private logger;
+    private _config$;
+    get config$(): Observable<SeoConfig | null>;
     /**
      * Pass a configuration to set meta tags such as title, description and image for search results and social media
      *
@@ -749,5 +768,5 @@ declare class ScaffoldLoadingInterceptor implements HttpInterceptor {
     static ɵprov: i0.ɵɵInjectableDeclaration<ScaffoldLoadingInterceptor>;
 }
 
-export { BreakpointService, CONFIG, DialogService, FileUploadComponent, ListComponent, ListItemAvatarDirective, ListItemButtonsDirective, ListItemSubtitleDirective, ListItemTitleDirective, LocalStorageService, Logger, PlaceholderComponent, RouterService, ScaffoldComponent, ScaffoldLoadingInterceptor, ScaffoldModule, ScaffoldService, SeoService, SnackbarService, ThemeService };
-export type { BottomBarConfig, Button, ConfirmDialogConfig, ContentTitleCardConfig, DrawerConfig, FloatingButtonConfig, FooterConfig, HeaderConfig, HeaderInputConfig, HeaderResponsiveConfig, ListConfig, ListHeader, ListItem, MenuButton, NavbarConfig, NavigationLink, PlaceholderConfig, ScaffoldConfig, ScaffoldLibraryConfig, SeoConfig };
+export { BreakpointService, CONFIG, DialogService, FileUploadComponent, ListComponent, ListItemAvatarDirective, ListItemButtonsDirective, ListItemSubtitleDirective, ListItemTitleDirective, LocalStorageService, Logger, OverlayService, PlaceholderComponent, RouterService, ScaffoldComponent, ScaffoldLoadingInterceptor, ScaffoldModule, ScaffoldService, SeoService, SnackbarService, ThemeService };
+export type { BottomBarConfig, Button, ConfirmDialogConfig, ContentTitleCardConfig, DrawerConfig, FloatingButtonConfig, FooterConfig, HeaderConfig, HeaderInputConfig, HeaderResponsiveConfig, ListConfig, ListHeader, ListItem, LoadingOverlayConfig, MenuButton, NavbarConfig, NavigationLink, PlaceholderConfig, ScaffoldConfig, ScaffoldLibraryConfig, SeoConfig };