@heartlandone/vega-angular-sandbox-pr-2327-5b91658d7c54c195ad59a3ecd2b440a347320dd1 2.61.0

package/dist/lib/stencil-generated/text-value-accessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class TextValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "vega-checkbox, vega-checkbox-group, vega-color-picker, vega-combo-box, vega-date-picker, vega-file-uploader, vega-image-uploader, vega-input, vega-input-credit-card, vega-input-numeric, vega-input-phone-number, vega-input-range, vega-input-select, vega-radio-group, vega-rich-text-editor, vega-selection-chip-group, vega-selection-tile-group, vega-signature-capture, vega-stepper, vega-textarea, vega-time-picker, vega-toggle-switch", never, {}, {}, never>;
+}

package/dist/lib/stencil-generated/value-accessor.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ValueAccessor implements ControlValueAccessor {
+    protected el: ElementRef;
+    private onChange;
+    private onTouched;
+    protected lastValue: any;
+    constructor(el: ElementRef);
+    writeValue(value: any): void;
+    handleChangeEvent(value: any, semantics: 'native' | 'vega'): void;
+    _handleBlurEvent(): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessor, "vega-value-accessor", never, {}, {}, never>;
+}

package/dist/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@heartlandone/vega-sandbox-pr-2327-5b91658d7c54c195ad59a3ecd2b440a347320dd1-angular",
+  "sideEffects": false,
+  "version": "2.61.0",
+  "description": "Angular specific wrapper for @heartlandone/vega-sandbox-pr-2327-5b91658d7c54c195ad59a3ecd2b440a347320dd1",
+  "license": "UNLICENSED",
+  "peerDependencies": {
+    "@angular/common": ">=12.0.0",
+    "@angular/core": ">=12.0.0"
+  },
+  "module": "fesm2015/heartlandone-vega-angular.mjs",
+  "es2020": "fesm2020/heartlandone-vega-angular.mjs",
+  "esm2020": "esm2020/heartlandone-vega-angular.mjs",
+  "fesm2020": "fesm2020/heartlandone-vega-angular.mjs",
+  "fesm2015": "fesm2015/heartlandone-vega-angular.mjs",
+  "typings": "heartlandone-vega-angular.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/heartlandpayments/Vega/tree/main/vega-angular-workspace/projects/vega-angular"
+  },
+  "dependencies": {
+    "@heartlandone/vega-sandbox-pr-2327-5b91658d7c54c195ad59a3ecd2b440a347320dd1": "2.61.0",
+    "tslib": "^2.3.0",
+    "@juggle/resize-observer": "^3.4.0"
+  },
+  "publishConfig": {
+    "directory": "dist"
+  },
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./heartlandone-vega-angular.d.ts",
+      "esm2020": "./esm2020/heartlandone-vega-angular.mjs",
+      "es2020": "./fesm2020/heartlandone-vega-angular.mjs",
+      "es2015": "./fesm2015/heartlandone-vega-angular.mjs",
+      "node": "./fesm2015/heartlandone-vega-angular.mjs",
+      "default": "./fesm2020/heartlandone-vega-angular.mjs"
+    },
+    "./testing": {
+      "types": "./testing/heartlandone-vega-angular-testing.d.ts",
+      "esm2020": "./esm2020/testing/heartlandone-vega-angular-testing.mjs",
+      "es2020": "./fesm2020/heartlandone-vega-angular-testing.mjs",
+      "es2015": "./fesm2015/heartlandone-vega-angular-testing.mjs",
+      "node": "./fesm2015/heartlandone-vega-angular-testing.mjs",
+      "default": "./fesm2020/heartlandone-vega-angular-testing.mjs"
+    }
+  }
+}

package/dist/public-api.d.ts

@@ -0,0 +1,4 @@
+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/dist/testing/heartlandone-vega-angular-testing.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@heartlandone/vega-sandbox-pr-2327-5b91658d7c54c195ad59a3ecd2b440a347320dd1-angular/testing" />
+export * from './public-api';

package/dist/testing/index.d.ts

