@abp/ng.theme.shared 7.3.1 → 7.4.0-rc.1

package/fesm2022/abp-ng.theme.shared.mjs

@@ -1,12 +1,12 @@
 import { animation, style, animate, keyframes, trigger, state, transition, useAnimation, query } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { Component, Input, ChangeDetectionStrategy, EventEmitter, Output, ViewChild, InjectionToken, Inject, ViewEncapsulation, Injectable, Optional, ContentChild, Directive, HostListener, forwardRef, HostBinding, NgModule, ComponentFactoryResolver, RendererFactory2, ApplicationRef, APP_INITIALIZER, inject, LOCALE_ID } from '@angular/core';
+import { Component, Input, ChangeDetectionStrategy, EventEmitter, Output, ViewChild, InjectionToken, Inject, ViewEncapsulation, Injectable, Optional, ContentChild, Directive, HostListener, forwardRef, HostBinding, NgModule, inject, RendererFactory2, ComponentFactoryResolver, Injector, ApplicationRef, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule, DOCUMENT, formatDate, DatePipe } from '@angular/common';
+import { CommonModule, NgIf, DOCUMENT, formatDate, DatePipe } from '@angular/common';
 import * as i1$1 from '@angular/router';
 import { ResolveEnd } from '@angular/router';
 import * as i2 from '@abp/ng.core';
-import { getRoutePath, SubscriptionService, PROJECTION_STRATEGY, uuid, AbstractNgModelComponent, LocalizationService, getLocaleDirection, HttpErrorReporterService, RouterEvents, AuthService, SessionStateService, RoutesService, InternalStore, DomInsertionService, CONTENT_STRATEGY, CoreModule, noop, ConfigStateService } from '@abp/ng.core';
+import { getRoutePath, SubscriptionService, PROJECTION_STRATEGY, uuid, AbstractNgModelComponent, InternetConnectionService, LocalizationModule, LocalizationService, getLocaleDirection, DomInsertionService, CONTENT_STRATEGY, InternalStore, RouterEvents, AuthService, SessionStateService, HttpErrorReporterService, RoutesService, CoreModule, noop, ConfigStateService } from '@abp/ng.core';
 import { startWith, map, debounceTime, filter, takeUntil, distinctUntilChanged, take, catchError, switchMap } from 'rxjs/operators';
 import { fromEvent, Subscription, combineLatest, timer, ReplaySubject, Subject, of, from, Observable, EMPTY, BehaviorSubject, throwError } from 'rxjs';
 import * as i3 from '@ng-bootstrap/ng-bootstrap';
@@ -1327,6 +1327,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImpor
                 type: Output
             }] } });
 
