@abp/ng.theme.shared 7.1.1 → 7.2.0-rc.2

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

@@ -2,7 +2,7 @@ import { animation, style, animate, keyframes, trigger, state, transition, useAn
 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 * as i1 from '@angular/common';
-import { DOCUMENT, formatDate, DatePipe } from '@angular/common';
+import { CommonModule, 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';
@@ -953,6 +953,383 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 type: Input
             }] } });
 
+class CardBodyComponent {
+    constructor() {
+        this.componentClass = 'card-body';
+    }
+}
+CardBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CardBodyComponent, selector: "abp-card-body", inputs: { cardBodyClass: "cardBodyClass", cardBodyStyle: "cardBodyStyle" }, host: { properties: { "class": "this.componentClass" } }, ngImport: i0, template: ` <div [ngClass]="cardBodyClass" [ngStyle]="cardBodyStyle">
+    <ng-content></ng-content>
+  </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardBodyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'abp-card-body',
+                    template: ` <div [ngClass]="cardBodyClass" [ngStyle]="cardBodyStyle">
+    <ng-content></ng-content>
+  </div>`,
+                }]
+        }], propDecorators: { componentClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], cardBodyClass: [{
+                type: Input
+            }], cardBodyStyle: [{
+                type: Input
+            }] } });
+
+class CardComponent {
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CardComponent, selector: "abp-card", inputs: { cardClass: "cardClass", cardStyle: "cardStyle" }, ngImport: i0, template: ` <div class="card" [ngClass]="cardClass" [ngStyle]="cardStyle">
+    <ng-content></ng-content>
+  </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'abp-card',
+                    template: ` <div class="card" [ngClass]="cardClass" [ngStyle]="cardStyle">
+    <ng-content></ng-content>
+  </div>`,
+                }]
+        }], propDecorators: { cardClass: [{
+                type: Input
+            }], cardStyle: [{
+                type: Input
+            }] } });
+
+class CardHeaderComponent {
+    constructor() {
+        this.componentClass = 'card-header';
+    }
+}
+CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CardHeaderComponent, selector: "abp-card-header", inputs: { cardHeaderClass: "cardHeaderClass", cardHeaderStyle: "cardHeaderStyle" }, host: { properties: { "class": "this.componentClass" } }, ngImport: i0, template: `
+    <div [ngClass]="cardHeaderClass" [ngStyle]="cardHeaderStyle">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-card-header', template: `
+    <div [ngClass]="cardHeaderClass" [ngStyle]="cardHeaderStyle">
+      <ng-content></ng-content>
+    </div>
+  ` }]
+        }], propDecorators: { componentClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], cardHeaderClass: [{
+                type: Input
+            }], cardHeaderStyle: [{
+                type: Input
+            }] } });
+
+class CardFooterComponent {
+    constructor() {
+        this.componentClass = 'card-footer';
+    }
+}
+CardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CardFooterComponent, selector: "abp-card-footer", inputs: { cardFooterStyle: "cardFooterStyle", cardFooterClass: "cardFooterClass" }, host: { properties: { "class": "this.componentClass" } }, ngImport: i0, template: `
+    <div [ngStyle]="cardFooterStyle" [ngClass]="cardFooterClass">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-card-footer', template: `
+    <div [ngStyle]="cardFooterStyle" [ngClass]="cardFooterClass">
+      <ng-content></ng-content>
+    </div>
+  ` }]
+        }], propDecorators: { componentClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], cardFooterStyle: [{
+                type: Input
+            }], cardFooterClass: [{
+                type: Input
+            }] } });
+
+class CardTitleDirective {
+    constructor() {
+        this.directiveClass = 'card-title';
+    }
+}
+CardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: CardTitleDirective, selector: "abp-card-title, [abp-card-title], [abpCardTitle]", host: { properties: { "class": "this.directiveClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `abp-card-title, [abp-card-title], [abpCardTitle]`,
+                }]
+        }], propDecorators: { directiveClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class CardSubtitleDirective {
+    constructor() {
+        this.directiveClass = 'card-subtitle';
+    }
+}
+CardSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: CardSubtitleDirective, selector: "abp-card-subtitle, [abp-card-subtitle], [abpCardSubtitle]", host: { properties: { "class": "this.directiveClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardSubtitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `abp-card-subtitle, [abp-card-subtitle], [abpCardSubtitle]`,
+                }]
+        }], propDecorators: { directiveClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class CardImgTopDirective {
+    constructor() {
+        this.directiveClass = 'card-img-top';
+    }
+}
+CardImgTopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardImgTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardImgTopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: CardImgTopDirective, selector: "abp-card-img-top, [abp-card-img-top], [abpCardImgTop]", host: { properties: { "class": "this.directiveClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardImgTopDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `abp-card-img-top, [abp-card-img-top], [abpCardImgTop]`,
+                }]
+        }], propDecorators: { directiveClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class CardHeaderDirective {
+    constructor() {
+        this.directiveClass = 'card-header';
+    }
+}
+CardHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: CardHeaderDirective, selector: "abp-card-header, [abp-card-header], [abpCardHeader]", host: { properties: { "class": "this.directiveClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `abp-card-header, [abp-card-header], [abpCardHeader]`,
+                }]
+        }], propDecorators: { directiveClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const declarationsWithExports$1 = [
+    CardComponent,
+    CardBodyComponent,
+    CardHeaderComponent,
+    CardFooterComponent,
+    CardTitleDirective,
+    CardSubtitleDirective,
+    CardImgTopDirective,
+    CardHeaderDirective,
+];
+class CardModule {
+}
+CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: CardModule, declarations: [CardComponent,
+        CardBodyComponent,
+        CardHeaderComponent,
+        CardFooterComponent,
+        CardTitleDirective,
+        CardSubtitleDirective,
+        CardImgTopDirective,
+        CardHeaderDirective], imports: [CommonModule], exports: [CardComponent,
+        CardBodyComponent,
+        CardHeaderComponent,
+        CardFooterComponent,
+        CardTitleDirective,
+        CardSubtitleDirective,
+        CardImgTopDirective,
+        CardHeaderDirective] });
+CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...declarationsWithExports$1],
+                    imports: [CommonModule],
+                    exports: [...declarationsWithExports$1],
+                }]
+        }] });
+
+class FormCheckboxComponent extends AbstractNgModelComponent {
+    constructor(injector) {
+        super(injector);
+        this.labelClass = 'form-check-label';
+        this.checkboxClass = 'form-check-input';
+        this.checkboxReadonly = false;
+        this.checkboxBlur = new EventEmitter();
+        this.checkboxFocus = new EventEmitter();
+    }
+}
+FormCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FormCheckboxComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+FormCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: FormCheckboxComponent, selector: "abp-checkbox", inputs: { label: "label", labelClass: "labelClass", checkboxId: "checkboxId", checkboxStyle: "checkboxStyle", checkboxClass: "checkboxClass", checkboxReadonly: "checkboxReadonly" }, outputs: { checkboxBlur: "checkboxBlur", checkboxFocus: "checkboxFocus" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => FormCheckboxComponent),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: `
+    <div class="mb-3">
+      <input
+        type="checkbox"
+        [(ngModel)]="value"
+        [id]="checkboxId"
+        [readonly]="checkboxReadonly"
+        [ngClass]="checkboxClass"
+        [ngStyle]="checkboxStyle"
+        (blur)="checkboxBlur.next()"
+        (focus)="checkboxFocus.next()"
+      />
+      <label *ngIf="label" [ngClass]="labelClass" [for]="checkboxId">
+        {{ label | abpLocalization }}
+      </label>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FormCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'abp-checkbox',
+                    template: `
+    <div class="mb-3">
+      <input
+        type="checkbox"
+        [(ngModel)]="value"
+        [id]="checkboxId"
+        [readonly]="checkboxReadonly"
+        [ngClass]="checkboxClass"
+        [ngStyle]="checkboxStyle"
+        (blur)="checkboxBlur.next()"
+        (focus)="checkboxFocus.next()"
+      />
+      <label *ngIf="label" [ngClass]="labelClass" [for]="checkboxId">
+        {{ label | abpLocalization }}
+      </label>
+    </div>
+  `,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FormCheckboxComponent),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { label: [{
+                type: Input
+            }], labelClass: [{
+                type: Input
+            }], checkboxId: [{
+                type: Input
+            }], checkboxStyle: [{
+                type: Input
+            }], checkboxClass: [{
+                type: Input
+            }], checkboxReadonly: [{
+                type: Input
+            }], checkboxBlur: [{
+                type: Output
+            }], checkboxFocus: [{
+                type: Output
+            }] } });
+
+class FormInputComponent extends AbstractNgModelComponent {
+    constructor(injector) {
+        super(injector);
+        this.inputReadonly = false;
+        this.label = '';
+        this.labelClass = 'form-label';
+        this.inputPlaceholder = '';
+        this.inputType = 'text';
+        this.inputClass = 'form-control';
+        this.formBlur = new EventEmitter();
+        this.formFocus = new EventEmitter();
+    }
+}
+FormInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FormInputComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+FormInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: FormInputComponent, selector: "abp-form-input", inputs: { inputId: "inputId", inputReadonly: "inputReadonly", label: "label", labelClass: "labelClass", inputPlaceholder: "inputPlaceholder", inputType: "inputType", inputStyle: "inputStyle", inputClass: "inputClass" }, outputs: { formBlur: "formBlur", formFocus: "formFocus" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => FormInputComponent),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: `
+    <div class="mb-3">
+      <label *ngIf="label" [ngClass]="labelClass" [for]="inputId">
+        {{ label | abpLocalization }}
+      </label>
+      <input
+        type="text"
+        [id]="inputId"
+        [placeholder]="inputPlaceholder"
+        [readonly]="inputReadonly"
+        [ngClass]="inputClass"
+        [ngStyle]="inputStyle"
+        (blur)="formBlur.next()"
+        (focus)="formFocus.next()"
+        [(ngModel)]="value"
+      />
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FormInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'abp-form-input',
+                    template: `
+    <div class="mb-3">
+      <label *ngIf="label" [ngClass]="labelClass" [for]="inputId">
+        {{ label | abpLocalization }}
+      </label>
+      <input
+        type="text"
+        [id]="inputId"
+        [placeholder]="inputPlaceholder"
+        [readonly]="inputReadonly"
+        [ngClass]="inputClass"
+        [ngStyle]="inputStyle"
+        (blur)="formBlur.next()"
+        (focus)="formFocus.next()"
+        [(ngModel)]="value"
+      />
+    </div>
+  `,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FormInputComponent),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { inputId: [{
+                type: Input
+            }], inputReadonly: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], labelClass: [{
+                type: Input
+            }], inputPlaceholder: [{
+                type: Input
+            }], inputType: [{
+                type: Input
+            }], inputStyle: [{
+                type: Input
+            }], inputClass: [{
+                type: Input
+            }], formBlur: [{
+                type: Output
+            }], formFocus: [{
+                type: Output
+            }] } });
+
 const DEFAULT_VALIDATION_BLUEPRINTS = {
     creditCard: 'AbpValidation::ThisFieldIsNotAValidCreditCardNumber.',
     email: 'AbpValidation::ThisFieldIsNotAValidEmailAddress.',
@@ -1338,6 +1715,12 @@ function checkType(value) {
     }
 }
 
+var eFormComponets;
+(function (eFormComponets) {
+    eFormComponets["FormInputComponent"] = "FormInputComponent";
+    eFormComponets["FormCheckboxComponent"] = "FormCheckboxComponent";
+})(eFormComponets || (eFormComponets = {}));
+
 class DocumentDirHandlerService {
     constructor(injector) {
         this.injector = injector;
@@ -1488,6 +1871,9 @@ class ErrorHandler {
                 });
             }
         }
+        if (err instanceof HttpErrorResponse && err.headers.get('Abp-Tenant-Resolve-Error')) {
+            this.authService.logout().subscribe();
+        }
         else {
             switch (err.status) {
                 case 401:
@@ -1514,7 +1900,7 @@ class ErrorHandler {
                         status: 403,
                     });
                     break;
-                case 404:
+                case 404: {
                     this.canCreateCustomError(404)
                         ? this.show404Page()
                         : this.showError({
@@ -1525,6 +1911,7 @@ class ErrorHandler {
                             defaultValue: DEFAULT_ERROR_MESSAGES.defaultError404.title,
                         });
                     break;
+                }
                 case 500:
                     this.createErrorComponent({
                         title: {
@@ -2154,6 +2541,8 @@ const declarationsWithExports = [
     LoadingDirective,
     ModalCloseDirective,
     AbpVisibleDirective,
+    FormInputComponent,
+    FormCheckboxComponent
 ];
 class BaseThemeSharedModule {
 }
@@ -2172,11 +2561,17 @@ BaseThemeSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         NgxDatatableListDirective,
         LoadingDirective,
         ModalCloseDirective,
-        AbpVisibleDirective, HttpErrorWrapperComponent], imports: [CoreModule,
+        AbpVisibleDirective,
+        FormInputComponent,
+        FormCheckboxComponent, HttpErrorWrapperComponent], imports: [CoreModule,
         NgxDatatableModule,
         NgxValidateCoreModule,
         NgbPaginationModule,
-        EllipsisModule], exports: [NgxDatatableModule, EllipsisModule, NgxValidateCoreModule, BreadcrumbComponent,
+        EllipsisModule,
+        CardModule], exports: [NgxDatatableModule,
+        EllipsisModule,
+        NgxValidateCoreModule,
+        CardModule, BreadcrumbComponent,
         BreadcrumbItemsComponent,
         ButtonComponent,
         ConfirmationComponent,
@@ -2190,12 +2585,18 @@ BaseThemeSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         NgxDatatableListDirective,
         LoadingDirective,
         ModalCloseDirective,
-        AbpVisibleDirective] });
+        AbpVisibleDirective,
+        FormInputComponent,
+        FormCheckboxComponent] });
 BaseThemeSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BaseThemeSharedModule, providers: [DatePipe], imports: [CoreModule,
         NgxDatatableModule,
         NgxValidateCoreModule,
         NgbPaginationModule,
-        EllipsisModule, NgxDatatableModule, EllipsisModule, NgxValidateCoreModule] });
+        EllipsisModule,
+        CardModule, NgxDatatableModule,
+        EllipsisModule,
+        NgxValidateCoreModule,
+        CardModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BaseThemeSharedModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2205,9 +2606,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                         NgxValidateCoreModule,
                         NgbPaginationModule,
                         EllipsisModule,
+                        CardModule,
                     ],
                     declarations: [...declarationsWithExports, HttpErrorWrapperComponent],
-                    exports: [NgxDatatableModule, EllipsisModule, NgxValidateCoreModule, ...declarationsWithExports],
+                    exports: [
+                        NgxDatatableModule,
+                        EllipsisModule,
+                        NgxValidateCoreModule,
+                        CardModule,
+                        ...declarationsWithExports
+                    ],
                     providers: [DatePipe],
                 }]
         }] });
@@ -2348,5 +2756,5 @@ function validatePassword(shouldContain) {
  * Generated bundle index. Do not edit.
  */
 
-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 };
+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 };
 //# sourceMappingURL=abp-ng.theme.shared.mjs.map