@o3r/forms 12.3.0-prerelease.7 → 12.3.0-prerelease.70

package/README.md

@@ -12,7 +12,20 @@ This package is an [Otter Framework Module](https://github.com/AmadeusITGroup/ot
 [![Stable Version](https://img.shields.io/npm/v/@o3r/forms?style=for-the-badge)](https://www.npmjs.com/package/@o3r/forms)
 [![Bundle Size](https://img.shields.io/bundlephobia/min/@o3r/forms?color=green&style=for-the-badge)](https://www.npmjs.com/package/@o3r/forms)
 
-This module provides utilities to enhance Angular form (asynchronous decorator, additional validator, error store...).
+One of the approaches for writing forms that Angular provides is called [model-driven or reactive forms](https://angular.io/guide/reactive-forms),
+which _"provide a model-driven approach to handling form inputs whose values change over time"_. This type of form is applicable in many use cases,
+but there are a couple of exceptions where additional utilities may be useful.
+
+These use cases include:
+* A container/presenter structure for components
+* Handling form submission at page level
+* Displaying the error message outside the form
+
+To handle these, this module provides utilities to enhance the build of Angular reactive forms, including:
+* An asynchronous decorator (`@AsyncInput`) to ensure subscriptions are handled if the references of the input observables change.
+* Basic and custom validators to validate user input for accuracy and completeness.
+* A dedicated NgRX store for form errors to have the possibility of displaying error messages outside the form component.
+* Helper functions to handle the interactions with the forms.
 
 ## How to install
 
@@ -23,83 +36,6 @@ ng add @o3r/forms
 > [!WARNING]
 > This module requires [@o3r/core](https://www.npmjs.com/package/@o3r/core) to be installed.
 
-## Container/presenter and form creation
-
-A Container/presenter architecture was put in place to ensure best reusability/sharing
-
-### Where the form object creation should be done?
-
-* **form created in presenter** - it's the presenter that decides how the data is displayed
-* **container** only values and errors are propagated from the presenter
-* **container** can set the default value
-
-### How the container and presenter will communicate in forms context
-
-* **presenter** implements [ControlValueAccessor](https://angular.io/api/forms/ControlValueAccessor) and [Validator](https://angular.io/api/forms/Validator) (or [AsyncValidator](https://angular.io/api/forms/AsyncValidator)) interfaces
-  * **propagate** the value, the form status and the errors
-* **container** applies [FormControlDirective](https://angular.io/api/forms/FormControlDirective) on the presenter html tag
-  * **container** sets the default value using **formControl** directive
-  * **listen** to the value and status changes using the same directive
-
-See [FORM_STRUCTURE](https://github.com/AmadeusITGroup/otter/tree/main/docs/forms/FORM_STRUCTURE.md)
-
-## You want to include form validation and display the errors
-
-* interfaces for the error messages provided in **@o3r/forms**
-
-### Display inline errors
-
-* the error messages returned by validators are used in the inline error display
-* **simple/basic/primitive** validators - set as a configuration of the **presenter**
-  * localization of the associated error messages from the presenter
-  * the error object associated is computed here and has to be compliant with the store object model
-  * _getFlatControlErrors_ function is available in **@o3r/forms** to help with the creation of the associated error object
-* **custom** validators created at container level
-  * localization of the associated error messages from the container
-  * custom validators are passed as an input to the presenter
-  * the error returned by the validator has to be compliant with the form error store model
-
-### Display errors on a messages panel
-
-* a dedicated _FormErrorStore_ is available on **@o3r/forms**
-  * allows the display of errors anywhere on the page
-  * the error object model contains the translation key and params
-See [FORM_VALIDATION](https://github.com/AmadeusITGroup/otter/tree/main/docs/forms/FORM_VALIDATION.md) and [FORM_ERRORS](https://github.com/AmadeusITGroup/otter/tree/main/docs/forms/FORM_ERRORS.md)
-
-## Form submit
-
-### You want to submit the form
-
-* The submit is triggered by the submit button **in the presenter** and an event is emitted
-* **container** captures the event and executes the submit form logic
-
-### What happens when you have multiple forms and you want to submit?
-
-The answer is that we should avoid as much as possible having multiple form tags in the same page as it adds a lot of complexity. We should try to have only one _form_ tag that encapsulates everything and one submit action.
-
-If multiple forms are really needed, then we found the following solution:
-
-* the submit button is hidden on the presenters
-* the **submit** is **triggered from the page**
-* an **observable** to trigger the submit is passed as **input** to the containers;
-* _AsyncInput_ decorator is provided in **@o3r/forms** to be applied on the observable input to ensure performance
-* the submit form logic is executed on the containers
-* containers emit events when the submit is done
-* the page (parent) captures the events and continues its logic
-
-This can be applied also, with only one form on the page, when you don't want a submit button in the presenter.
-
-### What happens when the submit is triggered by the page with pristine forms
-
-At the first display of the form, the inline errors (if the form is invalid) are not displayed because the form element is **not touched** and **dirty**
-In case you want to show the inline errors after the submit, you have to:
-
-* register a function in the container to _mark touched and dirty_ the form
-* pass the function via an _@Output_ from the presenter and call it before executing the submit logic
-* use _markAllControlsDirtyAndTouched_ helper is available in **@o3r/forms** to mark interactions on given form
-
-See [FORM_SUBMIT&INTERCOMMUNICATION](https://github.com/AmadeusITGroup/otter/tree/main/docs/forms/FORM_SUBMIT_AND_INTERCOMMUNICATION.md)
-
 ## Details
 
 Find more information in the [documentation](https://github.com/AmadeusITGroup/otter/tree/main/docs/forms).

package/fesm2022/o3r-forms.mjs

@@ -232,13 +232,13 @@ class FormErrorMessagesStoreModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: FormErrorMessagesStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: FormErrorMessagesStoreModule, imports: [i1.StoreFeatureModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: FormErrorMessagesStoreModule, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FormErrorMessagesStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: FormErrorMessagesStoreModule, imports: [i1.StoreFeatureModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FormErrorMessagesStoreModule, providers: [
             { provide: FORM_ERROR_MESSAGES_REDUCER_TOKEN, useFactory: getDefaultFormErrorMessagesReducer }
         ], imports: [StoreModule.forFeature(FORM_ERROR_MESSAGES_STORE_NAME, FORM_ERROR_MESSAGES_REDUCER_TOKEN)] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: FormErrorMessagesStoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FormErrorMessagesStoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -311,8 +311,8 @@ class MaxDateValidator {
         };
         return result;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MaxDateValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: MaxDateValidator, isStandalone: true, selector: "[maxdate][formControlName],[maxdate][formControl],[maxdate][ngModel]", inputs: { maxdate: "maxdate" }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MaxDateValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: MaxDateValidator, isStandalone: true, selector: "[maxdate][formControlName],[maxdate][formControl],[maxdate][ngModel]", inputs: { maxdate: "maxdate" }, providers: [
             {
                 provide: NG_VALIDATORS,
                 useExisting: forwardRef((() => MaxDateValidator)),
@@ -320,7 +320,7 @@ class MaxDateValidator {
             }
         ], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MaxDateValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MaxDateValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[maxdate][formControlName],[maxdate][formControl],[maxdate][ngModel]',
@@ -381,8 +381,8 @@ class MinDateValidator {
         };
         return result;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MinDateValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: MinDateValidator, isStandalone: true, selector: "[mindate][formControlName],[mindate][formControl],[mindate][ngModel]", inputs: { mindate: "mindate" }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MinDateValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: MinDateValidator, isStandalone: true, selector: "[mindate][formControlName],[mindate][formControl],[mindate][ngModel]", inputs: { mindate: "mindate" }, providers: [
             {
                 provide: NG_VALIDATORS,
                 useExisting: forwardRef((() => MinDateValidator)),
@@ -390,7 +390,7 @@ class MinDateValidator {
             }
         ], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MinDateValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MinDateValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mindate][formControlName],[mindate][formControl],[mindate][ngModel]',
@@ -410,11 +410,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
  * @deprecated MaxDateValidator and MinDateValidator are now standalone, this module will be removed in v14
  */
 class DateValidatorsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DateValidatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: DateValidatorsModule, imports: [CommonModule, MaxDateValidator, MinDateValidator], exports: [MaxDateValidator, MinDateValidator] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DateValidatorsModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DateValidatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: DateValidatorsModule, imports: [CommonModule, MaxDateValidator, MinDateValidator], exports: [MaxDateValidator, MinDateValidator] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DateValidatorsModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DateValidatorsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DateValidatorsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MaxDateValidator, MinDateValidator],
@@ -456,8 +456,8 @@ class MaxValidator {
     registerOnValidatorChange(fn) {
         this.onChange = fn;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MaxValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: MaxValidator, isStandalone: true, selector: "[max][formControlName],[max][formControl],[max][ngModel]", inputs: { max: "max" }, host: { properties: { "attr.max": "max ? max : null" } }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MaxValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: MaxValidator, isStandalone: true, selector: "[max][formControlName],[max][formControl],[max][ngModel]", inputs: { max: "max" }, host: { properties: { "attr.max": "max ? max : null" } }, providers: [
             {
                 provide: NG_VALIDATORS,
                 useExisting: forwardRef((() => MaxValidator)),
@@ -465,7 +465,7 @@ class MaxValidator {
             }
         ], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MaxValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MaxValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[max][formControlName],[max][formControl],[max][ngModel]',
@@ -516,8 +516,8 @@ class MinValidator {
     registerOnValidatorChange(fn) {
         this.onChange = fn;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MinValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: MinValidator, isStandalone: true, selector: "[min][formControlName],[min][formControl],[min][ngModel]", inputs: { min: "min" }, host: { properties: { "attr.min": "min ? min : null" } }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MinValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: MinValidator, isStandalone: true, selector: "[min][formControlName],[min][formControl],[min][ngModel]", inputs: { min: "min" }, host: { properties: { "attr.min": "min ? min : null" } }, providers: [
             {
                 provide: NG_VALIDATORS,
                 useExisting: forwardRef((() => MinValidator)),
@@ -525,7 +525,7 @@ class MinValidator {
             }
         ], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MinValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MinValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[min][formControlName],[min][formControl],[min][ngModel]',
@@ -546,11 +546,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
  * @deprecated MaxValidator and MinValidator are now standalone, this module will be removed in v14
  */
 class NumberValidatorsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: NumberValidatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: NumberValidatorsModule, imports: [CommonModule, MaxValidator, MinValidator], exports: [MaxValidator, MinValidator] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: NumberValidatorsModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NumberValidatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: NumberValidatorsModule, imports: [CommonModule, MaxValidator, MinValidator], exports: [MaxValidator, MinValidator] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NumberValidatorsModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: NumberValidatorsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NumberValidatorsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MaxValidator, MinValidator],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@o3r/forms",
-  "version": "12.3.0-prerelease.7",
+  "version": "12.3.0-prerelease.70",
   "publishConfig": {
     "access": "public"
   },
@@ -11,15 +11,15 @@
     "otter-module"
   ],
   "peerDependencies": {
-    "@ama-sdk/core": "^12.3.0-prerelease.7",
+    "@ama-sdk/core": "^12.3.0-prerelease.70",
     "@angular-devkit/schematics": "^19.0.0",
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",
     "@angular/forms": "^19.0.0",
     "@ngrx/entity": "^19.0.0",
     "@ngrx/store": "^19.0.0",
-    "@o3r/core": "^12.3.0-prerelease.7",
-    "@o3r/schematics": "^12.3.0-prerelease.7",
+    "@o3r/core": "^12.3.0-prerelease.70",
+    "@o3r/schematics": "^12.3.0-prerelease.70",
     "@schematics/angular": "^19.0.0",
     "rxjs": "^7.8.1",
     "ts-node": "~10.9.2"
@@ -36,6 +36,7 @@
     }
   },
   "dependencies": {
+    "@o3r/schematics": "^12.3.0-prerelease.70",
     "tslib": "^2.6.2"
   },
   "engines": {

package/schematics/ng-add/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../schematics/ng-add/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,IAAI,EACL,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAyBlB;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,SAAS,qBAAqB,KAAG,IAKtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../schematics/ng-add/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,IAAI,EACL,MAAM,4BAA4B,CAAC;AAMpC,OAAO,KAAK,EACV,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAkBlB;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,SAAS,qBAAqB,SAA2C,CAAC"}

package/schematics/ng-add/index.js

@@ -2,23 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ngAdd = void 0;
 const path = require("node:path");
+const schematics_1 = require("@o3r/schematics");
 const packageJsonPath = path.resolve(__dirname, '..', '..', 'package.json');
-const reportMissingSchematicsDep = (logger) => (reason) => {
-    logger.error(`[ERROR]: Adding @o3r/form has failed.
-You need to install '@o3r/core' package to be able to use the form package. Please run 'ng add @o3r/core'.`);
-    throw reason;
-};
 /**
  * Add Otter forms to an Angular Project
  * @param options
  */
 function ngAddFn(options) {
     /* ng add rules */
-    return async (tree) => {
-        const { getPackageInstallConfig, setupDependencies } = await Promise.resolve().then(() => require('@o3r/schematics'));
-        return setupDependencies({
+    return (tree) => {
+        return (0, schematics_1.setupDependencies)({
             projectName: options.projectName,
-            dependencies: getPackageInstallConfig(packageJsonPath, tree, options.projectName, false, !!options.exactO3rVersion)
+            dependencies: (0, schematics_1.getPackageInstallConfig)(packageJsonPath, tree, options.projectName, false, !!options.exactO3rVersion)
         });
     };
 }
@@ -26,9 +21,6 @@ function ngAddFn(options) {
  * Add Otter forms to an Angular Project
  * @param options
  */
-const ngAdd = (options) => async (_, { logger }) => {
-    const { createOtterSchematic } = await Promise.resolve().then(() => require('@o3r/schematics')).catch(reportMissingSchematicsDep(logger));
-    return createOtterSchematic(ngAddFn)(options);
-};
+const ngAdd = (options) => (0, schematics_1.createOtterSchematic)(ngAddFn)(options);
 exports.ngAdd = ngAdd;
 //# sourceMappingURL=index.js.map