@heartlandone/vega-angular 1.31.0 → 1.32.0

package/dist/lib/stencil-generated/components.d.ts

@@ -531,6 +531,15 @@ export declare class VegaLeftNavSection {
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaLeftNavSection, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VegaLeftNavSection, "vega-left-nav-section", never, { "sectionHeader": "sectionHeader"; }, {}, never, ["*"]>;
 }
+export declare interface VegaLineChart extends Components.VegaLineChart {
+}
+export declare class VegaLineChart {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VegaLineChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaLineChart, "vega-line-chart", never, { "options": "options"; }, {}, never, ["*"]>;
+}
 export declare interface VegaLoadingIndicator extends Components.VegaLoadingIndicator {
 }
 export declare class VegaLoadingIndicator {
@@ -838,5 +847,5 @@ export declare class VegaVirtualScroll {
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaVirtualScroll, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VegaVirtualScroll, "vega-virtual-scroll", never, { "approxItemHeight": "approxItemHeight"; "renderItem": "renderItem"; "source": "source"; "sourceItemIdentifier": "sourceItemIdentifier"; "thresholdOfWork": "thresholdOfWork"; "viewportMaxHeight": "viewportMaxHeight"; }, {}, never, ["*"]>;
 }
-declare const _default: (typeof VegaAccordion | typeof VegaAppFooter | typeof VegaAppHeaderButton | typeof VegaBadge | typeof VegaBanner | typeof VegaBox | typeof VegaButton | typeof VegaButtonCircle | typeof VegaButtonLink | typeof VegaCard | typeof VegaCarousel | typeof VegaCheckbox | typeof VegaCheckboxGroup | typeof VegaChip | typeof VegaColorPicker | typeof VegaComboBox | typeof VegaCounterBadge | typeof VegaDatePicker | typeof VegaDialog | typeof VegaDropdown | typeof VegaFieldLabel | typeof VegaFlex | typeof VegaFooter | typeof VegaForm | typeof VegaGrid | typeof VegaHeader | typeof VegaIcon | typeof VegaImageUploader | typeof VegaInput | typeof VegaInputCreditCard | typeof VegaInputSelect | typeof VegaItemToggle | typeof VegaLeftNav | typeof VegaLeftNavGroup | typeof VegaLeftNavLink | typeof VegaLeftNavSection | typeof VegaLoadingIndicator | typeof VegaModal | typeof VegaOption | typeof VegaPageNotification | typeof VegaPagination | typeof VegaPopover | typeof VegaProgressTracker | typeof VegaRadio | typeof VegaRadioGroup | typeof VegaSidenav | typeof VegaSidenavGroup | typeof VegaSidenavLink | typeof VegaStepper | typeof VegaTabGroup | typeof VegaTabGroupPanel | typeof VegaTable | typeof VegaText | typeof VegaTextarea | typeof VegaTimePicker | typeof VegaToggleSwitch | typeof VegaTooltip | typeof VegaVirtualScroll)[];
+declare const _default: (typeof VegaAccordion | typeof VegaAppFooter | typeof VegaAppHeaderButton | typeof VegaBadge | typeof VegaBanner | typeof VegaBox | typeof VegaButton | typeof VegaButtonCircle | typeof VegaButtonLink | typeof VegaCard | typeof VegaCarousel | typeof VegaCheckbox | typeof VegaCheckboxGroup | typeof VegaChip | typeof VegaColorPicker | typeof VegaComboBox | typeof VegaCounterBadge | typeof VegaDatePicker | typeof VegaDialog | typeof VegaDropdown | typeof VegaFieldLabel | typeof VegaFlex | typeof VegaFooter | typeof VegaForm | typeof VegaGrid | typeof VegaHeader | typeof VegaIcon | typeof VegaImageUploader | typeof VegaInput | typeof VegaInputCreditCard | typeof VegaInputSelect | typeof VegaItemToggle | typeof VegaLeftNav | typeof VegaLeftNavGroup | typeof VegaLeftNavLink | typeof VegaLeftNavSection | typeof VegaLineChart | typeof VegaLoadingIndicator | typeof VegaModal | typeof VegaOption | typeof VegaPageNotification | typeof VegaPagination | typeof VegaPopover | typeof VegaProgressTracker | typeof VegaRadio | typeof VegaRadioGroup | typeof VegaSidenav | typeof VegaSidenavGroup | typeof VegaSidenavLink | typeof VegaStepper | typeof VegaTabGroup | typeof VegaTabGroupPanel | typeof VegaTable | typeof VegaText | typeof VegaTextarea | typeof VegaTimePicker | typeof VegaToggleSwitch | typeof VegaTooltip | typeof VegaVirtualScroll)[];
 export default _default;

package/dist/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@heartlandone/vega-angular",
   "sideEffects": false,
-  "version": "1.30.0",
+  "version": "1.31.0",
   "description": "Angular specific wrapper for @heartlandone/vega",
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
@@ -18,8 +18,9 @@
     "url": "https://github.com/heartlandpayments/Vega/tree/main/vega-angular-workspace/projects/vega-angular"
   },
   "dependencies": {
-    "@heartlandone/vega": "1.30.0",
-    "tslib": "^2.3.0"
+    "@heartlandone/vega": "1.31.0",
+    "tslib": "^2.3.0",
+    "@juggle/resize-observer": "^3.4.0"
   },
   "publishConfig": {
     "directory": "dist"

package/ng-package.json

@@ -5,6 +5,7 @@
     "entryFile": "src/public-api.ts"
   },
   "allowedNonPeerDependencies": [
-    "@heartlandone/vega"
+    "@heartlandone/vega",
+    "@juggle/resize-observer"
   ]
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@heartlandone/vega-angular",
   "sideEffects": false,
