@firestitch/form 9.6.7 → 9.7.2

package/fesm5/firestitch-form.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata, __assign, __read, __spread, __param, __extends } from 'tslib';
-import { HostBinding, HostListener, Directive, ɵɵdefineInjectable, Injectable, EventEmitter, QueryList, Inject, ElementRef, ChangeDetectorRef, NgZone, Optional, Input, Output, ContentChildren, InjectionToken, Renderer2, Injector, Self, Host, Component, ChangeDetectionStrategy, NgModule, ɵɵinject } from '@angular/core';
+import { HostBinding, HostListener, Directive, ɵɵdefineInjectable, Injectable, EventEmitter, QueryList, Inject, ElementRef, NgZone, Optional, Input, Output, ContentChildren, InjectionToken, Renderer2, Injector, Self, Host, ChangeDetectorRef, Component, ChangeDetectionStrategy, NgModule, ɵɵinject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormGroup, NgForm, NgControl, Validators, FormsModule } from '@angular/forms';
 import { MatButton, MatButtonModule } from '@angular/material/button';
@@ -184,13 +184,12 @@ function getFormErrors(control, key) {
 }
 
 var FsFormDirective = /** @class */ (function () {
-    function FsFormDirective(ngForm, _form, _element, _message, _prompt, _cdRef, _ngZone, _dialogRef, _drawerRef) {
+    function FsFormDirective(ngForm, _form, _element, _message, _prompt, _ngZone, _dialogRef, _drawerRef) {
         this.ngForm = ngForm;
         this._form = _form;
         this._element = _element;
         this._message = _message;
         this._prompt = _prompt;
-        this._cdRef = _cdRef;
         this._ngZone = _ngZone;
         this._dialogRef = _dialogRef;
         this._drawerRef = _drawerRef;
@@ -696,18 +695,15 @@ var FsFormDirective = /** @class */ (function () {
     };
     FsFormDirective.prototype._updateDirtySubmitButtons = function () {
         var _this = this;
-        if (this._submitButtons) {
-            this._submitButtons.forEach(function (button) {
-                button.setFormRef(_this);
-                if (!_this.confirm || !_this.dirtySubmitButton || _this.ngForm.dirty || !button.dirtySubmit) {
-                    button.enable();
-                }
-                else {
-                    button.disable();
-                }
-            });
-            this._cdRef.markForCheck();
-        }
+        this._submitButtons
+            .forEach(function (submitButton) {
+            if (!_this.confirm || !_this.dirtySubmitButton || _this.ngForm.dirty || !submitButton.dirtySubmit) {
+                submitButton.enable();
+            }
+            else {
+                submitButton.disable();
+            }
+        });
     };
     FsFormDirective.prototype._broadcastSubmittingEvents = function () {
         this._status$.next(FormStatus.Submitting);
@@ -750,7 +746,6 @@ var FsFormDirective = /** @class */ (function () {
         { type: ElementRef },
         { type: FsMessage },
         { type: FsPrompt },
-        { type: ChangeDetectorRef },
         { type: NgZone },
         { type: MatDialogRef, decorators: [{ type: Optional }, { type: Inject, args: [MatDialogRef,] }] },
         { type: DrawerRef, decorators: [{ type: Optional }, { type: Inject, args: [DrawerRef,] }] }
@@ -852,14 +847,13 @@ var FsFormDirective = /** @class */ (function () {
             selector: '[fsForm]',
         }),
         __param(0, Inject(NgForm)),
-        __param(7, Optional()), __param(7, Inject(MatDialogRef)),
-        __param(8, Optional()), __param(8, Inject(DrawerRef)),
+        __param(6, Optional()), __param(6, Inject(MatDialogRef)),
+        __param(7, Optional()), __param(7, Inject(DrawerRef)),
         __metadata("design:paramtypes", [NgForm,
             FsForm,
             ElementRef,
             FsMessage,
             FsPrompt,
-            ChangeDetectorRef,
             NgZone,
             MatDialogRef,
             DrawerRef])
@@ -2016,10 +2010,11 @@ var FsFormUrlDirective = /** @class */ (function (_super) {
 }(FsControlDirective));
 
 var FsSubmitButtonDirective = /** @class */ (function () {
-    function FsSubmitButtonDirective(_matButton, _form, _elementRef) {
+    function FsSubmitButtonDirective(_matButton, _form, _elementRef, _cdRef) {
         this._matButton = _matButton;
         this._form = _form;
         this._elementRef = _elementRef;
+        this._cdRef = _cdRef;
         this.dirtySubmit = true;
         this.transitionStyle = null;
         this.active = false;
@@ -2027,22 +2022,21 @@ var FsSubmitButtonDirective = /** @class */ (function () {
     }
     FsSubmitButtonDirective.prototype.ngOnInit = function () {
         var _this = this;
-        this._form.addSubmitButton(this);
-        fromEvent(this.element, 'click')
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(function () {
-            _this.active = true;
-        });
-    };
-    FsSubmitButtonDirective.prototype.setFormRef = function (formRef) {
-        var _this = this;
-        if (formRef) {
-            this.transitionStyle = 'none';
-        }
-        if (formRef && this.dirtySubmit) {
-            if (formRef.dirtySubmitButton) {
-                this.disable();
+        if (this._form) {
+            this._form.addSubmitButton(this);
+            fromEvent(this.element, 'click')
+                .pipe(takeUntil(this._destroy$))
+                .subscribe(function () {
+                _this.active = true;
+            });
+            if (this.dirtySubmit) {
+                if (this._form.dirtySubmitButton) {
+                    if (!this._form.ngForm.dirty) {
+                        this.disable();
+                    }
+                }
             }
+            this.transitionStyle = 'none';
             setTimeout(function () {
                 _this.transitionStyle = null;
             }, 500);
@@ -2051,12 +2045,14 @@ var FsSubmitButtonDirective = /** @class */ (function () {
     FsSubmitButtonDirective.prototype.disable = function () {
         if (this._matButton) {
             this._matButton.disabled = true;
+            this._cdRef.markForCheck();
         }
     };
     FsSubmitButtonDirective.prototype.enable = function () {
         if (this._matButton) {
             this._matButton.disabled = false;
             this._matButton.disableRipple = true;
+            this._cdRef.markForCheck();
         }
     };
     FsSubmitButtonDirective.prototype.process = function () {
@@ -2121,7 +2117,8 @@ var FsSubmitButtonDirective = /** @class */ (function () {
     FsSubmitButtonDirective.ctorParameters = function () { return [
         { type: MatButton, decorators: [{ type: Optional }, { type: Host }] },
         { type: FsFormDirective, decorators: [{ type: Optional }] },
-        { type: ElementRef }
+        { type: ElementRef },
+        { type: ChangeDetectorRef }
     ]; };
     __decorate([
         Input(),
@@ -2137,13 +2134,14 @@ var FsSubmitButtonDirective = /** @class */ (function () {
     ], FsSubmitButtonDirective.prototype, "transitionStyle", void 0);
     FsSubmitButtonDirective = __decorate([
         Directive({
-            selector: 'form button[type="submit"],form button:not([type])',
+            selector: 'button[type="submit"]',
         }),
         __param(0, Optional()), __param(0, Host()),
         __param(1, Optional()),
         __metadata("design:paramtypes", [MatButton,
             FsFormDirective,
-            ElementRef])
+            ElementRef,
+            ChangeDetectorRef])
     ], FsSubmitButtonDirective);
     return FsSubmitButtonDirective;
 }());
@@ -2182,8 +2180,9 @@ var FsFormDialogActionsComponent = /** @class */ (function () {
     function FsFormDialogActionsComponent(_form, _cdRef) {
         this._form = _form;
         this._cdRef = _cdRef;
+        this.save = true;
         this.create = false;
-        this.close = true;
+        this.close = false;
         this.dirty = false;
         this._destroy$ = new Subject();
     }
@@ -2210,6 +2209,10 @@ var FsFormDialogActionsComponent = /** @class */ (function () {
         { type: FsFormDirective, decorators: [{ type: Optional }] },
         { type: ChangeDetectorRef }
     ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FsFormDialogActionsComponent.prototype, "save", void 0);
     __decorate([
         Input(),
         __metadata("design:type", Object)
@@ -2218,11 +2221,16 @@ var FsFormDialogActionsComponent = /** @class */ (function () {
         Input(),
         __metadata("design:type", Object)
     ], FsFormDialogActionsComponent.prototype, "close", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], FsFormDialogActionsComponent.prototype, "name", void 0);
     FsFormDialogActionsComponent = __decorate([
         Component({
             selector: 'fs-form-dialog-actions',
-            template: "<button \r\n    mat-button \r\n    type=\"button\"\r\n    color=\"primary\" \r\n    *ngIf=\"close && !dirty && !create\"\r\n    [matDialogClose]=\"null\">\r\n  Close\r\n</button>\r\n<button \r\n    mat-button \r\n    *ngIf=\"dirty || create || !close\"\r\n    type=\"submit\"\r\n    color=\"primary\" \r\n    name=\"save\">\r\n  {{create ? 'Create' : 'Save'}}\r\n</button>\r\n<ng-content></ng-content>\r\n<button \r\n    mat-button \r\n    type=\"button\"\r\n    *ngIf=\"dirty || create || !close\"\r\n    [matDialogClose]=\"null\">\r\n  Cancel\r\n</button>\r\n",
-            changeDetection: ChangeDetectionStrategy.OnPush
+            template: "<div class=\"buttons\">\r\n  <ng-container *ngIf=\"save\">\r\n    <button \r\n        mat-button \r\n        type=\"submit\"\r\n        color=\"primary\" \r\n        [name]=\"name\">\r\n      {{create ? 'Create' : 'Save'}}\r\n    </button>\r\n    <button \r\n        mat-button \r\n        type=\"button\"\r\n        [disabled]=\"!dirty && !create\"\r\n        [matDialogClose]=\"null\">\r\n      Cancel\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-content></ng-content>\r\n  <div class=\"close\" *ngIf=\"close\">\r\n    <button \r\n        mat-button \r\n        type=\"button\"\r\n        [color]=\"dirty ? 'basic' : 'primary'\"\r\n        [matDialogClose]=\"null\">\r\n      Close\r\n    </button>\r\n  </div>\r\n</div>",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [".buttons{display:flex;flex-grow:1;align-items:center}.buttons .close{display:flex;flex-grow:1;justify-content:flex-end}:host{display:flex;flex-grow:1}"]
         }),
         __param(0, Optional()),
         __metadata("design:paramtypes", [FsFormDirective,