@abp/ng.theme.shared 8.2.1 → 8.3.0-rc.1

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

@@ -1,15 +1,14 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, Input, ChangeDetectionStrategy, EventEmitter, Output, ViewChild, InjectionToken, Inject, inject, DestroyRef, createComponent, ViewEncapsulation, Optional, ContentChild, Directive, HostListener, forwardRef, HostBinding, NgModule, ChangeDetectorRef, Host, RendererFactory2, Injector, EnvironmentInjector, ApplicationRef, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
+import { Injectable, Component, Input, ChangeDetectionStrategy, EventEmitter, Output, ViewChild, InjectionToken, Inject, inject, DestroyRef, createComponent, ViewEncapsulation, model, input, viewChild, contentChild, output, effect, Directive, Optional, HostListener, forwardRef, HostBinding, NgModule, ChangeDetectorRef, Host, RendererFactory2, Injector, EnvironmentInjector, ApplicationRef, APP_INITIALIZER, LOCALE_ID, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@angular/common';
 import { formatDate, DOCUMENT, CommonModule, DatePipe } from '@angular/common';
-import * as i3 from '@ng-bootstrap/ng-bootstrap';
-import { NgbDateAdapter, NgbTimeAdapter, NgbTooltip, NgbInputDatepickerConfig, NgbTypeaheadConfig, NgbDateParserFormatter, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDateAdapter, NgbTimeAdapter, NgbModal, NgbTooltip, NgbInputDatepickerConfig, NgbTypeaheadConfig, NgbDateParserFormatter, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';
 import { animation, style, animate, keyframes, trigger, state, transition, useAnimation, query } from '@angular/animations';
 import * as i1$1 from '@angular/router';
 import { Router, ResolveEnd } from '@angular/router';
 import * as i2 from '@abp/ng.core';
-import { getRoutePath, SubscriptionService, PROJECTION_STRATEGY, uuid, AbstractNgModelComponent, InternetConnectionService, LocalizationModule, LocalizationService, getLocaleDirection, DomInsertionService, CONTENT_STRATEGY, SORT_COMPARE_FUNC, InternalStore, RouterEvents, AuthService, SessionStateService, ConfigStateService, HttpErrorReporterService, RoutesService, TENANT_NOT_FOUND_BY_NAME, CoreModule, noop } from '@abp/ng.core';
-import { startWith, map, debounceTime, filter, takeUntil, distinctUntilChanged, take, switchMap } from 'rxjs/operators';
+import { getRoutePath, SubscriptionService, PROJECTION_STRATEGY, uuid, AbstractNgModelComponent, InternetConnectionService, LocalizationModule, LocalizationService, getLocaleDirection, DomInsertionService, CONTENT_STRATEGY, SORT_COMPARE_FUNC, InternalStore, RouterEvents, AuthService, SessionStateService, ConfigStateService, HttpErrorReporterService, RoutesService, TENANT_NOT_FOUND_BY_NAME, noop, CoreModule } from '@abp/ng.core';
+import { startWith, map, debounceTime, filter, takeUntil, take, switchMap } from 'rxjs/operators';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { fromEvent, Subscription, combineLatest, timer, ReplaySubject, Subject, of, from, Observable, EMPTY, BehaviorSubject } from 'rxjs';
 import * as i2$1 from '@angular/forms';
@@ -17,7 +16,7 @@ import { NG_VALUE_ACCESSOR, FormsModule, Validators } from '@angular/forms';
 import * as i1$2 from '@swimlane/ngx-datatable';
 import { ColumnMode, DatatableComponent, NgxDatatableModule } from '@swimlane/ngx-datatable';
 import { HttpErrorResponse } from '@angular/common/http';
-import { NgxValidateCoreModule, VALIDATION_BLUEPRINTS, VALIDATION_MAP_ERRORS_FN, defaultMapErrorsFn, VALIDATION_VALIDATE_ON_SUBMIT, normalizeDiacritics } from '@ngx-validate/core';
+import { normalizeDiacritics, VALIDATION_BLUEPRINTS, VALIDATION_MAP_ERRORS_FN, defaultMapErrorsFn, VALIDATION_VALIDATE_ON_SUBMIT, NgxValidateCoreModule } from '@ngx-validate/core';
 
 class DateTimeAdapter {
     fromModel(value) {
@@ -753,50 +752,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }] });
 
 class ModalComponent {
-    get visible() {
-        return this._visible;
-    }
-    set visible(value) {
-        if (typeof value !== 'boolean')
-            return;
-        this.toggle$.next(value);
-    }
-    get busy() {
-        return this._busy;
-    }
-    set busy(value) {
-        if (this.abpSubmit && this.abpSubmit instanceof ButtonComponent) {
-            this.abpSubmit.loading = value;
-        }
-        this._busy = value;
-    }
     get modalWindowRef() {
         return document.querySelector(`ngb-modal-window.${this.modalIdentifier}`);
     }
     get isFormDirty() {
         return Boolean(this.modalWindowRef?.querySelector('.ng-dirty'));
     }
-    constructor(confirmationService, subscription, suppressUnsavedChangesWarningToken, modal, modalRefService) {
-        this.confirmationService = confirmationService;
-        this.subscription = subscription;
-        this.suppressUnsavedChangesWarningToken = suppressUnsavedChangesWarningToken;
-        this.modal = modal;
-        this.modalRefService = modalRefService;
-        this.options = {
-            keyboard: true,
-        };
-        this.suppressUnsavedChangesWarning = this.suppressUnsavedChangesWarningToken;
-        this.visibleChange = new EventEmitter();
-        this.init = new EventEmitter();
-        this.appear = new EventEmitter();
-        this.disappear = new EventEmitter();
-        this._visible = false;
-        this._busy = false;
+    constructor() {
+        this.confirmationService = inject(ConfirmationService);
+        this.modal = inject(NgbModal);
+        this.modalRefService = inject(ModalRefService);
+        this.suppressUnsavedChangesWarningToken = inject(SUPPRESS_UNSAVED_CHANGES_WARNING, {
+            optional: true,
+        });
+        this.destroyRef = inject(DestroyRef);
+        this.visible = model(false);
+        this.busy = input(false, {
+            transform: (value) => {
+                if (this.abpSubmit() && this.abpSubmit() instanceof ButtonComponent) {
+                    this.abpSubmit().loading = value;
+                }
+                return value;
+            },
+        });
+        this.options = input({ keyboard: true });
+        this.suppressUnsavedChangesWarning = input(this.suppressUnsavedChangesWarningToken);
+        this.modalContent = viewChild('modalContent');
+        this.abpHeader = contentChild('abpHeader');
+        this.abpBody = contentChild('abpBody');
+        this.abpFooter = contentChild('abpFooter');
+        this.abpSubmit = contentChild(ButtonComponent, { read: ButtonComponent });
+        this.init = output();
+        this.appear = output();
+        this.disappear = output();
         this.isConfirmationOpen = false;
-        this.destroy$ = new Subject();
         this.modalIdentifier = `modal-${uuid()}`;
-        this.toggle$ = new Subject();
-        this.initToggleStream();
+        effect(() => {
+            this.toggle(this.visible());
+        });
     }
     ngOnInit() {
         this.modalRefService.register(this);
@@ -804,7 +797,7 @@ class ModalComponent {
     dismiss(mode) {
         switch (mode) {
             case 'hard':
-                this.visible = false;
+                this.visible.set(false);
                 break;
             case 'soft':
                 this.close();
@@ -813,118 +806,78 @@ class ModalComponent {
                 break;
         }
     }
-    initToggleStream() {
-        this.subscription.addOne(this.toggle$.pipe(debounceTime(0), distinctUntilChanged()), value => this.toggle(value));
-    }
     toggle(value) {
-        this._visible = value;
-        this.visibleChange.emit(value);
+        this.visible.set(value);
         if (!value) {
             this.modalRef?.dismiss();
             this.disappear.emit();
-            this.destroy$.next();
             return;
         }
         setTimeout(() => this.listen(), 0);
-        this.modalRef = this.modal.open(this.modalContent, {
+        this.modalRef = this.modal.open(this.modalContent(), {
             size: 'md',
             centered: false,
             keyboard: false,
             scrollable: true,
             beforeDismiss: () => {
-                if (!this.visible)
+                if (!this.visible())
                     return true;
                 this.close();
-                return !this.visible;
+                return !this.visible();
             },
-            ...this.options,
-            windowClass: `${this.options.windowClass || ''} ${this.modalIdentifier}`,
+            ...this.options(),
+            windowClass: `${this.options().windowClass || ''} ${this.modalIdentifier}`,
         });
         this.appear.emit();
     }
     ngOnDestroy() {
         this.modalRefService.unregister(this);
         this.toggle(false);
-        this.destroy$.next();
     }
     close() {
-        if (this.busy)
+        if (this.busy())
             return;
-        if (this.isFormDirty && !this.suppressUnsavedChangesWarning) {
+        if (this.isFormDirty && !this.suppressUnsavedChangesWarning()) {
             if (this.isConfirmationOpen)
                 return;
             this.isConfirmationOpen = true;
             this.confirmationService
-                .warn('AbpUi::AreYouSureYouWantToCancelEditingWarningMessage', 'AbpUi::AreYouSure', { dismissible: false })
+                .warn('AbpUi::AreYouSureYouWantToCancelEditingWarningMessage', 'AbpUi::AreYouSure', {
+                dismissible: false,
+            })
                 .subscribe((status) => {
                 this.isConfirmationOpen = false;
                 if (status === Confirmation.Status.confirm) {
-                    this.visible = false;
+                    this.visible.set(false);
                 }
             });
         }
         else {
-            this.visible = false;
+            this.visible.set(false);
         }
     }
     listen() {
         if (this.modalWindowRef) {
             fromEvent(this.modalWindowRef, 'keyup')
-                .pipe(takeUntil(this.destroy$), debounceTime(150), filter((key) => key && key.key === 'Escape' && this.options.keyboard))
+                .pipe(takeUntilDestroyed(this.destroyRef), debounceTime(150), filter((key) => key && key.key === 'Escape' && this.options().keyboard))
                 .subscribe(() => this.close());
         }
         fromEvent(window, 'beforeunload')
-            .pipe(takeUntil(this.destroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(event => {
-            if (this.isFormDirty && !this.suppressUnsavedChangesWarning) {
+            if (this.isFormDirty && !this.suppressUnsavedChangesWarning()) {
                 event.preventDefault();
             }
         });
         this.init.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, deps: [{ token: ConfirmationService }, { token: i2.SubscriptionService }, { token: SUPPRESS_UNSAVED_CHANGES_WARNING, optional: true }, { token: i3.NgbModal }, { token: ModalRefService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ModalComponent, selector: "abp-modal", inputs: { visible: "visible", busy: "busy", options: "options", suppressUnsavedChangesWarning: "suppressUnsavedChangesWarning" }, outputs: { visibleChange: "visibleChange", init: "init", appear: "appear", disappear: "disappear" }, providers: [SubscriptionService], queries: [{ propertyName: "abpHeader", first: true, predicate: ["abpHeader"], descendants: true }, { propertyName: "abpBody", first: true, predicate: ["abpBody"], descendants: true }, { propertyName: "abpFooter", first: true, predicate: ["abpFooter"], descendants: true }, { propertyName: "abpSubmit", first: true, predicate: ButtonComponent, descendants: true, read: ButtonComponent }], viewQueries: [{ propertyName: "modalContent", first: true, predicate: ["modalContent"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-template #modalContent let-modal>\r\n  @if (abpHeader) {\r\n    <div id=\"abp-modal-header\" class=\"modal-header abp-modal-header\">\r\n      <ng-container *ngTemplateOutlet=\"abpHeader\"></ng-container>\r\n      \u200B\r\n      <button\r\n        id=\"abp-modal-close-button\"\r\n        type=\"button\"\r\n        class=\"btn-sm btn-close\"\r\n        aria-label=\"Close\"\r\n        (click)=\"modal.dismiss()\"\r\n      ></button>\r\n    </div>\r\n  }\r\n  @if (abpBody) {\r\n    <div id=\"abp-modal-body\" class=\"modal-body\">\r\n      <ng-container *ngTemplateOutlet=\"abpBody\"></ng-container>\r\n    </div>\r\n  }\r\n  @if (abpFooter) {\r\n    <div id=\"abp-modal-footer\" class=\"modal-footer\">\r\n      <ng-container *ngTemplateOutlet=\"abpFooter\"></ng-container>\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: [".modal.show{display:block!important}.modal-backdrop{opacity:.8}.modal::-webkit-scrollbar{width:7px}.modal::-webkit-scrollbar-track{background:#ddd}.modal::-webkit-scrollbar-thumb{background:#8a8686}.modal-dialog{z-index:1050}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ModalComponent, selector: "abp-modal", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, suppressUnsavedChangesWarning: { classPropertyName: "suppressUnsavedChangesWarning", publicName: "suppressUnsavedChangesWarning", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", init: "init", appear: "appear", disappear: "disappear" }, providers: [SubscriptionService], queries: [{ propertyName: "abpHeader", first: true, predicate: ["abpHeader"], descendants: true, isSignal: true }, { propertyName: "abpBody", first: true, predicate: ["abpBody"], descendants: true, isSignal: true }, { propertyName: "abpFooter", first: true, predicate: ["abpFooter"], descendants: true, isSignal: true }, { propertyName: "abpSubmit", first: true, predicate: ButtonComponent, descendants: true, read: ButtonComponent, isSignal: true }], viewQueries: [{ propertyName: "modalContent", first: true, predicate: ["modalContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-template #modalContent let-modal>\r\n  @if (abpHeader()) {\r\n    <div id=\"abp-modal-header\" class=\"modal-header abp-modal-header\">\r\n      <ng-container *ngTemplateOutlet=\"abpHeader()\"></ng-container>\r\n      \u200B\r\n      <button\r\n        id=\"abp-modal-close-button\"\r\n        type=\"button\"\r\n        class=\"btn-sm btn-close\"\r\n        aria-label=\"Close\"\r\n        (click)=\"modal.dismiss()\"\r\n      ></button>\r\n    </div>\r\n  }\r\n  @if (abpBody()) {\r\n    <div id=\"abp-modal-body\" class=\"modal-body\">\r\n      <ng-container *ngTemplateOutlet=\"abpBody()\"></ng-container>\r\n    </div>\r\n  }\r\n  @if (abpFooter()) {\r\n    <div id=\"abp-modal-footer\" class=\"modal-footer\">\r\n      <ng-container *ngTemplateOutlet=\"abpFooter()\"></ng-container>\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: [".modal.show{display:block!important}.modal-backdrop{opacity:.8}.modal::-webkit-scrollbar{width:7px}.modal::-webkit-scrollbar-track{background:#ddd}.modal::-webkit-scrollbar-thumb{background:#8a8686}.modal-dialog{z-index:1050}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'abp-modal', providers: [SubscriptionService], template: "<ng-content></ng-content>\r\n\r\n<ng-template #modalContent let-modal>\r\n  @if (abpHeader) {\r\n    <div id=\"abp-modal-header\" class=\"modal-header abp-modal-header\">\r\n      <ng-container *ngTemplateOutlet=\"abpHeader\"></ng-container>\r\n      \u200B\r\n      <button\r\n        id=\"abp-modal-close-button\"\r\n        type=\"button\"\r\n        class=\"btn-sm btn-close\"\r\n        aria-label=\"Close\"\r\n        (click)=\"modal.dismiss()\"\r\n      ></button>\r\n    </div>\r\n  }\r\n  @if (abpBody) {\r\n    <div id=\"abp-modal-body\" class=\"modal-body\">\r\n      <ng-container *ngTemplateOutlet=\"abpBody\"></ng-container>\r\n    </div>\r\n  }\r\n  @if (abpFooter) {\r\n    <div id=\"abp-modal-footer\" class=\"modal-footer\">\r\n      <ng-container *ngTemplateOutlet=\"abpFooter\"></ng-container>\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: [".modal.show{display:block!important}.modal-backdrop{opacity:.8}.modal::-webkit-scrollbar{width:7px}.modal::-webkit-scrollbar-track{background:#ddd}.modal::-webkit-scrollbar-thumb{background:#8a8686}.modal-dialog{z-index:1050}\n"] }]
-        }], ctorParameters: () => [{ type: ConfirmationService }, { type: i2.SubscriptionService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [SUPPRESS_UNSAVED_CHANGES_WARNING]
-                }] }, { type: i3.NgbModal }, { type: ModalRefService }], propDecorators: { visible: [{
-                type: Input
-            }], busy: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], suppressUnsavedChangesWarning: [{
-                type: Input
-            }], modalContent: [{
-                type: ViewChild,
-                args: ['modalContent']
-            }], abpHeader: [{
-                type: ContentChild,
-                args: ['abpHeader', { static: false }]
-            }], abpBody: [{
-                type: ContentChild,
-                args: ['abpBody', { static: false }]
-            }], abpFooter: [{
-                type: ContentChild,
-                args: ['abpFooter', { static: false }]
-            }], abpSubmit: [{
-                type: ContentChild,
-                args: [ButtonComponent, { static: false, read: ButtonComponent }]
-            }], visibleChange: [{
-                type: Output
-            }], init: [{
-                type: Output
-            }], appear: [{
-                type: Output
-            }], disappear: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'abp-modal', providers: [SubscriptionService], template: "<ng-content></ng-content>\r\n\r\n<ng-template #modalContent let-modal>\r\n  @if (abpHeader()) {\r\n    <div id=\"abp-modal-header\" class=\"modal-header abp-modal-header\">\r\n      <ng-container *ngTemplateOutlet=\"abpHeader()\"></ng-container>\r\n      \u200B\r\n      <button\r\n        id=\"abp-modal-close-button\"\r\n        type=\"button\"\r\n        class=\"btn-sm btn-close\"\r\n        aria-label=\"Close\"\r\n        (click)=\"modal.dismiss()\"\r\n      ></button>\r\n    </div>\r\n  }\r\n  @if (abpBody()) {\r\n    <div id=\"abp-modal-body\" class=\"modal-body\">\r\n      <ng-container *ngTemplateOutlet=\"abpBody()\"></ng-container>\r\n    </div>\r\n  }\r\n  @if (abpFooter()) {\r\n    <div id=\"abp-modal-footer\" class=\"modal-footer\">\r\n      <ng-container *ngTemplateOutlet=\"abpFooter()\"></ng-container>\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: [".modal.show{display:block!important}.modal-backdrop{opacity:.8}.modal::-webkit-scrollbar{width:7px}.modal::-webkit-scrollbar-track{background:#ddd}.modal::-webkit-scrollbar-thumb{background:#8a8686}.modal-dialog{z-index:1050}\n"] }]
+        }], ctorParameters: () => [] });
 
 class ModalCloseDirective {
     constructor(modal) {
@@ -2895,6 +2848,8 @@ const DEFAULT_VALIDATION_BLUEPRINTS = {
     customMessage: '{{ customMessage }}'
 };
 
+var scripts = '';
+
 function isNumber(value) {
     return !isNaN(toInteger(value));
 }
@@ -2947,6 +2902,173 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     args: [LOCALE_ID]
                 }] }] });
 
+const { minLength, maxLength } = Validators;
+function getPasswordValidators(injector) {
+    const getRule = getRuleFn(injector);
+    const passwordRulesArr = [];
+    let requiredLength = 1;
+    if (getRule('RequireDigit') === 'true') {
+        passwordRulesArr.push('number');
+    }
+    if (getRule('RequireLowercase') === 'true') {
+        passwordRulesArr.push('small');
+    }
+    if (getRule('RequireUppercase') === 'true') {
+        passwordRulesArr.push('capital');
+    }
+    if (getRule('RequireNonAlphanumeric') === 'true') {
+        passwordRulesArr.push('special');
+    }
+    if (Number.isInteger(+getRule('RequiredLength'))) {
+        requiredLength = +getRule('RequiredLength');
+    }
+    const passwordValidators = passwordRulesArr.map(rule => validatePassword(rule));
+    return [...passwordValidators, minLength(requiredLength), maxLength(128)];
+}
+function getRuleFn(injector) {
+    const configState = injector.get(ConfigStateService);
+    return (key) => {
+        const passwordRules = configState.getSettings('Identity.Password');
+        return (passwordRules[`Abp.Identity.Password.${key}`] || '').toLowerCase();
+    };
+}
+const errorMessageMap = {
+    small: 'passwordRequiresLower',
+    capital: 'passwordRequiresUpper',
+    number: 'passwordRequiresDigit',
+    special: 'passwordRequiresNonAlphanumeric',
+};
+function validatePassword(shouldContain) {
+    return (control) => {
+        if (!control.value)
+            return null;
+        const value = normalizeDiacritics(control.value);
+        const regexMap = {
+            small: /.*[a-z].*/,
+            capital: /.*[A-Z].*/,
+            number: /.*[0-9].*/,
+            special: /.*[^0-9a-zA-Z].*/,
+        };
+        const regex = regexMap[shouldContain];
+        const isValid = regex.test(value);
+        if (isValid) {
+            return null;
+        }
+        const error = errorMessageMap[shouldContain];
+        return {
+            [error]: true,
+        };
+    };
+}
+
+var ThemeSharedFeatureKind;
+(function (ThemeSharedFeatureKind) {
+    ThemeSharedFeatureKind[ThemeSharedFeatureKind["HttpErrorConfig"] = 0] = "HttpErrorConfig";
+    ThemeSharedFeatureKind[ThemeSharedFeatureKind["ValidationBluePrint"] = 1] = "ValidationBluePrint";
+    ThemeSharedFeatureKind[ThemeSharedFeatureKind["ValidationErrorsFn"] = 2] = "ValidationErrorsFn";
+    ThemeSharedFeatureKind[ThemeSharedFeatureKind["ValidateOnSubmit"] = 3] = "ValidateOnSubmit";
+    ThemeSharedFeatureKind[ThemeSharedFeatureKind["Validation"] = 4] = "Validation";
+    ThemeSharedFeatureKind[ThemeSharedFeatureKind["ConfirmationIcons"] = 5] = "ConfirmationIcons";
+})(ThemeSharedFeatureKind || (ThemeSharedFeatureKind = {}));
+function makeThemeSharedFeature(kind, providers) {
+    return {
+        ɵkind: kind,
+        ɵproviders: providers,
+    };
+}
+function withHttpErrorConfig(httpErrorConfig) {
+    return makeThemeSharedFeature(ThemeSharedFeatureKind.HttpErrorConfig, [
+        {
+            provide: HTTP_ERROR_CONFIG,
+            useValue: httpErrorConfig,
+        },
+    ]);
+}
+function withValidationBluePrint(bluePrints) {
+    return makeThemeSharedFeature(ThemeSharedFeatureKind.ValidationBluePrint, [
+        {
+            provide: VALIDATION_BLUEPRINTS,
+            useValue: {
+                ...DEFAULT_VALIDATION_BLUEPRINTS,
+                ...(bluePrints || {}),
+            },
+        },
+    ]);
+}
+function withValidationMapErrorsFn(mapErrorsFn) {
+    return makeThemeSharedFeature(ThemeSharedFeatureKind.ValidationErrorsFn, [
+        {
+            provide: VALIDATION_MAP_ERRORS_FN,
+            useValue: mapErrorsFn || defaultMapErrorsFn,
+        },
+    ]);
+}
+function withValidateOnSubmit(validateOnSubmit) {
+    return makeThemeSharedFeature(ThemeSharedFeatureKind.ValidateOnSubmit, [
+        {
+            provide: VALIDATION_VALIDATE_ON_SUBMIT,
+            useValue: validateOnSubmit,
+        },
+    ]);
+}
+function withConfirmationIcon(confirmationIcons) {
+    return makeThemeSharedFeature(ThemeSharedFeatureKind.HttpErrorConfig, [
+        {
+            provide: CONFIRMATION_ICONS,
+            useValue: { ...DEFAULT_CONFIRMATION_ICONS, ...(confirmationIcons || {}) },
+        },
+    ]);
+}
+function provideAbpThemeShared(...features) {
+    const providers = [
+        {
+            provide: APP_INITIALIZER,
+            multi: true,
+            deps: [ErrorHandler],
+            useFactory: noop,
+        },
+        THEME_SHARED_ROUTE_PROVIDERS,
+        {
+            provide: APP_INITIALIZER,
+            multi: true,
+            deps: [THEME_SHARED_APPEND_CONTENT],
+            useFactory: noop,
+        },
+        { provide: HTTP_ERROR_CONFIG, useValue: undefined },
+        { provide: NgbDateParserFormatter, useClass: DateParserFormatter },
+        NG_BOOTSTRAP_CONFIG_PROVIDERS,
+        {
+            provide: VALIDATION_BLUEPRINTS,
+            useValue: { ...DEFAULT_VALIDATION_BLUEPRINTS },
+        },
+        {
+            provide: VALIDATION_MAP_ERRORS_FN,
+            useValue: defaultMapErrorsFn,
+        },
+        {
+            provide: VALIDATION_VALIDATE_ON_SUBMIT,
+            useValue: undefined,
+        },
+        DocumentDirHandlerService,
+        {
+            provide: APP_INITIALIZER,
+            useFactory: noop,
+            multi: true,
+            deps: [DocumentDirHandlerService],
+        },
+        {
+            provide: CONFIRMATION_ICONS,
+            useValue: { ...DEFAULT_CONFIRMATION_ICONS },
+        },
+        tenantNotFoundProvider,
+        DEFAULT_HANDLERS_PROVIDERS,
+    ];
+    for (const feature of features) {
+        providers.push(...feature.ɵproviders);
+    }
+    return makeEnvironmentProviders(providers);
+}
+
 const declarationsWithExports = [
     BreadcrumbComponent,
     BreadcrumbItemsComponent,
@@ -3047,57 +3169,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 class ThemeSharedModule {
+    /**
+     * @deprecated forRoot method is deprecated, use `provideAbpThemeShared` *function* for config settings.
+     */
     static forRoot({ httpErrorConfig, validation = {}, confirmationIcons = {} } = {}) {
         return {
             ngModule: ThemeSharedModule,
             providers: [
-                {
-                    provide: APP_INITIALIZER,
-                    multi: true,
-                    deps: [ErrorHandler],
-                    useFactory: noop,
-                },
-                THEME_SHARED_ROUTE_PROVIDERS,
-                {
-                    provide: APP_INITIALIZER,
-                    multi: true,
-                    deps: [THEME_SHARED_APPEND_CONTENT],
-                    useFactory: noop,
-                },
-                { provide: HTTP_ERROR_CONFIG, useValue: httpErrorConfig },
-                { provide: NgbDateParserFormatter, useClass: DateParserFormatter },
-                NG_BOOTSTRAP_CONFIG_PROVIDERS,
-                {
-                    provide: VALIDATION_BLUEPRINTS,
-                    useValue: {
-                        ...DEFAULT_VALIDATION_BLUEPRINTS,
-                        ...(validation.blueprints || {}),
-                    },
-                },
-                {
-                    provide: VALIDATION_MAP_ERRORS_FN,
-                    useValue: validation.mapErrorsFn || defaultMapErrorsFn,
-                },
-                {
-                    provide: VALIDATION_VALIDATE_ON_SUBMIT,
-                    useValue: validation.validateOnSubmit,
-                },
-                DocumentDirHandlerService,
-                {
-                    provide: APP_INITIALIZER,
-                    useFactory: noop,
-                    multi: true,
-                    deps: [DocumentDirHandlerService],
-                },
-                {
-                    provide: CONFIRMATION_ICONS,
-                    useValue: {
-                        ...DEFAULT_CONFIRMATION_ICONS,
-                        ...(confirmationIcons || {}),
-                    },
-                },
-                tenantNotFoundProvider,
-                DEFAULT_HANDLERS_PROVIDERS,
+                provideAbpThemeShared(withHttpErrorConfig(httpErrorConfig), withValidationBluePrint(validation.blueprints), withValidationMapErrorsFn(validation.mapErrorsFn), withValidateOnSubmit(validation.validateOnSubmit), withConfirmationIcon(confirmationIcons)),
             ],
         };
     }
@@ -3113,67 +3192,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 
-const { minLength, maxLength } = Validators;
-function getPasswordValidators(injector) {
-    const getRule = getRuleFn(injector);
-    const passwordRulesArr = [];
-    let requiredLength = 1;
-    if (getRule('RequireDigit') === 'true') {
-        passwordRulesArr.push('number');
-    }
-    if (getRule('RequireLowercase') === 'true') {
-        passwordRulesArr.push('small');
-    }
-    if (getRule('RequireUppercase') === 'true') {
-        passwordRulesArr.push('capital');
-    }
-    if (getRule('RequireNonAlphanumeric') === 'true') {
-        passwordRulesArr.push('special');
-    }
-    if (Number.isInteger(+getRule('RequiredLength'))) {
-        requiredLength = +getRule('RequiredLength');
-    }
-    const passwordValidators = passwordRulesArr.map(rule => validatePassword(rule));
-    return [...passwordValidators, minLength(requiredLength), maxLength(128)];
-}
-function getRuleFn(injector) {
-    const configState = injector.get(ConfigStateService);
-    return (key) => {
-        const passwordRules = configState.getSettings('Identity.Password');
-        return (passwordRules[`Abp.Identity.Password.${key}`] || '').toLowerCase();
-    };
-}
-const errorMessageMap = {
-    small: 'passwordRequiresLower',
-    capital: 'passwordRequiresUpper',
-    number: 'passwordRequiresDigit',
-    special: 'passwordRequiresNonAlphanumeric',
-};
-function validatePassword(shouldContain) {
-    return (control) => {
-        if (!control.value)
-            return null;
-        const value = normalizeDiacritics(control.value);
-        const regexMap = {
-            small: /.*[a-z].*/,
-            capital: /.*[A-Z].*/,
-            number: /.*[0-9].*/,
-            special: /.*[^0-9a-zA-Z].*/,
-        };
-        const regex = regexMap[shouldContain];
-        const isValid = regex.test(value);
-        if (isValid) {
-            return null;
-        }
-        const error = errorMessageMap[shouldContain];
-        return {
-            [error]: true,
-        };
-    };
-}
-
-var scripts = '';
-
 /*
  * Public API Surface of theme-shared
  */
@@ -3182,5 +3200,5 @@ var scripts = '';
  * Generated bundle index. Do not edit.
  */
 
-export { AbpAuthenticationErrorHandler, 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_HANDLERS_PROVIDERS, DEFAULT_VALIDATION_BLUEPRINTS, DateAdapter, DateParserFormatter, DateTimeAdapter, DisabledDirective, DocumentDirHandlerService, EllipsisDirective, ErrorHandler, FormCheckboxComponent, FormInputComponent, HTTP_ERROR_CONFIG, HTTP_ERROR_DETAIL, HTTP_ERROR_HANDLER, HTTP_ERROR_STATUS, 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, TimeAdapter, 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, slideFromBottom, tenantNotFoundProvider, toastInOut, validatePassword };
+export { AbpAuthenticationErrorHandler, AbpFormatErrorHandlerService, AbpVisibleDirective, BaseThemeSharedModule, BreadcrumbComponent, BreadcrumbItemsComponent, ButtonComponent, CONFIRMATION_ICONS, CUSTOM_ERROR_HANDLERS, CUSTOM_HTTP_ERROR_HANDLER_PRIORITY, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardHeaderDirective, CardImgTopDirective, CardModule, CardSubtitleDirective, CardTitleDirective, Confirmation, ConfirmationComponent, ConfirmationService, CreateErrorComponentService, DEFAULT_CONFIRMATION_ICONS, DEFAULT_ERROR_LOCALIZATIONS, DEFAULT_ERROR_MESSAGES, DEFAULT_HANDLERS_PROVIDERS, DEFAULT_VALIDATION_BLUEPRINTS, DateAdapter, DateParserFormatter, DateTimeAdapter, DisabledDirective, DocumentDirHandlerService, EllipsisDirective, ErrorHandler, FormCheckboxComponent, FormInputComponent, HTTP_ERROR_CONFIG, HTTP_ERROR_DETAIL, HTTP_ERROR_HANDLER, HTTP_ERROR_STATUS, 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, ThemeSharedFeatureKind, ThemeSharedModule, TimeAdapter, 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, provideAbpThemeShared, slideFromBottom, tenantNotFoundProvider, toastInOut, validatePassword, withConfirmationIcon, withHttpErrorConfig, withValidateOnSubmit, withValidationBluePrint, withValidationMapErrorsFn };
 //# sourceMappingURL=abp-ng.theme.shared.mjs.map