@osovitny/anatoly 2.14.34 → 2.14.37

package/fesm2020/osovitny-anatoly.mjs

@@ -3176,17 +3176,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
@@ -3905,18 +3915,18 @@ class UrlSlugComponent extends BaseEditComponent {
         let event = { urlSlug: slugedText };
         this.generating.emit(event);
         this.setFormValue(this.controlName, event.urlSlug);
-        this.hrefGo = `${event.urlSlug}`;
     }
     startWatching() {
-        if (this.watchedControlName) {
-            this.formGroup.get(this.watchedControlName).valueChanges.subscribe(value => {
-                if (this.firstValue) {
-                    this.firstValue = false;
-                    return;
-                }
-                this.generateUrlSlug(value);
-            });
-        }
+        this.subs.sink = this.formGroup.get(this.watchedControlName).valueChanges.subscribe(value => {
+            if (this.firstValue) {
+                this.firstValue = false;
+                return;
+            }
+            this.generateUrlSlug(value);
+        });
+        this.subs.sink = this.formGroup.get(this.controlName).valueChanges.subscribe(value => {
+            this.hrefGo = value;
+        });
     }
     //Events
     onUrlSlugChange() {