@baloise/angular-output-target 1.0.7 → 1.0.18

package/CHANGELOG.md

@@ -3,6 +3,69 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.18](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.13...@baloise/angular-output-target@1.0.18) (2021-12-02)
+
+
+### Bug Fixes
+
+* **angular:** import statements for types ([f9ae53e](https://github.com/baloise/stencil-ds-output-targets/commit/f9ae53e272b98c69a94d2874ab4f6e1953364977))
+* **angular:** return detail instead of target.value ([19abbf2](https://github.com/baloise/stencil-ds-output-targets/commit/19abbf2b8e3b977c3ce055ee58b1f5663ccb6ad2))
+
+
+
+
+
+## [1.0.13](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.12...@baloise/angular-output-target@1.0.13) (2021-06-01)
+
+**Note:** Version bump only for package @baloise/angular-output-target
+
+
+
+
+
+## [1.0.12](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.11...@baloise/angular-output-target@1.0.12) (2021-05-07)
+
+**Note:** Version bump only for package @baloise/angular-output-target
+
+
+
+
+
+## [1.0.11](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.10...@baloise/angular-output-target@1.0.11) (2021-05-07)
+
+
+### Bug Fixes
+
+* remove ui-library and use variable instead ([f86568a](https://github.com/baloise/stencil-ds-output-targets/commit/f86568a27f9e2c80b35d1e201ab7822cc5e58d03))
+
+
+
+
+
+## [1.0.10](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.9...@baloise/angular-output-target@1.0.10) (2021-04-15)
+
+**Note:** Version bump only for package @baloise/angular-output-target
+
+
+
+
+
+## [1.0.9](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.8...@baloise/angular-output-target@1.0.9) (2021-04-15)
+
+**Note:** Version bump only for package @baloise/angular-output-target
+
+
+
+
+
+## [1.0.8](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.7...@baloise/angular-output-target@1.0.8) (2021-04-13)
+
+**Note:** Version bump only for package @baloise/angular-output-target
+
+
+
+
+
 ## [1.0.7](https://github.com/baloise/stencil-ds-output-targets/compare/@baloise/angular-output-target@1.0.6...@baloise/angular-output-target@1.0.7) (2021-02-13)
 
 

package/dist/generate-angular-component.js

@@ -26,11 +26,11 @@ export const createComponentDefinition = (componentCorePackage, distTypesDir, ro
         .filter(output => !!output.complexType.references &&
         Object.prototype.hasOwnProperty.call(output.complexType.references, output.complexType.original) &&
         output.complexType.references[output.complexType.original].location === 'import')
-        .map(output => output.complexType.resolved)
+        .map(output => output.complexType.original)
         .filter((item, pos, self) => self.indexOf(item) === pos)
         .join(', ');
     if (outputsTypes.length > 0) {
-        outputsTypes = `import { ${outputsTypes} } from '@baloise/ui-library';`;
+        outputsTypes = `import { ${outputsTypes} } from '${componentCorePackage}';`;
     }
     const lines = [
         `

package/dist/generate-value-accessors.js

@@ -1,14 +1,11 @@
 import path from 'path';
 export default async function generateValueAccessors(compilerCtx, components, outputTarget, config) {
-    if (!Array.isArray(outputTarget.valueAccessorConfigs) ||
-        outputTarget.valueAccessorConfigs.length === 0) {
+    if (!Array.isArray(outputTarget.valueAccessorConfigs) || outputTarget.valueAccessorConfigs.length === 0) {
         return;
     }
     const targetDir = path.dirname(outputTarget.directivesProxyFile);
     const normalizedValueAccessors = outputTarget.valueAccessorConfigs.reduce((allAccessors, va) => {
-        const elementSelectors = Array.isArray(va.elementSelectors)
-            ? va.elementSelectors
-            : [va.elementSelectors];
+        const elementSelectors = Array.isArray(va.elementSelectors) ? va.elementSelectors : [va.elementSelectors];
         const type = va.type;
         let allElementSelectors = [];
         let allEventTargets = [];
@@ -33,7 +30,7 @@ export default async function generateValueAccessors(compilerCtx, components, ou
     await copyResources(config, ['value-accessor.ts'], targetDir);
 }
 function createValueAccessor(srcFileContents, valueAccessor) {
-    const hostContents = valueAccessor.eventTargets.map((listItem) => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
+    const hostContents = valueAccessor.eventTargets.map(listItem => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
     return srcFileContents
         .replace(VALUE_ACCESSOR_SELECTORS, valueAccessor.elementSelectors.join(', '))
         .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(',\n'));
@@ -42,7 +39,7 @@ function copyResources(config, resourcesFilesToCopy, directory) {
     if (!config.sys || !config.sys.copy) {
         throw new Error('stencil is not properly intialized at this step. Notify the developer');
     }
-    const copyTasks = resourcesFilesToCopy.map((rf) => {
+    const copyTasks = resourcesFilesToCopy.map(rf => {
         return {
             src: path.join(__dirname, '../resources/control-value-accessors/', rf),
             dest: path.join(directory, rf),
@@ -55,4 +52,4 @@ function copyResources(config, resourcesFilesToCopy, directory) {
 const VALUE_ACCESSOR_SELECTORS = `<VALUE_ACCESSOR_SELECTORS>`;
 const VALUE_ACCESSOR_EVENT = `<VALUE_ACCESSOR_EVENT>`;
 const VALUE_ACCESSOR_TARGETATTR = '<VALUE_ACCESSOR_TARGETATTR>';
-const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'`;
+const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.detail)'`;

package/dist/index.cjs.js

@@ -114,11 +114,11 @@ const createComponentDefinition = (componentCorePackage, distTypesDir, rootDir)
         .filter(output => !!output.complexType.references &&
         Object.prototype.hasOwnProperty.call(output.complexType.references, output.complexType.original) &&
         output.complexType.references[output.complexType.original].location === 'import')
-        .map(output => output.complexType.resolved)
+        .map(output => output.complexType.original)
         .filter((item, pos, self) => self.indexOf(item) === pos)
         .join(', ');
     if (outputsTypes.length > 0) {
-        outputsTypes = `import { ${outputsTypes} } from '@baloise/ui-library';`;
+        outputsTypes = `import { ${outputsTypes} } from '${componentCorePackage}';`;
     }
     const lines = [
         `
@@ -181,15 +181,12 @@ ${directives}
 }
 
 async function generateValueAccessors(compilerCtx, components, outputTarget, config) {
-    if (!Array.isArray(outputTarget.valueAccessorConfigs) ||
-        outputTarget.valueAccessorConfigs.length === 0) {
+    if (!Array.isArray(outputTarget.valueAccessorConfigs) || outputTarget.valueAccessorConfigs.length === 0) {
         return;
     }
     const targetDir = path__default['default'].dirname(outputTarget.directivesProxyFile);
     const normalizedValueAccessors = outputTarget.valueAccessorConfigs.reduce((allAccessors, va) => {
-        const elementSelectors = Array.isArray(va.elementSelectors)
-            ? va.elementSelectors
-            : [va.elementSelectors];
+        const elementSelectors = Array.isArray(va.elementSelectors) ? va.elementSelectors : [va.elementSelectors];
         const type = va.type;
         let allElementSelectors = [];
         let allEventTargets = [];
@@ -211,19 +208,19 @@ async function generateValueAccessors(compilerCtx, components, outputTarget, con
         const finalText = createValueAccessor(srcFileContents, normalizedValueAccessors[valueAccessorType]);
         await compilerCtx.fs.writeFile(targetFilePath, finalText);
     }));
-    await copyResources(config, ['value-accessor.ts'], targetDir);
+    await copyResources$1(config, ['value-accessor.ts'], targetDir);
 }
 function createValueAccessor(srcFileContents, valueAccessor) {
-    const hostContents = valueAccessor.eventTargets.map((listItem) => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
+    const hostContents = valueAccessor.eventTargets.map(listItem => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
     return srcFileContents
         .replace(VALUE_ACCESSOR_SELECTORS, valueAccessor.elementSelectors.join(', '))
         .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(',\n'));
 }
-function copyResources(config, resourcesFilesToCopy, directory) {
+function copyResources$1(config, resourcesFilesToCopy, directory) {
     if (!config.sys || !config.sys.copy) {
         throw new Error('stencil is not properly intialized at this step. Notify the developer');
     }
-    const copyTasks = resourcesFilesToCopy.map((rf) => {
+    const copyTasks = resourcesFilesToCopy.map(rf => {
         return {
             src: path__default['default'].join(__dirname, '../resources/control-value-accessors/', rf),
             dest: path__default['default'].join(directory, rf),
@@ -236,7 +233,7 @@ function copyResources(config, resourcesFilesToCopy, directory) {
 const VALUE_ACCESSOR_SELECTORS = `<VALUE_ACCESSOR_SELECTORS>`;
 const VALUE_ACCESSOR_EVENT = `<VALUE_ACCESSOR_EVENT>`;
 const VALUE_ACCESSOR_TARGETATTR = '<VALUE_ACCESSOR_TARGETATTR>';
-const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'`;
+const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.detail)'`;
 
 async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components, config) {
     const filteredComponents = getFilteredComponents(outputTarget.excludeComponents, components);
@@ -245,7 +242,7 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
     const finalText = generateProxies(filteredComponents, pkgData, outputTarget, config.rootDir);
     await Promise.all([
         compilerCtx.fs.writeFile(outputTarget.directivesProxyFile, finalText),
-        copyResources$1(config, outputTarget),
+        copyResources(config, outputTarget),
         generateAngularDirectivesFile(compilerCtx, filteredComponents, outputTarget),
         generateValueAccessors(compilerCtx, filteredComponents, outputTarget, config),
     ]);
@@ -253,7 +250,7 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
 function getFilteredComponents(excludeComponents = [], cmps) {
     return sortBy(cmps, (cmp) => cmp.tagName).filter((c) => !excludeComponents.includes(c.tagName) && !c.internal);
 }
-async function copyResources$1(config, outputTarget) {
+async function copyResources(config, outputTarget) {
     if (!config.sys || !config.sys.copy || !config.sys.glob) {
         throw new Error('stencil is not properly initialized at this step. Notify the developer');
     }

package/dist/index.js

@@ -105,11 +105,11 @@ const createComponentDefinition = (componentCorePackage, distTypesDir, rootDir)
         .filter(output => !!output.complexType.references &&
         Object.prototype.hasOwnProperty.call(output.complexType.references, output.complexType.original) &&
         output.complexType.references[output.complexType.original].location === 'import')
-        .map(output => output.complexType.resolved)
+        .map(output => output.complexType.original)
         .filter((item, pos, self) => self.indexOf(item) === pos)
         .join(', ');
     if (outputsTypes.length > 0) {
-        outputsTypes = `import { ${outputsTypes} } from '@baloise/ui-library';`;
+        outputsTypes = `import { ${outputsTypes} } from '${componentCorePackage}';`;
     }
     const lines = [
         `
@@ -172,15 +172,12 @@ ${directives}
 }
 
 async function generateValueAccessors(compilerCtx, components, outputTarget, config) {
-    if (!Array.isArray(outputTarget.valueAccessorConfigs) ||
-        outputTarget.valueAccessorConfigs.length === 0) {
+    if (!Array.isArray(outputTarget.valueAccessorConfigs) || outputTarget.valueAccessorConfigs.length === 0) {
         return;
     }
     const targetDir = path.dirname(outputTarget.directivesProxyFile);
     const normalizedValueAccessors = outputTarget.valueAccessorConfigs.reduce((allAccessors, va) => {
-        const elementSelectors = Array.isArray(va.elementSelectors)
-            ? va.elementSelectors
-            : [va.elementSelectors];
+        const elementSelectors = Array.isArray(va.elementSelectors) ? va.elementSelectors : [va.elementSelectors];
         const type = va.type;
         let allElementSelectors = [];
         let allEventTargets = [];
@@ -202,19 +199,19 @@ async function generateValueAccessors(compilerCtx, components, outputTarget, con
         const finalText = createValueAccessor(srcFileContents, normalizedValueAccessors[valueAccessorType]);
         await compilerCtx.fs.writeFile(targetFilePath, finalText);
     }));
-    await copyResources(config, ['value-accessor.ts'], targetDir);
+    await copyResources$1(config, ['value-accessor.ts'], targetDir);
 }
 function createValueAccessor(srcFileContents, valueAccessor) {
-    const hostContents = valueAccessor.eventTargets.map((listItem) => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
+    const hostContents = valueAccessor.eventTargets.map(listItem => VALUE_ACCESSOR_EVENTTARGETS.replace(VALUE_ACCESSOR_EVENT, listItem[0]).replace(VALUE_ACCESSOR_TARGETATTR, listItem[1]));
     return srcFileContents
         .replace(VALUE_ACCESSOR_SELECTORS, valueAccessor.elementSelectors.join(', '))
         .replace(VALUE_ACCESSOR_EVENTTARGETS, hostContents.join(',\n'));
 }
-function copyResources(config, resourcesFilesToCopy, directory) {
+function copyResources$1(config, resourcesFilesToCopy, directory) {
     if (!config.sys || !config.sys.copy) {
         throw new Error('stencil is not properly intialized at this step. Notify the developer');
     }
-    const copyTasks = resourcesFilesToCopy.map((rf) => {
+    const copyTasks = resourcesFilesToCopy.map(rf => {
         return {
             src: path.join(__dirname, '../resources/control-value-accessors/', rf),
             dest: path.join(directory, rf),
@@ -227,7 +224,7 @@ function copyResources(config, resourcesFilesToCopy, directory) {
 const VALUE_ACCESSOR_SELECTORS = `<VALUE_ACCESSOR_SELECTORS>`;
 const VALUE_ACCESSOR_EVENT = `<VALUE_ACCESSOR_EVENT>`;
 const VALUE_ACCESSOR_TARGETATTR = '<VALUE_ACCESSOR_TARGETATTR>';
-const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'`;
+const VALUE_ACCESSOR_EVENTTARGETS = `    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.detail)'`;
 
 async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components, config) {
     const filteredComponents = getFilteredComponents(outputTarget.excludeComponents, components);
@@ -236,7 +233,7 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
     const finalText = generateProxies(filteredComponents, pkgData, outputTarget, config.rootDir);
     await Promise.all([
         compilerCtx.fs.writeFile(outputTarget.directivesProxyFile, finalText),
-        copyResources$1(config, outputTarget),
+        copyResources(config, outputTarget),
         generateAngularDirectivesFile(compilerCtx, filteredComponents, outputTarget),
         generateValueAccessors(compilerCtx, filteredComponents, outputTarget, config),
     ]);
@@ -244,7 +241,7 @@ async function angularDirectiveProxyOutput(compilerCtx, outputTarget, components
 function getFilteredComponents(excludeComponents = [], cmps) {
     return sortBy(cmps, (cmp) => cmp.tagName).filter((c) => !excludeComponents.includes(c.tagName) && !c.internal);
 }
-async function copyResources$1(config, outputTarget) {
+async function copyResources(config, outputTarget) {
     if (!config.sys || !config.sys.copy || !config.sys.glob) {
         throw new Error('stencil is not properly initialized at this step. Notify the developer');
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/angular-output-target",
-  "version": "1.0.7",
+  "version": "1.0.18",
   "description": "Angular output target for @stencil/core components.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -37,8 +37,15 @@
     "url": "https://github.com/baloise/stencil-ds-output-targets/issues"
   },
   "devDependencies": {
-    "@angular/core": "8.2.14",
-    "@angular/forms": "8.2.14"
+    "@angular/common": "^10.2.5",
+    "@angular/core": "^10.2.5",
+    "@angular/forms": "^10.2.5",
+    "@angular/platform-browser": "^10.2.5",
+    "jest": "^26.6.3",
+    "rollup": "^2.56.3",
+    "rxjs": "^6.6.7",
+    "typescript": "^4.0.8",
+    "zone.js": "^0.10.3"
   },
   "jest": {
     "transform": {
@@ -54,5 +61,5 @@
     ],
     "testURL": "http://localhost"
   },
-  "gitHead": "fa59d84da2fc08ceccc5ce4fdb0048cab7b3972e"
+  "gitHead": "b1d49c9c5adecade9b6c5c3ed9e3f97d88669fb9"
 }

package/resources/control-value-accessors/boolean-value-accessor.ts

@@ -1,27 +1,27 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Directive, ElementRef } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
 
-import { ValueAccessor } from './value-accessor';
+import { ValueAccessor } from './value-accessor'
 
 @Directive({
   /* tslint:disable-next-line:directive-selector */
   selector: '<VALUE_ACCESSOR_SELECTORS>',
   host: {
-    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'
+    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.detail)',
   },
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: BooleanValueAccessor,
-      multi: true
-    }
-  ]
+      multi: true,
+    },
+  ],
 })
 export class BooleanValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {
-    super(el);
+    super(el)
   }
   writeValue(value: any) {
-    this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
+    this.el.nativeElement.checked = this.lastValue = value == null ? false : value
   }
 }

package/resources/control-value-accessors/number-value-accessor.ts

@@ -1,29 +1,29 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Directive, ElementRef } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
 
-import { ValueAccessor } from './value-accessor';
+import { ValueAccessor } from './value-accessor'
 
 @Directive({
   /* tslint:disable-next-line:directive-selector */
   selector: '<VALUE_ACCESSOR_SELECTORS>',
   host: {
-    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'
+    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.detail)',
   },
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: NumericValueAccessor,
-      multi: true
-    }
-  ]
+      multi: true,
+    },
+  ],
 })
 export class NumericValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {
-    super(el);
+    super(el)
   }
   registerOnChange(fn: (_: number | null) => void) {
     super.registerOnChange(value => {
-      fn(value === '' ? null : parseFloat(value));
-    });
+      fn(value === '' ? null : parseFloat(value))
+    })
   }
 }

