dolfo-angular 1.209.0 → 1.211.0

package/fesm2022/dolfo-angular.mjs

@@ -1,11 +1,13 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, ChangeDetectionStrategy, Component, InjectionToken, Injectable, inject, Inject, Pipe, EventEmitter, Output, ViewChild, signal, forwardRef, booleanAttribute, ChangeDetectorRef, ViewChildren, TemplateRef, ContentChild, EnvironmentInjector, createComponent, Injector, NgModule } from '@angular/core';
+import { Directive, Input, ChangeDetectionStrategy, Component, InjectionToken, Injectable, inject, Inject, signal, Pipe, EventEmitter, Output, ViewChild, forwardRef, booleanAttribute, Injector, ChangeDetectorRef, ViewChildren, TemplateRef, ContentChild, EnvironmentInjector, createComponent, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { ControlContainer, FormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormGroupDirective, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { BehaviorSubject, map, tap, distinctUntilChanged, filter, fromEvent, delay, mergeMap, catchError, of, race, zip } from 'rxjs';
+import { BehaviorSubject, map, tap, distinctUntilChanged, filter, mergeMap, of, delay, catchError, throwError, zip, fromEvent, from, concatAll, race } from 'rxjs';
 import * as i1 from '@angular/common';
-import { formatDate, DecimalPipe, CommonModule } from '@angular/common';
-import { HttpClient } from '@angular/common/http';
+import { formatDate, DecimalPipe, APP_BASE_HREF, CommonModule } from '@angular/common';
+import { HttpClient, HttpErrorResponse } from '@angular/common/http';
+import * as i2 from '@angular/router';
+import { Router } from '@angular/router';
 import * as i1$2 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 
@@ -126,6 +128,25 @@ const ICON_COMPONENT = new InjectionToken("ICON_COMPONENT", {
     factory: () => IconComponent
 });
 
+const ROUTE_CHECK_SERVICE = new InjectionToken("ROUTE_CHECK_SERVICE", {
+    providedIn: "root",
+    factory: () => {
+        throw new Error("RouteCheckService not provided");
+    }
+});
+
+var StoreLists;
+(function (StoreLists) {
+    StoreLists[StoreLists["EMPTY"] = 0] = "EMPTY";
+})(StoreLists || (StoreLists = {}));
+var StorageValues;
+(function (StorageValues) {
+    StorageValues["TOKEN"] = "token";
+    StorageValues["LANG"] = "lang";
+})(StorageValues || (StorageValues = {}));
+const MAX_DEVICE_SIZE = 750;
+const MAX_SMALL_DEVICE = 500;
+
 const TRANSLATE_STORAGE_KEY = "dolfo-lang-stored";
 const LANGUAGE_TOKEN = new InjectionToken("LANGUAGE_TOKEN");
 const provideDolfoLanguages = (langs, defaultLanguage) => ({
@@ -273,6 +294,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [{ type: TranslateService }] });
 
+class DialogUtilsService {
+    dialogService;
+    translateService;
+    constructor(dialogService, translateService) {
+        this.dialogService = dialogService;
+        this.translateService = translateService;
+    }
+    showLoading$ = (obs) => mergeMap(res => of(res).pipe(delay(0), tap(() => this.dialogService.showLoading().subscribe()), mergeMap(res => obs(res)), catchError(err => {
+        this.closeLatestDialog();
+        return throwError(() => err);
+    })));
+    hideLoading = () => this.closeLatestDialog();
+    closeLatestDialog = () => this.dialogService.close();
+    closeWithAction = (data) => {
+        this.dialogService.action({ type: DialogActionType.OK, data });
+        this.closeLatestDialog();
+    };
+    openDialogComponent = (component) => this.dialogService.openDialogComponent(component);
+    openDialog = (input) => this.dialogService.openDialog(input);
+    askConfirmAndLoad = (input, obs, getDialogResp = false) => this.dialogService.openDialog({
+        title: this.translateService.translate(input.title),
+        message: this.translateService.translate(input.message),
+        type: "confirm",
+        hideCloseX: input.hideCloseX,
+        width: input.width
+    }).pipe(filter(res => res.type === DialogActionType.OK || getDialogResp), this.showLoading$(res => obs(res.type)), tap(() => this.hideLoading()));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogUtilsService, deps: [{ token: DialogService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogUtilsService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogUtilsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: () => [{ type: DialogService }, { type: TranslateService }] });
+
 class NotificationService {
     notification$ = new BehaviorSubject(null);
     history$ = new BehaviorSubject([]);
@@ -309,6 +366,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+class RouteCheckService {
+    storeService = inject(StoreService);
+    routeService = inject(ROUTE_CHECK_SERVICE);
+    canActivate({ routeConfig }) {
+        if (!this.storeService.isInitialized())
+            return false;
+        return this.routeService.load$().pipe(catchError(() => of(null)), mergeMap(() => this.routeService.checkRoute(routeConfig.path)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RouteCheckService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RouteCheckService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RouteCheckService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }] });
+
+class StoreService extends Subscriptable {
+    appInitialized = signal(false, ...(ngDevMode ? [{ debugName: "appInitialized" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        this.addSubscription(zip([
+            fromEvent(window, "keydown").pipe(filter(e => !this.isPressingCtrl() && e.ctrlKey), tap(() => this.setCtrlKey(true))),
+            fromEvent(window, "keyup").pipe(filter(e => this.isPressingCtrl() && e.key === "Control"), tap(() => this.setCtrlKey(false))),
+            fromEvent(window, "blur").pipe(filter(() => this.isPressingCtrl()), tap(() => this.setCtrlKey(false)))
+        ]).subscribe());
+    }
+    store$ = new BehaviorSubject({
+        lists: {},
+        entities: {},
+        pressingCtrl: false
+    });
+    addList = (key, list) => this.store$.next({
+        ...this.store$.getValue(),
+        lists: {
+            ...this.store$.getValue().lists,
+            [key]: list
+        }
+    });
+    getList = (key) => this.store$.getValue().lists[key];
+    addEntity = (key, entity) => this.store$.next({
+        ...this.store$.getValue(),
+        entities: {
+            ...this.store$.getValue().entities,
+            [key]: entity
+        }
+    });
+    getEntity = (key) => this.store$.getValue().entities[key];
+    setCtrlKey = (pressingCtrl) => this.store$.next({
+        ...this.store$.getValue(),
+        pressingCtrl
+    });
+    isPressingCtrl = () => this.store$.getValue().pressingCtrl;
+    isInitialized = () => this.appInitialized();
+    initialize = () => this.appInitialized.set(true);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StoreService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StoreService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: () => [] });
+
 class TooltipService {
     tooltip$ = new BehaviorSubject(null);
     showTooltip = (input) => this.tooltip$.next(input);
@@ -964,6 +1087,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 args: [{ transform: booleanAttribute }]
             }] } });
 
+class BaseAppComponent extends Subscriptable {
+    injector = inject(Injector);
+    router = inject(Router);
+    storeService = inject(StoreService);
+    loading = signal(0, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    loadingMessage = signal("...", ...(ngDevMode ? [{ debugName: "loadingMessage" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        from(Object.values(this.streams)).pipe(concatAll(), tap(desc => {
+            this.loading.update(item => item + 1);
+            this.loadingMessage.set(desc + "...");
+        })).subscribe(() => {
+            if (this.loading() === Object.keys(this.streams).length) {
+                setTimeout(() => {
+                    this.loadingMessage.set(null);
+                    this.storeService.initialize();
+                    this.router.initialNavigation();
+                }, 500);
+            }
+        });
+    }
+    ngAfterViewInit() {
+        new OverlayManager(this.injector, this.container).init().forEach(s => this.addSubscription(s));
+    }
+    get percentage() {
+        return (this.loading() * 100) / Object.keys(this.streams).length;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: BaseAppComponent, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseAppComponent, decorators: [{
+            type: Directive
+        }] });
+
 class Formable extends Subscriptable {
     formRef;
     inputs;
@@ -2064,6 +2220,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }] } });
 
+class NavigateDirective extends Subscriptable {
+    elementRef;
+    url;
+    isLink;
+    publicUrl = inject(APP_BASE_HREF);
+    constructor(storeService, router, elementRef) {
+        super();
+        this.elementRef = elementRef;
+        this.isLink = elementRef.nativeElement.tagName.toLocaleLowerCase() === "a";
+        this.addSubscription(fromEvent(elementRef.nativeElement, "click").subscribe(e => {
+            if (this.isLink)
+                e.preventDefault();
+            if (storeService.isPressingCtrl())
+                this.openBlank();
+            else
+                router.navigateByUrl(this.url);
+        }));
+        this.addSubscription(fromEvent(elementRef.nativeElement, "mousedown").pipe(filter(e => e.button === 1)).subscribe(e => {
+            if (this.isLink)
+                e.stopPropagation();
+            else
+                this.openBlank();
+        }));
+    }
+    ngOnChanges(changes) {
+        if ((this.isLink || (changes.url && changes.url.currentValue !== this.url)) && !!this.url)
+            this.elementRef.nativeElement.setAttribute("href", this.url);
+    }
+    openBlank = () => window.open(this.publicUrl + this.url, "_blank");
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavigateDirective, deps: [{ token: StoreService }, { token: i2.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: NavigateDirective, isStandalone: false, selector: "[dolfoNavigate]", inputs: { url: ["dolfoNavigate", "url"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavigateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[dolfoNavigate]",
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: StoreService }, { type: i2.Router }, { type: i0.ElementRef }], propDecorators: { url: [{
+                type: Input,
+                args: [{ required: true, alias: "dolfoNavigate" }]
+            }] } });
+
 class PopoverDirective extends Subscriptable {
     el;
     ps;
@@ -2156,14 +2355,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class DirectivesModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule, declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective], exports: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule, declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective], exports: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DirectivesModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective],
-                    exports: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective]
+                    declarations: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective],
+                    exports: [ContextMenuDirective, ScrollDragDirective, TooltipDirective, PopoverDirective, NavigateDirective]
                 }]
         }] });
 
