herum-shared 0.1.25

package/fesm2022/herum-shared-mongo.mjs

@@ -0,0 +1,729 @@
+import * as i0 from '@angular/core';
+import { Inject, Injectable, ViewChildren, Component, HostListener, NgModule } from '@angular/core';
+import { ErrorMessageDialogComponent } from 'herum-shared/errors';
+import { dialogsDescriptions, dialogsTitles, getToastsTemplates, toastStatuses, toastContext, toastStates, uploadsManagerKeys, uploadStatuses, svgsStrings } from 'herum-shared/constants';
+import { Subject, EMPTY, forkJoin, BehaviorSubject } from 'rxjs';
+import { HERUM_SHARED_CONFIG_TOKEN } from 'herum-shared/environment';
+import * as i1 from '@angular/material/dialog';
+import * as i2 from '@angular/common/http';
+import * as i3 from 'herum-shared/static-services';
+import { StorageService } from 'herum-shared/static-services';
+import { catchError, switchMap, takeUntil, shareReplay } from 'rxjs/operators';
+import * as i1$1 from 'herum-shared/mongo/services';
+import * as i2$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from 'herum-shared/pipes';
+import { PipesModule } from 'herum-shared/pipes';
+import { isTruncatedTitleElement } from 'herum-shared/utils';
+import * as i3$1 from 'herum-shared/atoms';
+import { AtomsModule } from 'herum-shared/atoms';
+import { MAT_DATE_LOCALE } from '@angular/material/core';
+
+class ErrorsHandlerService {
+    dialog;
+    http;
+    utilsService;
+    environmentConfig;
+    isErrorPopupCurrentlyOpened = false;
+    failedReportUploadProgressRequests = [];
+    failedDependentsRequestsContext = {};
+    dependentRequestId$ = new Subject();
+    reportUploadProgressRequest$ = new Subject();
+    commonDependentsErrorToast$ = new Subject();
+    errorToast$ = new Subject();
+    constructor(dialog, http, utilsService, environmentConfig) {
+        this.dialog = dialog;
+        this.http = http;
+        this.utilsService = utilsService;
+        this.environmentConfig = environmentConfig;
+    }
+    handleError(errorStatus, errorData) {
+        if (!errorData)
+            return;
+        let url = errorData?.url;
+        if (errorData.headers?.dependentId) {
+            const commonDependentsErrorToast = { commonDependentsId: errorData.commonDependentsId, numberOfObservableArrowFunctions: errorData.numberOfObservableArrowFunctions, errorStatus };
+            this.handleDependentRequestError(commonDependentsErrorToast, errorData.headers?.dependentId);
+        }
+        if (errorData.headers?.reportUploadProgressId)
+            this.handleReportUploadProgressRequestError(errorData.headers.reportUploadProgressId);
+        const isErrorToastNeeded = this.isErrorToastNeeded(errorData, errorStatus);
+        if (isErrorToastNeeded)
+            this.handleErrorToast(errorData);
+        if (errorData == 'CRITICAL')
+            this.handleInternalServerError(true);
+        switch (errorStatus) {
+            case 401:
+                this.handleUnauthorizedError();
+                break;
+            case 403:
+                this.handleForbiddenError(!isErrorToastNeeded);
+                break;
+            case 409:
+                this.handleConflictError();
+                break;
+            case 500:
+                this.handleInternalServerError();
+                break;
+            case 504:
+                this.handleTimeoutError(!isErrorToastNeeded);
+                break;
+            default: break;
+        }
+        if (!url?.includes('Activity'))
+            this.http.post(this.environmentConfig?.environment?.userAction, errorData).subscribe();
+    }
+    setFailedReportUploadProgressRequests(failedReportUploadProgressRequest) {
+        this.failedReportUploadProgressRequests.push(failedReportUploadProgressRequest);
+    }
+    handleUnauthorizedError() {
+        console.error("Unauthorized error");
+    }
+    handleConflictError() {
+        console.error("Conflict error");
+    }
+    handleForbiddenError(isErrorPopupNeeded) {
+        if (this.isErrorPopupCurrentlyOpened || !isErrorPopupNeeded)
+            return;
+        this.isErrorPopupCurrentlyOpened = true;
+        const dialogRef = this.dialog.open(ErrorMessageDialogComponent, {
+            data: { title: dialogsTitles.userError, description: dialogsDescriptions.forbiddenServerError }
+        });
+        dialogRef.afterClosed().subscribe(result => this.isErrorPopupCurrentlyOpened = false);
+    }
+    handleTimeoutError(isErrorPopupNeeded) {
+        if (this.isErrorPopupCurrentlyOpened || !isErrorPopupNeeded)
+            return;
+        this.isErrorPopupCurrentlyOpened = true;
+        const dialogRef = this.dialog.open(ErrorMessageDialogComponent, {
+            data: { title: dialogsTitles.timeoutError, description: dialogsDescriptions.timeoutError }
+        });
+        dialogRef.afterClosed().subscribe(result => this.isErrorPopupCurrentlyOpened = false);
+    }
+    handleInternalServerError(isCritical = false) {
+        if (this.isErrorPopupCurrentlyOpened)
+            return;
+        this.isErrorPopupCurrentlyOpened = true;
+        const dialogRef = this.dialog.open(ErrorMessageDialogComponent, {
+            data: {
+                title: dialogsTitles.serverError, description: isCritical ?
+                    dialogsDescriptions.criticalServerError : dialogsDescriptions.serverError
+            }
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            this.isErrorPopupCurrentlyOpened = false;
+        });
+    }
+    handleDependentRequestError(commonDependentsErrorToast, dependentRequestId) {
+        this.dependentRequestId$.next(dependentRequestId);
+        this.commonDependentsErrorToast$.next(commonDependentsErrorToast);
+    }
+    handleReportUploadProgressRequestError(reportUploadProgressRequestId) {
+        this.reportUploadProgressRequest$.next(reportUploadProgressRequestId);
+    }
+    isErrorToastNeeded(errorData, errorCode) {
+        if (errorData === 'CRITICAL' || errorCode === 500 || errorData.headers?.skipToast)
+            return false;
+        return !!this.utilsService.getDisplayedNameForMongoMethodByUserActivity(errorData.url);
+    }
+    handleErrorToast(errorData) {
+        if (errorData.headers?.dependentId) {
+            this.commonDependentsErrorToast$.next({
+                commonDependentsId: errorData.headers.commonDependentsId,
+                numberOfObservableArrowFunctions: Number(errorData.headers.numberOfObservableArrowFunctions),
+                errorStatus: errorData.status
+            });
+            return;
+        }
+        this.errorToast$.next({
+            url: errorData.url,
+            status: errorData.status
+        });
+    }
+    setChainedFailedObservableFunctions(dependentId, error, failedComplexObservableArrowFunctions, initialValue) {
+        if (Array.isArray(failedComplexObservableArrowFunctions[0]) && this.failedDependentsRequestsContext[dependentId])
+            this.failedDependentsRequestsContext[dependentId].failedComplexObservableArrowFunctions[0].push(failedComplexObservableArrowFunctions[0]);
+        else
+            this.failedDependentsRequestsContext[dependentId] = initialValue ? { error, failedComplexObservableArrowFunctions, initialValue } : { error, failedComplexObservableArrowFunctions };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorsHandlerService, deps: [{ token: i1.MatDialog }, { token: i2.HttpClient }, { token: i3.UtilsService }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorsHandlerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorsHandlerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.MatDialog }, { type: i2.HttpClient }, { type: i3.UtilsService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [HERUM_SHARED_CONFIG_TOKEN]
+                }] }] });
+
+class DependentsService {
+    errorsHandlerService;
+    dependentMetadata = {
+        dependentId: 0,
+        commonDependentsId: 0,
+        numberOfObservableArrowFunctions: 0
+    };
+    constructor(errorsHandlerService) {
+        this.errorsHandlerService = errorsHandlerService;
+    }
+    chainObservableFunctions(complexFunctions, initialValue) {
+        this.dependentMetadata.numberOfObservableArrowFunctions = 0;
+        ++this.dependentMetadata.commonDependentsId;
+        this.calculateNumberOfObservableFunctions(complexFunctions);
+        if (!complexFunctions.length)
+            return EMPTY;
+        const initialFunction = complexFunctions[0];
+        let initialObservable = this.setInitialObservable(complexFunctions, initialFunction, initialValue);
+        return this.chainObservables(complexFunctions, initialObservable);
+    }
+    setInitialObservable(complexFunctions, initialFunction, initialValue) {
+        return (Array.isArray(initialFunction)) ?
+            this.handleInitialComplexFunction(complexFunctions, initialFunction, initialValue) :
+            this.handleInitialFunction(complexFunctions, initialFunction, initialValue);
+    }
+    handleInitialComplexFunction(complexFunctions, initialFunctions, initialValue) {
+        let initialObservable = initialFunctions.map((innerFunction, initialFunctionIndex) => {
+            const currentId = (++this.dependentMetadata.dependentId);
+            const innerObservable = initialValue ?
+                innerFunction(initialValue, { ...this.dependentMetadata, dependentId: currentId })
+                : innerFunction({ ...this.dependentMetadata, dependentId: currentId });
+            return innerObservable.pipe(catchError((error) => {
+                const hasNextDependentFunctionsExist = complexFunctions.slice(initialFunctionIndex + 1).length > 0;
+                const slicedFunctions = hasNextDependentFunctionsExist ? [[initialFunctions[initialFunctionIndex]], ...complexFunctions.slice(initialFunctionIndex + 1)] : [[initialFunctions[initialFunctionIndex]]];
+                this.errorsHandlerService.setChainedFailedObservableFunctions(currentId.toString(), error, slicedFunctions, initialValue);
+                return EMPTY;
+            }));
+        });
+        return forkJoin(initialObservable);
+    }
+    handleInitialFunction(complexFunctions, initialFunction, initialValue) {
+        return (initialValue && !Array.isArray(initialFunction)) ?
+            initialFunction(initialValue, { ...this.dependentMetadata, dependentId: ++this.dependentMetadata.dependentId })
+            : initialFunction({ ...this.dependentMetadata, dependentId: ++this.dependentMetadata.dependentId })
+                .pipe(catchError((error) => {
+                initialValue ?
+                    this.errorsHandlerService.setChainedFailedObservableFunctions(this.dependentMetadata.dependentId.toString(), error, complexFunctions, initialValue) :
+                    this.errorsHandlerService.setChainedFailedObservableFunctions(this.dependentMetadata.dependentId.toString(), error, complexFunctions);
+                return EMPTY;
+            }));
+    }
+    chainObservables(complexFunctions, initialObservable) {
+        return complexFunctions.slice(1).reduce((acc, currentFunction, functionsIndex) => {
+            return acc.pipe(switchMap((result) => {
+                return (Array.isArray(currentFunction)) ?
+                    this.handleCurrentChainedComplexObservable(complexFunctions, currentFunction, result, functionsIndex)
+                    :
+                        this.handleCurrentChainedObservable(complexFunctions, currentFunction, result, functionsIndex);
+            }));
+        }, initialObservable);
+    }
+    handleCurrentChainedComplexObservable(complexFunctions, currentFunctions, result, functionsIndex) {
+        const observables = currentFunctions.map((innerFunction, innerFunctionIndex) => {
+            const currentId = (++this.dependentMetadata.dependentId);
+            return innerFunction(result, { ...this.dependentMetadata, dependentId: currentId }).pipe(catchError((error) => {
+                const hasNextDependentFunctionsExist = complexFunctions.slice(functionsIndex + 2).length > 0;
+                const slicedFunctions = hasNextDependentFunctionsExist ? [[currentFunctions[innerFunctionIndex]], ...complexFunctions.slice(functionsIndex + 2)] : [[currentFunctions[innerFunctionIndex]]];
+                this.errorsHandlerService.setChainedFailedObservableFunctions(currentId.toString(), error, slicedFunctions, result);
+                return EMPTY;
+            }));
+        });
+        return forkJoin(observables);
+    }
+    handleCurrentChainedObservable(complexFunctions, currentFunction, result, functionsIndex) {
+        return currentFunction(result, { ...this.dependentMetadata, dependentId: ++this.dependentMetadata.dependentId }).pipe(catchError((error) => {
+            this.errorsHandlerService.setChainedFailedObservableFunctions(this.dependentMetadata.dependentId.toString(), error, complexFunctions.slice(functionsIndex + 1), result);
+            return EMPTY;
+        }));
+    }
+    calculateNumberOfObservableFunctions(complexObservableArrowFunctions) {
+        complexObservableArrowFunctions.forEach(complexObservableArrowFunction => {
+            if (!Array.isArray(complexObservableArrowFunction))
+                ++this.dependentMetadata.numberOfObservableArrowFunctions;
+            else
+                this.calculateNumberOfObservableFunctions(complexObservableArrowFunction);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DependentsService, deps: [{ token: ErrorsHandlerService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DependentsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DependentsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ErrorsHandlerService }] });
+
+class ToastsService {
+    errorsHandlerService;
+    utilsService;
+    environmentConfig;
+    toast$ = new BehaviorSubject(undefined);
+    toastId = 0;
+    toastsTemplates;
+    constructor(errorsHandlerService, utilsService, environmentConfig) {
+        this.errorsHandlerService = errorsHandlerService;
+        this.utilsService = utilsService;
+        this.environmentConfig = environmentConfig;
+        this.errorsHandlerService.errorToast$?.subscribe(toastHttpResponseDependencies => this.createToastBasedOnHttpResponse(toastHttpResponseDependencies));
+        this.toastsTemplates = getToastsTemplates(this.environmentConfig?.mongoUpdates, this.environmentConfig?.authenticationPaths);
+    }
+    createToastBasedOnHttpResponse(toastHttpResponseDependencies) {
+        if (!toastHttpResponseDependencies)
+            return;
+        let urlRequest = toastHttpResponseDependencies?.url;
+        let mongoMethodDisplayedName = this.utilsService.getDisplayedNameForMongoMethodByUserActivity(urlRequest);
+        if (!mongoMethodDisplayedName)
+            return;
+        let status = this.setToastStatus(toastHttpResponseDependencies.status);
+        let content = status === toastStatuses.success ?
+            toastContext[status.toString()](mongoMethodDisplayedName) :
+            this.findErrorMessageByStatusCode(toastHttpResponseDependencies.status.toString(), mongoMethodDisplayedName);
+        this.showToast(toastContext.title(mongoMethodDisplayedName), content, status);
+    }
+    findErrorMessageByStatusCode(statusCode, mongoMethodDisplayedName) {
+        if (!toastContext.statusCodes[statusCode])
+            statusCode = 'genericError';
+        return toastContext.statusCodes[statusCode](mongoMethodDisplayedName);
+    }
+    showErrorToast(toastContextKey) {
+        if (!this.toastsTemplates[toastContextKey])
+            return;
+        let content = this.toastsTemplates[toastContextKey][toastStatuses.error];
+        let title = this.toastsTemplates[toastContextKey].title;
+        this.showToast(title, content, toastStatuses.error);
+    }
+    showSuccessToast(toastContextKey) {
+        if (!this.toastsTemplates[toastContextKey])
+            return;
+        let content = this.toastsTemplates[toastContextKey][toastStatuses.success];
+        let title = this.toastsTemplates[toastContextKey].title;
+        this.showToast(title, content, toastStatuses.success);
+    }
+    showInformationToast(toastContextKey) {
+        if (!this.toastsTemplates[toastContextKey])
+            return;
+        let content = this.toastsTemplates[toastContextKey][toastStatuses.information];
+        let title = this.toastsTemplates[toastContextKey].title;
+        this.showToast(title, content, toastStatuses.information);
+    }
+    showOnDemandToast(toastContextKey, status, toastStorageKey) {
+        if (!this.toastsTemplates[toastContextKey])
+            return;
+        if (this.hasToastAlreadyShownAndShouldShowOnce(toastStorageKey))
+            return;
+        let content = this.toastsTemplates[toastContextKey][status];
+        let title = this.toastsTemplates[toastContextKey].title;
+        this.showToast(title, content, status);
+    }
+    hasToastAlreadyShownAndShouldShowOnce(toastStorageKey) {
+        if (!toastStorageKey)
+            return false;
+        if (StorageService.getItem(toastStorageKey))
+            return true;
+        StorageService.setItem(toastStorageKey, toastStorageKey);
+        return false;
+    }
+    showToast(title, content, status) {
+        this.toast$.next({ title, content, status, id: ++this.toastId, state: toastStates.preEnter });
+    }
+    setToastStatus(statusCode) {
+        if (statusCode >= 200 && statusCode < 299)
+            return toastStatuses.success;
+        if (statusCode >= 400 && statusCode < 599)
+            return toastStatuses.error;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ToastsService, deps: [{ token: ErrorsHandlerService }, { token: i3.UtilsService }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ToastsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ToastsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ErrorsHandlerService }, { type: i3.UtilsService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [HERUM_SHARED_CONFIG_TOKEN]
+                }] }] });
+
+class UploadsManagerService {
+    errorsHandlerService;
+    dependentsService;
+    http;
+    toastsService;
+    uploadsManagerTitle$ = new BehaviorSubject(uploadsManagerKeys.defaultUploadsManagerTitle);
+    uploadsProgressMetadata$ = new BehaviorSubject([]);
+    constructor(errorsHandlerService, dependentsService, http, toastsService) {
+        this.errorsHandlerService = errorsHandlerService;
+        this.dependentsService = dependentsService;
+        this.http = http;
+        this.toastsService = toastsService;
+        this.setSubscriptions();
+    }
+    setSubscriptions() {
+        this.errorsHandlerService.dependentRequestId$?.subscribe(dependentRequestId => this.updateUploadProgressStatus(dependentRequestId, uploadStatuses.error));
+        this.errorsHandlerService.reportUploadProgressRequest$.subscribe(reportUploadProgressRequestId => this.updateUploadProgressStatus(reportUploadProgressRequestId, uploadStatuses.error));
+        this.errorsHandlerService.commonDependentsErrorToast$?.subscribe(commonDependentsErrorToast => this.createNewToastBasedOnHttpRequest(commonDependentsErrorToast));
+    }
+    updateUploadProgressStatus(uploadProgressId, status) {
+        let uploadsProgressMetadata = this.uploadsProgressMetadata$.getValue();
+        uploadsProgressMetadata.find(uploadProgressMetadata => uploadProgressMetadata.id === uploadProgressId).status = status;
+        this.uploadsProgressMetadata$.next(uploadsProgressMetadata);
+    }
+    retryFailedUploads() {
+        const uploadsProgressMetadata = this.uploadsProgressMetadata$.getValue();
+        const failedUploadsProgressIds = uploadsProgressMetadata
+            .filter(uploadProgressMetadata => uploadProgressMetadata.status === uploadStatuses.error)
+            .map(uploadProgressMetadata => uploadProgressMetadata.id);
+        return failedUploadsProgressIds.map(failedUploadProgressId => this.retryFailedUpload(failedUploadProgressId));
+    }
+    retryFailedUpload(uploadProgressId) {
+        this.uploadsProgressMetadata$.next(this.uploadsProgressMetadata$.getValue().filter(uploadProgressMetadata => uploadProgressMetadata.id !== uploadProgressId));
+        return this.errorsHandlerService.failedDependentsRequestsContext[uploadProgressId] ?
+            this.handleFailedDependentRequest(uploadProgressId) :
+            this.handleFailedReportUploadRequest(uploadProgressId);
+    }
+    handleFailedDependentRequest(uploadProgressId) {
+        const failedDependentRequestContext = this.errorsHandlerService.failedDependentsRequestsContext[uploadProgressId];
+        const initialValue = failedDependentRequestContext.initialValue;
+        const failedObservableFunctions = failedDependentRequestContext.failedComplexObservableArrowFunctions;
+        return initialValue ? this.dependentsService.chainObservableFunctions(failedObservableFunctions, initialValue) :
+            this.dependentsService.chainObservableFunctions(failedObservableFunctions);
+    }
+    handleFailedReportUploadRequest(uploadProgressId) {
+        const uploadProgressRequestIndex = this.errorsHandlerService.failedReportUploadProgressRequests.findIndex(request => request.headers?.get(uploadsManagerKeys.reportUploadProgressIdHeader) === uploadProgressId);
+        if (uploadProgressRequestIndex !== -1) {
+            const failedUploadProgressRequestRequest = this.errorsHandlerService.failedReportUploadProgressRequests[uploadProgressRequestIndex];
+            this.errorsHandlerService.failedReportUploadProgressRequests.splice(uploadProgressRequestIndex, 1);
+            return this.http.request(failedUploadProgressRequestRequest.method, failedUploadProgressRequestRequest.url, {
+                body: failedUploadProgressRequestRequest.body,
+                responseType: 'text',
+                reportProgress: true
+            });
+        }
+    }
+    addOrUpdateUploadProgressMetadata(uploadProgressMetadata) {
+        let uploadsProgressMetadata = this.uploadsProgressMetadata$.value;
+        if (uploadsProgressMetadata.some(existedUploadProgressMetadata => existedUploadProgressMetadata.id == uploadProgressMetadata.id))
+            uploadsProgressMetadata = uploadsProgressMetadata.filter(exitedUploadProgressMetadata => exitedUploadProgressMetadata.id != uploadProgressMetadata.id);
+        uploadsProgressMetadata.push(uploadProgressMetadata);
+        uploadsProgressMetadata.sort((a, b) => b.requestTime - a.requestTime);
+        this.uploadsProgressMetadata$.next(uploadsProgressMetadata);
+    }
+    getUploadProgressById(uploadProgressId) {
+        return this.uploadsProgressMetadata$.getValue().find(uploadsProgressMetadata => uploadsProgressMetadata.id === uploadProgressId);
+    }
+    createNewToastBasedOnHttpRequest(commonDependentsToast) {
+        const { commonDependentsId, numberOfObservableArrowFunctions, errorStatus } = commonDependentsToast;
+        if (!commonDependentsId)
+            return;
+        const commonUploadsProgress = this.uploadsProgressMetadata$.getValue().filter(uploadProgress => uploadProgress.commonDependentsId === commonDependentsId);
+        let areCommonUploadsProgressFinished = false;
+        const areAllCommonUploadsProgressWereSent = commonUploadsProgress.length === numberOfObservableArrowFunctions;
+        const areAllCommonUploadsProgressFinishedSuccesfully = commonUploadsProgress.every(commonUploadProgress => commonUploadProgress.status === uploadStatuses.success);
+        if (commonUploadsProgress.every(commonUploadProgress => commonUploadProgress.status !== uploadStatuses.loading) && areAllCommonUploadsProgressWereSent)
+            areCommonUploadsProgressFinished = true;
+        if (!areCommonUploadsProgressFinished && !errorStatus)
+            return;
+        let title = this.uploadsManagerTitle$.getValue();
+        let content = areAllCommonUploadsProgressFinishedSuccesfully ? `פעולת ${title} הצליחה.` : this.toastsService.findErrorMessageByStatusCode(errorStatus?.toString(), `${title}`);
+        let status = areAllCommonUploadsProgressFinishedSuccesfully ? toastStatuses.success : toastStatuses.error;
+        this.toastsService.showToast(title, content, status);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadsManagerService, deps: [{ token: ErrorsHandlerService }, { token: DependentsService }, { token: i2.HttpClient }, { token: ToastsService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadsManagerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadsManagerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ErrorsHandlerService }, { type: DependentsService }, { type: i2.HttpClient }, { type: ToastsService }] });
+
+class HerumToastsComponent {
+    toastsService;
+    changeDetectorRef;
+    toastElements;
+    toasts = [];
+    minimumOpacity = 0.7;
+    transformDuration = 400;
+    leavingDuration = 7000;
+    gap = 16;
+    constructor(toastsService, changeDetectorRef) {
+        this.toastsService = toastsService;
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this.toastsService.toast$.subscribe(newToast => this.handleNewToast(newToast));
+    }
+    handleNewToast(toast) {
+        if (!toast)
+            return;
+        this.toasts.unshift(toast);
+        this.changeDetectorRef.detectChanges();
+        setTimeout(() => toast.state = toastStates.enter, 100);
+        setTimeout(() => this._onHideToast(toast, false), this.leavingDuration);
+        this.toastElements?.forEach((toastElement, index) => {
+            const toastNativeElement = toastElement.nativeElement;
+            if (toastNativeElement) {
+                let gap = this.gap * index;
+                if (index)
+                    toastNativeElement.style.transform = `translateY(calc(${-this.reduceToastHeights(index)}px - ${gap}px)) translateX(0)`;
+                this.setToastLinearOpacity(index - 1, toastElement);
+            }
+        });
+    }
+    reduceToastHeights(currentElementToastIndex) {
+        return this.toastElements?.toArray().reduce((totalHeight, toast, index) => {
+            if (currentElementToastIndex > index) {
+                return totalHeight + toast.nativeElement.offsetHeight;
+            }
+            return totalHeight;
+        }, 0);
+    }
+    _onHideToast(currentToast, lowToasts) {
+        const toastIndex = this.toasts.indexOf(currentToast);
+        if (toastIndex === -1)
+            return;
+        const currentElementToast = this.toastElements.toArray()[toastIndex];
+        const layoutPadding = '24px';
+        if (currentElementToast)
+            currentElementToast.nativeElement.style.transform = `${currentElementToast.nativeElement.style.transform} translateX(calc(100% + ${layoutPadding}))`;
+        if (lowToasts && (toastIndex !== this.toasts.length - 1)) {
+            let filteredItems = this.toastElements.toArray().filter((item, index) => index > toastIndex);
+            if (!filteredItems.length)
+                return;
+            filteredItems.forEach((toastElement) => {
+                let transformValue = toastElement.nativeElement.style.transform;
+                let transformValueMatch = transformValue.match(/calc\((.*)\)\)/);
+                if (transformValueMatch) {
+                    let translateYValue = transformValueMatch[1];
+                    const updatedTranslateY = `translateY(calc(${translateYValue} + 100% + ${this.gap}px))`;
+                    setTimeout(() => {
+                        {
+                            toastElement.nativeElement.style.transform = `${updatedTranslateY}`;
+                            this.removeToast(currentToast);
+                        }
+                    }, 300);
+                }
+            });
+        }
+        else
+            setTimeout(() => { this.removeToast(currentToast); }, this.transformDuration);
+    }
+    removeToast(currentToast) {
+        this.toasts = this.toasts.filter(toast => toast.id !== currentToast.id);
+    }
+    setToastLinearOpacity(toastElementIndex, toastElement) {
+        let toastStyle = toastElement.nativeElement.style;
+        if (toastElementIndex === this.toastElements.toArray().length - 1)
+            toastStyle.opacity = this.minimumOpacity.toString();
+        else if (!toastElementIndex)
+            toastStyle.opacity = (1 - (this.minimumOpacity / (this.toastElements.length))).toString();
+        else
+            toastStyle.opacity = (1 - ((toastElementIndex + 1) * this.minimumOpacity / (this.toastElements.length))).toString();
+    }
+    _toastStatusIcon(toastStatus) {
+        return svgsStrings[toastStatus];
+    }
+    get successStatus() {
+        return toastStatuses.success;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumToastsComponent, deps: [{ token: i1$1.ToastsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumToastsComponent, isStandalone: false, selector: "herum-toasts", viewQueries: [{ propertyName: "toastElements", predicate: ["toast"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"toasts?.length\">\r\n    <div #toast class=\"herum-toast d-flex\" [ngClass]=\"[toast?.state ?? '',toast?.status ?? '']\"\r\n        *ngFor=\"let toast of toasts; trackBy: _trackByFn\">\r\n        <span [ngClass]=\"{'icons-color':toast?.status===successStatus}\"\r\n            [innerHTML]=\"_toastStatusIcon(toast?.status) | safeHtml\">\r\n        </span>\r\n\r\n        <div class=\"d-flex flex-column\">\r\n            <div class=\"section-title\"> {{toast?.title}}</div>\r\n            <div class='toast-content'> {{toast?.content}}</div>\r\n        </div>\r\n\r\n        <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\"\r\n            (click)=\"_onHideToast(toast,true)\">\r\n    </div>\r\n</ng-container>", styles: [".herum-toast{position:absolute;bottom:0;right:0;width:340px;padding:var(--standard-padding);border-radius:var(--border-radius);background-color:#fff;box-shadow:0 0 var(--box-shadow-blur) #00000029!important;transition:transform .4s ease-out,opacity .4s ease-out;transform:translate(100%);opacity:0}.herum-toast .icons-color{fill:var(--icons-color)}.herum-toast .status-image{height:22px;width:22px;margin-left:6px}.herum-toast .close-button{height:8px;left:8px;top:8px;position:absolute;cursor:pointer;margin-block-end:4px}.toast-content{flex-grow:1;flex-shrink:1}.enter{transform:translate(0);opacity:1}.success{border-right:solid 8px #4caf50}.information{border-right:solid 8px var(--information-color)}.error{border-right:solid 8px var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "safeHtml" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumToastsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'herum-toasts', template: "<ng-container *ngIf=\"toasts?.length\">\r\n    <div #toast class=\"herum-toast d-flex\" [ngClass]=\"[toast?.state ?? '',toast?.status ?? '']\"\r\n        *ngFor=\"let toast of toasts; trackBy: _trackByFn\">\r\n        <span [ngClass]=\"{'icons-color':toast?.status===successStatus}\"\r\n            [innerHTML]=\"_toastStatusIcon(toast?.status) | safeHtml\">\r\n        </span>\r\n\r\n        <div class=\"d-flex flex-column\">\r\n            <div class=\"section-title\"> {{toast?.title}}</div>\r\n            <div class='toast-content'> {{toast?.content}}</div>\r\n        </div>\r\n\r\n        <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\"\r\n            (click)=\"_onHideToast(toast,true)\">\r\n    </div>\r\n</ng-container>", styles: [".herum-toast{position:absolute;bottom:0;right:0;width:340px;padding:var(--standard-padding);border-radius:var(--border-radius);background-color:#fff;box-shadow:0 0 var(--box-shadow-blur) #00000029!important;transition:transform .4s ease-out,opacity .4s ease-out;transform:translate(100%);opacity:0}.herum-toast .icons-color{fill:var(--icons-color)}.herum-toast .status-image{height:22px;width:22px;margin-left:6px}.herum-toast .close-button{height:8px;left:8px;top:8px;position:absolute;cursor:pointer;margin-block-end:4px}.toast-content{flex-grow:1;flex-shrink:1}.enter{transform:translate(0);opacity:1}.success{border-right:solid 8px #4caf50}.information{border-right:solid 8px var(--information-color)}.error{border-right:solid 8px var(--error-color)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ToastsService }, { type: i0.ChangeDetectorRef }], propDecorators: { toastElements: [{
+                type: ViewChildren,
+                args: ['toast']
+            }] } });
+
+const failedProgressBarColor = '#FF0A4D';
+const partialSuccessProgressBarColor = '#f7ad00';
+class HerumUploadsManagerComponent {
+    uploadsManagerService;
+    destroySubject$ = new Subject();
+    isContainerOpen = true;
+    loadingStatus = uploadStatuses.loading;
+    errorStatus = uploadStatuses.error;
+    successStatus = uploadStatuses.success;
+    uploadsProgressMetadata = [];
+    averageProgressSum = 0;
+    hasUploadProgressFinished = false;
+    numberOfFailedLoaders = 0;
+    successProgressBarColor = '';
+    progressBarColor = '';
+    showConfirmationNativeMessage(event) {
+        if (!this.hasUploadProgressFinished)
+            event.returnValue = true;
+    }
+    constructor(uploadsManagerService) {
+        this.uploadsManagerService = uploadsManagerService;
+    }
+    ngOnInit() {
+        this.setSuccessProgressBarColor();
+        this.uploadsProgressMetadataSubscription();
+    }
+    setSuccessProgressBarColor() {
+        this.successProgressBarColor = window.getComputedStyle(document.body).getPropertyValue('--icons-color');
+    }
+    uploadsProgressMetadataSubscription() {
+        this.uploadsManagerService.uploadsProgressMetadata$
+            .pipe(takeUntil(this.destroySubject$))
+            .subscribe(uploadsProgressMetadata => {
+            this.uploadsProgressMetadata = uploadsProgressMetadata;
+            this.averageProgressSum = this.calculateAverageProgressSum(uploadsProgressMetadata);
+            this.hasUploadProgressFinished = this.calculateHasUploadProgressFinished(uploadsProgressMetadata);
+            this.numberOfFailedLoaders = this.calculateNumberOfFailedLoaders(uploadsProgressMetadata);
+            this.progressBarColor = this.calculateProgressBarColor(uploadsProgressMetadata);
+        });
+    }
+    _onRetryFailedUploads() {
+        this.uploadsManagerService.retryFailedUploads().forEach(httpRequest => httpRequest.subscribe());
+    }
+    _onRetryFailedUpload(uploadProgressId) {
+        this.uploadsManagerService.retryFailedUpload(uploadProgressId).subscribe();
+    }
+    _onClose() {
+        this.uploadsManagerService.uploadsProgressMetadata$.next([]);
+        this.uploadsManagerService.uploadsManagerTitle$.next(uploadsManagerKeys.defaultUploadsManagerTitle);
+    }
+    _onToggleUploadsContainer() {
+        this.isContainerOpen = !this.isContainerOpen;
+    }
+    _isTruncatedTitleElement(element) {
+        return isTruncatedTitleElement(element);
+    }
+    _getUploadProgressDescription(uploadProgressMetadata) {
+        if (!uploadProgressMetadata.isUploadProgressInitiating && !(uploadProgressMetadata.status === uploadStatuses.error))
+            return `${uploadProgressMetadata.currentSize} מתוך ${uploadProgressMetadata.totalSize} ${uploadProgressMetadata.units}`;
+        if (uploadProgressMetadata.status === uploadStatuses.error)
+            return 'התרחשה שגיאה בהעלאה';
+        if (uploadProgressMetadata.isUploadProgressInitiating)
+            return 'העלאה תחל בקרוב...';
+    }
+    _isUploadProgressStatusError(uploadProgressStatus) {
+        return uploadProgressStatus === uploadStatuses.error;
+    }
+    _getFileIcon(uploadProgressType) {
+        return svgsStrings[uploadProgressType];
+    }
+    _getUploadStatusIcon(uploadProgressType) {
+        return svgsStrings[uploadProgressType];
+    }
+    _trackByFn(index, uploadProgressMetadata) {
+        return uploadProgressMetadata.id;
+    }
+    get containerTitle$() {
+        return this.uploadsManagerService.uploadsManagerTitle$.pipe(shareReplay(1));
+    }
+    calculateAverageProgressSum(uploadsProgressMetadata) {
+        if (!uploadsProgressMetadata.length)
+            return 0;
+        const sum = uploadsProgressMetadata.reduce((sum, uploadProgressMetadata) => sum + (uploadProgressMetadata.currentSize / uploadProgressMetadata.totalSize) * 100, 0);
+        return (sum / uploadsProgressMetadata.length);
+    }
+    calculateHasUploadProgressFinished(uploadsProgressMetadata) {
+        return uploadsProgressMetadata.every(uploadProgressMetadata => uploadProgressMetadata.status !== uploadStatuses.loading);
+    }
+    calculateNumberOfFailedLoaders(uploadsProgressMetadata) {
+        return uploadsProgressMetadata.filter(uploadProgressMetadata => uploadProgressMetadata.status === this.errorStatus).length;
+    }
+    calculateProgressBarColor(uploadsProgressMetadata) {
+        const numberOfFailedUploadsProgressMetadata = this.numberOfFailedLoaders;
+        const numberOfUploadsProgressMetadata = uploadsProgressMetadata.length;
+        return !numberOfFailedUploadsProgressMetadata ? this.successProgressBarColor :
+            numberOfUploadsProgressMetadata === numberOfFailedUploadsProgressMetadata ? failedProgressBarColor :
+                numberOfUploadsProgressMetadata > 0 ? partialSuccessProgressBarColor : this.successProgressBarColor;
+    }
+    ngOnDestroy() {
+        this.destroySubject$.next(null);
+        this.destroySubject$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUploadsManagerComponent, deps: [{ token: i1$1.UploadsManagerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUploadsManagerComponent, isStandalone: false, selector: "herum-uploads-manager", host: { listeners: { "window:beforeunload": "showConfirmationNativeMessage($event)" } }, ngImport: i0, template: "<div class=\"herum-uploads-layout shadow\" [ngClass]=\"{'open':isContainerOpen}\" *ngIf=\"uploadsProgressMetadata?.length\">\r\n    <div class=\"herum-uploads-container-header\">\r\n        <div class=\"herum-uploads-header\">\r\n            <div class=\"herum-uploads-header-text\">\r\n                <herum-ellipsis-loader *ngIf=\"!hasUploadProgressFinished\"></herum-ellipsis-loader>\r\n\r\n                <p class=\"container-title\" #containerTitle\r\n                    [matTooltip]=\"_isTruncatedTitleElement(containerTitle)? (containerTitle$ | async) : '' \">\r\n                    {{containerTitle$ | async | ellipsis:containerTitle}}</p>\r\n            </div>\r\n\r\n            <div class=\"control-container\">\r\n                <img class=\"control-button\"\r\n                    [ngClass]=\"{'open-chevron':isContainerOpen, 'closed-chevron':!isContainerOpen}\"\r\n                    src=\"assets/general/white-chevron.svg\" (click)=\"_onToggleUploadsContainer()\">\r\n\r\n                <img class=\"control-button\" *ngIf=\"hasUploadProgressFinished\" src=\"assets/shared/icons/X.svg\"\r\n                    alt=\"close-icon\" (click)=\"_onClose()\">\r\n            </div>\r\n        </div>\r\n\r\n        <herum-progress-bar [percentage]=\"averageProgressSum\" [percentagePosition]=\"'none'\" [borderRadius]=\"'none'\"\r\n            [showBorder]=\"false\" [thickness]=\"'thin'\" [showPercentage]=\"false\" [color]=\"progressBarColor\">\r\n        </herum-progress-bar>\r\n    </div>\r\n\r\n    <div class=\"herum-uploads-container\">\r\n        <div *ngIf=\"numberOfFailedLoaders > 1\" class=\"upload-all upload-iteration cursor-pointer\"\r\n            (click)=\"_onRetryFailedUploads()\">\r\n            <div class=\"herum-upload-title w-100\">\r\n                \u05D4\u05E2\u05DC\u05D4 \u05DE\u05D7\u05D3\u05E9 \u05E7\u05D1\u05E6\u05D9\u05DD \u05E9\u05E0\u05DB\u05E9\u05DC\u05D5\r\n            </div>\r\n\r\n            <div class=\"upload-file-image\">\r\n                <img src=\"assets/files-icons/upload-file.svg\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"upload-iteration\"\r\n            *ngFor=\"let uploadProgressMetadata of uploadsProgressMetadata; trackBy: _trackByFn\">\r\n            <div class=\"herum-upload-container\">\r\n                <span [ngClass]=\"_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error' : 'icons-color'\"\r\n                    [innerHTML]=\"_getFileIcon(uploadProgressMetadata.type) | safeHtml\">\r\n                </span>\r\n\r\n                <div class=\"herum-upload-text-container\">\r\n                    <p #uploadTitle class=\"herum-upload-title\"\r\n                        [ngClass]=\"{'error-font-color':_isUploadProgressStatusError(uploadProgressMetadata.status)}\"\r\n                        [matTooltip]=\"_isTruncatedTitleElement(uploadTitle) ? uploadProgressMetadata.title : ''\">\r\n                        {{uploadProgressMetadata.title | ellipsis:uploadTitle}}\r\n                    </p>\r\n\r\n                    <p\r\n                        [ngClass]=\"[_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error-font-color' :'disabled-text-color']\">\r\n                        {{_getUploadProgressDescription(uploadProgressMetadata)}}\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"center\">\r\n                <herum-circular-progress-bar [fill]=\"false\"\r\n                    [percentage]=\"(uploadProgressMetadata.currentSize/uploadProgressMetadata.totalSize)*100\"\r\n                    *ngIf=\"uploadProgressMetadata.status === loadingStatus\">\r\n                </herum-circular-progress-bar>\r\n\r\n                <div class=\"images-container\">\r\n                    <img class=\"cursor-pointer\" *ngIf=\"_isUploadProgressStatusError(uploadProgressMetadata.status)\"\r\n                        src=\"assets/files-icons/upload-file.svg\"\r\n                        (click)=\"_onRetryFailedUpload(uploadProgressMetadata.id)\">\r\n\r\n                    <span\r\n                        *ngIf=\"uploadProgressMetadata.status === errorStatus || uploadProgressMetadata.status === successStatus\"\r\n                        [ngClass]=\"{'icons-color':uploadProgressMetadata.status===successStatus}\"\r\n                        [innerHTML]=\"_getUploadStatusIcon(uploadProgressMetadata.status) | safeHtml\">\r\n                    </span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>", styles: [".herum-uploads-layout{border-radius:8px 8px 0 0;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;direction:rtl;width:350px}.herum-uploads-layout .herum-uploads-container-header{border-radius:8px 8px 0 0;background-color:#22213f;cursor:grab}.herum-uploads-layout .herum-uploads-container-header p{padding-block:12px;color:#fff;font-weight:700;margin:0;font-size:16px}.herum-uploads-layout .herum-uploads-container-header:active{cursor:grabbing}.herum-uploads-layout herum-progress-bar{background-color:#22213f}.herum-uploads-layout .herum-uploads-container{display:none}.herum-upload-text-container{width:80%}.herum-upload-title{line-height:1;font-weight:700;font-size:12px;width:100%;white-space:nowrap;margin-block-end:4px}.open{height:fit-content}.open .herum-uploads-container{overflow-y:auto;max-height:500px;display:flex;flex-direction:column;height:100%}.open .herum-uploads-container .herum-upload-container{display:flex;flex-direction:row;gap:8px;width:70%}.open .herum-uploads-container .herum-upload-container .error{fill:var(--error-color)}.open .upload-iteration{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--chips-divider-color);align-items:center}.open .upload-all{padding-block:21px}.open .upload-iteration:hover{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);animation:1s ease-in-out}.herum-uploads-header-text{display:flex;width:100%}.herum-uploads-header-text .container-title{width:80%;white-space:nowrap}.herum-uploads-header{display:flex;justify-content:space-between;padding-inline:16px;align-items:center}.herum-uploads-header .control-container{gap:16px;display:flex}.herum-uploads-header .control-container .control-button{width:10px;cursor:pointer}.upload-file-image{width:24px;display:flex;justify-content:center}herum-circular-progress-bar{display:flex;justify-content:center;align-items:center;height:24px;width:24px;transform:scale(1.2)}p{margin:0}.open-chevron{transform:rotate(90deg)}.images-container{display:flex;gap:12px}.icons-color{fill:var(--icons-color)}.icons-color ::ng-deep .generic-file-icon{stroke:var(--icons-color)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.HerumCircularProgressBarComponent, selector: "herum-circular-progress-bar", inputs: ["percentage", "fill", "size", "firstGradient", "fillColor", "showPercentage", "displayedContent", "displayedContentColorMatchesGradientColor"] }, { kind: "component", type: i3$1.HerumEllipsisLoaderComponent, selector: "herum-ellipsis-loader" }, { kind: "component", type: i3$1.HerumProgressBarComponent, selector: "herum-progress-bar", inputs: ["percentage", "invalidPercentage", "showPercentage", "percentagePosition", "type", "size", "color", "borderRadius", "total", "showBorder", "thickness"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i4.EllipsisPipe, name: "ellipsis" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUploadsManagerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'herum-uploads-manager', template: "<div class=\"herum-uploads-layout shadow\" [ngClass]=\"{'open':isContainerOpen}\" *ngIf=\"uploadsProgressMetadata?.length\">\r\n    <div class=\"herum-uploads-container-header\">\r\n        <div class=\"herum-uploads-header\">\r\n            <div class=\"herum-uploads-header-text\">\r\n                <herum-ellipsis-loader *ngIf=\"!hasUploadProgressFinished\"></herum-ellipsis-loader>\r\n\r\n                <p class=\"container-title\" #containerTitle\r\n                    [matTooltip]=\"_isTruncatedTitleElement(containerTitle)? (containerTitle$ | async) : '' \">\r\n                    {{containerTitle$ | async | ellipsis:containerTitle}}</p>\r\n            </div>\r\n\r\n            <div class=\"control-container\">\r\n                <img class=\"control-button\"\r\n                    [ngClass]=\"{'open-chevron':isContainerOpen, 'closed-chevron':!isContainerOpen}\"\r\n                    src=\"assets/general/white-chevron.svg\" (click)=\"_onToggleUploadsContainer()\">\r\n\r\n                <img class=\"control-button\" *ngIf=\"hasUploadProgressFinished\" src=\"assets/shared/icons/X.svg\"\r\n                    alt=\"close-icon\" (click)=\"_onClose()\">\r\n            </div>\r\n        </div>\r\n\r\n        <herum-progress-bar [percentage]=\"averageProgressSum\" [percentagePosition]=\"'none'\" [borderRadius]=\"'none'\"\r\n            [showBorder]=\"false\" [thickness]=\"'thin'\" [showPercentage]=\"false\" [color]=\"progressBarColor\">\r\n        </herum-progress-bar>\r\n    </div>\r\n\r\n    <div class=\"herum-uploads-container\">\r\n        <div *ngIf=\"numberOfFailedLoaders > 1\" class=\"upload-all upload-iteration cursor-pointer\"\r\n            (click)=\"_onRetryFailedUploads()\">\r\n            <div class=\"herum-upload-title w-100\">\r\n                \u05D4\u05E2\u05DC\u05D4 \u05DE\u05D7\u05D3\u05E9 \u05E7\u05D1\u05E6\u05D9\u05DD \u05E9\u05E0\u05DB\u05E9\u05DC\u05D5\r\n            </div>\r\n\r\n            <div class=\"upload-file-image\">\r\n                <img src=\"assets/files-icons/upload-file.svg\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"upload-iteration\"\r\n            *ngFor=\"let uploadProgressMetadata of uploadsProgressMetadata; trackBy: _trackByFn\">\r\n            <div class=\"herum-upload-container\">\r\n                <span [ngClass]=\"_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error' : 'icons-color'\"\r\n                    [innerHTML]=\"_getFileIcon(uploadProgressMetadata.type) | safeHtml\">\r\n                </span>\r\n\r\n                <div class=\"herum-upload-text-container\">\r\n                    <p #uploadTitle class=\"herum-upload-title\"\r\n                        [ngClass]=\"{'error-font-color':_isUploadProgressStatusError(uploadProgressMetadata.status)}\"\r\n                        [matTooltip]=\"_isTruncatedTitleElement(uploadTitle) ? uploadProgressMetadata.title : ''\">\r\n                        {{uploadProgressMetadata.title | ellipsis:uploadTitle}}\r\n                    </p>\r\n\r\n                    <p\r\n                        [ngClass]=\"[_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error-font-color' :'disabled-text-color']\">\r\n                        {{_getUploadProgressDescription(uploadProgressMetadata)}}\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"center\">\r\n                <herum-circular-progress-bar [fill]=\"false\"\r\n                    [percentage]=\"(uploadProgressMetadata.currentSize/uploadProgressMetadata.totalSize)*100\"\r\n                    *ngIf=\"uploadProgressMetadata.status === loadingStatus\">\r\n                </herum-circular-progress-bar>\r\n\r\n                <div class=\"images-container\">\r\n                    <img class=\"cursor-pointer\" *ngIf=\"_isUploadProgressStatusError(uploadProgressMetadata.status)\"\r\n                        src=\"assets/files-icons/upload-file.svg\"\r\n                        (click)=\"_onRetryFailedUpload(uploadProgressMetadata.id)\">\r\n\r\n                    <span\r\n                        *ngIf=\"uploadProgressMetadata.status === errorStatus || uploadProgressMetadata.status === successStatus\"\r\n                        [ngClass]=\"{'icons-color':uploadProgressMetadata.status===successStatus}\"\r\n                        [innerHTML]=\"_getUploadStatusIcon(uploadProgressMetadata.status) | safeHtml\">\r\n                    </span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>", styles: [".herum-uploads-layout{border-radius:8px 8px 0 0;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;direction:rtl;width:350px}.herum-uploads-layout .herum-uploads-container-header{border-radius:8px 8px 0 0;background-color:#22213f;cursor:grab}.herum-uploads-layout .herum-uploads-container-header p{padding-block:12px;color:#fff;font-weight:700;margin:0;font-size:16px}.herum-uploads-layout .herum-uploads-container-header:active{cursor:grabbing}.herum-uploads-layout herum-progress-bar{background-color:#22213f}.herum-uploads-layout .herum-uploads-container{display:none}.herum-upload-text-container{width:80%}.herum-upload-title{line-height:1;font-weight:700;font-size:12px;width:100%;white-space:nowrap;margin-block-end:4px}.open{height:fit-content}.open .herum-uploads-container{overflow-y:auto;max-height:500px;display:flex;flex-direction:column;height:100%}.open .herum-uploads-container .herum-upload-container{display:flex;flex-direction:row;gap:8px;width:70%}.open .herum-uploads-container .herum-upload-container .error{fill:var(--error-color)}.open .upload-iteration{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--chips-divider-color);align-items:center}.open .upload-all{padding-block:21px}.open .upload-iteration:hover{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);animation:1s ease-in-out}.herum-uploads-header-text{display:flex;width:100%}.herum-uploads-header-text .container-title{width:80%;white-space:nowrap}.herum-uploads-header{display:flex;justify-content:space-between;padding-inline:16px;align-items:center}.herum-uploads-header .control-container{gap:16px;display:flex}.herum-uploads-header .control-container .control-button{width:10px;cursor:pointer}.upload-file-image{width:24px;display:flex;justify-content:center}herum-circular-progress-bar{display:flex;justify-content:center;align-items:center;height:24px;width:24px;transform:scale(1.2)}p{margin:0}.open-chevron{transform:rotate(90deg)}.images-container{display:flex;gap:12px}.icons-color{fill:var(--icons-color)}.icons-color ::ng-deep .generic-file-icon{stroke:var(--icons-color)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.UploadsManagerService }], propDecorators: { showConfirmationNativeMessage: [{
+                type: HostListener,
+                args: ['window:beforeunload', ['$event']]
+            }] } });
+
+class MongoMoleculesModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoMoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: MongoMoleculesModule, declarations: [HerumToastsComponent,
+            HerumUploadsManagerComponent], imports: [CommonModule,
+            PipesModule,
+            AtomsModule], exports: [HerumToastsComponent,
+            HerumUploadsManagerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoMoleculesModule, providers: [
+            { provide: MAT_DATE_LOCALE, useValue: 'he-IL' },
+        ], imports: [CommonModule,
+            PipesModule,
+            AtomsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoMoleculesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        HerumToastsComponent,
+                        HerumUploadsManagerComponent,
+                    ],
+                    exports: [
+                        HerumToastsComponent,
+                        HerumUploadsManagerComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        PipesModule,
+                        AtomsModule
+                    ],
+                    providers: [
+                        { provide: MAT_DATE_LOCALE, useValue: 'he-IL' },
+                    ]
+                }]
+        }] });
+
+class MongoModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: MongoModule, imports: [CommonModule,
+            MongoMoleculesModule], exports: [MongoMoleculesModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoModule, providers: [
+            DependentsService,
+            ErrorsHandlerService,
+            ToastsService,
+            UploadsManagerService
+        ], imports: [CommonModule,
+            MongoMoleculesModule, MongoMoleculesModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MongoMoleculesModule
+                    ],
+                    providers: [
+                        DependentsService,
+                        ErrorsHandlerService,
+                        ToastsService,
+                        UploadsManagerService
+                    ],
+                    exports: [
+                        MongoMoleculesModule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DependentsService, ErrorsHandlerService, HerumToastsComponent, HerumUploadsManagerComponent, MongoModule, MongoMoleculesModule, ToastsService, UploadsManagerService };
+//# sourceMappingURL=herum-shared-mongo.mjs.map