@heartlandone/vega-angular 1.50.1 → 2.0.0-preview-1

package/src/lib/stencil-generated/text-value-accessor.ts

@@ -5,9 +5,10 @@ import { ValueAccessor } from './value-accessor';
 
 @Directive({
   /* tslint:disable-next-line:directive-selector */
-  selector: 'vega-checkbox-group, vega-checkbox, vega-color-picker, vega-combo-box, vega-date-picker, vega-image-uploader, vega-input, vega-input-credit-card, vega-input-select, vega-radio-group, vega-stepper, vega-textarea, vega-time-picker',
+  selector: 'vega-checkbox, vega-checkbox-group, vega-color-picker, vega-combo-box, vega-date-picker, vega-image-uploader, vega-input, vega-input-credit-card, vega-input-select, vega-radio-group, vega-stepper, vega-textarea, vega-time-picker',
   host: {
-    '(vegaChange)': 'handleChangeEvent($event.target.value)'
+    '(vegaChange)': "handleChangeEvent($event.currentTarget.value, 'vega')",
+    '(change)': "handleChangeEvent($event.currentTarget.value, 'native')"
   },
   providers: [
     {

package/src/lib/stencil-generated/value-accessor.ts

@@ -1,5 +1,6 @@
 import { Directive, ElementRef, HostListener } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { VegaEventManager } from '@heartlandone/vega';
 
 @Directive({ selector: 'vega-value-accessor' })
 export class ValueAccessor implements ControlValueAccessor {
@@ -17,10 +18,12 @@ export class ValueAccessor implements ControlValueAccessor {
     this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
   }
 
-  handleChangeEvent(value: any) {
-    if (value !== this.lastValue) {
-      this.lastValue = value;
-      this.onChange(value);
+  handleChangeEvent(value: any, semantics: 'native' | 'vega') {
+    if(VegaEventManager.getSemantics(this.el.nativeElement).namespace === semantics){
+      if (value !== this.lastValue) {
+        this.lastValue = value;
+        this.onChange(value);
+      }
     }
   }
 

package/src/scripts/stencil-post-build-script.js

@@ -1,16 +1,16 @@
 const { execSync } = require('child_process');
 const { readFileSync, writeFileSync } = require('fs');
+const STENCIL_GENERATED_COMPONENTS_PATH = 'src/lib/stencil-generated/components.ts';
+const STENCIL_GENERATED_TEXT_VALUE_ACCESSOR_PATH = 'src/lib/stencil-generated/text-value-accessor.ts';
 
-function updateStencilGeneratedComponents(updaters) {
-  // read file content
-  const STENCIL_GENERATED_COMPONENTS_PATH = 'src/lib/stencil-generated/components.ts';
-  let componentsContent = readFileSync(STENCIL_GENERATED_COMPONENTS_PATH, 'utf8');
+function updateStencilGenerated(filePath, updaters) {
+  let componentsContent = readFileSync(filePath, 'utf8');
 
   updaters.forEach(updater => {
     componentsContent = updater(componentsContent);
   });
 
-  writeFileSync(STENCIL_GENERATED_COMPONENTS_PATH, componentsContent);
+  writeFileSync(filePath, componentsContent);
 }
 
 function appendDefaultArrayExportInComponentsFile(componentsContent) {
@@ -33,7 +33,6 @@ function resolveEventPayloadImportPath(componentsContent) {
     ['VegaTableRowClickPropType', 'vega-table/interface'],
     ['VegaTableRowSelectProp', 'vega-table/interface'],
     ['VegaTableSelectAllProp', 'vega-table/interface'],
-    ['VegaBannerViewData', 'vega-banner/types'],
     ['VegaFileOptional', 'vega-image-uploader/types'],
     ['SelectValueType', 'vega-input-select/types'],
     ['SelectType', 'vega-input-select/types'],
@@ -75,11 +74,38 @@ function revertUtilsChange() {
   execSync('git checkout -- src/lib/stencil-generated/angular-component-lib/utils.ts');
 }
 
-updateStencilGeneratedComponents([
-  appendDefaultArrayExportInComponentsFile,
-  resolveEventPayloadImportPath,
-  extraReplaces,
-]);
+function addSemanticsParamToHandleChangeEvent(content) {
+  const replaces = [
+    [
+      `'(vegaChange)': 'handleChangeEvent($event.target.value)'`,
+      `'(vegaChange)': "handleChangeEvent($event.currentTarget.value, 'vega')"`,
+    ],
+    [
+      `'(change)': 'handleChangeEvent($event.target.value)'`,
+      `'(change)': "handleChangeEvent($event.currentTarget.value, 'native')"`,
+    ],
+  ];
+  replaces.forEach(item => {
+    content = content.replace(item[0], item[1]);
+  });
+  return content;
+}
+
+updateStencilGenerated(
+  STENCIL_GENERATED_COMPONENTS_PATH, 
+  [
+    appendDefaultArrayExportInComponentsFile,
+    resolveEventPayloadImportPath,
+    extraReplaces,
+  ]
+);
+
+updateStencilGenerated(
+  STENCIL_GENERATED_TEXT_VALUE_ACCESSOR_PATH,
+  [
+    addSemanticsParamToHandleChangeEvent,
+  ]
+)
 
 revertValueAccessorChangeByGit();