-  "version": "1.31.0",
+  "version": "1.32.0",
   "description": "Angular specific wrapper for @heartlandone/vega",
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
@@ -26,8 +26,9 @@
     "url": "https://github.com/heartlandpayments/Vega/tree/main/vega-angular-workspace/projects/vega-angular"
   },
   "dependencies": {
-    "@heartlandone/vega": "1.31.0",
-    "tslib": "^2.3.0"
+    "@heartlandone/vega": "1.32.0",
+    "tslib": "^2.3.0",
+    "@juggle/resize-observer": "^3.4.0"
   },
   "publishConfig": {
     "directory": "dist"

package/src/lib/components-module.ts

@@ -3,7 +3,8 @@ 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 } from '@heartlandone/vega';
 @NgModule({
   declarations: [...VegaComponents, TextValueAccessor, ValueAccessor],
   imports: [],
@@ -11,6 +12,15 @@ import { ValueAccessor } from './stencil-generated/value-accessor';
 })
 export class VegaComponentModule {
   constructor() {
+    this.useJuggleResizeObserver()
     defineCustomElements(window).then();
   }
+
+  useJuggleResizeObserver(){
+    if(FeatureFlag.isEnabled('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER')){
+      Object.assign(window, {
+        'VegaResizeObserver': VegaResizeObserver
+      });
+    }
+  }
 }

package/src/lib/stencil-generated/components.ts

@@ -1041,6 +1041,28 @@ export class VegaLeftNavSection {
 }
 
 
+export declare interface VegaLineChart extends Components.VegaLineChart {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['options'],
+  methods: ['reRender']
+})
+@Component({
+  selector: 'vega-line-chart',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['options']
+})
+export class VegaLineChart {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
 export declare interface VegaLoadingIndicator extends Components.VegaLoadingIndicator {}
 
 @ProxyCmp({
@@ -1704,6 +1726,7 @@ export default [
   VegaLeftNavGroup,
   VegaLeftNavLink,
   VegaLeftNavSection,
+  VegaLineChart,
   VegaLoadingIndicator,
   VegaModal,
   VegaOption,