@@ -0,0 +1,7 @@
+import type { RenderResult } from '@testing-library/angular';
+export declare function waitForVegaReady(renderResult: RenderResult<unknown, unknown>, delay?: number): Promise<RenderResult<unknown, unknown>>;
+export declare type MockedResizeObserverController = {
+    hide: (selector: string, container?: HTMLElement) => void;
+    show: (selector: string, container?: HTMLElement) => void;
+};
+export declare function mockResizeObserver(): MockedResizeObserverController;

package/dist/testing/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../fesm2015/heartlandone-vega-angular-testing.mjs",
+  "es2020": "../fesm2020/heartlandone-vega-angular-testing.mjs",
+  "esm2020": "../esm2020/testing/heartlandone-vega-angular-testing.mjs",
+  "fesm2020": "../fesm2020/heartlandone-vega-angular-testing.mjs",
+  "fesm2015": "../fesm2015/heartlandone-vega-angular-testing.mjs",
+  "typings": "heartlandone-vega-angular-testing.d.ts",
+  "sideEffects": false,
+  "name": "@heartlandone/vega-sandbox-pr-2327-5b91658d7c54c195ad59a3ecd2b440a347320dd1-angular/testing"
+}

package/dist/testing/public-api.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/vega-angular'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "./dist",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "allowedNonPeerDependencies": [
+    "@heartlandone/vega",
+    "@juggle/resize-observer"
+  ]
+}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@heartlandone/vega-angular-sandbox-pr-2327-5b91658d7c54c195ad59a3ecd2b440a347320dd1",
+  "sideEffects": false,
+  "version": "2.61.0",
+  "description": "Angular specific wrapper for @heartlandone/vega",
+  "license": "UNLICENSED",
+  "peerDependencies": {
+    "@angular/common": ">=12.0.0",
+    "@angular/core": ">=12.0.0"
+  },
+  "module": "./dist/fesm2015/heartlandone-vega-angular.mjs",
+  "es2020": "./dist/fesm2020/heartlandone-vega-angular.mjs",
+  "esm2020": "./dist/esm2020/heartlandone-vega-angular.mjs",
+  "fesm2020": "./dist/fesm2020/heartlandone-vega-angular.mjs",
+  "fesm2015": "./dist/fesm2015/heartlandone-vega-angular.mjs",
+  "typings": "./dist/heartlandone-vega-angular.d.ts",
+  "scripts": {
+    "stencil-postbuild": "node ./src/scripts/stencil-post-build-script.js",
+    "release": "../../node_modules/@angular/cli/bin/ng.js build vega-angular",
+    "publish:patch": "node ../../../scripts/publish-version.js patch",
+    "publish:minor": "node ../../../scripts/publish-version.js minor",
+    "publish:major": "node ../../../scripts/publish-version.js major",
+    "pr-codesandbox-auto": "node ../../../scripts/pr-codesandbox-auto/change-package-name.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/heartlandpayments/Vega/tree/main/vega-angular-workspace/projects/vega-angular"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0",
+    "@juggle/resize-observer": "^3.4.0",
+    "@heartlandone/vega-sandbox-pr-2327-5b91658d7c54c195ad59a3ecd2b440a347320dd1": "latest"
+  },
+  "publishConfig": {
+    "directory": "dist"
+  },
+  "devDependencies": {}
+}

package/src/lib/components-module.ts

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { defineCustomElements } from '@heartlandone/vega/loader';
+import VegaComponents from './stencil-generated/components';
+import { TextValueAccessor } from './stencil-generated/text-value-accessor';
+import { ValueAccessor } from './stencil-generated/value-accessor';
+import { ResizeObserver as VegaResizeObserver } from '@juggle/resize-observer';
+import { FeatureFlag, VegaEnvManager, FrameworkEnum } from '@heartlandone/vega';
+@NgModule({
+  declarations: [...VegaComponents, TextValueAccessor, ValueAccessor],
+  imports: [],
+  exports: [...VegaComponents, TextValueAccessor, ValueAccessor],
+})
+export class VegaComponentModule {
+  constructor() {
+    this.useJuggleResizeObserver();
+    VegaEnvManager.setVegaFramework(FrameworkEnum.Angular);
+    defineCustomElements(window).then();
+  }
+
+  useJuggleResizeObserver(){
+    if(FeatureFlag.isEnabled('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER')){
+      Object.assign(window, {
+        'VegaResizeObserver': VegaResizeObserver
+      });
+    }
+  }
+}

