vc-create-dashboard 2.9.0 → 2.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,8 +13,10 @@ import * as i10 from 'ng2-date-picker';
13
13
  import { DpDatePickerModule } from 'ng2-date-picker';
14
14
  import * as i3 from '@angular/forms';
15
15
  import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
16
+ import * as i1$2 from 'ngx-lottie';
17
+ import { LottieModule } from 'ngx-lottie';
16
18
  import { nanoid } from 'nanoid';
17
- import * as i1$2 from '@angular/platform-browser';
19
+ import * as i1$3 from '@angular/platform-browser';
18
20
  import * as i3$1 from '@angular/router';
19
21
  import { NavigationStart, NavigationEnd, NavigationError } from '@angular/router';
20
22
 
@@ -1537,14 +1539,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
1537
1539
  }] } });
1538
1540
 
1539
1541
  class LoaderInlineComponent {
1540
- constructor() { }
1542
+ constructor() {
1543
+ this.options = {
1544
+ path: './assets/vLoader.json',
1545
+ };
1546
+ }
1541
1547
  ngOnInit() { }
1542
1548
  }
1543
1549
  LoaderInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoaderInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1544
- LoaderInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: LoaderInlineComponent, selector: "app-loader-inline", ngImport: i0, template: "<!-- <p>loader-inline works!</p> -->\r\n<div class=\"inline-loader\">\r\n <div class=\"demo-loader\">\r\n <div class=\"demo-loader-colored-blocks\">\r\n <div class=\"demo-loader-colored-blocks-rotater\">\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n </div>\r\n <div class=\"demo-loader-colored-blocks-inner\"></div>\r\n </div>\r\n <div class=\"demo-loader-inner\">\r\n <svg\r\n width=\"30px\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 16 16\"\r\n style=\"enable-background: new 0 0 16 16\"\r\n xml:space=\"preserve\"\r\n >\r\n <style type=\"text/css\">\r\n .st0 {\r\n fill: #9d1f24;\r\n }\r\n\r\n .st1 {\r\n fill: #d83b3f;\r\n }\r\n </style>\r\n <g>\r\n <path class=\"st0\" d=\"M2,12.3c0.5,0.3,1.1,0.4,1.8,0.2c0.9-0.3,1.4-1.1,1.5-1.1c-0.3-0.2-0.5-0.6-0.5-1.1V7.2 C4.5,4.6,1.1,3.8,1.1,3.8v7.3C1.1,11.2,1.3,11.9,2,12.3z\" />\r\n <path\r\n class=\"st1\"\r\n d=\"M9.9,3.5c-1.8,2.8-4.6,7.8-4.6,7.8s0,0,0,0c0,0.1-0.5,0.8-1.5,1.1c-0.7,0.2-1.3,0.1-1.8-0.2 c-0.6-0.4-0.9-1.1-0.9-1.1s-0.1,1.2,0.6,2.2C2,13.9,4,15.9,6.6,14.5c0.6-0.3,1.1-0.8,1.6-1.5c0.4-0.5,6.9-11.6,6.9-11.6 S11.7,0.5,9.9,3.5z\"\r\n />\r\n </g>\r\n </svg>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".inline-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:absolute;background:transparent;z-index:9;inset:0}.demo-loader{position:relative;width:60px;height:60px;margin-left:0;padding:2px;border-radius:20px;box-sizing:border-box}.demo-loader-inner{display:flex;align-items:center;justify-content:center;height:56px}.demo-loader-inner svg{position:relative}.demo-loader-colored-blocks{overflow:hidden;position:absolute;left:0%;top:0;width:60px;height:60px;margin-left:0;padding:2px;box-sizing:border-box;border-radius:20px;perspective:1000px;animation:demoAnim 4s ease-in-out infinite,contAnim 4s infinite}.demo-loader-colored-blocks-rotater{position:absolute;left:0;top:0;width:60px;height:60px;box-sizing:border-box;border-radius:inherit}.demo-loader-colored-blocks-inner{overflow:hidden;position:relative;height:100%;background:#ffffff;border-radius:inherit;box-sizing:border-box}.demo-loader-colored-block{position:absolute;left:50%;top:50%;width:300%;height:300%;box-sizing:border-box;transform-origin:0 0}.demo-loader-colored-block:nth-child(1){transform:rotate(45deg) skew(37deg);background-color:#4681ef}.demo-loader-colored-block:nth-child(2){transform:rotate(97deg) skew(32deg);background-color:#66bf72}.demo-loader-colored-block:nth-child(3){transform:rotate(154deg) skew(26deg);background-color:#8c81f5}.demo-loader-colored-block:nth-child(4){transform:rotate(-22deg) skew(22deg);background-color:#e75151}.demo-loader-colored-block:nth-child(5){transform:rotate(218deg) skew(24deg);background-color:#f5a05b}.demo-loader-colored-block:nth-child(6){transform:rotate(282deg) skew(33deg);background-color:#f4c84a}@keyframes contAnim{15%,to{margin-left:0;width:60px}25%,90%{margin-left:0;width:60px}}@keyframes demoAnim{15%{border-radius:20px;transform:rotate(0)}30%,43%{border-radius:50%;transform:rotate(360deg)}52%,65%{border-radius:0;transform:rotate(720deg)}78%,90%{border-radius:50%;transform:rotate(1080deg)}to{border-radius:20px;transform:rotate(1440deg)}}\n"] });
1550
+ LoaderInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: LoaderInlineComponent, selector: "app-loader-inline", ngImport: i0, template: "<div class=\"inline-loader\">\r\n <ng-lottie width=\"300px\" height=\"300px\" [options]=\"options\"></ng-lottie>\r\n</div>\r\n\r\n<!-- <p>loader-inline works!</p> -->\r\n<!-- <div class=\"inline-loader\">\r\n <div class=\"demo-loader\">\r\n <div class=\"demo-loader-colored-blocks\">\r\n <div class=\"demo-loader-colored-blocks-rotater\">\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n </div>\r\n <div class=\"demo-loader-colored-blocks-inner\"></div>\r\n </div>\r\n <div class=\"demo-loader-inner\">\r\n <svg\r\n width=\"30px\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 16 16\"\r\n style=\"enable-background: new 0 0 16 16\"\r\n xml:space=\"preserve\"\r\n >\r\n <style type=\"text/css\">\r\n .st0 {\r\n fill: #9d1f24;\r\n }\r\n\r\n .st1 {\r\n fill: #d83b3f;\r\n }\r\n </style>\r\n <g>\r\n <path class=\"st0\" d=\"M2,12.3c0.5,0.3,1.1,0.4,1.8,0.2c0.9-0.3,1.4-1.1,1.5-1.1c-0.3-0.2-0.5-0.6-0.5-1.1V7.2 C4.5,4.6,1.1,3.8,1.1,3.8v7.3C1.1,11.2,1.3,11.9,2,12.3z\" />\r\n <path\r\n class=\"st1\"\r\n d=\"M9.9,3.5c-1.8,2.8-4.6,7.8-4.6,7.8s0,0,0,0c0,0.1-0.5,0.8-1.5,1.1c-0.7,0.2-1.3,0.1-1.8-0.2 c-0.6-0.4-0.9-1.1-0.9-1.1s-0.1,1.2,0.6,2.2C2,13.9,4,15.9,6.6,14.5c0.6-0.3,1.1-0.8,1.6-1.5c0.4-0.5,6.9-11.6,6.9-11.6 S11.7,0.5,9.9,3.5z\"\r\n />\r\n </g>\r\n </svg>\r\n </div>\r\n </div>\r\n</div> -->\r\n", styles: [".inline-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:absolute;inset:0;background:transparent;z-index:9}\n"], dependencies: [{ kind: "component", type: i1$2.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }] });
1545
1551
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoaderInlineComponent, decorators: [{
1546
1552
  type: Component,
1547
- args: [{ selector: 'app-loader-inline', template: "<!-- <p>loader-inline works!</p> -->\r\n<div class=\"inline-loader\">\r\n <div class=\"demo-loader\">\r\n <div class=\"demo-loader-colored-blocks\">\r\n <div class=\"demo-loader-colored-blocks-rotater\">\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n </div>\r\n <div class=\"demo-loader-colored-blocks-inner\"></div>\r\n </div>\r\n <div class=\"demo-loader-inner\">\r\n <svg\r\n width=\"30px\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 16 16\"\r\n style=\"enable-background: new 0 0 16 16\"\r\n xml:space=\"preserve\"\r\n >\r\n <style type=\"text/css\">\r\n .st0 {\r\n fill: #9d1f24;\r\n }\r\n\r\n .st1 {\r\n fill: #d83b3f;\r\n }\r\n </style>\r\n <g>\r\n <path class=\"st0\" d=\"M2,12.3c0.5,0.3,1.1,0.4,1.8,0.2c0.9-0.3,1.4-1.1,1.5-1.1c-0.3-0.2-0.5-0.6-0.5-1.1V7.2 C4.5,4.6,1.1,3.8,1.1,3.8v7.3C1.1,11.2,1.3,11.9,2,12.3z\" />\r\n <path\r\n class=\"st1\"\r\n d=\"M9.9,3.5c-1.8,2.8-4.6,7.8-4.6,7.8s0,0,0,0c0,0.1-0.5,0.8-1.5,1.1c-0.7,0.2-1.3,0.1-1.8-0.2 c-0.6-0.4-0.9-1.1-0.9-1.1s-0.1,1.2,0.6,2.2C2,13.9,4,15.9,6.6,14.5c0.6-0.3,1.1-0.8,1.6-1.5c0.4-0.5,6.9-11.6,6.9-11.6 S11.7,0.5,9.9,3.5z\"\r\n />\r\n </g>\r\n </svg>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".inline-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:absolute;background:transparent;z-index:9;inset:0}.demo-loader{position:relative;width:60px;height:60px;margin-left:0;padding:2px;border-radius:20px;box-sizing:border-box}.demo-loader-inner{display:flex;align-items:center;justify-content:center;height:56px}.demo-loader-inner svg{position:relative}.demo-loader-colored-blocks{overflow:hidden;position:absolute;left:0%;top:0;width:60px;height:60px;margin-left:0;padding:2px;box-sizing:border-box;border-radius:20px;perspective:1000px;animation:demoAnim 4s ease-in-out infinite,contAnim 4s infinite}.demo-loader-colored-blocks-rotater{position:absolute;left:0;top:0;width:60px;height:60px;box-sizing:border-box;border-radius:inherit}.demo-loader-colored-blocks-inner{overflow:hidden;position:relative;height:100%;background:#ffffff;border-radius:inherit;box-sizing:border-box}.demo-loader-colored-block{position:absolute;left:50%;top:50%;width:300%;height:300%;box-sizing:border-box;transform-origin:0 0}.demo-loader-colored-block:nth-child(1){transform:rotate(45deg) skew(37deg);background-color:#4681ef}.demo-loader-colored-block:nth-child(2){transform:rotate(97deg) skew(32deg);background-color:#66bf72}.demo-loader-colored-block:nth-child(3){transform:rotate(154deg) skew(26deg);background-color:#8c81f5}.demo-loader-colored-block:nth-child(4){transform:rotate(-22deg) skew(22deg);background-color:#e75151}.demo-loader-colored-block:nth-child(5){transform:rotate(218deg) skew(24deg);background-color:#f5a05b}.demo-loader-colored-block:nth-child(6){transform:rotate(282deg) skew(33deg);background-color:#f4c84a}@keyframes contAnim{15%,to{margin-left:0;width:60px}25%,90%{margin-left:0;width:60px}}@keyframes demoAnim{15%{border-radius:20px;transform:rotate(0)}30%,43%{border-radius:50%;transform:rotate(360deg)}52%,65%{border-radius:0;transform:rotate(720deg)}78%,90%{border-radius:50%;transform:rotate(1080deg)}to{border-radius:20px;transform:rotate(1440deg)}}\n"] }]
1553
+ args: [{ selector: 'app-loader-inline', template: "<div class=\"inline-loader\">\r\n <ng-lottie width=\"300px\" height=\"300px\" [options]=\"options\"></ng-lottie>\r\n</div>\r\n\r\n<!-- <p>loader-inline works!</p> -->\r\n<!-- <div class=\"inline-loader\">\r\n <div class=\"demo-loader\">\r\n <div class=\"demo-loader-colored-blocks\">\r\n <div class=\"demo-loader-colored-blocks-rotater\">\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n </div>\r\n <div class=\"demo-loader-colored-blocks-inner\"></div>\r\n </div>\r\n <div class=\"demo-loader-inner\">\r\n <svg\r\n width=\"30px\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 16 16\"\r\n style=\"enable-background: new 0 0 16 16\"\r\n xml:space=\"preserve\"\r\n >\r\n <style type=\"text/css\">\r\n .st0 {\r\n fill: #9d1f24;\r\n }\r\n\r\n .st1 {\r\n fill: #d83b3f;\r\n }\r\n </style>\r\n <g>\r\n <path class=\"st0\" d=\"M2,12.3c0.5,0.3,1.1,0.4,1.8,0.2c0.9-0.3,1.4-1.1,1.5-1.1c-0.3-0.2-0.5-0.6-0.5-1.1V7.2 C4.5,4.6,1.1,3.8,1.1,3.8v7.3C1.1,11.2,1.3,11.9,2,12.3z\" />\r\n <path\r\n class=\"st1\"\r\n d=\"M9.9,3.5c-1.8,2.8-4.6,7.8-4.6,7.8s0,0,0,0c0,0.1-0.5,0.8-1.5,1.1c-0.7,0.2-1.3,0.1-1.8-0.2 c-0.6-0.4-0.9-1.1-0.9-1.1s-0.1,1.2,0.6,2.2C2,13.9,4,15.9,6.6,14.5c0.6-0.3,1.1-0.8,1.6-1.5c0.4-0.5,6.9-11.6,6.9-11.6 S11.7,0.5,9.9,3.5z\"\r\n />\r\n </g>\r\n </svg>\r\n </div>\r\n </div>\r\n</div> -->\r\n", styles: [".inline-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:absolute;inset:0;background:transparent;z-index:9}\n"] }]
1548
1554
  }], ctorParameters: function () { return []; } });
