@heartlandone/vega-angular 1.30.0 → 1.32.0

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

@@ -487,6 +487,59 @@ export declare class VegaItemToggle {
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaItemToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VegaItemToggle, "vega-item-toggle", never, { "isError": "isError"; "isToggled": "isToggled"; "itemToggleStatusMap": "itemToggleStatusMap"; }, {}, never, ["*"]>;
 }
+export declare interface VegaLeftNav extends Components.VegaLeftNav {
+    /**
+     * event emitter used for notifying consumers the nav menu close event
+     */
+    vegaStateUpdate: EventEmitter<CustomEvent<string>>;
+}
+export declare class VegaLeftNav {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VegaLeftNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaLeftNav, "vega-left-nav", never, { "footnote": "footnote"; "headerConfig": "headerConfig"; "source": "source"; }, {}, never, ["*"]>;
+}
+export declare interface VegaLeftNavGroup extends Components.VegaLeftNavGroup {
+}
+export declare class VegaLeftNavGroup {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VegaLeftNavGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaLeftNavGroup, "vega-left-nav-group", never, { "icon": "icon"; "label": "label"; }, {}, never, ["*"]>;
+}
+export declare interface VegaLeftNavLink extends Components.VegaLeftNavLink {
+    /**
+     * event emitter used for notifying consumers the click event
+     */
+    vegaMenuClick: EventEmitter<CustomEvent<any>>;
+}
+export declare class VegaLeftNavLink {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VegaLeftNavLink, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaLeftNavLink, "vega-left-nav-link", never, { "counterBadge": "counterBadge"; "icon": "icon"; "selected": "selected"; "url": "url"; }, {}, never, ["*"]>;
+}
+export declare interface VegaLeftNavSection extends Components.VegaLeftNavSection {
+}
+export declare class VegaLeftNavSection {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    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 {
@@ -667,7 +720,7 @@ export declare class VegaStepper {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaStepper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VegaStepper, "vega-stepper", never, { "autoValidation": "autoValidation"; "buttonVariant": "buttonVariant"; "disabled": "disabled"; "formValidation": "formValidation"; "inputEditable": "inputEditable"; "isValid": "isValid"; "label": "label"; "max": "max"; "min": "min"; "stepperId": "stepperId"; "value": "value"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaStepper, "vega-stepper", never, { "autoValidation": "autoValidation"; "buttonVariant": "buttonVariant"; "disabled": "disabled"; "formValidation": "formValidation"; "inputDisabled": "inputDisabled"; "inputEditable": "inputEditable"; "isValid": "isValid"; "label": "label"; "max": "max"; "min": "min"; "stepperId": "stepperId"; "value": "value"; }, {}, never, ["*"]>;
 }
 export declare interface VegaTabGroup extends Components.VegaTabGroup {
     /**
@@ -794,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 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.29.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.29.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.30.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.30.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

@@ -942,6 +942,127 @@ export class VegaItemToggle {
 }
 
 
+export declare interface VegaLeftNav extends Components.VegaLeftNav {
+  /**
+   * event emitter used for notifying consumers the nav menu close event 
+   */
+  vegaStateUpdate: EventEmitter<CustomEvent<string>>;
+
+}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['footnote', 'headerConfig', 'source'],
+  methods: ['toggle']
+})
+@Component({
+  selector: 'vega-left-nav',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['footnote', 'headerConfig', 'source']
+})
+export class VegaLeftNav {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['vegaStateUpdate']);
+  }
+}
+
+
+export declare interface VegaLeftNavGroup extends Components.VegaLeftNavGroup {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['icon', 'label']
+})
+@Component({
+  selector: 'vega-left-nav-group',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['icon', 'label']
+})
+export class VegaLeftNavGroup {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface VegaLeftNavLink extends Components.VegaLeftNavLink {
+  /**
+   * event emitter used for notifying consumers the click event 
+   */
+  vegaMenuClick: EventEmitter<CustomEvent<any>>;
+
+}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['counterBadge', 'icon', 'selected', 'url']
+})
+@Component({
+  selector: 'vega-left-nav-link',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['counterBadge', 'icon', 'selected', 'url']
+})
+export class VegaLeftNavLink {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['vegaMenuClick']);
+  }
+}
+
+
+export declare interface VegaLeftNavSection extends Components.VegaLeftNavSection {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['sectionHeader']
+})
+@Component({
+  selector: 'vega-left-nav-section',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['sectionHeader']
+})
+export class VegaLeftNavSection {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+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({
@@ -1295,14 +1416,14 @@ export declare interface VegaStepper extends Components.VegaStepper {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value'],
+  inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputDisabled', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value'],
   methods: ['valid']
 })
 @Component({
   selector: 'vega-stepper',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
+  inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputDisabled', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
 })
 export class VegaStepper {
   protected el: HTMLElement;
@@ -1601,6 +1722,11 @@ export default [
   VegaInputCreditCard,
   VegaInputSelect,
   VegaItemToggle,
+  VegaLeftNav,
+  VegaLeftNavGroup,
+  VegaLeftNavLink,
+  VegaLeftNavSection,
+  VegaLineChart,
   VegaLoadingIndicator,
   VegaModal,
   VegaOption,