@volo/ngx-lepton-x.core 2.1.0 → 2.1.1

package/fesm2020/volo-ngx-lepton-x.core.mjs

@@ -1,14 +1,21 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, NgModule, Component, ViewEncapsulation, Input, Directive, Optional, Pipe, EventEmitter, Output, TemplateRef, ContentChild, inject, SecurityContext, HostListener, APP_INITIALIZER, Injector, SkipSelf } from '@angular/core';
+import { inject, InjectionToken, Injectable, Inject, NgModule, Component, ViewEncapsulation, Input, Directive, Optional, Pipe, EventEmitter, Output, TemplateRef, ContentChild, SecurityContext, HostListener, APP_INITIALIZER, Injector, SkipSelf, ElementRef } from '@angular/core';
+import * as i1$1 from '@angular/router';
+import { Router, NavigationEnd, NavigationError, NavigationCancel, RouterModule } from '@angular/router';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import { map, distinctUntilChanged, filter, take, tap, switchMap, startWith, distinctUntilKeyChanged } from 'rxjs/operators';
-import { BehaviorSubject, Subject, of, from, Observable, EMPTY, combineLatest, fromEvent, Subscription } from 'rxjs';
+import { BehaviorSubject, Subject, of, from, Observable, EMPTY, filter as filter$1, combineLatest, fromEvent, Subscription } from 'rxjs';
 import { FormsModule } from '@angular/forms';
-import * as i1$1 from '@angular/router';
-import { NavigationEnd, RouterModule } from '@angular/router';
+import PerfectScrollbar from 'perfect-scrollbar';
 import { DomSanitizer } from '@angular/platform-browser';
 
+class LpxPerfectScrollbar {
+    constructor() {
+        this.router = inject(Router);
+    }
+}
+
 const LPX_LANGUAGE = new InjectionToken('LPX_LANGUAGE');
 
 class DataStore {
@@ -680,6 +687,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
+class LpxPerfectScrollbarService extends LpxPerfectScrollbar {
+    setElement(value) {
+        if (value) {
+            this.elementRef = value;
+        }
+    }
+    setOptions(value) {
+        if (value) {
+            this.options = value;
+        }
+    }
+    createScrollbar() {
+        this.perfectScrollbar = new PerfectScrollbar(this.elementRef.nativeElement, this.options);
+    }
+    onResize() {
+        this.perfectScrollbar.update();
+    }
+    afterViewInit() {
+        this.createScrollbar();
+        this.subscription?.unsubscribe();
+        this.subscription = this.router.events
+            .pipe(filter$1((event) => event instanceof NavigationEnd ||
+            event instanceof NavigationError ||
+            event instanceof NavigationCancel))
+            .subscribe(() => {
+            const { element } = this.perfectScrollbar;
+            const { topAfterNavigate, leftAfterNavigate } = this.options || {};
+            element.scrollTop = topAfterNavigate || 0;
+            element.scrollLeft = leftAfterNavigate || 0;
+        });
+    }
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+    }
+}
+LpxPerfectScrollbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LpxPerfectScrollbarService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+LpxPerfectScrollbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LpxPerfectScrollbarService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LpxPerfectScrollbarService, decorators: [{
+            type: Injectable
+        }] });
+
 class TranslatePipe {
     constructor(lpxThemeTranslateService) {
         this.lpxThemeTranslateService = lpxThemeTranslateService;
@@ -1456,15 +1504,22 @@ function listenDirectionChange(languageService, styleService) {
     };
 }
 
+const LPX_PERFECT_SCROLLBAR = new InjectionToken('LPX_PERFECT_SCROLLBAR');
+
 class LpxCoreModule {
     static forRoot(options) {
         return {
             ngModule: LpxCoreModule,
             providers: [
+                {
+                    provide: LPX_PERFECT_SCROLLBAR,
+                    useClass: LpxPerfectScrollbarService,
+                },
                 createResponsiveProvider(options?.responsiveSettings),
                 createWindowProvider(options?.window),
                 LpxIconModule.forRoot(options?.iconSettings).providers,
-                LpxLanguageModule.forRoot(options?.languageSettings).providers,
+                LpxLanguageModule.forRoot(options?.languageSettings)
+                    .providers,
                 LpxNavbarModule.forRoot(options?.navbarSettings).providers,
                 LpxBreadcrumbModule.forRoot().providers,
                 LPX_TRANSLATE_PROVIDERS,
@@ -1561,6 +1616,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 }]
         }] });
 
