@globalpayments/vega-angular 2.87.0-beta.0 → 2.87.0-beta.1

package/{lib → dist/lib}/stencil-generated/components.d.ts

@@ -4,6 +4,7 @@ import type { VegaBannerActionButtonType as IVegaBannerVegaBannerActionButtonTyp
 import type { VegaBreadcrumbItemType as IVegaBreadcrumbVegaBreadcrumbItemType } from '@globalpayments/vega/dist/types/components/vega-breadcrumb/types';
 import type { VegaCalendarChangeEventType as IVegaCalendarVegaCalendarChangeEventType } from '@globalpayments/vega/dist/types/components/vega-calendar/types';
 import type { VegaCalendarEventClickInfo as IVegaCalendarVegaCalendarEventClickInfo } from '@globalpayments/vega/dist/types/components/vega-calendar/types';
+import type { VegaCalendarEventEditInfo as IVegaCalendarVegaCalendarEventEditInfo } from '@globalpayments/vega/dist/types/components/vega-calendar/types';
 import type { VegaCalendarDateClickInfo as IVegaCalendarVegaCalendarDateClickInfo } from '@globalpayments/vega/dist/types/components/vega-calendar/types';
 import type { VegaCodeBlockValue as IVegaCodeBlockVegaCodeBlockValue } from '@globalpayments/vega/dist/types/components/vega-code-block/types';
 import type { DatePickerMonthYearTypes as IVegaDatePickerDatePickerMonthYearTypes } from '@globalpayments/vega/dist/types/components/vega-date-picker/types';
@@ -285,6 +286,14 @@ export declare interface VegaCalendar extends Components.VegaCalendar {
      * An event emitter notifying that a component event item is clicked. @eventSemantics namespace:native,@vegaVersion 2.14.0
      */
     eventClick: EventEmitter<CustomEvent<IVegaCalendarVegaCalendarEventClickInfo>>;
+    /**
+     * An event emitter notifying that a calendar event edit action is triggered from the event preview popover. @vegaVersion 2.87.0-beta.1
+     */
+    vegaEventEdit: EventEmitter<CustomEvent<IVegaCalendarVegaCalendarEventEditInfo>>;
+    /**
+     * An event emitter notifying that a calendar event edit action is triggered from the event preview popover. @eventSemantics namespace:native,@vegaVersion 2.87.0-beta.1
+     */
+    eventEdit: EventEmitter<CustomEvent<IVegaCalendarVegaCalendarEventEditInfo>>;
     /**
      * An event emitter notifying that a calendar date item has been double-clicked. The event will not be triggered if `enableDataClick` is set to true to prevent conflicts. @vegaVersion 2.17.0
      */
@@ -315,7 +324,7 @@ export declare class VegaCalendar {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VegaCalendar, "vega-calendar", never, { "enableDateClick": "enableDateClick"; "enabledEventPreview": "enabledEventPreview"; "events": "events"; "isDateDisabled": "isDateDisabled"; "moreActionDropdownProps": "moreActionDropdownProps"; "showEventColorBar": "showEventColorBar"; "showSwitchView": "showSwitchView"; "showWeekends": "showWeekends"; "timeFormat": "timeFormat"; "timezone": "timezone"; "viewMode": "viewMode"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaCalendar, "vega-calendar", never, { "enableDateClick": "enableDateClick"; "enabledEventPreview": "enabledEventPreview"; "eventEditable": "eventEditable"; "events": "events"; "getEventPreviewActions": "getEventPreviewActions"; "isDateDisabled": "isDateDisabled"; "moreActionDropdownProps": "moreActionDropdownProps"; "showEventColorBar": "showEventColorBar"; "showSwitchView": "showSwitchView"; "showWeekends": "showWeekends"; "timeFormat": "timeFormat"; "timezone": "timezone"; "viewMode": "viewMode"; }, {}, never, ["*"]>;
 }
 export declare interface VegaCalendarEvent extends Components.VegaCalendarEvent {
 }

package/dist/package.json

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

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": [
+    "@globalpayments/vega",
+    "@juggle/resize-observer"
+  ]
+}

package/package.json

@@ -1,50 +1,38 @@
 {
   "name": "@globalpayments/vega-angular",
   "sideEffects": false,
-  "version": "2.87.0-beta.0",
+  "version": "2.87.0-beta.1",
   "description": "Angular specific wrapper for @globalpayments/vega",
   "license": "UNLICENSED",
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
     "@angular/core": ">=12.0.0"
   },
-  "module": "fesm2015/globalpayments-vega-angular.mjs",
-  "es2020": "fesm2020/globalpayments-vega-angular.mjs",
-  "esm2020": "esm2020/globalpayments-vega-angular.mjs",
-  "fesm2020": "fesm2020/globalpayments-vega-angular.mjs",
-  "fesm2015": "fesm2015/globalpayments-vega-angular.mjs",
-  "typings": "globalpayments-vega-angular.d.ts",
+  "module": "./dist/fesm2015/globalpayments-vega-angular.mjs",
+  "es2020": "./dist/fesm2020/globalpayments-vega-angular.mjs",
+  "esm2020": "./dist/esm2020/globalpayments-vega-angular.mjs",
+  "fesm2020": "./dist/fesm2020/globalpayments-vega-angular.mjs",
+  "fesm2015": "./dist/fesm2015/globalpayments-vega-angular.mjs",
+  "typings": "./dist/globalpayments-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": {
-    "@globalpayments/vega": "2.87.0-beta.0",
+    "@globalpayments/vega": "2.87.0-beta.1",
     "tslib": "^2.3.0",
     "@juggle/resize-observer": "^3.4.0"
   },
   "publishConfig": {
     "directory": "dist"
   },
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./globalpayments-vega-angular.d.ts",
-      "esm2020": "./esm2020/globalpayments-vega-angular.mjs",
-      "es2020": "./fesm2020/globalpayments-vega-angular.mjs",
-      "es2015": "./fesm2015/globalpayments-vega-angular.mjs",
-      "node": "./fesm2015/globalpayments-vega-angular.mjs",
-      "default": "./fesm2020/globalpayments-vega-angular.mjs"
-    },
-    "./testing": {
-      "types": "./testing/globalpayments-vega-angular-testing.d.ts",
-      "esm2020": "./esm2020/testing/globalpayments-vega-angular-testing.mjs",
-      "es2020": "./fesm2020/globalpayments-vega-angular-testing.mjs",
-      "es2015": "./fesm2015/globalpayments-vega-angular-testing.mjs",
-      "node": "./fesm2015/globalpayments-vega-angular-testing.mjs",
-      "default": "./fesm2020/globalpayments-vega-angular-testing.mjs"
-    }
-  }
+  "devDependencies": {}
 }

package/src/lib/components-module.ts

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { defineCustomElements } from '@globalpayments/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 '@globalpayments/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 '@globalpayments/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;
+}