1549
1555
 
1550
1556
  class SnackBarComponent {
@@ -4132,14 +4138,14 @@ class SafeHtmlPipe {
4132
4138
  return this.sanitizer.bypassSecurityTrustHtml(html);
4133
4139
  }
4134
4140
  }
4135
- SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
4141
+ SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
4136
4142
  SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
4137
4143
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SafeHtmlPipe, decorators: [{
4138
4144
  type: Pipe,
4139
4145
  args: [{
4140
4146
  name: 'safeHtml'
4141
4147
  }]
4142
- }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
4148
+ }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }]; } });
4143
4149
 
4144
4150
  // import { CsOptionComponent } from '../cs-option/cs-option.component';
4145
4151
  class CsSelectComponent$1 {
@@ -4990,26 +4996,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
4990
4996
  }] });
4991
4997
 
4992
4998
  class LoaderComponent {
4993
- constructor() { }
4999
+ constructor() {
5000
+ this.options = {
5001
+ path: './assets/vLoader.json',
5002
+ };
5003
+ }
4994
5004
  ngOnInit() { }
4995
5005
  }
4996
5006
  LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4997
- LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: LoaderComponent, selector: "app-loader", ngImport: i0, template: "<!-- <p>loader works!</p> -->\r\n<div class=\"main-loader\">\r\n <div class=\"demo-loader\">\r\n <div class=\"demo-loader-colored-blocks\">\r\n <div class=\"demo-loader-colored-blocks-rotater\">\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n </div>\r\n <div class=\"demo-loader-colored-blocks-inner\"></div>\r\n </div>\r\n <div class=\"demo-loader-inner\">\r\n <svg\r\n width=\"30px\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 16 16\"\r\n style=\"enable-background: new 0 0 16 16\"\r\n xml:space=\"preserve\"\r\n >\r\n <style type=\"text/css\">\r\n .st0 {\r\n fill: #9d1f24;\r\n }\r\n\r\n .st1 {\r\n fill: #d83b3f;\r\n }\r\n </style>\r\n <g>\r\n <path class=\"st0\" d=\"M2,12.3c0.5,0.3,1.1,0.4,1.8,0.2c0.9-0.3,1.4-1.1,1.5-1.1c-0.3-0.2-0.5-0.6-0.5-1.1V7.2 C4.5,4.6,1.1,3.8,1.1,3.8v7.3C1.1,11.2,1.3,11.9,2,12.3z\" />\r\n <path\r\n class=\"st1\"\r\n d=\"M9.9,3.5c-1.8,2.8-4.6,7.8-4.6,7.8s0,0,0,0c0,0.1-0.5,0.8-1.5,1.1c-0.7,0.2-1.3,0.1-1.8-0.2 c-0.6-0.4-0.9-1.1-0.9-1.1s-0.1,1.2,0.6,2.2C2,13.9,4,15.9,6.6,14.5c0.6-0.3,1.1-0.8,1.6-1.5c0.4-0.5,6.9-11.6,6.9-11.6 S11.7,0.5,9.9,3.5z\"\r\n />\r\n </g>\r\n </svg>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".main-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:fixed;background:transparent;z-index:9;inset:0}.demo-loader{position:relative;width:60px;height:60px;margin-left:0;padding:2px;border-radius:20px;box-sizing:border-box}.demo-loader-inner{display:flex;align-items:center;justify-content:center;height:56px}.demo-loader-inner svg{position:relative}.demo-loader-colored-blocks{overflow:hidden;position:absolute;left:0%;top:0;width:60px;height:60px;margin-left:0;padding:2px;box-sizing:border-box;border-radius:20px;perspective:1000px;animation:demoAnim 4s ease-in-out infinite,contAnim 4s infinite}.demo-loader-colored-blocks-rotater{position:absolute;left:0;top:0;width:60px;height:60px;box-sizing:border-box;border-radius:inherit}.demo-loader-colored-blocks-inner{overflow:hidden;position:relative;height:100%;background:#ffffff;border-radius:inherit;box-sizing:border-box}.demo-loader-colored-block{position:absolute;left:50%;top:50%;width:300%;height:300%;box-sizing:border-box;transform-origin:0 0}.demo-loader-colored-block:nth-child(1){transform:rotate(45deg) skew(37deg);background-color:#4681ef}.demo-loader-colored-block:nth-child(2){transform:rotate(97deg) skew(32deg);background-color:#66bf72}.demo-loader-colored-block:nth-child(3){transform:rotate(154deg) skew(26deg);background-color:#8c81f5}.demo-loader-colored-block:nth-child(4){transform:rotate(-22deg) skew(22deg);background-color:#e75151}.demo-loader-colored-block:nth-child(5){transform:rotate(218deg) skew(24deg);background-color:#f5a05b}.demo-loader-colored-block:nth-child(6){transform:rotate(282deg) skew(33deg);background-color:#f4c84a}@keyframes contAnim{15%,to{margin-left:0;width:60px}25%,90%{margin-left:0;width:60px}}@keyframes demoAnim{15%{border-radius:20px;transform:rotate(0)}30%,43%{border-radius:50%;transform:rotate(360deg)}52%,65%{border-radius:0;transform:rotate(720deg)}78%,90%{border-radius:50%;transform:rotate(1080deg)}to{border-radius:20px;transform:rotate(1440deg)}}\n"] });
5007
+ LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: LoaderComponent, selector: "app-loader", ngImport: i0, template: "<div class=\"main-loader\">\r\n <ng-lottie width=\"300px\" height=\"300px\" [options]=\"options\"></ng-lottie>\r\n</div>\r\n\r\n<!-- <p>loader works!</p> -->\r\n<!-- <div class=\"main-loader\">\r\n <div class=\"demo-loader\">\r\n <div class=\"demo-loader-colored-blocks\">\r\n <div class=\"demo-loader-colored-blocks-rotater\">\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n </div>\r\n <div class=\"demo-loader-colored-blocks-inner\"></div>\r\n </div>\r\n <div class=\"demo-loader-inner\">\r\n <svg\r\n width=\"30px\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 16 16\"\r\n style=\"enable-background: new 0 0 16 16\"\r\n xml:space=\"preserve\"\r\n >\r\n <style type=\"text/css\">\r\n .st0 {\r\n fill: #9d1f24;\r\n }\r\n\r\n .st1 {\r\n fill: #d83b3f;\r\n }\r\n </style>\r\n <g>\r\n <path class=\"st0\" d=\"M2,12.3c0.5,0.3,1.1,0.4,1.8,0.2c0.9-0.3,1.4-1.1,1.5-1.1c-0.3-0.2-0.5-0.6-0.5-1.1V7.2 C4.5,4.6,1.1,3.8,1.1,3.8v7.3C1.1,11.2,1.3,11.9,2,12.3z\" />\r\n <path\r\n class=\"st1\"\r\n d=\"M9.9,3.5c-1.8,2.8-4.6,7.8-4.6,7.8s0,0,0,0c0,0.1-0.5,0.8-1.5,1.1c-0.7,0.2-1.3,0.1-1.8-0.2 c-0.6-0.4-0.9-1.1-0.9-1.1s-0.1,1.2,0.6,2.2C2,13.9,4,15.9,6.6,14.5c0.6-0.3,1.1-0.8,1.6-1.5c0.4-0.5,6.9-11.6,6.9-11.6 S11.7,0.5,9.9,3.5z\"\r\n />\r\n </g>\r\n </svg>\r\n </div>\r\n </div>\r\n</div> -->\r\n", styles: [".main-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:fixed;inset:0;background:transparent;z-index:9}\n"], dependencies: [{ kind: "component", type: i1$2.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }] });
4998
5008
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoaderComponent, decorators: [{
4999
5009
  type: Component,
5000
- args: [{ selector: 'app-loader', template: "<!-- <p>loader works!</p> -->\r\n<div class=\"main-loader\">\r\n <div class=\"demo-loader\">\r\n <div class=\"demo-loader-colored-blocks\">\r\n <div class=\"demo-loader-colored-blocks-rotater\">\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n </div>\r\n <div class=\"demo-loader-colored-blocks-inner\"></div>\r\n </div>\r\n <div class=\"demo-loader-inner\">\r\n <svg\r\n width=\"30px\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 16 16\"\r\n style=\"enable-background: new 0 0 16 16\"\r\n xml:space=\"preserve\"\r\n >\r\n <style type=\"text/css\">\r\n .st0 {\r\n fill: #9d1f24;\r\n }\r\n\r\n .st1 {\r\n fill: #d83b3f;\r\n }\r\n </style>\r\n <g>\r\n <path class=\"st0\" d=\"M2,12.3c0.5,0.3,1.1,0.4,1.8,0.2c0.9-0.3,1.4-1.1,1.5-1.1c-0.3-0.2-0.5-0.6-0.5-1.1V7.2 C4.5,4.6,1.1,3.8,1.1,3.8v7.3C1.1,11.2,1.3,11.9,2,12.3z\" />\r\n <path\r\n class=\"st1\"\r\n d=\"M9.9,3.5c-1.8,2.8-4.6,7.8-4.6,7.8s0,0,0,0c0,0.1-0.5,0.8-1.5,1.1c-0.7,0.2-1.3,0.1-1.8-0.2 c-0.6-0.4-0.9-1.1-0.9-1.1s-0.1,1.2,0.6,2.2C2,13.9,4,15.9,6.6,14.5c0.6-0.3,1.1-0.8,1.6-1.5c0.4-0.5,6.9-11.6,6.9-11.6 S11.7,0.5,9.9,3.5z\"\r\n />\r\n </g>\r\n </svg>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".main-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:fixed;background:transparent;z-index:9;inset:0}.demo-loader{position:relative;width:60px;height:60px;margin-left:0;padding:2px;border-radius:20px;box-sizing:border-box}.demo-loader-inner{display:flex;align-items:center;justify-content:center;height:56px}.demo-loader-inner svg{position:relative}.demo-loader-colored-blocks{overflow:hidden;position:absolute;left:0%;top:0;width:60px;height:60px;margin-left:0;padding:2px;box-sizing:border-box;border-radius:20px;perspective:1000px;animation:demoAnim 4s ease-in-out infinite,contAnim 4s infinite}.demo-loader-colored-blocks-rotater{position:absolute;left:0;top:0;width:60px;height:60px;box-sizing:border-box;border-radius:inherit}.demo-loader-colored-blocks-inner{overflow:hidden;position:relative;height:100%;background:#ffffff;border-radius:inherit;box-sizing:border-box}.demo-loader-colored-block{position:absolute;left:50%;top:50%;width:300%;height:300%;box-sizing:border-box;transform-origin:0 0}.demo-loader-colored-block:nth-child(1){transform:rotate(45deg) skew(37deg);background-color:#4681ef}.demo-loader-colored-block:nth-child(2){transform:rotate(97deg) skew(32deg);background-color:#66bf72}.demo-loader-colored-block:nth-child(3){transform:rotate(154deg) skew(26deg);background-color:#8c81f5}.demo-loader-colored-block:nth-child(4){transform:rotate(-22deg) skew(22deg);background-color:#e75151}.demo-loader-colored-block:nth-child(5){transform:rotate(218deg) skew(24deg);background-color:#f5a05b}.demo-loader-colored-block:nth-child(6){transform:rotate(282deg) skew(33deg);background-color:#f4c84a}@keyframes contAnim{15%,to{margin-left:0;width:60px}25%,90%{margin-left:0;width:60px}}@keyframes demoAnim{15%{border-radius:20px;transform:rotate(0)}30%,43%{border-radius:50%;transform:rotate(360deg)}52%,65%{border-radius:0;transform:rotate(720deg)}78%,90%{border-radius:50%;transform:rotate(1080deg)}to{border-radius:20px;transform:rotate(1440deg)}}\n"] }]
5010
+ args: [{ selector: 'app-loader', template: "<div class=\"main-loader\">\r\n <ng-lottie width=\"300px\" height=\"300px\" [options]=\"options\"></ng-lottie>\r\n</div>\r\n\r\n<!-- <p>loader works!</p> -->\r\n<!-- <div class=\"main-loader\">\r\n <div class=\"demo-loader\">\r\n <div class=\"demo-loader-colored-blocks\">\r\n <div class=\"demo-loader-colored-blocks-rotater\">\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n <div class=\"demo-loader-colored-block\"></div>\r\n </div>\r\n <div class=\"demo-loader-colored-blocks-inner\"></div>\r\n </div>\r\n <div class=\"demo-loader-inner\">\r\n <svg\r\n width=\"30px\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 16 16\"\r\n style=\"enable-background: new 0 0 16 16\"\r\n xml:space=\"preserve\"\r\n >\r\n <style type=\"text/css\">\r\n .st0 {\r\n fill: #9d1f24;\r\n }\r\n\r\n .st1 {\r\n fill: #d83b3f;\r\n }\r\n </style>\r\n <g>\r\n <path class=\"st0\" d=\"M2,12.3c0.5,0.3,1.1,0.4,1.8,0.2c0.9-0.3,1.4-1.1,1.5-1.1c-0.3-0.2-0.5-0.6-0.5-1.1V7.2 C4.5,4.6,1.1,3.8,1.1,3.8v7.3C1.1,11.2,1.3,11.9,2,12.3z\" />\r\n <path\r\n class=\"st1\"\r\n d=\"M9.9,3.5c-1.8,2.8-4.6,7.8-4.6,7.8s0,0,0,0c0,0.1-0.5,0.8-1.5,1.1c-0.7,0.2-1.3,0.1-1.8-0.2 c-0.6-0.4-0.9-1.1-0.9-1.1s-0.1,1.2,0.6,2.2C2,13.9,4,15.9,6.6,14.5c0.6-0.3,1.1-0.8,1.6-1.5c0.4-0.5,6.9-11.6,6.9-11.6 S11.7,0.5,9.9,3.5z\"\r\n />\r\n </g>\r\n </svg>\r\n </div>\r\n </div>\r\n</div> -->\r\n", styles: [".main-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:fixed;inset:0;background:transparent;z-index:9}\n"] }]
5001
5011
  }], ctorParameters: function () { return []; } });
