@osovitny/anatoly 2.14.36 → 2.14.38
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/styles.scss +7 -2
- package/esm2020/lib/ui/components/base.component.mjs +5 -1
- package/esm2020/lib/ui/components/nodata/nodata.component.mjs +15 -4
- package/fesm2015/osovitny-anatoly.mjs +17 -3
- package/fesm2015/osovitny-anatoly.mjs.map +1 -1
- package/fesm2020/osovitny-anatoly.mjs +17 -3
- package/fesm2020/osovitny-anatoly.mjs.map +1 -1
- package/lib/ui/components/base.component.d.ts +3 -0
- package/lib/ui/components/nodata/nodata.component.d.ts +5 -1
- package/package.json +1 -1
|
@@ -15,9 +15,14 @@
|
|
|
15
15
|
no data
|
|
16
16
|
*******************/
|
|
17
17
|
.no-data {
|
|
18
|
-
display:
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
align-content: center;
|
|
21
|
+
justify-content: center;
|
|
22
|
+
text-align: center;
|
|
19
23
|
|
|
20
|
-
|
|
24
|
+
.loading,
|
|
25
|
+
.loaded {
|
|
21
26
|
padding: 30px;
|
|
22
27
|
|
|
23
28
|
svg,
|
|
@@ -21,6 +21,10 @@ import * as i0 from "@angular/core";
|
|
|
21
21
|
export class BaseComponent {
|
|
22
22
|
constructor() {
|
|
23
23
|
this.subs = new Subs();
|
|
24
|
+
//Component Data => usually loading from API
|
|
25
|
+
this.dataLoading = true;
|
|
26
|
+
this.dataLoaded = false;
|
|
27
|
+
this.dataFound = false;
|
|
24
28
|
}
|
|
25
29
|
getQSId() {
|
|
26
30
|
let id = Utils.getValueByNameInQS("id");
|
|
@@ -40,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
40
44
|
template: ''
|
|
41
45
|
}]
|
|
42
46
|
}] });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9iYXNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGLE1BQU07QUFDTixPQUFPLEVBQUUsU0FBUyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRXJELEtBQUs7QUFDTCxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLFlBQVksQ0FBQzs7QUFLekMsTUFBTSxPQUFnQixhQUFhO0lBSG5DO1FBSVksU0FBSSxHQUFTLElBQUksSUFBSSxFQUFFLENBQUM7UUFFbEMsNENBQTRDO1FBQ2xDLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBQzVCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsY0FBUyxHQUFZLEtBQUssQ0FBQztLQVl0QztJQVZDLE9BQU87UUFDTCxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEMsSUFBSSxPQUFPLEVBQUUsS0FBSyxXQUFXLElBQUksRUFBRSxJQUFJLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQztRQUV2RCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDOzswR0FqQm1CLGFBQWE7OEZBQWIsYUFBYSxvREFGdkIsRUFBRTsyRkFFUSxhQUFhO2tCQUhsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO2lCQUNiIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuPGZpbGU+XHJcbiAgUHJvamVjdDpcclxuICAgIEBvc292aXRueS9hbmF0b2x5XHJcblxyXG4gIEF1dGhvcnM6XHJcbiAgICBWYWRpbSBPc292aXRueVxyXG4gICAgQW5hdG9seSBPc292aXRueVxyXG5cclxuICBDcmVhdGVkOlxyXG4gICAgMjggQXVnIDIwMThcclxuXHJcbiAgQ29weXJpZ2h0IChjKSAyMDE2LTIwMjIgT3Nvdml0bnkgSW5jLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxyXG48L2ZpbGU+XHJcbiovXHJcblxyXG4vL05vZGVcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3kgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLy9BcHBcclxuaW1wb3J0IHsgVXRpbHMgLFN1YnMgfSBmcm9tIFwiLi4vLi4vY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgdGVtcGxhdGU6ICcnXHJcbn0pXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcclxuICBwcm90ZWN0ZWQgc3ViczogU3VicyA9IG5ldyBTdWJzKCk7XHJcblxyXG4gIC8vQ29tcG9uZW50IERhdGEgPT4gdXN1YWxseSBsb2FkaW5nIGZyb20gQVBJXHJcbiAgcHJvdGVjdGVkIGRhdGFMb2FkaW5nOiBib29sZWFuID0gdHJ1ZTtcclxuICBwcm90ZWN0ZWQgZGF0YUxvYWRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByb3RlY3RlZCBkYXRhRm91bmQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgZ2V0UVNJZCgpIHtcclxuICAgIGxldCBpZCA9IFV0aWxzLmdldFZhbHVlQnlOYW1lSW5RUyhcImlkXCIpO1xyXG4gICAgaWYgKHR5cGVvZiBpZCA9PT0gXCJ1bmRlZmluZWRcIiB8fCBpZCA9PSBcIlwiKSByZXR1cm4gbnVsbDtcclxuXHJcbiAgICByZXR1cm4gaWQ7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMuc3Vicy51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -16,23 +16,34 @@
|
|
|
16
16
|
//Node
|
|
17
17
|
import { Component, Input } from '@angular/core';
|
|
18
18
|
import * as i0 from "@angular/core";
|
|
19
|
+
import * as i1 from "@angular/common";
|
|
19
20
|
export class NodataComponent {
|
|
20
21
|
constructor() {
|
|
22
|
+
//Inputs
|
|
23
|
+
this.loading = false;
|
|
24
|
+
this.loaded = false;
|
|
25
|
+
this.datafound = false;
|
|
21
26
|
this.icon = 'fas fa-cubes fa-w-16 fa-9x';
|
|
22
27
|
this.heading = 'No data found';
|
|
23
28
|
this.headingClass = 'text-uppercase text-primary';
|
|
24
29
|
}
|
|
25
30
|
}
|
|
26
31
|
NodataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: NodataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
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
|
|
32
|
+
NodataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: NodataComponent, selector: "anatoly-nodata", inputs: { loading: "loading", loaded: "loaded", datafound: "datafound", icon: "icon", heading: "heading", headingClass: "headingClass" }, ngImport: i0, template: "<div class=\"no-data\">\r\n <div class='loaded' *ngIf='loaded && !datafound'>\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", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
28
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: NodataComponent, decorators: [{
|
|
29
34
|
type: Component,
|
|
30
|
-
args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\">\r\n <div class
|
|
31
|
-
}], propDecorators: {
|
|
35
|
+
args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\">\r\n <div class='loaded' *ngIf='loaded && !datafound'>\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" }]
|
|
36
|
+
}], ctorParameters: function () { return []; }, propDecorators: { loading: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], loaded: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], datafound: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], icon: [{
|
|
32
43
|
type: Input
|
|
33
44
|
}], heading: [{
|
|
34
45
|
type: Input
|
|
35
46
|
}], headingClass: [{
|
|
36
47
|
type: Input
|
|
37
48
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kYXRhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuYXRvbHkvc3JjL2xpYi91aS9jb21wb25lbnRzL25vZGF0YS9ub2RhdGEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5hdG9seS9zcmMvbGliL3VpL2NvbXBvbmVudHMvbm9kYXRhL25vZGF0YS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGLE1BQU07QUFDTixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTWpELE1BQU0sT0FBTyxlQUFlO0lBVTFCO1FBVEEsUUFBUTtRQUNDLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTNCLFNBQUksR0FBVyw0QkFBNEIsQ0FBQztRQUM1QyxZQUFPLEdBQVcsZUFBZSxDQUFDO1FBQ2xDLGlCQUFZLEdBQVcsNkJBQTZCLENBQUM7SUFHOUQsQ0FBQzs7NEdBWFUsZUFBZTtnR0FBZixlQUFlLGdNQ3ZCNUIsZ09BT0E7MkZEZ0JhLGVBQWU7a0JBSjNCLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQUtqQixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuPGZpbGU+XHJcbiAgUHJvamVjdDpcclxuICAgIEBvc292aXRueS9hbmF0b2x5XHJcblxyXG4gIEF1dGhvcnM6XHJcbiAgICBWYWRpbSBPc292aXRueVxyXG4gICAgQW5hdG9seSBPc292aXRueVxyXG5cclxuICBDcmVhdGVkOlxyXG4gICAgMjkgSnVsIDIwMjJcclxuXHJcbiAgQ29weXJpZ2h0IChjKSAyMDE2LTIwMjIgT3Nvdml0bnkgSW5jLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxyXG48L2ZpbGU+XHJcbiovXHJcblxyXG4vL05vZGVcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbmF0b2x5LW5vZGF0YScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vZGF0YS5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZGF0YUNvbXBvbmVudCB7XHJcbiAgLy9JbnB1dHNcclxuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbG9hZGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGF0YWZvdW5kOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9ICdmYXMgZmEtY3ViZXMgZmEtdy0xNiBmYS05eCc7XHJcbiAgQElucHV0KCkgaGVhZGluZzogc3RyaW5nID0gJ05vIGRhdGEgZm91bmQnO1xyXG4gIEBJbnB1dCgpIGhlYWRpbmdDbGFzczogc3RyaW5nID0gJ3RleHQtdXBwZXJjYXNlIHRleHQtcHJpbWFyeSc7IFxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm5vLWRhdGFcIj5cclxuICA8ZGl2IGNsYXNzPSdsb2FkZWQnICpuZ0lmPSdsb2FkZWQgJiYgIWRhdGFmb3VuZCc+XHJcbiAgICA8aSBjbGFzcz0ne3tpY29ufX0nPjwvaT5cclxuICAgIDxoMiBjbGFzcz0ne3toZWFkaW5nQ2xhc3N9fSc+e3toZWFkaW5nfX08L2gyPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -2252,6 +2252,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
2252
2252
|
class BaseComponent {
|
|
2253
2253
|
constructor() {
|
|
2254
2254
|
this.subs = new Subs();
|
|
2255
|
+
//Component Data => usually loading from API
|
|
2256
|
+
this.dataLoading = true;
|
|
2257
|
+
this.dataLoaded = false;
|
|
2258
|
+
this.dataFound = false;
|
|
2255
2259
|
}
|
|
2256
2260
|
getQSId() {
|
|
2257
2261
|
let id = Utils.getValueByNameInQS("id");
|
|
@@ -3165,17 +3169,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
3165
3169
|
*/
|
|
3166
3170
|
class NodataComponent {
|
|
3167
3171
|
constructor() {
|
|
3172
|
+
//Inputs
|
|
3173
|
+
this.loading = false;
|
|
3174
|
+
this.loaded = false;
|
|
3175
|
+
this.datafound = false;
|
|
3168
3176
|
this.icon = 'fas fa-cubes fa-w-16 fa-9x';
|
|
3169
3177
|
this.heading = 'No data found';
|
|
3170
3178
|
this.headingClass = 'text-uppercase text-primary';
|
|
3171
3179
|
}
|
|
3172
3180
|
}
|
|
3173
3181
|
NodataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: NodataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3174
|
-
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
|
|
3182
|
+
NodataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: NodataComponent, selector: "anatoly-nodata", inputs: { loading: "loading", loaded: "loaded", datafound: "datafound", icon: "icon", heading: "heading", headingClass: "headingClass" }, ngImport: i0, template: "<div class=\"no-data\">\r\n <div class='loaded' *ngIf='loaded && !datafound'>\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", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3175
3183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: NodataComponent, decorators: [{
|
|
3176
3184
|
type: Component,
|
|
3177
|
-
args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\">\r\n <div class
|
|
3178
|
-
}], propDecorators: {
|
|
3185
|
+
args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\">\r\n <div class='loaded' *ngIf='loaded && !datafound'>\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" }]
|
|
3186
|
+
}], ctorParameters: function () { return []; }, propDecorators: { loading: [{
|
|
3187
|
+
type: Input
|
|
3188
|
+
}], loaded: [{
|
|
3189
|
+
type: Input
|
|
3190
|
+
}], datafound: [{
|
|
3191
|
+
type: Input
|
|
3192
|
+
}], icon: [{
|
|
3179
3193
|
type: Input
|
|
3180
3194
|
}], heading: [{
|
|
3181
3195
|
type: Input
|