+class PerfectScrollbarDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.lpxPerfectService = inject(LPX_PERFECT_SCROLLBAR);
+    }
+    set lpxPerfectScrollbarOptions(value) {
+        this.lpxPerfectService.setOptions(value);
+    }
+    onResize() {
+        this.lpxPerfectService.onResize();
+    }
+    ngAfterViewInit() {
+        this.lpxPerfectService.setElement(this.elementRef);
+        this.lpxPerfectService.afterViewInit();
+    }
+}
+PerfectScrollbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PerfectScrollbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+PerfectScrollbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: PerfectScrollbarDirective, isStandalone: true, selector: "[lpxPerfectScrollbar]", inputs: { lpxPerfectScrollbarOptions: "lpxPerfectScrollbarOptions" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PerfectScrollbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[lpxPerfectScrollbar]',
+                    standalone: true,
+                }]
+        }], propDecorators: { lpxPerfectScrollbarOptions: [{
+                type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
 class BreadcrumbPanelDirective {
     constructor(template) {
         this.template = template;
@@ -1786,5 +1872,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarComponent, BodyService, BrandLogoComponent, BreadcrumbComponent, BreadcrumbPanelDirective, BreadcrumbRouteListenerService, BreadcrumbService, CONTENT_AFTER_ROUTES, CONTENT_BEFORE_ROUTES, ClickOutsideDirective, ContentPanelDirective, CurrentUserImagePanelDirective, CurrentUserPanelDirective, DataStore, DefaultAuthService, DefaultTranslateService, FooterComponent, FooterLinksService, FooterPanelDirective, ICON_MAP, IconComponent, LEPTON_X_ICON_SET, LPX_AUTH_SERVICE_PROVIDER, LPX_AUTH_SERVICE_TOKEN, LPX_INITIAL_STYLES, LPX_LANGUAGE, LPX_LAYOUT_STYLE_FINAL, LPX_MENU_ITEMS, LPX_RESPONSIVE_BREAKPOINTS_DEFAULTS, LPX_STYLE_FINAL, LPX_STYLE_PROVIDERS, LPX_TRANSLATE_SERVICE_TOKEN, LPX_TRANSLATE_TOKEN, LanguagePanelDirective, LanguageService, LanguageTranslateDefaults, LanguageTranslateKeys, LayoutService, LogoPanelDirective, LpxAvatarModule, LpxBrandLogoModule, LpxBreadcrumbModule, LpxClickOutsideModule, LpxCoreModule, LpxFooterModule, LpxIconModule, LpxLanguageModule, LpxLocalStorageService, LpxNavbarModule, LpxResponsiveModule, LpxThemeTranslateService, LpxTranslateModule, LpxVisibleDirective, MobileNavbarPanelDirective, NavbarComponent, NavbarPanelDirective, NavbarRoutesComponent, NavbarRoutesDirective, NavbarService, NavitemPanelDirective, PanelsModule, RESPONSIVE_BREAKPOINTS, ResponsiveDirective, ResponsiveService, SafeHtmlPipe, SettingsPanelDirective, StyleService, SubNavbarComponent, ToObservableModule, ToObservablePipe, ToolbarPanelDirective, TopNavbarPanelDirective, TranslatePipe, UserProfileService, WINDOW, breadCrumbInit, createDirectionProvider, createResponsiveProvider, createStyleFactory, createWindowProvider, exportedDeclarations, flatArrayDeepToObject, getStream$, listenDirectionChange, loadInitialStyles, sortItems, styleLoadFactory };
+export { AvatarComponent, BodyService, BrandLogoComponent, BreadcrumbComponent, BreadcrumbPanelDirective, BreadcrumbRouteListenerService, BreadcrumbService, CONTENT_AFTER_ROUTES, CONTENT_BEFORE_ROUTES, ClickOutsideDirective, ContentPanelDirective, CurrentUserImagePanelDirective, CurrentUserPanelDirective, DataStore, DefaultAuthService, DefaultTranslateService, FooterComponent, FooterLinksService, FooterPanelDirective, ICON_MAP, IconComponent, LEPTON_X_ICON_SET, LPX_AUTH_SERVICE_PROVIDER, LPX_AUTH_SERVICE_TOKEN, LPX_INITIAL_STYLES, LPX_LANGUAGE, LPX_LAYOUT_STYLE_FINAL, LPX_MENU_ITEMS, LPX_PERFECT_SCROLLBAR, LPX_RESPONSIVE_BREAKPOINTS_DEFAULTS, LPX_STYLE_FINAL, LPX_STYLE_PROVIDERS, LPX_TRANSLATE_SERVICE_TOKEN, LPX_TRANSLATE_TOKEN, LanguagePanelDirective, LanguageService, LanguageTranslateDefaults, LanguageTranslateKeys, LayoutService, LogoPanelDirective, LpxAvatarModule, LpxBrandLogoModule, LpxBreadcrumbModule, LpxClickOutsideModule, LpxCoreModule, LpxFooterModule, LpxIconModule, LpxLanguageModule, LpxLocalStorageService, LpxNavbarModule, LpxPerfectScrollbar, LpxPerfectScrollbarService, LpxResponsiveModule, LpxThemeTranslateService, LpxTranslateModule, LpxVisibleDirective, MobileNavbarPanelDirective, NavbarComponent, NavbarPanelDirective, NavbarRoutesComponent, NavbarRoutesDirective, NavbarService, NavitemPanelDirective, PanelsModule, PerfectScrollbarDirective, RESPONSIVE_BREAKPOINTS, ResponsiveDirective, ResponsiveService, SafeHtmlPipe, SettingsPanelDirective, StyleService, SubNavbarComponent, ToObservableModule, ToObservablePipe, ToolbarPanelDirective, TopNavbarPanelDirective, TranslatePipe, UserProfileService, WINDOW, breadCrumbInit, createDirectionProvider, createResponsiveProvider, createStyleFactory, createWindowProvider, exportedDeclarations, flatArrayDeepToObject, getStream$, listenDirectionChange, loadInitialStyles, sortItems, styleLoadFactory };
 //# sourceMappingURL=volo-ngx-lepton-x.core.mjs.map