@ngxs/form-plugin 3.7.6 → 3.8.0-dev.master-c341c15

package/fesm2015/ngxs-form-plugin.js

@@ -1,233 +1,117 @@
-import { Injectable, Directive, ChangeDetectorRef, Input, NgModule } from '@angular/core';
-import { getActionTypeFromInstance, setValue, getValue, ofActionDispatched, Actions, Store, NGXS_PLUGINS } from '@ngxs/store';
-import { FormGroupDirective, ReactiveFormsModule } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { Injectable, Directive, Input, NgModule } from '@angular/core';
+import * as i1 from '@ngxs/store';
+import { getActionTypeFromInstance, setValue, getValue, ofActionDispatched, NGXS_PLUGINS } from '@ngxs/store';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { filter, takeUntil, distinctUntilChanged, debounceTime } from 'rxjs/operators';
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class UpdateFormStatus {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Update Form Status';
     }
 }
-if (false) {
-    /** @type {?} */
-    UpdateFormStatus.prototype.payload;
-}
 class UpdateFormValue {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Update Form Value';
     }
 }
-if (false) {
-    /** @type {?} */
-    UpdateFormValue.prototype.payload;
-}
 class UpdateForm {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Update Form';
     }
 }
-if (false) {
-    /** @type {?} */
-    UpdateForm.prototype.payload;
-}
 class UpdateFormDirty {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Update Form Dirty';
     }
 }
-if (false) {
-    /** @type {?} */
-    UpdateFormDirty.prototype.payload;
-}
 class SetFormDirty {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Set Form Dirty';
     }
 }
-if (false) {
-    /** @type {?} */
-    SetFormDirty.prototype.payload;
-}
 class SetFormPristine {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Set Form Pristine';
     }
 }
-if (false) {
-    /** @type {?} */
-    SetFormPristine.prototype.payload;
-}
 class UpdateFormErrors {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Update Form Errors';
     }
 }
-if (false) {
-    /** @type {?} */
-    UpdateFormErrors.prototype.payload;
-}
 class SetFormDisabled {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Set Form Disabled';
     }
 }
-if (false) {
-    /** @type {?} */
-    SetFormDisabled.prototype.payload;
-}
 class SetFormEnabled {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Set Form Enabled';
     }
 }
-if (false) {
-    /** @type {?} */
-    SetFormEnabled.prototype.payload;
-}
 class ResetForm {
-    /**
-     * @param {?} payload
-     */
     constructor(payload) {
         this.payload = payload;
     }
-    /**
-     * @return {?}
-     */
     static get type() {
         // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
         return '[Forms] Reset Form';
     }
 }
