@osovitny/anatoly 2.14.36 → 2.14.38

package/fesm2020/osovitny-anatoly.mjs

@@ -2266,6 +2266,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 class BaseComponent {
     constructor() {
         this.subs = new Subs();
+        //Component Data => usually loading from API
+        this.dataLoading = true;
+        this.dataLoaded = false;
+        this.dataFound = false;
     }
     getQSId() {
         let id = Utils.getValueByNameInQS("id");
@@ -3176,17 +3180,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 */
 class NodataComponent {
     constructor() {
+        //Inputs
+        this.loading = false;
+        this.loaded = false;
+        this.datafound = false;
         this.icon = 'fas fa-cubes fa-w-16 fa-9x';
         this.heading = 'No data found';
         this.headingClass = 'text-uppercase text-primary';
     }
 }
 NodataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: NodataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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=\"text-center\">\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" });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: NodataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\">\r\n  <div class=\"text-center\">\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" }]
-        }], propDecorators: { icon: [{
+            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" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { loading: [{
+                type: Input
+            }], loaded: [{
+                type: Input
+            }], datafound: [{
+                type: Input
+            }], icon: [{
                 type: Input
             }], heading: [{
                 type: Input