@firestitch/form 12.4.2 → 12.4.4

package/app/components/form-dialog-actions/form-dialog-actions.component.d.ts

@@ -9,6 +9,7 @@ export declare class FsFormDialogActionsComponent implements OnInit, OnDestroy {
     save: boolean;
     create: boolean;
     close: boolean;
+    done: boolean;
     closeData: any;
     name: string;
     dirty: boolean;
@@ -18,5 +19,5 @@ export declare class FsFormDialogActionsComponent implements OnInit, OnDestroy {
     closeClick(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsFormDialogActionsComponent, [{ optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FsFormDialogActionsComponent, "fs-form-dialog-actions", never, { "save": "save"; "create": "create"; "close": "close"; "closeData": "closeData"; "name": "name"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsFormDialogActionsComponent, "fs-form-dialog-actions", never, { "save": "save"; "create": "create"; "close": "close"; "done": "done"; "closeData": "closeData"; "name": "name"; }, {}, never, ["*"]>;
 }

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

@@ -58,7 +58,7 @@ export declare class FsFormDirective implements OnInit, OnDestroy, AfterContentI
     private _activatedRouteConfig;
     private _status$;
     private _destroy$;
-    private _confirmSubmit;
+    private _confirmed;
     constructor(ngForm: NgForm, _form: FsForm, _element: ElementRef, _message: FsMessage, _prompt: FsPrompt, _ngZone: NgZone, _dialogRef: MatDialogRef<any>, _drawerRef: DrawerRef<any>, _route: ActivatedRoute);
     get submitting(): boolean;
     get validating(): boolean;
@@ -79,7 +79,7 @@ export declare class FsFormDirective implements OnInit, OnDestroy, AfterContentI
     clear(): void;
     dirty(): void;
     triggerSubmit(options?: {
-        confirmSubmit: boolean;
+        confirmed: boolean;
     }): void;
     triggerConfirm(): Observable<ConfirmResult>;
     enable(): void;

package/bundles/firestitch-form.umd.js

@@ -419,7 +419,7 @@
                         observer.complete();
                     });
                     form.ngForm.control.markAsPristine();
-                    form.triggerSubmit({ confirmSubmit: true });
+                    form.triggerSubmit({ confirmed: true });
                 }
             }, function (error) {
                 observer.next(exports.ConfirmResult.Review);
@@ -615,7 +615,7 @@
             this._snapshot = {};
             this._status$ = new rxjs.BehaviorSubject(exports.FormStatus.Valid);
             this._destroy$ = new rxjs.Subject();
-            this._confirmSubmit = false;
+            this._confirmed = false;
         }
         Object.defineProperty(FsFormDirective.prototype, "submitting", {
             get: function () {
@@ -756,7 +756,7 @@
             this._updateDirtySubmitButtons();
         };
         FsFormDirective.prototype.triggerSubmit = function (options) {
-            this._confirmSubmit = options === null || options === void 0 ? void 0 : options.confirmSubmit;
+            this._confirmed = options === null || options === void 0 ? void 0 : options.confirmed;
             this.ngForm.ngSubmit.emit();
         };
         FsFormDirective.prototype.triggerConfirm = function () {
@@ -791,8 +791,8 @@
                 .pipe(operators.tap(function (event) {
                 event === null || event === void 0 ? void 0 : event.preventDefault();
             }), operators.map(function (event) {
-                return { event: event, confirmSubmit: _this._confirmSubmit };
-            }), operators.tap(function () { return _this._confirmSubmit = false; }), operators.filter(function () {
+                return { event: event, confirmed: _this._confirmed };
+            }), operators.tap(function () { return _this._confirmed = false; }), operators.filter(function () {
                 return [exports.FormStatus.Valid, exports.FormStatus.Invalid]
                     .includes(_this._status$.getValue());
             }), operators.tap(function () { return _this._broadcasValidatingEvents(); }), operators.tap(function () { return _this._markControlsAsTouchedAndUpdateValidity(); }), operators.tap(function () { return _this._broadcastSubmittingEvents(); }), operators.switchMap(function (data) { return _this._waitUntilStatusPending()
@@ -801,7 +801,7 @@
                     return _this._formInvalidState$;
                 }
                 return _this._formValidState$
-                    .pipe(operators.map(function (submitEvent) { return (Object.assign(Object.assign({}, submitEvent), { confirmSubmit: data.confirmSubmit })); }));
+                    .pipe(operators.map(function (submitEvent) { return (Object.assign(Object.assign({}, submitEvent), { confirmed: data.confirmed })); }));
             }), operators.catchError(function (e, source$) {
                 _this._handleError(e);
                 return source$;
@@ -2641,6 +2641,7 @@
             this.save = true;
             this.create = false;
             this.close = false;
+            this.done = false;
             this.closeData = null;
             this.dirty = false;
             this._destroy$ = new rxjs.Subject();
@@ -2688,7 +2689,7 @@
         return FsFormDialogActionsComponent;
     }());
     FsFormDialogActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDialogActionsComponent, deps: [{ token: FsFormDirective, optional: true }, { token: i2__namespace$1.MatDialogRef, optional: true }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsFormDialogActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: { save: "save", create: "create", close: "close", closeData: "closeData", name: "name" }, ngImport: i0__namespace, template: "<div class=\"buttons\" [ngClass]=\"{ 'save-create': save || create }\">\n  <ng-container *ngIf=\"save\">\n    <button\n        mat-button\n        type=\"submit\"\n        color=\"primary\"\n        [name]=\"name\">\n      {{create ? 'Create' : 'Save'}}\n    </button>\n    <button\n        mat-button\n        type=\"button\"\n        [disabled]=\"close && !dirty && !create\"\n        [matDialogClose]=\"null\">\n      Cancel\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"save || create\">\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-container>\n\n  <div class=\"close\" *ngIf=\"close\">\n    <button\n        mat-button\n        type=\"button\"\n        [color]=\"dirty ? 'basic' : 'primary'\"\n        (click)=\"closeClick()\">\n      Close\n    </button>\n  </div>\n\n  <ng-container *ngIf=\"!(save || create)\">\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-container>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".buttons{display:flex;flex-grow:1;align-items:center}.buttons.save-create .close{display:flex;flex-grow:1;justify-content:flex-end}:host{display:flex;flex-grow:1}@media only screen and (max-width: 599px){.buttons{flex-direction:column}}\n"], components: [{ type: i1__namespace$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { type: i2__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    FsFormDialogActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: { save: "save", create: "create", close: "close", done: "done", closeData: "closeData", name: "name" }, ngImport: i0__namespace, template: "<div class=\"buttons\" [ngClass]=\"{ 'save-create': save || create }\">\n  <ng-container *ngIf=\"save\">\n    <button\n        mat-button\n        type=\"submit\"\n        color=\"primary\"\n        [name]=\"name\">\n      {{create ? 'Create' : 'Save'}}\n    </button>\n    <button\n        mat-button\n        type=\"button\"\n        [disabled]=\"close && !dirty && !create\"\n        [matDialogClose]=\"null\">\n      Cancel\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"done\">\n    <button\n        mat-button\n        type=\"button\"\n        color=\"primary\"\n        [matDialogClose]=\"null\">\n      Done\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"save || create\">\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-container>\n\n  <div class=\"close\" *ngIf=\"close\">\n    <button\n        mat-button\n        type=\"button\"\n        [color]=\"dirty ? 'basic' : 'primary'\"\n        (click)=\"closeClick()\">\n      Close\n    </button>\n  </div>\n\n  <ng-container *ngIf=\"!(save || create)\">\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-container>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".buttons{display:flex;flex-grow:1;align-items:center}.buttons.save-create .close{display:flex;flex-grow:1;justify-content:flex-end}@media only screen and (max-width: 599px){.buttons{flex-direction:column}}\n"], components: [{ type: i1__namespace$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { type: i2__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDialogActionsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2709,6 +2710,8 @@
                     type: i0.Input
                 }], close: [{
                     type: i0.Input
+                }], done: [{
+                    type: i0.Input
                 }], closeData: [{
                     type: i0.Input
                 }], name: [{