@heartlandone/vega-angular 1.3.0

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

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

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

@@ -0,0 +1,42 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+@Directive({ selector: 'vega-value-accessor' })
+export class ValueAccessor implements ControlValueAccessor {
+  private onChange: (value: any) => void = () => {
+    /**/
+  };
+  private onTouched: () => void = () => {
+    /**/
+  };
+  protected lastValue: any;
+
+  constructor(protected el: ElementRef) {}
+
+  writeValue(value: any) {
+    this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
+  }
+
+  handleChangeEvent(value: any) {
+    if (value !== this.lastValue) {
+      this.lastValue = value;
+      this.onChange(value);
+    }
+  }
+
+  @HostListener('focusout')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = fn;
+  }
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.el.nativeElement.disabled = isDisabled;
+  }
+}

package/src/public-api.ts

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of vega-angular
+ */
+export * from './lib/stencil-generated/text-value-accessor';
+export * from './lib/stencil-generated/value-accessor';
+export * from './lib/stencil-generated/components';
+export * from './lib/components-module';

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

@@ -0,0 +1,59 @@
+const { execSync } = require('child_process');
+const { readFileSync, writeFileSync } = require('fs');
+
+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');
+
+  updaters.forEach(updater => {
+    componentsContent = updater(componentsContent);
+  });
+
+  writeFileSync(STENCIL_GENERATED_COMPONENTS_PATH, componentsContent);
+}
+
+function appendDefaultArrayExportInComponentsFile(componentsContent) {
+  // extract the name of export vega component classes
+  const exportedClass = Array.from(componentsContent.matchAll(/export class (Vega[a-zA-Z]+) {/g)).map(
+    matched => matched[1],
+  );
+
+  // append default export statement to the original file
+  const exportDefaultStatement = `
+export default [
+  ${exportedClass.join(',\n  ')},
+];`;
+  return componentsContent + exportDefaultStatement;
+}
+
+function resolveEventPayloadImportPath(componentsContent) {
+  const EVENT_PAYLOAD_TYPE_TO_COMPONENT_TAG_MAP = new Map([
+    ['VegaTableChangePropType', 'vega-table'],
+    ['VegaTableRowClickPropType', 'vega-table'],
+  ]);
+
+  return componentsContent.replace(
+    /(import type { (.*) as .* } from )'@heartlandone\/vega'/g,
+    function (matched, group1, group2) {
+      const componentTag = EVENT_PAYLOAD_TYPE_TO_COMPONENT_TAG_MAP.get(group2);
+      return `${group1}'@heartlandone/vega/dist/types/components/${componentTag}/${componentTag}'`;
+    },
+  );
+}
+
+function revertValueAccessorChangeByGit() {
+  // use git to reset the change in value-accessor made by stencil angular output,
+  // since it will make the directive annotation without any property which will causing compile error
+  execSync('git checkout -- src/lib/stencil-generated/value-accessor.ts');
+}
+
+function revertUtilsChange() {
+  execSync('git checkout -- src/lib/stencil-generated/angular-component-lib/utils.ts');
+}
+
+updateStencilGeneratedComponents([appendDefaultArrayExportInComponentsFile, resolveEventPayloadImportPath]);
+
+revertValueAccessorChangeByGit();
+
+revertUtilsChange();

package/src/test.ts

@@ -0,0 +1,27 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(path: string, deep?: boolean, filter?: RegExp): {
+    <T>(id: string): T;
+    keys(): string[];
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting(),
+);
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}