package/src/lib/stencil-generated/angular-component-lib/utils.ts

@@ -0,0 +1,101 @@
+/* eslint-disable */
+/* tslint:disable */
+import { FeatureFlag } from '@heartlandone/vega';
+import { fromEvent } from 'rxjs';
+
+/**
+ * ALL: all properties should skip the componentOnReady check
+ * Set<string>: only properties in the Set should skip the componentOnReady check
+ */
+const COMPONENT_ON_READY_IGNORE_MAP = new Map<string, Set<string> | 'ALL'>([
+  ['VEGA-TABLE', 'ALL'],
+  ['VEGA-TABLE-HEAD', 'ALL'],
+  ['VEGA-TABLE-HEAD-ROW', 'ALL'],
+  ['VEGA-TABLE-HEAD-CELL', 'ALL'],
+  ['VEGA-TABLE-BODY', 'ALL'],
+  ['VEGA-TABLE-ROW', 'ALL'],
+  ['VEGA-TABLE-CELL', 'ALL'],
+  ['VEGA-TABLE-EXPAND-ROW', 'ALL'],
+]);
+
+const shouldSkipComponentOnReady = (componentName: string, propName: string): boolean => {
+  const props: Set<string> | 'ALL' | undefined = COMPONENT_ON_READY_IGNORE_MAP.get(componentName);
+
+  if (!props) return false;
+
+  return props === 'ALL' || props.has(propName);
+};
+
+export const proxyInputs = (Cmp: any, inputs: string[]) => {
+  const Prototype = Cmp.prototype;
+  inputs.forEach(item => {
+    Object.defineProperty(Prototype, item, {
+      get() {
+        return this.el[item];
+      },
+      set(val: any) {
+        // Link issues: https://gethired.atlassian.net/browse/GHUI-331
+        // add a beforehand checking to make sure value is only set when component is loaded
+        /*
+         * Update(2023/10/28): The value should be set directly, so that the initial value can be get in componentWillLoad.
+         * Link issue https://gethired.atlassian.net/browse/VD-1810
+         * We need to consider remove the componentOnReady
+         * https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/angular-output-target/angular-component-lib/utils.ts#L13
+         */
+        if (FeatureFlag.isEnabled('VEGA_FRAMEWORK.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD') || this.el.classList.contains('hydrated') || shouldSkipComponentOnReady(this.el.tagName, item)) {
+          this.z.runOutsideAngular(() => (this.el[item] = val));
+        } else {
+          this.el.componentOnReady().then(() => {
+            this.z.runOutsideAngular(() => (this.el[item] = val))
+          })
+        }
+      }
+    });
+  });
+};
+
+export const proxyMethods = (Cmp: any, methods: string[]) => {
+  const Prototype = Cmp.prototype;
+  methods.forEach(methodName => {
+    Prototype[methodName] = function () {
+      const args = arguments;
+      return this.z.runOutsideAngular(() =>
+        this.el[methodName].apply(this.el, args)
+      );
+    };
+  });
+};
+
+export const proxyOutputs = (instance: any, el: any, events: string[]) => {
+  events.forEach(eventName => instance[eventName] = fromEvent(el, eventName));
+}
+
+export const defineCustomElement = (tagName: string, customElement: any) => {
+  if (
+    customElement !== undefined &&
+    typeof customElements !== 'undefined' &&
+    !customElements.get(tagName)
+  ) {
+    customElements.define(tagName, customElement);
+  }
+}
+
+// tslint:disable-next-line: only-arrow-functions
+export function ProxyCmp(opts: { defineCustomElementFn?: () => void, inputs?: any; methods?: any }) {
+  const decorator = function (cls: any) {
+    const { defineCustomElementFn, inputs, methods } = opts;
+
+    if (defineCustomElementFn !== undefined) {
+      defineCustomElementFn();
+    }
+
+    if (inputs) {
+      proxyInputs(cls, inputs);
+    }
+    if (methods) {
+      proxyMethods(cls, methods);
+    }
+    return cls;
+  };
+  return decorator;
+}