@osovitny/anatoly 2.14.8 → 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 +14 -14
- package/assets/styles/scss/forms/form-validation.scss +56 -0
- package/assets/styles/scss/pnlLoading.scss +20 -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 +4 -2
- package/esm2020/lib/ui/components/loading/loading.component.mjs +3 -3
- 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 +19 -22
- package/fesm2015/osovitny-anatoly.mjs.map +1 -1
- package/fesm2020/osovitny-anatoly.mjs +19 -22
- 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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
anatoly-forms-contactus-form{
|
|
1
|
+
anatoly-forms-contactus-form {
|
|
2
2
|
.contact-us {
|
|
3
3
|
position: relative;
|
|
4
4
|
|
|
@@ -10,7 +10,10 @@ anatoly-forms-contactus-form{
|
|
|
10
10
|
margin-bottom: 0;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.form-name,
|
|
13
|
+
.form-name,
|
|
14
|
+
.form-email,
|
|
15
|
+
.form-topic,
|
|
16
|
+
.form-subject {
|
|
14
17
|
display: flex;
|
|
15
18
|
flex-flow: column wrap;
|
|
16
19
|
position: static;
|
|
@@ -29,14 +32,14 @@ anatoly-forms-contactus-form{
|
|
|
29
32
|
margin-bottom: 0;
|
|
30
33
|
}
|
|
31
34
|
|
|
32
|
-
input[type=text] {
|
|
35
|
+
input[type="text"] {
|
|
33
36
|
box-sizing: border-box;
|
|
34
|
-
font-size: .95rem;
|
|
37
|
+
font-size: 0.95rem;
|
|
35
38
|
line-height: 28px;
|
|
36
39
|
height: 44px;
|
|
37
40
|
color: #777;
|
|
38
41
|
background-color: #fff;
|
|
39
|
-
border: 1px solid rgba(153, 153, 153, .85);
|
|
42
|
+
border: 1px solid rgba(153, 153, 153, 0.85);
|
|
40
43
|
border-radius: 0.4rem;
|
|
41
44
|
padding: 5px 15px;
|
|
42
45
|
width: 100%;
|
|
@@ -52,14 +55,14 @@ anatoly-forms-contactus-form{
|
|
|
52
55
|
|
|
53
56
|
textarea {
|
|
54
57
|
box-sizing: border-box;
|
|
55
|
-
font-size: .95rem;
|
|
58
|
+
font-size: 0.95rem;
|
|
56
59
|
line-height: 28px;
|
|
57
60
|
order: 0;
|
|
58
61
|
width: 100%;
|
|
59
62
|
margin: 0;
|
|
60
63
|
background-color: #fff;
|
|
61
64
|
color: #777;
|
|
62
|
-
border: 1px solid rgba(153, 153, 153, .85);
|
|
65
|
+
border: 1px solid rgba(153, 153, 153, 0.85);
|
|
63
66
|
border-radius: 0.4rem;
|
|
64
67
|
padding: 5px 15px;
|
|
65
68
|
height: 250px;
|
|
@@ -78,7 +81,7 @@ anatoly-forms-contactus-form{
|
|
|
78
81
|
width: 100%;
|
|
79
82
|
padding: 0.6rem 2.25rem 0.6rem 1rem;
|
|
80
83
|
-moz-padding-start: calc(1rem - 3px);
|
|
81
|
-
font-size: .95rem;
|
|
84
|
+
font-size: 0.95rem;
|
|
82
85
|
font-weight: 500;
|
|
83
86
|
line-height: 1.7;
|
|
84
87
|
color: #959ca9;
|
|
@@ -87,18 +90,16 @@ anatoly-forms-contactus-form{
|
|
|
87
90
|
background-repeat: no-repeat;
|
|
88
91
|
background-position: right 1rem center;
|
|
89
92
|
background-size: 8px 8px;
|
|
90
|
-
border: 1px solid rgba(153, 153, 153, .85);
|
|
93
|
+
border: 1px solid rgba(153, 153, 153, 0.85);
|
|
91
94
|
border-radius: 0.4rem;
|
|
92
95
|
box-shadow: 0 0 1.25rem rgb(30 34 40 / 4%);
|
|
93
|
-
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
|
96
|
+
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
94
97
|
background-clip: padding-box;
|
|
95
98
|
appearance: none;
|
|
96
99
|
margin: 0 0 10px 0;
|
|
97
100
|
}
|
|
98
101
|
|
|
99
|
-
|
|
100
|
-
mex-contactus-dialog{
|
|
101
|
-
|
|
102
|
+
mex-contactus-dialog {
|
|
102
103
|
.k-window-content {
|
|
103
104
|
padding: 10px;
|
|
104
105
|
|
|
@@ -107,5 +108,4 @@ anatoly-forms-contactus-form{
|
|
|
107
108
|
}
|
|
108
109
|
}
|
|
109
110
|
}
|
|
110
|
-
|
|
111
111
|
}
|
|
@@ -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,20 @@
|
|
|
1
|
+
#pnlLoading {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 100%;
|
|
4
|
+
position: fixed;
|
|
5
|
+
top: 0;
|
|
6
|
+
left: 0;
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
align-content: center;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
overflow: auto;
|
|
12
|
+
z-index: 2000;
|
|
13
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.k-i-loading {
|
|
17
|
+
display: block;
|
|
18
|
+
font-size: 100px;
|
|
19
|
+
color: #fff;
|
|
20
|
+
}
|
|
@@ -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
|
-
// ---------------------------------------------------
|
|
3
2
|
@import "./scss/alerts";
|
|
4
|
-
@import "./scss/
|
|
3
|
+
@import "./scss/pnlLoading";
|
|
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";
|
|
@@ -41,9 +41,9 @@ export class LoadingComponent {
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, deps: [{ token: i1.LoadingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
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
|
|
44
|
+
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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
args: [{ selector: 'anatoly-loading', template: "<div *ngIf=\"show\">\r\n <span
|
|
47
|
+
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" }]
|
|
48
48
|
}], ctorParameters: function () { return [{ type: i1.LoadingService }]; } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5hdG9seS9zcmMvbGliL3VpL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7Ozs7OztFQWlCRTtBQUVGLE9BQU87QUFDUCxPQUFPLEVBQUMsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUUzRCxNQUFNO0FBQ04sT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7O0FBT3hDLE1BQU0sT0FBTyxnQkFBZ0I7SUFPM0IsWUFBb0IsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBTmxELFVBQVU7UUFDRixTQUFJLEdBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUVoQyxTQUFTO1FBQ1QsU0FBSSxHQUFHLEtBQUssQ0FBQztJQUdiLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN2RCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs2R0FsQlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsdURDOUI3QixzR0FHQTsyRkQyQmEsZ0JBQWdCO2tCQUo1QixTQUFTOytCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbjxmaWxlPlxyXG4gIFByb2plY3Q6XHJcbiAgICBAb3Nvdml0bnkvYW5hdG9seVxyXG5cclxuICBBdXRob3JzOlxyXG4gICAgVmFkaW0gT3Nvdml0bnlcclxuICAgIEFuYXRvbHkgT3Nvdml0bnlcclxuXHJcbiAgQ3JlYXRlZDpcclxuICAgIDkgTWF5IDIwMjBcclxuXHJcbiAgVmVyc2lvbjpcclxuICAgIDEuMFxyXG5cclxuICBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMiBPc292aXRueSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbjwvZmlsZT5cclxuKi9cclxuXHJcbi8vIE5vZGVcclxuaW1wb3J0IHtDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8vIEFwcFxyXG5pbXBvcnQge1N1YnN9IGZyb20gJy4uLy4uLy4uL2NvcmUvc3Vicyc7XHJcbmltcG9ydCB7TG9hZGluZ1NlcnZpY2V9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvbG9hZGluZy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYW5hdG9seS1sb2FkaW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgLy8gUHJpdmF0ZVxyXG4gIHByaXZhdGUgc3ViczogU3VicyA9IG5ldyBTdWJzKCk7XHJcblxyXG4gIC8vIFB1YmxpY1xyXG4gIHNob3cgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBsb2FkaW5nU2VydmljZTogTG9hZGluZ1NlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zdWJzLnNpbmsgPSB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN1YnNjcmliZSgoc3RhdGUpID0+
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5hdG9seS9zcmMvbGliL3VpL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7Ozs7OztFQWlCRTtBQUVGLE9BQU87QUFDUCxPQUFPLEVBQUMsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUUzRCxNQUFNO0FBQ04sT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7O0FBT3hDLE1BQU0sT0FBTyxnQkFBZ0I7SUFPM0IsWUFBb0IsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBTmxELFVBQVU7UUFDRixTQUFJLEdBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUVoQyxTQUFTO1FBQ1QsU0FBSSxHQUFHLEtBQUssQ0FBQztJQUdiLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN2RCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs2R0FsQlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsdURDOUI3QixzR0FHQTsyRkQyQmEsZ0JBQWdCO2tCQUo1QixTQUFTOytCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbjxmaWxlPlxyXG4gIFByb2plY3Q6XHJcbiAgICBAb3Nvdml0bnkvYW5hdG9seVxyXG5cclxuICBBdXRob3JzOlxyXG4gICAgVmFkaW0gT3Nvdml0bnlcclxuICAgIEFuYXRvbHkgT3Nvdml0bnlcclxuXHJcbiAgQ3JlYXRlZDpcclxuICAgIDkgTWF5IDIwMjBcclxuXHJcbiAgVmVyc2lvbjpcclxuICAgIDEuMFxyXG5cclxuICBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMiBPc292aXRueSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbjwvZmlsZT5cclxuKi9cclxuXHJcbi8vIE5vZGVcclxuaW1wb3J0IHtDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8vIEFwcFxyXG5pbXBvcnQge1N1YnN9IGZyb20gJy4uLy4uLy4uL2NvcmUvc3Vicyc7XHJcbmltcG9ydCB7TG9hZGluZ1NlcnZpY2V9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvbG9hZGluZy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYW5hdG9seS1sb2FkaW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgLy8gUHJpdmF0ZVxyXG4gIHByaXZhdGUgc3ViczogU3VicyA9IG5ldyBTdWJzKCk7XHJcblxyXG4gIC8vIFB1YmxpY1xyXG4gIHNob3cgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBsb2FkaW5nU2VydmljZTogTG9hZGluZ1NlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zdWJzLnNpbmsgPSB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN1YnNjcmliZSgoc3RhdGUpID0+IHtcclxuICAgICAgdGhpcy5zaG93ID0gc3RhdGU7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5zdWJzLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgaWQ9XCJwbmxMb2FkaW5nXCIgKm5nSWY9XCJzaG93XCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJrLWljb24gay1pLWxvYWRpbmdcIj48L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -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=
|
|
@@ -3004,12 +3004,24 @@ class LoadingComponent {
|
|
|
3004
3004
|
}
|
|
3005
3005
|
}
|
|
3006
3006
|
LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, deps: [{ token: LoadingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3007
|
-
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
|
|
3007
|
+
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"] }] });
|
|
3008
3008
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, decorators: [{
|
|
3009
3009
|
type: Component,
|
|
3010
|
-
args: [{ selector: 'anatoly-loading', template: "<div *ngIf=\"show\">\r\n <span
|
|
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,
|