-if (false) {
-    /** @type {?} */
-    ResetForm.prototype.payload;
-}
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class NgxsFormPlugin {
-    /**
-     * @param {?} state
-     * @param {?} event
-     * @param {?} next
-     * @return {?}
-     */
     handle(state, event, next) {
-        /** @type {?} */
         const type = getActionTypeFromInstance(event);
-        /** @type {?} */
         let nextState = state;
         if (type === UpdateFormValue.type || type === UpdateForm.type || type === ResetForm.type) {
             const { value } = event.payload;
-            /** @type {?} */
             const payloadValue = Array.isArray(value)
                 ? value.slice()
                 : isObjectLike(value)
                     ? Object.assign({}, value) : value;
-            /** @type {?} */
             const path = this.joinPathWithPropertyPath(event);
             nextState = setValue(nextState, path, payloadValue);
         }
         if (type === ResetForm.type) {
-            /** @type {?} */
             const model = getValue(nextState, `${event.payload.path}.model`);
             nextState = setValue(nextState, `${event.payload.path}`, { model: model });
         }
@@ -254,13 +138,7 @@ class NgxsFormPlugin {
         }
         return next(nextState, event);
     }
-    /**
-     * @private
-     * @param {?} __0
-     * @return {?}
-     */
     joinPathWithPropertyPath({ payload }) {
-        /** @type {?} */
         let path = `${payload.path}.model`;
         if (payload.propertyPath) {
             path += `.${payload.propertyPath}`;
@@ -268,87 +146,55 @@ class NgxsFormPlugin {
         return path;
     }
 }
-NgxsFormPlugin.decorators = [
-    { type: Injectable }
-];
-/**
- * @param {?} target
- * @return {?}
- */
+/** @nocollapse */ NgxsFormPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFormPlugin, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ NgxsFormPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFormPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFormPlugin, decorators: [{
+            type: Injectable
+        }] });
 function isObjectLike(target) {
     return target !== null && typeof target === 'object';
 }
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class FormDirective {
-    /**
-     * @param {?} _actions$
-     * @param {?} _store
-     * @param {?} _formGroupDirective
-     * @param {?} _cd
-     */
     constructor(_actions$, _store, _formGroupDirective, _cd) {
         this._actions$ = _actions$;
         this._store = _store;
         this._formGroupDirective = _formGroupDirective;
         this._cd = _cd;
-        this.path = (/** @type {?} */ (null));
-        this.debounce = 100;
+        this.path = null;
+        this._debounce = 100;
         this._clearDestroy = false;
-        this._destroy$ = new Subject();
         this._updating = false;
+        this._destroy$ = new Subject();
+    }
+    set debounce(debounce) {
+        this._debounce = Number(debounce);
+    }
+    get debounce() {
+        return this._debounce;
     }
-    /**
-     * @param {?} val
-     * @return {?}
-     */
     set clearDestroy(val) {
         this._clearDestroy = val != null && `${val}` !== 'false';
     }
-    /**
-     * @return {?}
-     */
     get clearDestroy() {
         return this._clearDestroy;
     }
-    /**
-     * @return {?}
-     */
     ngOnInit() {
         this._actions$
-            .pipe(ofActionDispatched(ResetForm), filter((/**
-         * @param {?} action
-         * @return {?}
-         */
-        (action) => action.payload.path === this.path)), takeUntil(this._destroy$))
-            .subscribe((/**
-         * @param {?} __0
-         * @return {?}
-         */
-        ({ payload: { value } }) => {
+            .pipe(ofActionDispatched(ResetForm), filter((action) => action.payload.path === this.path), takeUntil(this._destroy$))
+            .subscribe(({ payload: { value } }) => {
             this.form.reset(value);
             this.updateFormStateWithRawValue(true);
             this._cd.markForCheck();
-        }));
-        this.getStateStream(`${this.path}.model`).subscribe((/**
-         * @param {?} model
-         * @return {?}
-         */
-        model => {
+        });
+        this.getStateStream(`${this.path}.model`).subscribe(model => {
             if (this._updating || !model) {
                 return;
             }
             this.form.patchValue(model);
             this._cd.markForCheck();
-        }));
-        this.getStateStream(`${this.path}.dirty`).subscribe((/**
-         * @param {?} dirty
-         * @return {?}
-         */
-        dirty => {
+        });
+        this.getStateStream(`${this.path}.dirty`).subscribe(dirty => {
             if (this.form.dirty === dirty || typeof dirty !== 'boolean') {
                 return;
             }
@@ -359,18 +205,11 @@ class FormDirective {
                 this.form.markAsPristine();
             }
             this._cd.markForCheck();
-        }));
+        });
         // On first state change, sync form model, status and dirty with state
         this._store
-            .selectOnce((/**
-         * @param {?} state
-         * @return {?}
-         */
-        state => getValue(state, this.path)))
-            .subscribe((/**
-         * @return {?}
-         */
-        () => {
+            .selectOnce(state => getValue(state, this.path))
+            .subscribe(() => {
             this._store.dispatch([
                 new UpdateFormValue({
                     path: this.path,
@@ -385,12 +224,8 @@ class FormDirective {
                     dirty: this.form.dirty
                 })
             ]);
-        }));
-        this.getStateStream(`${this.path}.disabled`).subscribe((/**
-         * @param {?} disabled
-         * @return {?}
-         */
-        disabled => {
+        });
+        this.getStateStream(`${this.path}.disabled`).subscribe(disabled => {
             if (this.form.disabled === disabled || typeof disabled !== 'boolean') {
                 return;
             }
@@ -401,43 +236,25 @@ class FormDirective {
                 this.form.enable();
             }
             this._cd.markForCheck();
-        }));
-        (/** @type {?} */ (this._formGroupDirective
-            .valueChanges)).pipe(distinctUntilChanged((/**
-         * @param {?} a
-         * @param {?} b
-         * @return {?}
-         */
-        (a, b) => JSON.stringify(a) === JSON.stringify(b))), this.debounceChange())
-            .subscribe((/**
-         * @return {?}
-         */
-        () => {
+        });
+        this._formGroupDirective
+            .valueChanges.pipe(distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)), this.debounceChange())
+            .subscribe(() => {
             this.updateFormStateWithRawValue();
-        }));
-        (/** @type {?} */ (this._formGroupDirective
-            .statusChanges)).pipe(distinctUntilChanged(), this.debounceChange())
-            .subscribe((/**
-         * @param {?} status
-         * @return {?}
-         */
-        (status) => {
+        });
+        this._formGroupDirective
+            .statusChanges.pipe(distinctUntilChanged(), this.debounceChange())
+            .subscribe((status) => {
             this._store.dispatch(new UpdateFormStatus({
                 status,
                 path: this.path
             }));
-        }));
+        });
     }