5002
5012
 
5003
5013
  class VLoaderModule {
5004
5014
  }
5005
5015
  VLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: VLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
5006
- VLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: VLoaderModule, declarations: [LoaderComponent, LoaderInlineComponent], imports: [CommonModule], exports: [LoaderComponent, LoaderInlineComponent] });
5007
- VLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: VLoaderModule, imports: [CommonModule] });
5016
+ VLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: VLoaderModule, declarations: [LoaderComponent, LoaderInlineComponent], imports: [CommonModule, i1$2.LottieModule], exports: [LoaderComponent, LoaderInlineComponent] });
5017
+ VLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: VLoaderModule, imports: [CommonModule, LottieModule.forRoot({ player: playerFactory })] });
5008
5018
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: VLoaderModule, decorators: [{
5009
5019
  type: NgModule,
5010
5020
  args: [{
5011
5021
  declarations: [LoaderComponent, LoaderInlineComponent],
5012
- imports: [CommonModule],
5022
+ imports: [CommonModule, LottieModule.forRoot({ player: playerFactory })],
5013
5023
  exports: [LoaderComponent, LoaderInlineComponent],
5014
5024
  }]
5015
5025
  }] });
@@ -5042,6 +5052,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
5042
5052
  }]
5043
5053
  }] });
5044
5054
 
