@osovitny/anatoly 2.14.8 → 2.14.10

package/fesm2020/osovitny-anatoly.mjs

@@ -3018,12 +3018,24 @@ class LoadingComponent {
     }
 }
 LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, deps: [{ token: LoadingService }], target: i0.ɵɵFactoryTarget.Component });
-LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: LoadingComponent, selector: "anatoly-loading", ngImport: i0, template: "<div *ngIf=\"show\">\r\n  <span id=\"pnlLoading\" class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: LoadingComponent, selector: "anatoly-loading", ngImport: i0, template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\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: LoadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anatoly-loading', template: "<div *ngIf=\"show\">\r\n  <span id=\"pnlLoading\" class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
+            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 +3048,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 +3075,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]