@osovitny/anatoly 2.14.9 → 2.14.10
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.
- package/assets/styles/scss/forms/contactus-form.scss +0 -15
- package/assets/styles/scss/forms/form-validation.scss +56 -0
- package/assets/styles/scss/spinkit/sk-line-material.scss +61 -0
- package/assets/styles/scss/spinner.scss +11 -53
- package/assets/styles/styles.scss +3 -1
- package/esm2020/lib/ui/components/spinner/spinkits.mjs +12 -0
- package/esm2020/lib/ui/components/spinner/spinner.component.mjs +10 -23
- package/fesm2015/osovitny-anatoly.mjs +17 -20
- package/fesm2015/osovitny-anatoly.mjs.map +1 -1
- package/fesm2020/osovitny-anatoly.mjs +17 -20
- package/fesm2020/osovitny-anatoly.mjs.map +1 -1
- package/lib/ui/components/spinner/spinkits.d.ts +11 -0
- package/lib/ui/components/spinner/spinner.component.d.ts +13 -13
- package/package.json +1 -1
|
@@ -109,18 +109,3 @@ anatoly-forms-contactus-form {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
|
|
113
|
-
anatoly-item-validation-summary {
|
|
114
|
-
.has-error {
|
|
115
|
-
&.help-block {
|
|
116
|
-
display: block;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
.help-block {
|
|
120
|
-
display: none;
|
|
121
|
-
width: 100%;
|
|
122
|
-
margin-top: 0.25rem;
|
|
123
|
-
font-size: 80%;
|
|
124
|
-
color: #a60000;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
.help-block {
|
|
2
|
+
display: none;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.has-error {
|
|
6
|
+
anatoly-item-validation-summary {
|
|
7
|
+
.list-unstyled {
|
|
8
|
+
margin: 0;
|
|
9
|
+
padding: 0;
|
|
10
|
+
|
|
11
|
+
.help-block {
|
|
12
|
+
display: block;
|
|
13
|
+
width: 100%;
|
|
14
|
+
margin-top: 0.25rem;
|
|
15
|
+
font-size: 80%;
|
|
16
|
+
color: #a60000;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
anatoly-form-validation-summary {
|
|
23
|
+
.callout {
|
|
24
|
+
border-radius: 0.25rem;
|
|
25
|
+
box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
|
|
26
|
+
background-color: #fbfbfb;
|
|
27
|
+
border-left: 5px solid #e9ecef;
|
|
28
|
+
margin-bottom: 1rem;
|
|
29
|
+
padding: 1rem;
|
|
30
|
+
|
|
31
|
+
&.callout-danger {
|
|
32
|
+
border-left-color: #730000;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.box-title {
|
|
36
|
+
font-weight: 600;
|
|
37
|
+
font-size: 18px;
|
|
38
|
+
line-height: 1.4;
|
|
39
|
+
font-family: "Rubik", sans-serif;
|
|
40
|
+
text-align: left;
|
|
41
|
+
color: #343c55;
|
|
42
|
+
}
|
|
43
|
+
ul {
|
|
44
|
+
margin: 0;
|
|
45
|
+
padding-left: 2rem;
|
|
46
|
+
li {
|
|
47
|
+
font-weight: 400;
|
|
48
|
+
font-size: 16px;
|
|
49
|
+
line-height: 1.4;
|
|
50
|
+
font-family: "Rubik", sans-serif;
|
|
51
|
+
text-align: left;
|
|
52
|
+
color: #343c55;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
.sk-line-material {
|
|
2
|
+
top: 0 ;
|
|
3
|
+
position: relative;
|
|
4
|
+
margin: auto;
|
|
5
|
+
width: 100%;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.sk-line-material .sk-child {
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 4px;
|
|
11
|
+
position: absolute;
|
|
12
|
+
top:0;
|
|
13
|
+
display: inline-block;
|
|
14
|
+
transform-origin: 0% 0%;
|
|
15
|
+
-webkit-animation: sk-line-material 2s ease-in-out 0s infinite both;
|
|
16
|
+
animation: sk-line-material 2s ease-in-out 0s infinite both;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@-webkit-keyframes sk-line-material {
|
|
20
|
+
0%, 80%, 100% {
|
|
21
|
+
-webkit-transform: scaleX(0);
|
|
22
|
+
transform: scaleX(0);
|
|
23
|
+
}
|
|
24
|
+
40% {
|
|
25
|
+
-webkit-transform: scaleX(1);
|
|
26
|
+
transform: scaleX(1);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@keyframes sk-line-material {
|
|
31
|
+
0% {
|
|
32
|
+
-webkit-transform: scaleX(0);
|
|
33
|
+
transform: scaleX(0);
|
|
34
|
+
}
|
|
35
|
+
100% {
|
|
36
|
+
-webkit-transform: scaleX(1);
|
|
37
|
+
transform: scaleX(1);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
#http-loader {
|
|
42
|
+
top: 0;
|
|
43
|
+
left: 0;
|
|
44
|
+
height: 100%;
|
|
45
|
+
width: 100%;
|
|
46
|
+
position: fixed;
|
|
47
|
+
z-index: 9999;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.loader-bg {
|
|
51
|
+
height: 100%;
|
|
52
|
+
width: 100%;
|
|
53
|
+
position: absolute;
|
|
54
|
+
filter: alpha(opacity=70);
|
|
55
|
+
opacity: 1;
|
|
56
|
+
background-color: rgba(0,0,0,0);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.colored-parent, .colored > div {
|
|
60
|
+
background-color: rgba(26, 188, 156, 0.80);
|
|
61
|
+
}
|
|
@@ -1,64 +1,22 @@
|
|
|
1
|
-
#
|
|
1
|
+
#http-loader {
|
|
2
2
|
top: 0;
|
|
3
3
|
left: 0;
|
|
4
4
|
height: 100%;
|
|
5
5
|
width: 100%;
|
|
6
6
|
position: fixed;
|
|
7
7
|
z-index: 9999;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
.loader-bg {
|
|
11
|
-
height: 100%;
|
|
12
|
-
width: 100%;
|
|
13
|
-
position: absolute;
|
|
14
|
-
filter: alpha(opacity=70);
|
|
15
|
-
opacity: .7;
|
|
16
|
-
background-color: #002776;
|
|
17
|
-
|
|
18
|
-
.line-material {
|
|
19
|
-
top: 0;
|
|
20
|
-
position: relative;
|
|
21
|
-
margin: auto;
|
|
22
|
-
width: 100%;
|
|
23
|
-
|
|
24
|
-
&.colored-parent, .colored > div {
|
|
25
|
-
background-color: #333;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.mice-child {
|
|
29
|
-
width: 100%;
|
|
30
|
-
height: 4px;
|
|
31
|
-
position: absolute;
|
|
32
|
-
top: 0;
|
|
33
|
-
display: inline-block;
|
|
34
|
-
transform-origin: 0% 0%;
|
|
35
|
-
-webkit-animation: line-material 2s ease-in-out 0s infinite both;
|
|
36
|
-
animation: line-material 2s ease-in-out 0s infinite both;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
8
|
}
|
|
41
|
-
@-webkit-keyframes line-material {
|
|
42
|
-
0%, 80%, 100% {
|
|
43
|
-
-webkit-transform: scaleX(0);
|
|
44
|
-
transform: scaleX(0);
|
|
45
|
-
}
|
|
46
9
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
10
|
+
.loader-bg {
|
|
11
|
+
height: 100%;
|
|
12
|
+
width: 100%;
|
|
13
|
+
position: absolute;
|
|
14
|
+
filter: alpha(opacity=70);
|
|
15
|
+
opacity: 0.7;
|
|
16
|
+
background-color: #f1f1f1;
|
|
51
17
|
}
|
|
52
18
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
transform: scaleX(0);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
100% {
|
|
60
|
-
-webkit-transform: scaleX(1);
|
|
61
|
-
transform: scaleX(1);
|
|
62
|
-
}
|
|
19
|
+
.colored-parent,
|
|
20
|
+
.colored > div {
|
|
21
|
+
background-color: #333;
|
|
63
22
|
}
|
|
64
|
-
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
// @osovitny/anatoly
|
|
2
2
|
@import "./scss/alerts";
|
|
3
3
|
@import "./scss/pnlLoading";
|
|
4
|
-
@import "./scss/spinner";
|
|
5
4
|
@import "./scss/toastr";
|
|
6
5
|
@import "./scss/dialog/dialog";
|
|
7
6
|
@import "./scss/forms/contactus-form";
|
|
7
|
+
@import "./scss/forms/form-validation";
|
|
8
|
+
@import "./scss/spinner";
|
|
9
|
+
@import "./scss/spinkit/sk-line-material";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export const Spinkit = {
|
|
2
|
+
skChasingDots: 'sk-chasing-dots',
|
|
3
|
+
skCubeGrid: 'sk-cube-grid',
|
|
4
|
+
skDoubleBounce: 'sk-double-bounce',
|
|
5
|
+
skRotatingPlane: 'sk-rotationg-plane',
|
|
6
|
+
skSpinnerPulse: 'sk-spinner-pulse',
|
|
7
|
+
skThreeBounce: 'sk-three-bounce',
|
|
8
|
+
skWanderingCubes: 'sk-wandering-cubes',
|
|
9
|
+
skWave: 'sk-wave',
|
|
10
|
+
skLine: 'sk-line-material'
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpbmtpdHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9zcGlubmVyL3NwaW5raXRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRztJQUNyQixhQUFhLEVBQUUsaUJBQWlCO0lBQ2hDLFVBQVUsRUFBRSxjQUFjO0lBQzFCLGNBQWMsRUFBRSxrQkFBa0I7SUFDbEMsZUFBZSxFQUFFLG9CQUFvQjtJQUNyQyxjQUFjLEVBQUUsa0JBQWtCO0lBQ2xDLGFBQWEsRUFBRSxpQkFBaUI7SUFDaEMsZ0JBQWdCLEVBQUUsb0JBQW9CO0lBQ3RDLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLE1BQU0sRUFBRSxrQkFBa0I7Q0FDM0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBTcGlua2l0ID0ge1xyXG4gIHNrQ2hhc2luZ0RvdHM6ICdzay1jaGFzaW5nLWRvdHMnLFxyXG4gIHNrQ3ViZUdyaWQ6ICdzay1jdWJlLWdyaWQnLFxyXG4gIHNrRG91YmxlQm91bmNlOiAnc2stZG91YmxlLWJvdW5jZScsXHJcbiAgc2tSb3RhdGluZ1BsYW5lOiAnc2stcm90YXRpb25nLXBsYW5lJyxcclxuICBza1NwaW5uZXJQdWxzZTogJ3NrLXNwaW5uZXItcHVsc2UnLFxyXG4gIHNrVGhyZWVCb3VuY2U6ICdzay10aHJlZS1ib3VuY2UnLFxyXG4gIHNrV2FuZGVyaW5nQ3ViZXM6ICdzay13YW5kZXJpbmctY3ViZXMnLFxyXG4gIHNrV2F2ZTogJ3NrLXdhdmUnLFxyXG4gIHNrTGluZTogJ3NrLWxpbmUtbWF0ZXJpYWwnXHJcbn07XHJcbiJdfQ==
|
|
@@ -10,39 +10,26 @@
|
|
|
10
10
|
Created:
|
|
11
11
|
16 May 2020
|
|
12
12
|
|
|
13
|
-
Version:
|
|
14
|
-
1.0
|
|
15
|
-
|
|
16
13
|
Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
|
|
17
14
|
</file>
|
|
18
15
|
*/
|
|
19
16
|
// Node
|
|
20
|
-
import { Component,
|
|
21
|
-
import {
|
|
17
|
+
import { Component, Input, Inject, ViewEncapsulation } from '@angular/core';
|
|
18
|
+
import { NavigationStart, NavigationEnd, NavigationCancel, NavigationError } from '@angular/router';
|
|
22
19
|
import { DOCUMENT } from '@angular/common';
|
|
20
|
+
//App
|
|
21
|
+
import { Spinkit } from './spinkits';
|
|
23
22
|
import * as i0 from "@angular/core";
|
|
24
23
|
import * as i1 from "@angular/router";
|
|
25
24
|
import * as i2 from "@angular/common";
|
|
26
|
-
const SpinnerSpinKit = {
|
|
27
|
-
spinnerLine: 'spinner-line-material',
|
|
28
|
-
// ToDo
|
|
29
|
-
ChasingDots: 'spinner-chasing-dots',
|
|
30
|
-
CubeGrid: 'spinner-cube-grid',
|
|
31
|
-
DoubleBounce: 'spinner-double-bounce',
|
|
32
|
-
RotatingPlane: 'spinner-rotationg-plane',
|
|
33
|
-
SpinnerPulse: 'spinner-spinner-pulse',
|
|
34
|
-
ThreeBounce: 'spinner-three-bounce',
|
|
35
|
-
WanderingCubes: 'spinner-wandering-cubes',
|
|
36
|
-
Wave: 'spinner-wave'
|
|
37
|
-
};
|
|
38
25
|
export class SpinnerComponent {
|
|
39
26
|
constructor(router, document) {
|
|
40
27
|
this.router = router;
|
|
41
28
|
this.document = document;
|
|
29
|
+
this.backgroundColor = '#2196f3';
|
|
30
|
+
this.spinner = Spinkit.skLine;
|
|
42
31
|
this.isSpinnerVisible = true;
|
|
43
|
-
this.
|
|
44
|
-
this.backgroundColor = '#007CB0';
|
|
45
|
-
this.spinner = SpinnerSpinKit.spinnerLine;
|
|
32
|
+
this.Spinkit = Spinkit;
|
|
46
33
|
this.router.events.subscribe(event => {
|
|
47
34
|
if (event instanceof NavigationStart) {
|
|
48
35
|
this.isSpinnerVisible = true;
|
|
@@ -59,10 +46,10 @@ export class SpinnerComponent {
|
|
|
59
46
|
}
|
|
60
47
|
}
|
|
61
48
|
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 });
|
|
62
|
-
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=\"
|
|
49
|
+
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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
63
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
64
51
|
type: Component,
|
|
65
|
-
args: [{ selector: 'spinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"
|
|
52
|
+
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" }]
|
|
66
53
|
}], ctorParameters: function () { return [{ type: i1.Router }, { type: Document, decorators: [{
|
|
67
54
|
type: Inject,
|
|
68
55
|
args: [DOCUMENT]
|
|
@@ -71,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
71
58
|
}], spinner: [{
|
|
72
59
|
type: Input
|
|
73
60
|
}] } });
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5hdG9seS9zcmMvbGliL3VpL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUYsT0FBTztBQUNQLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNyRixPQUFPLEVBQVMsZUFBZSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSxlQUFlLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUMxRyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFFekMsS0FBSztBQUNMLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxZQUFZLENBQUE7Ozs7QUFPbEMsTUFBTSxPQUFPLGdCQUFnQjtJQU8zQixZQUFvQixNQUFjLEVBQTRCLFFBQWtCO1FBQTVELFdBQU0sR0FBTixNQUFNLENBQVE7UUFBNEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQU5oRSxvQkFBZSxHQUFHLFNBQVMsQ0FBQztRQUM1QixZQUFPLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQztRQUVsQyxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDeEIsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUdyQixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDakMsSUFBSSxLQUFLLFlBQVksZUFBZSxFQUFFO2dCQUNsQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO2FBQ2hDO2lCQUFNLElBQUssS0FBSyxZQUFZLGFBQWEsSUFBSSxLQUFLLFlBQVksZ0JBQWdCLElBQUksS0FBSyxZQUFZLGVBQWUsRUFBRTtnQkFDakgsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQzthQUNqQztRQUNMLENBQUMsRUFBRSxHQUFHLEVBQUU7WUFDSixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO0lBQ2xDLENBQUM7OzZHQXJCVSxnQkFBZ0Isd0NBT2lCLFFBQVE7aUdBUHpDLGdCQUFnQiwySEM3QjdCLG9WQU9BOzJGRHNCYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUVaLGlCQUFpQixDQUFDLElBQUk7K0VBU21DLFFBQVE7MEJBQTNDLE1BQU07MkJBQUMsUUFBUTs0Q0FOcEMsZUFBZTtzQkFBOUIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuPGZpbGU+XHJcbiAgUHJvamVjdDpcclxuICAgIEBvc292aXRueS9hbmF0b2x5XHJcblxyXG4gIEF1dGhvcnM6XHJcbiAgICBWYWRpbSBPc292aXRueVxyXG4gICAgQW5hdG9seSBPc292aXRueVxyXG5cclxuICBDcmVhdGVkOlxyXG4gICAgMTYgTWF5IDIwMjBcclxuXHJcbiAgQ29weXJpZ2h0IChjKSAyMDE2LTIwMjIgT3Nvdml0bnkgSW5jLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxyXG48L2ZpbGU+XHJcbiovXHJcblxyXG4vLyBOb2RlXHJcbmltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBJbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtSb3V0ZXIsIE5hdmlnYXRpb25TdGFydCwgTmF2aWdhdGlvbkVuZCwgTmF2aWdhdGlvbkNhbmNlbCwgTmF2aWdhdGlvbkVycm9yfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQge0RPQ1VNRU5UfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuLy9BcHBcclxuaW1wb3J0IHtTcGlua2l0fSBmcm9tICcuL3NwaW5raXRzJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbmF0b2x5LXNwaW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcclxuICBASW5wdXQoKSBwdWJsaWMgYmFja2dyb3VuZENvbG9yID0gJyMyMTk2ZjMnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBzcGlubmVyID0gU3BpbmtpdC5za0xpbmU7XHJcblxyXG4gIHB1YmxpYyBpc1NwaW5uZXJWaXNpYmxlID0gdHJ1ZTtcclxuICBwdWJsaWMgU3BpbmtpdCA9IFNwaW5raXQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsIEBJbmplY3QoRE9DVU1FTlQpIHByaXZhdGUgZG9jdW1lbnQ6IERvY3VtZW50KSB7XHJcbiAgICAgIHRoaXMucm91dGVyLmV2ZW50cy5zdWJzY3JpYmUoZXZlbnQgPT4ge1xyXG4gICAgICAgICAgaWYgKGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvblN0YXJ0KSB7XHJcbiAgICAgICAgICAgICAgdGhpcy5pc1NwaW5uZXJWaXNpYmxlID0gdHJ1ZTtcclxuICAgICAgICAgIH0gZWxzZSBpZiAoIGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCB8fCBldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25DYW5jZWwgfHwgZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRXJyb3IpIHtcclxuICAgICAgICAgICAgICB0aGlzLmlzU3Bpbm5lclZpc2libGUgPSBmYWxzZTtcclxuICAgICAgICAgIH1cclxuICAgICAgfSwgKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5pc1NwaW5uZXJWaXNpYmxlID0gZmFsc2U7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAgIHRoaXMuaXNTcGlubmVyVmlzaWJsZSA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG5cclxuIiwiPGRpdiBpZD1cImh0dHAtbG9hZGVyXCIgKm5nSWY9XCJpc1NwaW5uZXJWaXNpYmxlXCI+XHJcbiAgPGRpdiBjbGFzcz1cImxvYWRlci1iZ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic2stbGluZS1tYXRlcmlhbFwiIFtjbGFzcy5jb2xvcmVkXT1cIiFiYWNrZ3JvdW5kQ29sb3JcIiAqbmdJZj1cInNwaW5uZXIgPT09IFNwaW5raXQuc2tMaW5lXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stY2hpbGQgc2stYm91bmNlMVwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT0nYmFja2dyb3VuZENvbG9yJz48L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -3010,6 +3010,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
3010
3010
|
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" }]
|
|
3011
3011
|
}], ctorParameters: function () { return [{ type: LoadingService }]; } });
|
|
3012
3012
|
|
|
3013
|
+
const Spinkit = {
|
|
3014
|
+
skChasingDots: 'sk-chasing-dots',
|
|
3015
|
+
skCubeGrid: 'sk-cube-grid',
|
|
3016
|
+
skDoubleBounce: 'sk-double-bounce',
|
|
3017
|
+
skRotatingPlane: 'sk-rotationg-plane',
|
|
3018
|
+
skSpinnerPulse: 'sk-spinner-pulse',
|
|
3019
|
+
skThreeBounce: 'sk-three-bounce',
|
|
3020
|
+
skWanderingCubes: 'sk-wandering-cubes',
|
|
3021
|
+
skWave: 'sk-wave',
|
|
3022
|
+
skLine: 'sk-line-material'
|
|
3023
|
+
};
|
|
3024
|
+
|
|
3013
3025
|
/*
|
|
3014
3026
|
<file>
|
|
3015
3027
|
Project:
|
|
@@ -3022,32 +3034,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
3022
3034
|
Created:
|
|
3023
3035
|
16 May 2020
|
|
3024
3036
|
|
|
3025
|
-
Version:
|
|
3026
|
-
1.0
|
|
3027
|
-
|
|
3028
3037
|
Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
|
|
3029
3038
|
</file>
|
|
3030
3039
|
*/
|
|
3031
|
-
const SpinnerSpinKit = {
|
|
3032
|
-
spinnerLine: 'spinner-line-material',
|
|
3033
|
-
// ToDo
|
|
3034
|
-
ChasingDots: 'spinner-chasing-dots',
|
|
3035
|
-
CubeGrid: 'spinner-cube-grid',
|
|
3036
|
-
DoubleBounce: 'spinner-double-bounce',
|
|
3037
|
-
RotatingPlane: 'spinner-rotationg-plane',
|
|
3038
|
-
SpinnerPulse: 'spinner-spinner-pulse',
|
|
3039
|
-
ThreeBounce: 'spinner-three-bounce',
|
|
3040
|
-
WanderingCubes: 'spinner-wandering-cubes',
|
|
3041
|
-
Wave: 'spinner-wave'
|
|
3042
|
-
};
|
|
3043
3040
|
class SpinnerComponent {
|
|
3044
3041
|
constructor(router, document) {
|
|
3045
3042
|
this.router = router;
|
|
3046
3043
|
this.document = document;
|
|
3044
|
+
this.backgroundColor = '#2196f3';
|
|
3045
|
+
this.spinner = Spinkit.skLine;
|
|
3047
3046
|
this.isSpinnerVisible = true;
|
|
3048
|
-
this.
|
|
3049
|
-
this.backgroundColor = '#007CB0';
|
|
3050
|
-
this.spinner = SpinnerSpinKit.spinnerLine;
|
|
3047
|
+
this.Spinkit = Spinkit;
|
|
3051
3048
|
this.router.events.subscribe(event => {
|
|
3052
3049
|
if (event instanceof NavigationStart) {
|
|
3053
3050
|
this.isSpinnerVisible = true;
|
|
@@ -3064,10 +3061,10 @@ class SpinnerComponent {
|
|
|
3064
3061
|
}
|
|
3065
3062
|
}
|
|
3066
3063
|
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 });
|
|
3067
|
-
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=\"
|
|
3064
|
+
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 });
|
|
3068
3065
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
3069
3066
|
type: Component,
|
|
3070
|
-
args: [{ selector: 'spinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"
|
|
3067
|
+
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" }]
|
|
3071
3068
|
}], ctorParameters: function () {
|
|
3072
3069
|
return [{ type: i1.Router }, { type: Document, decorators: [{
|
|
3073
3070
|
type: Inject,
|