-    /**
-     * @param {?=} withFormStatus
-     * @return {?}
-     */
     updateFormStateWithRawValue(withFormStatus) {
         if (this._updating)
             return;
-        /** @type {?} */
         const value = this._formGroupDirective.control.getRawValue();
-        /** @type {?} */
         const actions = [
             new UpdateFormValue({
                 path: this.path,
@@ -460,22 +277,12 @@ class FormDirective {
         }
         this._updating = true;
         this._store.dispatch(actions).subscribe({
-            error: (/**
-             * @return {?}
-             */
-            () => (this._updating = false)),
-            complete: (/**
-             * @return {?}
-             */
-            () => (this._updating = false))
+            error: () => (this._updating = false),
+            complete: () => (this._updating = false)
         });
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this._destroy$.next();
-        this._destroy$.complete();
         if (this.clearDestroy) {
             this._store.dispatch(new UpdateForm({
                 path: this.path,
@@ -486,107 +293,36 @@ class FormDirective {
             }));
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     debounceChange() {
-        /** @type {?} */
-        const skipDebounceTime = this._formGroupDirective.control.updateOn !== 'change' || this.debounce < 0;
+        const skipDebounceTime = this._formGroupDirective.control.updateOn !== 'change' || this._debounce < 0;
         return skipDebounceTime
-            ? (/**
-             * @param {?} change
-             * @return {?}
-             */
-            (change) => change.pipe(takeUntil(this._destroy$)))
-            : (/**
-             * @param {?} change
-             * @return {?}
-             */
-            (change) => change.pipe(debounceTime(this.debounce), takeUntil(this._destroy$)));
-    }
-    /**
-     * @private
-     * @return {?}
-     */
+            ? (change) => change.pipe(takeUntil(this._destroy$))
+            : (change) => change.pipe(debounceTime(this._debounce), takeUntil(this._destroy$));
+    }
     get form() {
         return this._formGroupDirective.form;
     }
-    /**
-     * @private
-     * @param {?} path
-     * @return {?}
-     */
     getStateStream(path) {
-        return this._store.select((/**
-         * @param {?} state
-         * @return {?}
-         */
-        state => getValue(state, path))).pipe(takeUntil(this._destroy$));
+        return this._store.select(state => getValue(state, path)).pipe(takeUntil(this._destroy$));
     }
 }
-FormDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ngxsForm]' },] }
-];
-/** @nocollapse */
-FormDirective.ctorParameters = () => [
-    { type: Actions },
-    { type: Store },
-    { type: FormGroupDirective },
-    { type: ChangeDetectorRef }
-];
-FormDirective.propDecorators = {
-    path: [{ type: Input, args: ['ngxsForm',] }],
-    debounce: [{ type: Input, args: ['ngxsFormDebounce',] }],
-    clearDestroy: [{ type: Input, args: ['ngxsFormClearOnDestroy',] }]
-};
-if (false) {
-    /** @type {?} */
-    FormDirective.prototype.path;
-    /** @type {?} */
-    FormDirective.prototype.debounce;
-    /** @type {?} */
-    FormDirective.prototype._clearDestroy;
-    /**
-     * @type {?}
-     * @private
-     */
-    FormDirective.prototype._destroy$;
-    /**
-     * @type {?}
-     * @private
-     */
-    FormDirective.prototype._updating;
-    /**
-     * @type {?}
-     * @private
-     */
-    FormDirective.prototype._actions$;
-    /**
-     * @type {?}
-     * @private
-     */
-    FormDirective.prototype._store;
-    /**
-     * @type {?}
-     * @private
-     */
-    FormDirective.prototype._formGroupDirective;
-    /**
-     * @type {?}
-     * @private
-     */
-    FormDirective.prototype._cd;
-}
+/** @nocollapse */ FormDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FormDirective, deps: [{ token: i1.Actions }, { token: i1.Store }, { token: i2.FormGroupDirective }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ FormDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: FormDirective, selector: "[ngxsForm]", inputs: { path: ["ngxsForm", "path"], debounce: ["ngxsFormDebounce", "debounce"], clearDestroy: ["ngxsFormClearOnDestroy", "clearDestroy"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FormDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ngxsForm]' }]
+        }], ctorParameters: function () { return [{ type: i1.Actions }, { type: i1.Store }, { type: i2.FormGroupDirective }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { path: [{
+                type: Input,
+                args: ['ngxsForm']
+            }], debounce: [{
+                type: Input,
+                args: ['ngxsFormDebounce']
+            }], clearDestroy: [{
+                type: Input,
+                args: ['ngxsFormClearOnDestroy']
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class NgxsFormPluginModule {
-    /**
-     * @return {?}
-     */
     static forRoot() {
         return {
             ngModule: NgxsFormPluginModule,
@@ -600,28 +336,25 @@ class NgxsFormPluginModule {
         };
     }
 }
-NgxsFormPluginModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [ReactiveFormsModule],
-                declarations: [FormDirective],
-                exports: [FormDirective]
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
+/** @nocollapse */ NgxsFormPluginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFormPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NgxsFormPluginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFormPluginModule, declarations: [FormDirective], imports: [ReactiveFormsModule], exports: [FormDirective] });
+/** @nocollapse */ NgxsFormPluginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFormPluginModule, imports: [[ReactiveFormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFormPluginModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ReactiveFormsModule],
+                    declarations: [FormDirective],
+                    exports: [FormDirective]
+                }]
+        }] });
 
 /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * The public api for consumers of @ngxs/form-plugin
  */
 
 /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * Generated bundle index. Do not edit.
  */
 
-export { NgxsFormPlugin, NgxsFormPluginModule, ResetForm, SetFormDirty, SetFormDisabled, SetFormEnabled, SetFormPristine, UpdateForm, UpdateFormDirty, UpdateFormErrors, UpdateFormStatus, UpdateFormValue, FormDirective as ɵa };
+export { NgxsFormPlugin, NgxsFormPluginModule, ResetForm, SetFormDirty, SetFormDisabled, SetFormEnabled, SetFormPristine, UpdateForm, UpdateFormDirty, UpdateFormErrors, UpdateFormStatus, UpdateFormValue, FormDirective as ɵFormDirective };
 //# sourceMappingURL=ngxs-form-plugin.js.map