@@ -2311,6 +2510,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+const authInterceptor = (req, next) => {
+    const translateService = inject(TranslateService), clone = req.clone({
+        headers: req.headers.set("Client-lang", translateService.getLang().name)
+    });
+    if (!!localStorage.getItem(StorageValues.TOKEN)) {
+        return next(clone.clone({
+            headers: clone.headers.set("Authorization", "Bearer " + localStorage.getItem(StorageValues.TOKEN))
+        }));
+    }
+    return next(clone);
+};
+
+const errorInterceptor = (req, next) => {
+    const notificationService = inject(NotificationService), translateService = inject(TranslateService);
+    return next(req).pipe(catchError(err => {
+        if (err instanceof HttpErrorResponse) {
+            if (err.status === 401)
+                localStorage.removeItem(StorageValues.TOKEN);
+            notificationService.show({
+                type: "error",
+                title: translateService.translate("dialog.errorApi"),
+                message: typeof err.error === "string" ? err.error : err.message
+            });
+        }
+        return throwError(() => err);
+    }));
+};
+
 /*
  * Public API Surface of dolfo-angular
  */
@@ -2320,5 +2547,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AutocompleteComponent, BaseFormInput, ButtonComponent, CONTEXT_MENU_DESTROY_TOKEN, ColumnAlign, ColumnDataType, ComboboxComponent, ContextMenuComponent, ContextMenuDirective, ContextMenuService, DatepickerComponent, DialogActionType, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogLayoutComponent, DialogLayoutModule, DialogService, DirectivesModule, FormComponent, FormModule, Formable, GridComponent, GridConfig, GridModule, ICON_COMPONENT, IconComponent, IconWrapperComponent, InputCheckboxComponent, InputContainerComponent, InputRadioComponent, InputTextComponent, LANGUAGE_TOKEN, LayoutModule, LoaderComponent, NotificationComponent, NotificationService, OverlayManager, POPOVER_DESTROY_TOKEN, PopoverComponent, PopoverDirective, PopoverService, ScrollDragDirective, Subscriptable, TOOLTIP_DESTROY_TOKEN, TRANSLATE_STORAGE_KEY, TooltipComponent, TooltipDirective, TooltipService, TranslatePipe, TranslateService, isDeepEqual, passwordValidator, provideDolfoLanguages };
+export { AutocompleteComponent, BaseAppComponent, BaseFormInput, ButtonComponent, CONTEXT_MENU_DESTROY_TOKEN, ColumnAlign, ColumnDataType, ComboboxComponent, ContextMenuComponent, ContextMenuDirective, ContextMenuService, DatepickerComponent, DialogActionType, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogLayoutComponent, DialogLayoutModule, DialogService, DialogUtilsService, DirectivesModule, FormComponent, FormModule, Formable, GridComponent, GridConfig, GridModule, ICON_COMPONENT, IconComponent, IconWrapperComponent, InputCheckboxComponent, InputContainerComponent, InputRadioComponent, InputTextComponent, LANGUAGE_TOKEN, LayoutModule, LoaderComponent, MAX_DEVICE_SIZE, MAX_SMALL_DEVICE, NavigateDirective, NotificationComponent, NotificationService, OverlayManager, POPOVER_DESTROY_TOKEN, PopoverComponent, PopoverDirective, PopoverService, ROUTE_CHECK_SERVICE, RouteCheckService, ScrollDragDirective, StorageValues, StoreLists, StoreService, Subscriptable, TOOLTIP_DESTROY_TOKEN, TRANSLATE_STORAGE_KEY, TooltipComponent, TooltipDirective, TooltipService, TranslatePipe, TranslateService, authInterceptor, errorInterceptor, isDeepEqual, passwordValidator, provideDolfoLanguages };
 //# sourceMappingURL=dolfo-angular.mjs.map