package/resources/control-value-accessors/radio-value-accessor.ts

@@ -1,24 +1,24 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Directive, ElementRef } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
 
-import { ValueAccessor } from './value-accessor';
+import { ValueAccessor } from './value-accessor'
 
 @Directive({
   /* tslint:disable-next-line:directive-selector */
   selector: '<VALUE_ACCESSOR_SELECTORS>',
   host: {
-    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'
+    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.detail)',
   },
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: RadioValueAccessor,
-      multi: true
-    }
-  ]
+      multi: true,
+    },
+  ],
 })
 export class RadioValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {
-    super(el);
+    super(el)
   }
 }

package/resources/control-value-accessors/select-value-accessor.ts

@@ -1,24 +1,24 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Directive, ElementRef } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
 
-import { ValueAccessor } from './value-accessor';
+import { ValueAccessor } from './value-accessor'
 
 @Directive({
   /* tslint:disable-next-line:directive-selector */
   selector: '<VALUE_ACCESSOR_SELECTORS>',
   host: {
-    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'
+    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.detail)',
   },
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: SelectValueAccessor,
-      multi: true
-    }
-  ]
+      multi: true,
+    },
+  ],
 })
 export class SelectValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {
-    super(el);
+    super(el)
   }
 }

package/resources/control-value-accessors/text-value-accessor.ts

@@ -1,24 +1,24 @@
-import { Directive, ElementRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Directive, ElementRef } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
 
-import { ValueAccessor } from './value-accessor';
+import { ValueAccessor } from './value-accessor'
 
 @Directive({
   /* tslint:disable-next-line:directive-selector */
   selector: '<VALUE_ACCESSOR_SELECTORS>',
   host: {
-    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.target.<VALUE_ACCESSOR_TARGETATTR>)'
+    '(<VALUE_ACCESSOR_EVENT>)': 'handleChangeEvent($event.detail)',
   },
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: TextValueAccessor,
-      multi: true
-    }
-  ]
+      multi: true,
+    },
+  ],
 })
 export class TextValueAccessor extends ValueAccessor {
   constructor(el: ElementRef) {
-    super(el);
+    super(el)
   }
 }