5055
+ function playerFactory() {
5056
+ // add this line
5057
+ return import('lottie-web'); // add this line
5058
+ }
5045
5059
  class CreateDashboardModule {
5046
5060
  static forRoot(environmentConfig) {
5047
5061
  return {
@@ -5077,7 +5091,7 @@ CreateDashboardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
5077
5091
  SnackBarModule,
5078
5092
  NoDataModule,
5079
5093
  DirectivesModule,
5080
- SmileyDialogModule], exports: [CreateDashboardComponent] });
5094
+ SmileyDialogModule, i1$2.LottieModule], exports: [CreateDashboardComponent] });
5081
5095
  CreateDashboardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CreateDashboardModule, imports: [CommonModule,
5082
5096
  // MarxEditorModule,
5083
5097
  VcomplyEditorModule,
@@ -5096,7 +5110,8 @@ CreateDashboardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
5096
5110
  SnackBarModule,
5097
5111
  NoDataModule,
5098
5112
  DirectivesModule,
5099
- SmileyDialogModule] });
5113
+ SmileyDialogModule,
5114
+ LottieModule.forRoot({ player: playerFactory })] });
5100
5115
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CreateDashboardModule, decorators: [{
5101
5116
  type: NgModule,
5102
5117
  args: [{
@@ -5131,6 +5146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
5131
5146
  NoDataModule,
5132
5147
  DirectivesModule,
5133
5148
  SmileyDialogModule,
5149
+ LottieModule.forRoot({ player: playerFactory }),
5134
5150
  ],
5135
5151
  exports: [CreateDashboardComponent],
5136
5152
  }]
@@ -5144,5 +5160,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
5144
5160
  * Generated bundle index. Do not edit.
5145
5161
  */
5146
5162
 
5147
- export { CreateDashboardComponent, CreateDashboardModule, CreateDashboardService$1 as CreateDashboardService };
5163
+ export { CreateDashboardComponent, CreateDashboardModule, CreateDashboardService$1 as CreateDashboardService, playerFactory };
5148
5164
  //# sourceMappingURL=create-dashboard.mjs.map