@abp/ng.theme.shared 7.1.0-rc.1 → 7.1.0-rc.2

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

@@ -9,7 +9,7 @@ import * as i2 from '@abp/ng.core';
 import { getRoutePath, SubscriptionService, PROJECTION_STRATEGY, uuid, AbstractNgModelComponent, LocalizationService, getLocaleDirection, HttpErrorReporterService, RouterEvents, AuthService, RoutesService, InternalStore, DomInsertionService, CONTENT_STRATEGY, CoreModule, noop, ConfigStateService } from '@abp/ng.core';
 import { __rest } from 'tslib';
 import { startWith, map, debounceTime, filter, takeUntil, distinctUntilChanged, take, catchError, switchMap } from 'rxjs/operators';
-import { fromEvent, Subscription, combineLatest, timer, ReplaySubject, Subject, BehaviorSubject, throwError, Observable, of } from 'rxjs';
+import { fromEvent, Subscription, combineLatest, timer, ReplaySubject, Subject, of, from, Observable, EMPTY, BehaviorSubject, throwError } from 'rxjs';
 import * as i3 from '@ng-bootstrap/ng-bootstrap';
 import { NgbInputDatepickerConfig, NgbTypeaheadConfig, NgbDateParserFormatter, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i2$1 from '@angular/forms';
@@ -315,6 +315,7 @@ const DEFAULT_CONFIRMATION_ICONS = {
     warning: 'fa fa-exclamation-triangle',
     error: 'fa fa-times-circle',
     default: 'fa fa-question-circle',
+    neutral: '',
 };
 
 class ConfirmationComponent {
@@ -334,7 +335,10 @@ class ConfirmationComponent {
         if (!this.icons) {
             return '';
         }
-        return this.icons[severity] || this.icons.default;
+        if (severity) {
+            return this.icons[severity];
+        }
+        return this.icons.default;
     }
     isCustomIconExists({ options }) {
         return !!(options && (options.iconTemplate || options.icon));
@@ -1287,6 +1291,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 type: Input
             }] } });
 
+class AbpVisibleDirective {
+    constructor(viewContainerRef, templateRef) {
+        this.viewContainerRef = viewContainerRef;
+        this.templateRef = templateRef;
+        this.condition$ = of(false);
+    }
+    set abpVisible(value) {
+        this.condition$ = checkType(value);
+        this.subscribeToCondition();
+    }
+    ngOnInit() {
+        this.updateVisibility();
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.conditionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    subscribeToCondition() {
+        this.conditionSubscription = this.condition$.subscribe(value => {
+            this.isVisible = value;
+            this.updateVisibility();
+        });
+    }
+    updateVisibility() {
+        this.viewContainerRef.clear();
+        // it should be false not falsy
+        if (this.isVisible === false) {
+            return;
+        }
+        this.viewContainerRef.createEmbeddedView(this.templateRef);
+    }
+}
+AbpVisibleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpVisibleDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+AbpVisibleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: AbpVisibleDirective, selector: "[abpVisible]", inputs: { abpVisible: "abpVisible" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpVisibleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[abpVisible]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { abpVisible: [{
+                type: Input,
+                args: ['abpVisible']
+            }] } });
+function checkType(value) {
+    if (value instanceof Promise) {
+        return from(value);
+    }
+    else if (value instanceof Observable) {
+        return value;
+    }
+    else if (typeof value === 'boolean') {
+        return of(value);
+    }
+    else if (value === undefined || value === null) {
+        return of(true);
+    }
+    else {
+        return EMPTY;
+    }
+}
+
 class DocumentDirHandlerService {
     constructor(injector) {
         this.injector = injector;
@@ -1607,7 +1672,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 class NavItem {
     constructor(props) {
-        props = Object.assign(Object.assign({}, props), { visible: props.visible || (() => true) });
         Object.assign(this, props);
     }
 }
@@ -2106,6 +2170,7 @@ const declarationsWithExports = [
     NgxDatatableListDirective,
     LoadingDirective,
     ModalCloseDirective,
+    AbpVisibleDirective,
 ];
 class BaseThemeSharedModule {
 }
@@ -2123,7 +2188,8 @@ BaseThemeSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         NgxDatatableDefaultDirective,
         NgxDatatableListDirective,
         LoadingDirective,
-        ModalCloseDirective, HttpErrorWrapperComponent], imports: [CoreModule,
+        ModalCloseDirective,
+        AbpVisibleDirective, HttpErrorWrapperComponent], imports: [CoreModule,
         NgxDatatableModule,
         NgxValidateCoreModule,
         NgbPaginationModule,
@@ -2140,7 +2206,8 @@ BaseThemeSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         NgxDatatableDefaultDirective,
         NgxDatatableListDirective,
         LoadingDirective,
-        ModalCloseDirective] });
+        ModalCloseDirective,
+        AbpVisibleDirective] });
 BaseThemeSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BaseThemeSharedModule, providers: [DatePipe], imports: [CoreModule,
         NgxDatatableModule,
         NgxValidateCoreModule,
@@ -2292,5 +2359,5 @@ function validatePassword(shouldContain) {
  * Generated bundle index. Do not edit.
  */
 
-export { BaseThemeSharedModule, BreadcrumbComponent, BreadcrumbItemsComponent, ButtonComponent, Confirmation, ConfirmationComponent, ConfirmationService, DEFAULT_ERROR_LOCALIZATIONS, DEFAULT_ERROR_MESSAGES, DEFAULT_VALIDATION_BLUEPRINTS, DateParserFormatter, DocumentDirHandlerService, EllipsisDirective, EllipsisModule, ErrorHandler, 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, expandX, expandY, expandYWithMargin, fadeAnimation, fadeIn, fadeInDown, fadeInLeft, fadeInRight, fadeInUp, fadeOut, fadeOutDown, fadeOutLeft, fadeOutRight, fadeOutUp, getPasswordValidators, httpErrorConfigFactory, slideFromBottom, toastInOut, validatePassword };
+export { AbpVisibleDirective, BaseThemeSharedModule, BreadcrumbComponent, BreadcrumbItemsComponent, ButtonComponent, Confirmation, ConfirmationComponent, ConfirmationService, DEFAULT_ERROR_LOCALIZATIONS, DEFAULT_ERROR_MESSAGES, DEFAULT_VALIDATION_BLUEPRINTS, DateParserFormatter, DocumentDirHandlerService, EllipsisDirective, EllipsisModule, ErrorHandler, 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, expandX, expandY, expandYWithMargin, fadeAnimation, fadeIn, fadeInDown, fadeInLeft, fadeInRight, fadeInUp, fadeOut, fadeOutDown, fadeOutLeft, fadeOutRight, fadeOutUp, getPasswordValidators, httpErrorConfigFactory, slideFromBottom, toastInOut, validatePassword };
 //# sourceMappingURL=abp-ng.theme.shared.mjs.map