@osovitny/anatoly 2.14.9 → 2.14.11

package/fesm2020/osovitny-anatoly.mjs

@@ -2417,40 +2417,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 type: Input
             }] } });
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    23 Apr 2018
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-class ContentHeaderComponent {
-    ngOnInit() {
-        if (this.title == null) {
-            this.title = "";
-        }
-    }
-}
-ContentHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ContentHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContentHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ContentHeaderComponent, selector: "anatoly-content-header", inputs: { title: "title" }, ngImport: i0, template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ContentHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-content-header", template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n" }]
-        }], propDecorators: { title: [{
-                type: Input
-            }] } });
-
 /*
 <file>
   Project:
@@ -3024,6 +2990,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
             args: [{ selector: 'anatoly-loading', template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: LoadingService }]; } });
 
+const Spinkit = {
+    skChasingDots: 'sk-chasing-dots',
+    skCubeGrid: 'sk-cube-grid',
+    skDoubleBounce: 'sk-double-bounce',
+    skRotatingPlane: 'sk-rotationg-plane',
+    skSpinnerPulse: 'sk-spinner-pulse',
+    skThreeBounce: 'sk-three-bounce',
+    skWanderingCubes: 'sk-wandering-cubes',
+    skWave: 'sk-wave',
+    skLine: 'sk-line-material'
+};
+
 /*
 <file>
   Project:
@@ -3036,32 +3014,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     16 May 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
-const SpinnerSpinKit = {
-    spinnerLine: 'spinner-line-material',
-    // ToDo
-    ChasingDots: 'spinner-chasing-dots',
-    CubeGrid: 'spinner-cube-grid',
-    DoubleBounce: 'spinner-double-bounce',
-    RotatingPlane: 'spinner-rotationg-plane',
-    SpinnerPulse: 'spinner-spinner-pulse',
-    ThreeBounce: 'spinner-three-bounce',
-    WanderingCubes: 'spinner-wandering-cubes',
-    Wave: 'spinner-wave'
-};
 class SpinnerComponent {
     constructor(router, document) {
         this.router = router;
         this.document = document;
+        this.backgroundColor = '#2196f3';
+        this.spinner = Spinkit.skLine;
         this.isSpinnerVisible = true;
-        this.spinnerSpinKit = SpinnerSpinKit;
-        this.backgroundColor = '#007CB0';
-        this.spinner = SpinnerSpinKit.spinnerLine;
+        this.Spinkit = Spinkit;
         this.router.events.subscribe(event => {
             if (event instanceof NavigationStart) {
                 this.isSpinnerVisible = true;
@@ -3078,10 +3041,10 @@ class SpinnerComponent {
     }
 }
 SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SpinnerComponent, deps: [{ token: i1.Router }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SpinnerComponent, selector: "spinner", inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, ngImport: i0, template: "<div id=\"spinner-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n    <div class=\"spinner-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === spinnerSpinKit.spinnerLine\">\r\n      <div class=\"spinner-child spinner-bounce1\" [style.background-color]='backgroundColor'></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SpinnerComponent, selector: "anatoly-spinner", inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, ngImport: i0, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"spinner-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n    <div class=\"spinner-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === spinnerSpinKit.spinnerLine\">\r\n      <div class=\"spinner-child spinner-bounce1\" [style.background-color]='backgroundColor'></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'anatoly-spinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -3091,6 +3054,162 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 type: Input
             }] } });
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 Jul 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class NodataComponent {
+    constructor() {
+        this.icon = 'fas fa-cubes fa-w-16 fa-9x';
+        this.heading = 'No data found';
+        this.headingClass = 'text-uppercase text-primary';
+    }
+}
+NodataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: NodataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NodataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: NodataComponent, selector: "anatoly-nodata", inputs: { icon: "icon", heading: "heading", headingClass: "headingClass" }, ngImport: i0, template: "<div class=\"no-data\">\r\n  <div class=\"text-center\">\r\n    <i class='{{icon}}'></i>\r\n    <h2 class='{{headingClass}}'>{{heading}}</h2>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: NodataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\">\r\n  <div class=\"text-center\">\r\n    <i class='{{icon}}'></i>\r\n    <h2 class='{{headingClass}}'>{{heading}}</h2>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n" }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], heading: [{
+                type: Input
+            }], headingClass: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 July 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CardComponent {
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardComponent, selector: "anatoly-card", inputs: { class: "class" }, ngImport: i0, template: "<div class='card {{class}}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-card', template: "<div class='card {{class}}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 July 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CardHeaderComponent {
+    constructor() {
+        this.isTitleVisible = false;
+    }
+    set title(val) {
+        if (val) {
+            this.isTitleVisible = true;
+            this.titleValue = val;
+        }
+    }
+    ngOnInit() {
+        if (this.title)
+            this.isTitleVisible = true;
+    }
+}
+CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardHeaderComponent, selector: "anatoly-card-header", inputs: { class: "class", title: "title" }, ngImport: i0, template: "<div class='card-header {{class}}'>\r\n  <h3 *ngIf='isTitleVisible' class='card-title'>{{titleValue}}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-card-header', template: "<div class='card-header {{class}}'>\r\n  <h3 *ngIf='isTitleVisible' class='card-title'>{{titleValue}}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 July 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CardBodyComponent {
+}
+CardBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardBodyComponent, selector: "anatoly-card-body", inputs: { class: "class", styles: "styles" }, ngImport: i0, template: "<div class='card-body {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-card-body', template: "<div class='card-body {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }], styles: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 July 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CardFooterComponent {
+}
+CardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardFooterComponent, selector: "anatoly-card-footer", inputs: { class: "class" }, ngImport: i0, template: "<div class='card-footer {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-card-footer', template: "<div class='card-footer {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }] } });
+
 /*
 <file>
   Project:
@@ -3573,9 +3692,13 @@ AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         SignInButtonComponent,
         SignUpButtonComponent,
         SignOutButtonComponent,
-        ContentHeaderComponent,
         SpinnerComponent,
         LoadingComponent,
+        NodataComponent,
+        CardComponent,
+        CardHeaderComponent,
+        CardBodyComponent,
+        CardFooterComponent,
         HtmlEditorComponent,
         FormsHtmlEditorComponent,
         //Directives
@@ -3601,9 +3724,13 @@ AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         SignInButtonComponent,
         SignUpButtonComponent,
         SignOutButtonComponent,
-        ContentHeaderComponent,
         SpinnerComponent,
         LoadingComponent,
+        NodataComponent,
+        CardComponent,
+        CardHeaderComponent,
+        CardBodyComponent,
+        CardFooterComponent,
         HtmlEditorComponent,
         FormsHtmlEditorComponent,
         //Directives
@@ -3647,9 +3774,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                         SignInButtonComponent,
                         SignUpButtonComponent,
                         SignOutButtonComponent,
-                        ContentHeaderComponent,
                         SpinnerComponent,
                         LoadingComponent,
+                        NodataComponent,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardBodyComponent,
+                        CardFooterComponent,
                         HtmlEditorComponent,
                         FormsHtmlEditorComponent,
                         //Directives
@@ -3673,9 +3804,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                         SignInButtonComponent,
                         SignUpButtonComponent,
                         SignOutButtonComponent,
-                        ContentHeaderComponent,
                         SpinnerComponent,
                         LoadingComponent,
+                        NodataComponent,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardBodyComponent,
+                        CardFooterComponent,
                         HtmlEditorComponent,
                         FormsHtmlEditorComponent,
                         //Directives
@@ -3703,5 +3838,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BillingApiService, BuyAccessButtonComponent, ContactUsDialog, ContactUsForm, ContentHeaderComponent, ContextInitState, Convert, DefaultEditorOptions, DigitalMarketingService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, GoogleAnalyticsService, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NotificationService, NotificationsApiService, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, SpinnerComponent, Subs, SubscribePlanButtonComponent, TranslateModuleAtRoot, UpgradePlanButtonComponent, Urls, Utils, ValidationSummaryComponent, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
+export { Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BillingApiService, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, ContactUsDialog, ContactUsForm, ContextInitState, Convert, DefaultEditorOptions, DigitalMarketingService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, GoogleAnalyticsService, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NodataComponent, NotificationService, NotificationsApiService, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, SpinnerComponent, Subs, SubscribePlanButtonComponent, TranslateModuleAtRoot, UpgradePlanButtonComponent, Urls, Utils, ValidationSummaryComponent, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
 //# sourceMappingURL=osovitny-anatoly.mjs.map