@firestitch/form 12.3.3 → 12.3.5

package/app/directives/form/form.directive.d.ts

@@ -44,7 +44,7 @@ export declare class FsFormDirective implements OnInit, OnDestroy, AfterContentI
     submitted: EventEmitter<SubmitEvent>;
     reseted: EventEmitter<SubmitEvent>;
     cleared: EventEmitter<SubmitEvent>;
-    fsformClass: boolean;
+    fsFormClass: boolean;
     formDialogClose: QueryList<FsFormDialogCloseDirective>;
     private _tabGroups;
     private _buttons;
@@ -80,6 +80,7 @@ export declare class FsFormDirective implements OnInit, OnDestroy, AfterContentI
     addButton(button: FsButtonDirective): void;
     removeButton(button: FsButtonDirective): void;
     private _listenSubmit;
+    private _listenFormStatus;
     private _listenWindowClose;
     private _listenHotKeys;
     private _formClose;

package/bundles/firestitch-form.umd.js

@@ -548,7 +548,7 @@
             this.submitted = new i0.EventEmitter();
             this.reseted = new i0.EventEmitter();
             this.cleared = new i0.EventEmitter();
-            this.fsformClass = true;
+            this.fsFormClass = true;
             this._tabGroups = new i0.QueryList();
             this._buttons = new i0.QueryList();
             this._dialogBackdropEscape = false;
@@ -644,6 +644,7 @@
             this._listenHotKeys();
             this._listenWindowClose();
             this._listenSubmit();
+            this._listenFormStatus();
             if (!this.autocomplete) {
                 this._registerAutocomplete();
             }
@@ -738,6 +739,19 @@
             }), operators.takeUntil(this._destroy$))
                 .subscribe(function () { });
         };
+        FsFormDirective.prototype._listenFormStatus = function () {
+            var _this = this;
+            this._status$
+                .pipe(operators.takeUntil(this._destroy$))
+                .subscribe(function (formStatus) {
+                var cls = [exports.FormStatus.Submitting, exports.FormStatus.Validating];
+                var classList = _this._element.nativeElement.classList;
+                classList.remove.apply(classList, __spreadArray([], __read(cls)));
+                if (cls.indexOf(formStatus) !== -1) {
+                    classList.add(formStatus);
+                }
+            });
+        };
         FsFormDirective.prototype._listenWindowClose = function () {
             var _this = this;
             rxjs.fromEvent(window, 'beforeunload')
@@ -1107,7 +1121,7 @@
         return FsFormDirective;
     }());
     FsFormDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDirective, deps: [{ token: i1.NgForm }, { token: FsForm }, { token: i0__namespace.ElementRef }, { token: i2__namespace.FsMessage }, { token: i3__namespace.FsPrompt }, { token: i0__namespace.NgZone }, { token: i2$1.MatDialogRef, optional: true }, { token: i6.DrawerRef, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    FsFormDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDirective, selector: "[fsForm]", inputs: { wrapperSelector: "wrapperSelector", messageSelector: "messageSelector", hintSelector: "hintSelector", labelSelector: "labelSelector", autocomplete: "autocomplete", shortcuts: "shortcuts", confirm: "confirm", confirmDialog: "confirmDialog", confirmDrawer: "confirmDrawer", confirmBrowser: "confirmBrowser", confirmTabs: "confirmTabs", dirtySubmitButton: "dirtySubmitButton", submit: "submit", successDelay: "successDelay", errorDelay: "errorDelay", tabGroup: "tabGroup" }, outputs: { submitEvent: "fsForm", invalid: "invalid", valid: "valid", submitted: "submitted", reseted: "reseted", cleared: "cleared" }, host: { properties: { "class.fs-form": "this.fsformClass" } }, queries: [{ propertyName: "formDialogClose", predicate: FsFormDialogCloseDirective, descendants: true }, { propertyName: "_tabGroups", predicate: tabs.MatTabGroup, descendants: true }], usesOnChanges: true, ngImport: i0__namespace });
+    FsFormDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDirective, selector: "[fsForm]", inputs: { wrapperSelector: "wrapperSelector", messageSelector: "messageSelector", hintSelector: "hintSelector", labelSelector: "labelSelector", autocomplete: "autocomplete", shortcuts: "shortcuts", confirm: "confirm", confirmDialog: "confirmDialog", confirmDrawer: "confirmDrawer", confirmBrowser: "confirmBrowser", confirmTabs: "confirmTabs", dirtySubmitButton: "dirtySubmitButton", submit: "submit", successDelay: "successDelay", errorDelay: "errorDelay", tabGroup: "tabGroup" }, outputs: { submitEvent: "fsForm", invalid: "invalid", valid: "valid", submitted: "submitted", reseted: "reseted", cleared: "cleared" }, host: { properties: { "class.fs-form": "this.fsFormClass" } }, queries: [{ propertyName: "formDialogClose", predicate: FsFormDialogCloseDirective, descendants: true }, { propertyName: "_tabGroups", predicate: tabs.MatTabGroup, descendants: true }], usesOnChanges: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
@@ -1173,7 +1187,7 @@
                     type: i0.Output
                 }], cleared: [{
                     type: i0.Output
-                }], fsformClass: [{
+                }], fsFormClass: [{
                     type: i0.HostBinding,
                     args: ['class.fs-form']
                 }], formDialogClose: [{
@@ -2391,15 +2405,21 @@
         };
         FsButtonDirective.prototype.process = function () {
             this.setClass('process');
-            this._matButton.disableRipple = true;
+            if (this._matButton) {
+                this._matButton.disableRipple = true;
+            }
         };
         FsButtonDirective.prototype.success = function () {
             this.setClass('success');
-            this._matButton.disableRipple = false;
+            if (this._matButton) {
+                this._matButton.disableRipple = false;
+            }
         };
         FsButtonDirective.prototype.error = function () {
             this.setClass('error');
-            this._matButton.disableRipple = false;
+            if (this._matButton) {
+                this._matButton.disableRipple = false;
+            }
         };
         FsButtonDirective.prototype.setClass = function (cls) {
             var svg = this._getSvg(cls);
@@ -2426,7 +2446,9 @@
                 .forEach(function (el) {
                 el.remove();
             });
-            this._matButton.disableRipple = false;
+            if (this._matButton) {
+                this._matButton.disableRipple = false;
+            }
             this._resetClass();
         };
         FsButtonDirective.prototype.ngOnDestroy = function () {