+class InternetConnectionStatusComponent {
+    constructor() {
+        this.internetConnectionService = inject(InternetConnectionService);
+        this.isOnline = this.internetConnectionService.networkStatus;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: InternetConnectionStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.6", type: InternetConnectionStatusComponent, isStandalone: true, selector: "abp-internet-status", ngImport: i0, template: `
+    <div class="status-icon" *ngIf="!isOnline()">
+      <i data-toggle="tooltip" title="{{ 'AbpUi::InternetConnectionInfo' | abpLocalization }}" data-placement="left" class="fa fa-circle text-blinking blink">
+      </i>
+    </div>
+  `, isInline: true, styles: [".blink{animation:blinker .9s cubic-bezier(.5,0,1,1) infinite alternate}@keyframes blinker{0%{color:#c1c1c1}70%{color:#dc3545}to{color:#dc3545}}.text-blinking{font-size:1.2rem}.status-icon{position:fixed;z-index:999999;top:10px;right:10px}@media (max-width: 767px){.status-icon{top:26px;right:134px}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: InternetConnectionStatusComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-internet-status', standalone: true, imports: [NgIf, LocalizationModule], template: `
+    <div class="status-icon" *ngIf="!isOnline()">
+      <i data-toggle="tooltip" title="{{ 'AbpUi::InternetConnectionInfo' | abpLocalization }}" data-placement="left" class="fa fa-circle text-blinking blink">
+      </i>
+    </div>
+  `, styles: [".blink{animation:blinker .9s cubic-bezier(.5,0,1,1) infinite alternate}@keyframes blinker{0%{color:#c1c1c1}70%{color:#dc3545}to{color:#dc3545}}.text-blinking{font-size:1.2rem}.status-icon{position:fixed;z-index:999999;top:10px;right:10px}@media (max-width: 767px){.status-icon{top:26px;right:134px}}\n"] }]
+        }] });
+
 const DEFAULT_VALIDATION_BLUEPRINTS = {
     creditCard: 'AbpValidation::ThisFieldIsNotAValidCreditCardNumber.',
     email: 'AbpValidation::ThisFieldIsNotAValidEmailAddress.',
@@ -1347,6 +1370,58 @@ const DEFAULT_VALIDATION_BLUEPRINTS = {
     usernamePattern: 'AbpIdentity::Volo.Abp.Identity:InvalidUserName[{{ actualValue }}]',
 };
 
+const DEFAULT_ERROR_MESSAGES = {
+    defaultError: {
+        title: 'An error has occurred!',
+        details: 'Error detail not sent by server.',
+    },
+    defaultError401: {
+        title: 'You are not authenticated!',
+        details: 'You should be authenticated (sign in) in order to perform this operation.',
+    },
+    defaultError403: {
+        title: 'You are not authorized!',
+        details: 'You are not allowed to perform this operation.',
+    },
+    defaultError404: {
+        title: 'Resource not found!',
+        details: 'The resource requested could not found on the server.',
+    },
+    defaultError500: {
+        title: 'Internal server error',
+        details: 'Error detail not sent by server.',
+    },
+};
+const DEFAULT_ERROR_LOCALIZATIONS = {
+    defaultError: {
+        title: 'AbpUi::DefaultErrorMessage',
+        details: 'AbpUi::DefaultErrorMessageDetail',
+    },
+    defaultError401: {
+        title: 'AbpUi::DefaultErrorMessage401',
+        details: 'AbpUi::DefaultErrorMessage401Detail',
+    },
+    defaultError403: {
+        title: 'AbpUi::DefaultErrorMessage403',
+        details: 'AbpUi::DefaultErrorMessage403Detail',
+    },
+    defaultError404: {
+        title: 'AbpUi::DefaultErrorMessage404',
+        details: 'AbpUi::DefaultErrorMessage404Detail',
+    },
+    defaultError500: {
+        title: 'AbpUi::500Message',
+        details: 'AbpUi::DefaultErrorMessage',
+    },
+};
+const CUSTOM_HTTP_ERROR_HANDLER_PRIORITY = Object.freeze({
+    veryLow: -99,
+    low: -9,
+    normal: 0,
+    high: 9,
+    veryHigh: 99,
+});
+
 class EllipsisDirective {
     get inlineClass() {
         return this.enabled && this.width;
@@ -1756,291 +1831,202 @@ function httpErrorConfigFactory(config = {}) {
 }
 const HTTP_ERROR_CONFIG = new InjectionToken('HTTP_ERROR_CONFIG');
 const HTTP_ERROR_HANDLER = new InjectionToken('HTTP_ERROR_HANDLER');
+const CUSTOM_ERROR_HANDLERS = new InjectionToken('CUSTOM_ERROR_HANDLERS');
 
-const DEFAULT_ERROR_MESSAGES = {
-    defaultError: {
-        title: 'An error has occurred!',
-        details: 'Error detail not sent by server.',
-    },
-    defaultError401: {
-        title: 'You are not authenticated!',
-        details: 'You should be authenticated (sign in) in order to perform this operation.',
+var styles = `
+.is-invalid .form-control {
+  border-color: #dc3545;
+  border-style: solid !important;
+  padding-right: calc(1.5em + .75rem);
+  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
+  background-repeat: no-repeat;
+  background-position: right calc(.375em + .1875rem) center;
+  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
+}
+
+.is-invalid .invalid-feedback,
+.is-invalid + * .invalid-feedback {
+  display: block;
+}
+
+.data-tables-filter {
+  text-align: right;
+}
+
+[dir=rtl] .data-tables-filter {
+  text-align: left;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.navbar .dropdown-submenu a::after {
+  transform: rotate(-90deg);
+  position: absolute;
+  right: 16px;
+  top: 18px;
+}
+
+.navbar .dropdown-menu {
+  min-width: 215px;
+}
+
+.datatable-scroll {
+  margin-bottom: 5px !important;
+  width: unset !important;
+}
+
+.ui-table-scrollable-body::-webkit-scrollbar {
+  height: 5px !important;
+  width: 5px !important;
+}
+
+.ui-table-scrollable-body::-webkit-scrollbar-track {
+  background: #ddd;
+}
+
+.ui-table-scrollable-body::-webkit-scrollbar-thumb {
+  background: #8a8686;
+}
+
+.abp-ellipsis-inline {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.abp-ellipsis {
+  overflow: hidden !important;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ui-widget-overlay {
+  z-index: 1000;
+}
+
+.color-white {
+  color: #FFF !important;
+}
+
+.custom-checkbox > label {
+  cursor: pointer;
+}
+
+/* <animations */
+
+.fade-in-top {
+  animation: fadeInTop 0.2s ease-in-out;
+}
+
+.fade-out-top {
+  animation: fadeOutTop 0.2s ease-in-out;
+}
+
+.abp-collapsed-height {
+  -moz-transition: max-height linear 0.35s;
+  -ms-transition: max-height linear 0.35s;
+  -o-transition: max-height linear 0.35s;
+  -webkit-transition: max-height linear 0.35s;
+  overflow:hidden;
+  transition:max-height 0.35s linear;
+  height:auto;
+  max-height: 0;
+}
+
+.abp-mh-25 {
+  max-height: 25vh;
+}
+
+.abp-mh-50 {
+  transition:max-height 0.65s linear;
+  max-height: 50vh;
+}
+
+.abp-mh-75 {
+  transition:max-height 0.85s linear;
+  max-height: 75vh;
+}
+
+.abp-mh-100 {
+  transition:max-height 1s linear;
+  max-height: 100vh;
+}
+
+[class^="sorting"] {
+  opacity: .3;
+  cursor: pointer;
+}
+[class^="sorting"]:before {
+  right: 0.5rem;
+  content: "↑";
+}
+[class^="sorting"]:after {
+  right: 0.5rem;
+  content: "↓";
+}
+
+.sorting_desc {
+  opacity: 1;
+}
+.sorting_desc:before {
+  opacity: .3;
+}
+
+.sorting_asc {
+  opacity: 1;
+}
+.sorting_asc:after {
+  opacity: .3;
+}
+.ngx-datatable.material {
+  box-shadow: none;
+}
+ngb-typeahead-window, ngb-typeahead-window.dropdown-menu {
+  max-height: 25em;
+  overflow-y: scroll !important;
+  z-index: 1050;
+}
+
+.abp-modal-header {
+  word-break: break-word;
+}
+
+
+@keyframes fadeInTop {
+  from {
+    transform: translateY(-5px);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateY(0px);
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOutTop {
+  to {
+    transform: translateY(-5px);
+    opacity: 0;
+  }
+}
+
+/* </animations */
+.ngb-dp-body {
+  z-index: 1055 !important;
+}
+`;
+
+const THEME_SHARED_APPEND_CONTENT = new InjectionToken('THEME_SHARED_APPEND_CONTENT', {
+    providedIn: 'root',
+    factory: () => {
+        const domInsertion = inject(DomInsertionService);
+        domInsertion.insertContent(CONTENT_STRATEGY.AppendStyleToHead(styles));
     },
-    defaultError403: {
-        title: 'You are not authorized!',
-        details: 'You are not allowed to perform this operation.',
-    },
-    defaultError404: {
-        title: 'Resource not found!',
-        details: 'The resource requested could not found on the server.',
-    },
-    defaultError500: {
-        title: 'Internal server error',
-        details: 'Error detail not sent by server.',
-    },
-};
-const DEFAULT_ERROR_LOCALIZATIONS = {
-    defaultError: {
-        title: 'AbpUi::DefaultErrorMessage',
-        details: 'AbpUi::DefaultErrorMessageDetail',
-    },
-    defaultError401: {
-        title: 'AbpUi::DefaultErrorMessage401',
-        details: 'AbpUi::DefaultErrorMessage401Detail',
-    },
-    defaultError403: {
-        title: 'AbpUi::DefaultErrorMessage403',
-        details: 'AbpUi::DefaultErrorMessage403Detail',
-    },
-    defaultError404: {
-        title: 'AbpUi::DefaultErrorMessage404',
-        details: 'AbpUi::DefaultErrorMessage404Detail',
-    },
-    defaultError500: {
-        title: 'AbpUi::500Message',
-        details: 'AbpUi::DefaultErrorMessage',
-    },
-};
-class ErrorHandler {
-    constructor(injector) {
-        this.injector = injector;
-        this.componentRef = null;
-        this.httpErrorHandler = this.injector.get(HTTP_ERROR_HANDLER, (_, err) => throwError(err));
-        this.executeErrorHandler = (error) => {
-            const errHandler = this.httpErrorHandler(this.injector, error);
-            const isObservable = errHandler instanceof Observable;
-            const response = isObservable ? errHandler : of(null);
-            return response.pipe(catchError(err => {
-                this.handleError(err);
-                return of(null);
-            }));
-        };
-        this.filterRestErrors = ({ status }) => {
-            if (typeof status !== 'number')
-                return false;
-            return (!!this.httpErrorConfig.skipHandledErrorCodes &&
-                this.httpErrorConfig.skipHandledErrorCodes.findIndex(code => code === status) < 0);
-        };
-        this.filterRouteErrors = (navigationError) => {
-            return (navigationError.error?.message?.indexOf('Cannot match') > -1 &&
-                !!this.httpErrorConfig.skipHandledErrorCodes &&
-                this.httpErrorConfig.skipHandledErrorCodes.findIndex(code => code === 404) < 0);
-        };
-        this.httpErrorReporter = injector.get(HttpErrorReporterService);
-        this.routerEvents = injector.get(RouterEvents);
-        this.confirmationService = injector.get(ConfirmationService);
-        this.cfRes = injector.get(ComponentFactoryResolver);
-        this.rendererFactory = injector.get(RendererFactory2);
-        this.httpErrorConfig = injector.get('HTTP_ERROR_CONFIG');
-        this.authService = this.injector.get(AuthService);
-        this.sessionStateService = this.injector.get(SessionStateService);
-        this.listenToRestError();
-        this.listenToRouterError();
-        this.listenToRouterDataResolved();
-    }
-    listenToRouterError() {
-        this.routerEvents
-            .getNavigationEvents('Error')
-            .pipe(filter(this.filterRouteErrors))
-            .subscribe(() => this.show404Page());
-    }
-    listenToRouterDataResolved() {
-        this.routerEvents
-            .getEvents(ResolveEnd)
-            .pipe(filter(() => !!this.componentRef))
-            .subscribe(() => {
-            this.componentRef?.destroy();
-            this.componentRef = null;
-        });
-    }
-    listenToRestError() {
-        this.httpErrorReporter.reporter$
-            .pipe(filter(this.filterRestErrors), switchMap(this.executeErrorHandler))
-            .subscribe();
-    }
-    handleError(err) {
-        const body = err?.error?.error || {
-            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
-            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
-        };
-        if (err instanceof HttpErrorResponse && err.headers.get('Abp-Tenant-Resolve-Error')) {
-            this.sessionStateService.setTenant(null);
-            this.authService.logout().subscribe();
-            return;
-        }
-        if (err instanceof HttpErrorResponse && err.headers.get('_AbpErrorFormat')) {
-            const confirmation$ = this.showErrorWithRequestBody(body);
-            if (err.status === 401) {
-                confirmation$.subscribe(() => {
-                    this.navigateToLogin();
-                });
-            }
-        }
-        else {
-            switch (err.status) {
-                case 401:
-                    this.canCreateCustomError(401)
-                        ? this.show401Page()
-                        : this.showError({
-                            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError401.title,
-                            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError401.title,
-                        }, {
-                            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError401.details,
-                            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError401.details,
-                        }).subscribe(() => this.navigateToLogin());
-                    break;
-                case 403:
-                    this.createErrorComponent({
-                        title: {
-                            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError403.title,
-                            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError403.title,
-                        },
-                        details: {
-                            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError403.details,
-                            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError403.details,
-                        },
-                        status: 403,
-                    });
-                    break;
-                case 404:
-                    this.canCreateCustomError(404)
-                        ? this.show404Page()
-                        : this.showError({
-                            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError404.details,
-                            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError404.details,
-                        }, {
-                            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError404.title,
-                            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError404.title,
-                        });
-                    break;
-                case 500:
-                    this.createErrorComponent({
-                        title: {
-                            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError500.title,
-                            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError500.title,
-                        },
-                        details: {
-                            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError500.details,
-                            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError500.details,
-                        },
-                        status: 500,
-                    });
-                    break;
-                case 0:
-                    if (err.statusText === 'Unknown Error') {
-                        this.createErrorComponent({
-                            title: {
-                                key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
-                                defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
-                            },
-                            details: err.message,
-                            isHomeShow: false,
-                        });
-                    }
-                    break;
-                default:
-                    this.showError({
-                        key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.details,
-                        defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.details,
-                    }, {
-                        key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
-                        defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
-                    });
-                    break;
-            }
-        }
-    }
-    show401Page() {
-        this.createErrorComponent({
-            title: {
-                key: DEFAULT_ERROR_LOCALIZATIONS.defaultError401.title,
-                defaultValue: DEFAULT_ERROR_MESSAGES.defaultError401.title,
-            },
-            status: 401,
-        });
-    }
-    show404Page() {
-        this.createErrorComponent({
-            title: {
-                key: DEFAULT_ERROR_LOCALIZATIONS.defaultError404.title,
-                defaultValue: DEFAULT_ERROR_MESSAGES.defaultError404.title,
-            },
-            status: 404,
-        });
-    }
-    showErrorWithRequestBody(body) {
-        let message;
-        let title;
-        if (body.details) {
-            message = body.details;
-            title = body.message;
-        }
-        else if (body.message) {
-            title = {
-                key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
-                defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
-            };
-            message = body.message;
-        }
-        else {
-            message = body.message || {
-                key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
-                defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
-            };
-            title = '';
-        }
-        return this.showError(message, title);
-    }
-    showError(message, title) {
-        return this.confirmationService.error(message, title, {
-            hideCancelBtn: true,
-            yesText: 'AbpAccount::Close',
-        });
-    }
-    navigateToLogin() {
-        this.authService.navigateToLogin();
-    }
-    createErrorComponent(instance) {
-        const renderer = this.rendererFactory.createRenderer(null, null);
-        const host = renderer.selectRootElement(document.body, true);
-        this.componentRef = this.cfRes
-            .resolveComponentFactory(HttpErrorWrapperComponent)
-            .create(this.injector);
-        for (const key in instance) {
-            /* istanbul ignore else */
-            if (Object.prototype.hasOwnProperty.call(this.componentRef.instance, key)) {
-                this.componentRef.instance[key] = instance[key];
-            }
-        }
-        this.componentRef.instance.hideCloseIcon = !!this.httpErrorConfig.errorScreen?.hideCloseIcon;
-        const appRef = this.injector.get(ApplicationRef);
-        if (this.canCreateCustomError(instance.status)) {
-            this.componentRef.instance.cfRes = this.cfRes;
-            this.componentRef.instance.appRef = appRef;
-            this.componentRef.instance.injector = this.injector;
-            this.componentRef.instance.customComponent = this.httpErrorConfig.errorScreen?.component;
-        }
-        appRef.attachView(this.componentRef.hostView);
-        renderer.appendChild(host, this.componentRef.hostView.rootNodes[0]);
-        const destroy$ = new Subject();
-        this.componentRef.instance.destroy$ = destroy$;
-        destroy$.subscribe(() => {
-            this.componentRef?.destroy();
-            this.componentRef = null;
-        });
-    }
-    canCreateCustomError(status) {
-        return !!(this.httpErrorConfig?.errorScreen?.component &&
-            this.httpErrorConfig?.errorScreen?.forWhichErrors &&
-            this.httpErrorConfig?.errorScreen?.forWhichErrors.indexOf(status) > -1);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: ErrorHandler, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: ErrorHandler, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: ErrorHandler, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+});
 
 class NavItem {
     constructor(props) {
@@ -2048,40 +2034,6 @@ class NavItem {
     }
 }
 
-class UserMenu extends NavItem {
-}
-
-const NG_BOOTSTRAP_CONFIG_PROVIDERS = [
-    {
-        provide: APP_INITIALIZER,
-        useFactory: configureNgBootstrap,
-        deps: [NgbInputDatepickerConfig, NgbTypeaheadConfig],
-        multi: true,
-    },
-];
-function configureNgBootstrap(datepicker, typeahead) {
-    return () => {
-        datepicker.container = 'body';
-        typeahead.container = 'body';
-    };
-}
-
-const THEME_SHARED_ROUTE_PROVIDERS = [
-    { provide: APP_INITIALIZER, useFactory: configureRoutes, deps: [RoutesService], multi: true },
-];
-function configureRoutes(routesService) {
-    return () => {
-        routesService.add([
-            {
-                path: undefined,
-                name: "AbpUiNavigation::Menu:Administration" /* eThemeSharedRouteNames.Administration */,
-                iconClass: 'fa fa-wrench',
-                order: 100,
-            },
-        ]);
-    };
-}
-
 class AbstractMenuService {
     constructor() {
         this._items$ = new BehaviorSubject([]);
@@ -2266,6 +2218,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i2.ContentProjectionService }]; } });
 
+class UserMenu extends NavItem {
+}
+
 class UserMenuService extends AbstractMenuService {
     constructor() {
         super(...arguments);
@@ -2279,200 +2234,433 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-var styles = `
-.is-invalid .form-control {
-  border-color: #dc3545;
-  border-style: solid !important;
-  padding-right: calc(1.5em + .75rem);
-  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
-  background-repeat: no-repeat;
-  background-position: right calc(.375em + .1875rem) center;
-  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
-}
-
-.is-invalid .invalid-feedback,
-.is-invalid + * .invalid-feedback {
-  display: block;
-}
-
-.data-tables-filter {
-  text-align: right;
-}
-
-[dir=rtl] .data-tables-filter {
-  text-align: left;
-}
-
-.pointer {
-  cursor: pointer;
-}
-
-.navbar .dropdown-submenu a::after {
-  transform: rotate(-90deg);
-  position: absolute;
-  right: 16px;
-  top: 18px;
-}
-
-.navbar .dropdown-menu {
-  min-width: 215px;
-}
-
-.datatable-scroll {
-  margin-bottom: 5px !important;
-  width: unset !important;
-}
-
-.ui-table-scrollable-body::-webkit-scrollbar {
-  height: 5px !important;
-  width: 5px !important;
-}
-
-.ui-table-scrollable-body::-webkit-scrollbar-track {
-  background: #ddd;
-}
-
-.ui-table-scrollable-body::-webkit-scrollbar-thumb {
-  background: #8a8686;
-}
-
-.abp-ellipsis-inline {
-  display: inline-block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.abp-ellipsis {
-  overflow: hidden !important;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.ui-widget-overlay {
-  z-index: 1000;
-}
-
-.color-white {
-  color: #FFF !important;
-}
-
-.custom-checkbox > label {
-  cursor: pointer;
-}
-
-/* <animations */
-
-.fade-in-top {
-  animation: fadeInTop 0.2s ease-in-out;
-}
-
-.fade-out-top {
-  animation: fadeOutTop 0.2s ease-in-out;
-}
-
-.abp-collapsed-height {
-  -moz-transition: max-height linear 0.35s;
-  -ms-transition: max-height linear 0.35s;
-  -o-transition: max-height linear 0.35s;
-  -webkit-transition: max-height linear 0.35s;
-  overflow:hidden;
-  transition:max-height 0.35s linear;
-  height:auto;
-  max-height: 0;
-}
-
-.abp-mh-25 {
-  max-height: 25vh;
-}
-
-.abp-mh-50 {
-  transition:max-height 0.65s linear;
-  max-height: 50vh;
-}
-
-.abp-mh-75 {
-  transition:max-height 0.85s linear;
-  max-height: 75vh;
-}
-
-.abp-mh-100 {
-  transition:max-height 1s linear;
-  max-height: 100vh;
-}
-
-[class^="sorting"] {
-  opacity: .3;
-  cursor: pointer;
-}
-[class^="sorting"]:before {
-  right: 0.5rem;
-  content: "↑";
-}
-[class^="sorting"]:after {
-  right: 0.5rem;
-  content: "↓";
-}
-
-.sorting_desc {
-  opacity: 1;
-}
-.sorting_desc:before {
-  opacity: .3;
-}
-
-.sorting_asc {
-  opacity: 1;
-}
-.sorting_asc:after {
-  opacity: .3;
-}
-.ngx-datatable.material {
-  box-shadow: none;
-}
-ngb-typeahead-window, ngb-typeahead-window.dropdown-menu {
-  max-height: 25em;
-  overflow-y: scroll !important;
-  z-index: 1050;
-}
-
-.abp-modal-header {
-  word-break: break-word;
-}
-
-
-@keyframes fadeInTop {
-  from {
-    transform: translateY(-5px);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateY(0px);
-    opacity: 1;
-  }
-}
-
-@keyframes fadeOutTop {
-  to {
-    transform: translateY(-5px);
-    opacity: 0;
-  }
-}
-
-/* </animations */
-.ngb-dp-body {
-  z-index: 1055 !important;
-}
-`;
+class CreateErrorComponentService {
+    getErrorHostElement() {
+        return document.body;
+    }
+    canCreateCustomError(status) {
+        return !!(this.httpErrorConfig?.errorScreen?.component &&
+            this.httpErrorConfig?.errorScreen?.forWhichErrors &&
+            this.httpErrorConfig?.errorScreen?.forWhichErrors.indexOf(status) > -1);
+    }
+    constructor() {
+        this.rendererFactory = inject(RendererFactory2);
+        this.cfRes = inject(ComponentFactoryResolver);
+        this.routerEvents = inject(RouterEvents);
+        this.injector = inject(Injector);
+        this.httpErrorConfig = inject(HTTP_ERROR_CONFIG);
+        this.componentRef = null;
+        this.listenToRouterDataResolved();
+    }
+    listenToRouterDataResolved() {
+        this.routerEvents
+            .getEvents(ResolveEnd)
+            .pipe(filter(() => !!this.componentRef))
+            .subscribe(() => {
+            this.componentRef?.destroy();
+            this.componentRef = null;
+        });
+    }
+    isCloseIconHidden() {
+        return !!this.httpErrorConfig.errorScreen?.hideCloseIcon;
+    }
+    execute(instance) {
+        const renderer = this.rendererFactory.createRenderer(null, null);
+        const hostElement = this.getErrorHostElement();
+        const host = renderer.selectRootElement(hostElement, true);
+        this.componentRef = this.cfRes
+            .resolveComponentFactory(HttpErrorWrapperComponent)
+            .create(this.injector);
+        for (const key in instance) {
+            /* istanbul ignore else */
+            if (Object.prototype.hasOwnProperty.call(this.componentRef.instance, key)) {
+                this.componentRef.instance[key] = instance[key];
+            }
+        }
+        this.componentRef.instance.hideCloseIcon = this.isCloseIconHidden();
+        const appRef = this.injector.get(ApplicationRef);
+        if (this.canCreateCustomError(instance.status)) {
+            this.componentRef.instance.cfRes = this.cfRes;
+            this.componentRef.instance.appRef = appRef;
+            this.componentRef.instance.injector = this.injector;
+            this.componentRef.instance.customComponent = this.httpErrorConfig.errorScreen?.component;
+        }
+        appRef.attachView(this.componentRef.hostView);
+        renderer.appendChild(host, this.componentRef.hostView.rootNodes[0]);
+        const destroy$ = new Subject();
+        this.componentRef.instance.destroy$ = destroy$;
+        destroy$.subscribe(() => {
+            this.componentRef?.destroy();
+            this.componentRef = null;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: CreateErrorComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: CreateErrorComponentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: CreateErrorComponentService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; } });
 
-const THEME_SHARED_APPEND_CONTENT = new InjectionToken('THEME_SHARED_APPEND_CONTENT', {
-    providedIn: 'root',
-    factory: () => {
-        const domInsertion = inject(DomInsertionService);
-        domInsertion.insertContent(CONTENT_STRATEGY.AppendStyleToHead(styles));
+function getErrorFromRequestBody(body) {
+    let message;
+    let title;
+    if (body.details) {
+        message = body.details;
+        title = body.message;
+    }
+    else if (body.message) {
+        title = {
+            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
+            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
+        };
+        message = body.message;
+    }
+    else {
+        message = {
+            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
+            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
+        };
+        title = '';
+    }
+    return { message, title };
+}
+
+class AbpFormatErrorHandlerService {
+    constructor() {
+        this.priority = CUSTOM_HTTP_ERROR_HANDLER_PRIORITY.high;
+        this.confirmationService = inject(ConfirmationService);
+        this.authService = inject(AuthService);
+        this.error = undefined;
+    }
+    navigateToLogin() {
+        return this.authService.navigateToLogin();
+    }
+    canHandle(error) {
+        if (error instanceof HttpErrorResponse && error.headers.get('_AbpErrorFormat')) {
+            this.error = error;
+            return true;
+        }
+        return false;
+    }
+    execute() {
+        const { message, title } = getErrorFromRequestBody(this.error?.error?.error);
+        this.confirmationService
+            .error(message, title, {
+            hideCancelBtn: true,
+            yesText: 'AbpAccount::Close',
+        })
+            .subscribe(() => {
+            if (this.error?.status === 401) {
+                this.navigateToLogin();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: AbpFormatErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: AbpFormatErrorHandlerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: AbpFormatErrorHandlerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TenantResolveErrorHandlerService {
+    constructor() {
+        this.sessionService = inject(SessionStateService);
+        this.priority = CUSTOM_HTTP_ERROR_HANDLER_PRIORITY.high;
+        this.authService = inject(AuthService);
+    }
+    isTenantResolveError(error) {
+        return error instanceof HttpErrorResponse && !!error.headers.get('Abp-Tenant-Resolve-Error');
+    }
+    canHandle(error) {
+        return this.isTenantResolveError(error);
+    }
+    execute() {
+        this.sessionService.setTenant(null);
+        this.authService.logout().subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: TenantResolveErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: TenantResolveErrorHandlerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: TenantResolveErrorHandlerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class StatusCodeErrorHandlerService {
+    constructor() {
+        this.confirmationService = inject(ConfirmationService);
+        this.createErrorComponentService = inject(CreateErrorComponentService);
+        this.authService = inject(AuthService);
+        this.priority = CUSTOM_HTTP_ERROR_HANDLER_PRIORITY.normal;
+        this.handledStatusCodes = [401, 403, 404, 500];
+    }
+    canHandle({ status }) {
+        this.status = status;
+        return this.handledStatusCodes.indexOf(status) > -1;
+    }
+    execute() {
+        const key = `defaultError${this.status}`;
+        const title = {
+            key: DEFAULT_ERROR_LOCALIZATIONS[key]?.title,
+            defaultValue: DEFAULT_ERROR_MESSAGES[key]?.title,
+        };
+        const message = {
+            key: DEFAULT_ERROR_LOCALIZATIONS[key]?.details,
+            defaultValue: DEFAULT_ERROR_MESSAGES[key]?.details,
+        };
+        const canCreateCustomError = this.createErrorComponentService.canCreateCustomError(this.status);
+        switch (this.status) {
+            case 401:
+            case 404:
+                if (canCreateCustomError) {
+                    this.showPage();
+                    break;
+                }
+                this.showConfirmation(title, message).subscribe(() => {
+                    if (this.status === 401) {
+                        this.navigateToLogin();
+                    }
+                });
+                break;
+            case 403:
+            case 500:
+                this.showPage();
+                break;
+        }
+    }
+    navigateToLogin() {
+        this.authService.navigateToLogin();
+    }
+    showConfirmation(message, title) {
+        return this.confirmationService.error(message, title, {
+            hideCancelBtn: true,
+            yesText: 'AbpAccount::Close',
+        });
+    }
+    showPage() {
+        const key = `defaultError${this.status}`;
+        const instance = {
+            title: {
+                key: DEFAULT_ERROR_LOCALIZATIONS[key]?.title,
+                defaultValue: DEFAULT_ERROR_MESSAGES[key]?.title,
+            },
+            details: {
+                key: DEFAULT_ERROR_LOCALIZATIONS[key]?.details,
+                defaultValue: DEFAULT_ERROR_MESSAGES[key]?.details,
+            },
+            status: this.status,
+        };
+        const shouldRemoveDetail = [401, 404].indexOf(this.status) > -1;
+        if (shouldRemoveDetail) {
+            delete instance.details;
+        }
+        this.createErrorComponentService.execute(instance);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: StatusCodeErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: StatusCodeErrorHandlerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: StatusCodeErrorHandlerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class UnknownStatusCodeErrorHandlerService {
+    constructor() {
+        this.priority = CUSTOM_HTTP_ERROR_HANDLER_PRIORITY.normal;
+        this.statusText = 'Unknown Error';
+        this.message = '';
+        this.createErrorComponentService = inject(CreateErrorComponentService);
+    }
+    canHandle(error) {
+        if (error && error.status === 0 && error.statusText === this.statusText) {
+            this.message = error.message;
+            return true;
+        }
+        return false;
+    }
+    execute() {
+        this.createErrorComponentService.execute({
+            title: {
+                key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
+                defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
+            },
+            details: this.message,
+            isHomeShow: false,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: UnknownStatusCodeErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: UnknownStatusCodeErrorHandlerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: UnknownStatusCodeErrorHandlerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class RouterErrorHandlerService {
+    constructor() {
+        this.routerEvents = inject(RouterEvents);
+        this.httpErrorConfig = inject(HTTP_ERROR_CONFIG);
+        this.createErrorComponentService = inject(CreateErrorComponentService);
+        this.filterRouteErrors = (navigationError) => {
+            return (navigationError.error?.message?.indexOf('Cannot match') > -1 &&
+                !!this.httpErrorConfig.skipHandledErrorCodes &&
+                this.httpErrorConfig.skipHandledErrorCodes.findIndex(code => code === 404) < 0);
+        };
+    }
+    listen() {
+        this.routerEvents
+            .getNavigationEvents('Error')
+            .pipe(filter(this.filterRouteErrors))
+            .subscribe(() => this.show404Page());
+    }
+    show404Page() {
+        const instance = {
+            title: {
+                key: DEFAULT_ERROR_LOCALIZATIONS.defaultError404.title,
+                defaultValue: DEFAULT_ERROR_MESSAGES.defaultError404.title,
+            },
+            status: 404,
+        };
+        this.createErrorComponentService.execute(instance);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RouterErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RouterErrorHandlerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RouterErrorHandlerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ErrorHandler {
+    constructor(injector) {
+        this.injector = injector;
+        this.httpErrorReporter = inject(HttpErrorReporterService);
+        this.confirmationService = inject(ConfirmationService);
+        this.routerErrorHandlerService = inject(RouterErrorHandlerService);
+        this.httpErrorConfig = inject(HTTP_ERROR_CONFIG);
+        this.customErrorHandlers = inject(CUSTOM_ERROR_HANDLERS);
+        this.defaultHttpErrorHandler = (_, err) => throwError(() => err);
+        this.httpErrorHandler = inject(HTTP_ERROR_HANDLER, { optional: true }) || this.defaultHttpErrorHandler;
+        this.executeErrorHandler = (error) => {
+            const errHandler = this.httpErrorHandler(this.injector, error);
+            const isObservable = errHandler instanceof Observable;
+            const response = isObservable ? errHandler : of(null);
+            return response.pipe(catchError(err => {
+                this.handleError(err);
+                return of(null);
+            }));
+        };
+        this.filterRestErrors = ({ status }) => {
+            if (typeof status !== 'number')
+                return false;
+            return (!!this.httpErrorConfig.skipHandledErrorCodes &&
+                this.httpErrorConfig.skipHandledErrorCodes.findIndex(code => code === status) < 0);
+        };
+        this.listenToRestError();
+        this.listenToRouterError();
+    }
+    listenToRouterError() {
+        this.routerErrorHandlerService.listen();
+    }
+    listenToRestError() {
+        this.httpErrorReporter.reporter$
+            .pipe(filter(this.filterRestErrors), switchMap(this.executeErrorHandler))
+            .subscribe(err => {
+            this.handleError(err);
+        });
+    }
+    sortHttpErrorHandlers(a, b) {
+        return (b.priority || 0) - (a.priority || 0);
+    }
+    handleError(err) {
+        if (this.customErrorHandlers && this.customErrorHandlers.length) {
+            const canHandleService = this.customErrorHandlers
+                .sort(this.sortHttpErrorHandlers)
+                .find(service => service.canHandle(err));
+            if (canHandleService) {
+                canHandleService.execute();
+                return;
+            }
+        }
+        this.showError().subscribe();
+    }
+    showError() {
+        const title = {
+            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.title,
+            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.title,
+        };
+        const message = {
+            key: DEFAULT_ERROR_LOCALIZATIONS.defaultError.details,
+            defaultValue: DEFAULT_ERROR_MESSAGES.defaultError.details,
+        };
+        return this.confirmationService.error(message, title, {
+            hideCancelBtn: true,
+            yesText: 'AbpAccount::Close',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: ErrorHandler, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: ErrorHandler, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: ErrorHandler, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
+const NG_BOOTSTRAP_CONFIG_PROVIDERS = [
+    {
+        provide: APP_INITIALIZER,
+        useFactory: configureNgBootstrap,
+        deps: [NgbInputDatepickerConfig, NgbTypeaheadConfig],
+        multi: true,
     },
-});
+];
+function configureNgBootstrap(datepicker, typeahead) {
+    return () => {
+        datepicker.container = 'body';
+        typeahead.container = 'body';
+    };
+}
+
+const THEME_SHARED_ROUTE_PROVIDERS = [
+    { provide: APP_INITIALIZER, useFactory: configureRoutes, deps: [RoutesService], multi: true },
+];
+function configureRoutes(routesService) {
+    return () => {
+        routesService.add([
+            {
+                path: undefined,
+                name: "AbpUiNavigation::Menu:Administration" /* eThemeSharedRouteNames.Administration */,
+                iconClass: 'fa fa-wrench',
+                order: 100,
+            },
+        ]);
+    };
+}
+
+const ERROR_HANDLERS_PROVIDERS = [
+    {
+        provide: CUSTOM_ERROR_HANDLERS,
+        multi: true,
+        useClass: TenantResolveErrorHandlerService,
+    },
+    {
+        provide: CUSTOM_ERROR_HANDLERS,
+        multi: true,
+        useClass: AbpFormatErrorHandlerService,
+    },
+    {
+        provide: CUSTOM_ERROR_HANDLERS,
+        multi: true,
+        useClass: StatusCodeErrorHandlerService,
+    },
+    {
+        provide: CUSTOM_ERROR_HANDLERS,
+        multi: true,
+        useClass: UnknownStatusCodeErrorHandlerService,
+    },
+];
 
 function isNumber(value) {
     return !isNaN(toInteger(value));
@@ -2543,7 +2731,7 @@ const declarationsWithExports = [
     ModalCloseDirective,
     AbpVisibleDirective,
     FormInputComponent,
-    FormCheckboxComponent
+    FormCheckboxComponent,
 ];
 class BaseThemeSharedModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: BaseThemeSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -2615,7 +2803,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImpor
                         EllipsisModule,
                         NgxValidateCoreModule,
                         CardModule,
-                        ...declarationsWithExports
+                        ...declarationsWithExports,
                     ],
                     providers: [DatePipe],
                 }]
@@ -2675,6 +2863,7 @@ class ThemeSharedModule {
                         ...(confirmationIcons || {}),
                     },
                 },
+                ERROR_HANDLERS_PROVIDERS,
             ],
         };
     }
@@ -2757,5 +2946,5 @@ function validatePassword(shouldContain) {
  * Generated bundle index. Do not edit.
  */
 
-export { AbpVisibleDirective, BaseThemeSharedModule, BreadcrumbComponent, BreadcrumbItemsComponent, ButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardHeaderDirective, CardImgTopDirective, CardModule, CardSubtitleDirective, CardTitleDirective, Confirmation, ConfirmationComponent, ConfirmationService, DEFAULT_ERROR_LOCALIZATIONS, DEFAULT_ERROR_MESSAGES, DEFAULT_VALIDATION_BLUEPRINTS, DateParserFormatter, DocumentDirHandlerService, EllipsisDirective, EllipsisModule, ErrorHandler, FormCheckboxComponent, FormInputComponent, HTTP_ERROR_CONFIG, HTTP_ERROR_HANDLER, HttpErrorWrapperComponent, LoaderBarComponent, LoadingComponent, LoadingDirective, ModalCloseDirective, ModalComponent, ModalRefService, NGX_DATATABLE_MESSAGES, NG_BOOTSTRAP_CONFIG_PROVIDERS, NavItem, NavItemsService, NgxDatatableDefaultDirective, NgxDatatableListDirective, PageAlertService, PasswordComponent, SUPPRESS_UNSAVED_CHANGES_WARNING, THEME_SHARED_APPEND_CONTENT, THEME_SHARED_ROUTE_PROVIDERS, ThemeSharedModule, ToastComponent, ToastContainerComponent, ToasterService, UserMenu, UserMenuService, bounceIn, collapse, collapseLinearWithMargin, collapseWithMargin, collapseX, collapseY, collapseYWithMargin, configureNgBootstrap, configureRoutes, defaultNgxDatatableMessages, dialogAnimation, eFormComponets, expandX, expandY, expandYWithMargin, fadeAnimation, fadeIn, fadeInDown, fadeInLeft, fadeInRight, fadeInUp, fadeOut, fadeOutDown, fadeOutLeft, fadeOutRight, fadeOutUp, getPasswordValidators, httpErrorConfigFactory, slideFromBottom, toastInOut, validatePassword };
+export { AbpFormatErrorHandlerService, AbpVisibleDirective, BaseThemeSharedModule, BreadcrumbComponent, BreadcrumbItemsComponent, ButtonComponent, CUSTOM_ERROR_HANDLERS, CUSTOM_HTTP_ERROR_HANDLER_PRIORITY, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardHeaderDirective, CardImgTopDirective, CardModule, CardSubtitleDirective, CardTitleDirective, Confirmation, ConfirmationComponent, ConfirmationService, CreateErrorComponentService, DEFAULT_ERROR_LOCALIZATIONS, DEFAULT_ERROR_MESSAGES, DEFAULT_VALIDATION_BLUEPRINTS, DateParserFormatter, DocumentDirHandlerService, ERROR_HANDLERS_PROVIDERS, EllipsisDirective, EllipsisModule, ErrorHandler, FormCheckboxComponent, FormInputComponent, HTTP_ERROR_CONFIG, HTTP_ERROR_HANDLER, HttpErrorWrapperComponent, InternetConnectionStatusComponent, LoaderBarComponent, LoadingComponent, LoadingDirective, ModalCloseDirective, ModalComponent, ModalRefService, NGX_DATATABLE_MESSAGES, NG_BOOTSTRAP_CONFIG_PROVIDERS, NavItem, NavItemsService, NgxDatatableDefaultDirective, NgxDatatableListDirective, PageAlertService, PasswordComponent, RouterErrorHandlerService, SUPPRESS_UNSAVED_CHANGES_WARNING, StatusCodeErrorHandlerService, THEME_SHARED_APPEND_CONTENT, THEME_SHARED_ROUTE_PROVIDERS, TenantResolveErrorHandlerService, ThemeSharedModule, ToastComponent, ToastContainerComponent, ToasterService, UnknownStatusCodeErrorHandlerService, UserMenu, UserMenuService, bounceIn, collapse, collapseLinearWithMargin, collapseWithMargin, collapseX, collapseY, collapseYWithMargin, configureNgBootstrap, configureRoutes, defaultNgxDatatableMessages, dialogAnimation, eFormComponets, expandX, expandY, expandYWithMargin, fadeAnimation, fadeIn, fadeInDown, fadeInLeft, fadeInRight, fadeInUp, fadeOut, fadeOutDown, fadeOutLeft, fadeOutRight, fadeOutUp, getErrorFromRequestBody, getPasswordValidators, httpErrorConfigFactory, slideFromBottom, toastInOut, validatePassword };
 //# sourceMappingURL=abp-ng.theme.shared.mjs.map