@heartlandone/vega-angular 2.4.0 → 2.6.0

package/dist/lib/components-module.d.ts

@@ -6,6 +6,6 @@ export declare class VegaComponentModule {
     constructor();
     useJuggleResizeObserver(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VegaComponentModule, [typeof i1.VegaAccordion, typeof i1.VegaAppFooter, typeof i1.VegaAppHeaderButton, typeof i1.VegaBackdrop, typeof i1.VegaBarChart, typeof i1.VegaBox, typeof i1.VegaBreadcrumb, typeof i1.VegaButton, typeof i1.VegaButtonCircle, typeof i1.VegaButtonLink, typeof i1.VegaCard, typeof i1.VegaCarousel, typeof i1.VegaCheckbox, typeof i1.VegaCheckboxGroup, typeof i1.VegaChip, typeof i1.VegaColorPicker, typeof i1.VegaComboBox, typeof i1.VegaCounterBadge, typeof i1.VegaDatePicker, typeof i1.VegaDatePickerCalendar, typeof i1.VegaDialog, typeof i1.VegaDropdown, typeof i1.VegaDropdownContentBox, typeof i1.VegaDropdownGroup, typeof i1.VegaDropdownItem, typeof i1.VegaFieldError, typeof i1.VegaFieldLabel, typeof i1.VegaFlex, typeof i1.VegaFont, typeof i1.VegaForm, typeof i1.VegaGrid, typeof i1.VegaIcon, typeof i1.VegaImageUploader, typeof i1.VegaInput, typeof i1.VegaInputCreditCard, typeof i1.VegaInputRange, typeof i1.VegaInputSelect, typeof i1.VegaItemToggle, typeof i1.VegaLeftNav, typeof i1.VegaLeftNavGroup, typeof i1.VegaLeftNavLink, typeof i1.VegaLeftNavSection, typeof i1.VegaLineChart, typeof i1.VegaLoaderWrapper, typeof i1.VegaLoadingIndicator, typeof i1.VegaModal, typeof i1.VegaNavCard, typeof i1.VegaPageNotification, typeof i1.VegaPageNotificationList, typeof i1.VegaPagination, typeof i1.VegaPieChart, typeof i1.VegaPopover, typeof i1.VegaPopoverContentBox, typeof i1.VegaProgressTracker, typeof i1.VegaRadio, typeof i1.VegaRadioGroup, typeof i1.VegaSectionTitle, typeof i1.VegaSegmentControl, typeof i1.VegaSlotContainer, typeof i1.VegaStepper, typeof i1.VegaTabGroup, typeof i1.VegaTabGroupPanel, typeof i1.VegaTable, typeof i1.VegaTableBody, typeof i1.VegaTableCell, typeof i1.VegaTableExpandRow, typeof i1.VegaTableHead, typeof i1.VegaTableHeadCell, typeof i1.VegaTableHeadRow, typeof i1.VegaTableRow, typeof i1.VegaText, typeof i1.VegaTextarea, typeof i1.VegaTimePicker, typeof i1.VegaTimePickerDropdown, typeof i1.VegaToggleSwitch, typeof i1.VegaTooltip, typeof i1.VegaTooltipContentBox, typeof i1.VegaVirtualScroll, typeof i2.TextValueAccessor, typeof i3.ValueAccessor], never, [typeof i1.VegaAccordion, typeof i1.VegaAppFooter, typeof i1.VegaAppHeaderButton, typeof i1.VegaBackdrop, typeof i1.VegaBarChart, typeof i1.VegaBox, typeof i1.VegaBreadcrumb, typeof i1.VegaButton, typeof i1.VegaButtonCircle, typeof i1.VegaButtonLink, typeof i1.VegaCard, typeof i1.VegaCarousel, typeof i1.VegaCheckbox, typeof i1.VegaCheckboxGroup, typeof i1.VegaChip, typeof i1.VegaColorPicker, typeof i1.VegaComboBox, typeof i1.VegaCounterBadge, typeof i1.VegaDatePicker, typeof i1.VegaDatePickerCalendar, typeof i1.VegaDialog, typeof i1.VegaDropdown, typeof i1.VegaDropdownContentBox, typeof i1.VegaDropdownGroup, typeof i1.VegaDropdownItem, typeof i1.VegaFieldError, typeof i1.VegaFieldLabel, typeof i1.VegaFlex, typeof i1.VegaFont, typeof i1.VegaForm, typeof i1.VegaGrid, typeof i1.VegaIcon, typeof i1.VegaImageUploader, typeof i1.VegaInput, typeof i1.VegaInputCreditCard, typeof i1.VegaInputRange, typeof i1.VegaInputSelect, typeof i1.VegaItemToggle, typeof i1.VegaLeftNav, typeof i1.VegaLeftNavGroup, typeof i1.VegaLeftNavLink, typeof i1.VegaLeftNavSection, typeof i1.VegaLineChart, typeof i1.VegaLoaderWrapper, typeof i1.VegaLoadingIndicator, typeof i1.VegaModal, typeof i1.VegaNavCard, typeof i1.VegaPageNotification, typeof i1.VegaPageNotificationList, typeof i1.VegaPagination, typeof i1.VegaPieChart, typeof i1.VegaPopover, typeof i1.VegaPopoverContentBox, typeof i1.VegaProgressTracker, typeof i1.VegaRadio, typeof i1.VegaRadioGroup, typeof i1.VegaSectionTitle, typeof i1.VegaSegmentControl, typeof i1.VegaSlotContainer, typeof i1.VegaStepper, typeof i1.VegaTabGroup, typeof i1.VegaTabGroupPanel, typeof i1.VegaTable, typeof i1.VegaTableBody, typeof i1.VegaTableCell, typeof i1.VegaTableExpandRow, typeof i1.VegaTableHead, typeof i1.VegaTableHeadCell, typeof i1.VegaTableHeadRow, typeof i1.VegaTableRow, typeof i1.VegaText, typeof i1.VegaTextarea, typeof i1.VegaTimePicker, typeof i1.VegaTimePickerDropdown, typeof i1.VegaToggleSwitch, typeof i1.VegaTooltip, typeof i1.VegaTooltipContentBox, typeof i1.VegaVirtualScroll, typeof i2.TextValueAccessor, typeof i3.ValueAccessor]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VegaComponentModule, [typeof i1.VegaAccordion, typeof i1.VegaAppFooter, typeof i1.VegaAppHeaderButton, typeof i1.VegaBackdrop, typeof i1.VegaBarChart, typeof i1.VegaBox, typeof i1.VegaBreadcrumb, typeof i1.VegaButton, typeof i1.VegaButtonCircle, typeof i1.VegaButtonGroup, typeof i1.VegaButtonGroupItem, typeof i1.VegaButtonLink, typeof i1.VegaCard, typeof i1.VegaCarousel, typeof i1.VegaCheckbox, typeof i1.VegaCheckboxGroup, typeof i1.VegaChip, typeof i1.VegaColorPicker, typeof i1.VegaComboBox, typeof i1.VegaCounterBadge, typeof i1.VegaDatePicker, typeof i1.VegaDatePickerCalendar, typeof i1.VegaDialog, typeof i1.VegaDropdown, typeof i1.VegaDropdownContentBox, typeof i1.VegaDropdownGroup, typeof i1.VegaDropdownItem, typeof i1.VegaFieldError, typeof i1.VegaFieldLabel, typeof i1.VegaFlex, typeof i1.VegaFont, typeof i1.VegaForm, typeof i1.VegaGrid, typeof i1.VegaIcon, typeof i1.VegaImageUploader, typeof i1.VegaInput, typeof i1.VegaInputCreditCard, typeof i1.VegaInputRange, typeof i1.VegaInputSelect, typeof i1.VegaItemToggle, typeof i1.VegaLeftNav, typeof i1.VegaLeftNavGroup, typeof i1.VegaLeftNavLink, typeof i1.VegaLeftNavSection, typeof i1.VegaLineChart, typeof i1.VegaLoaderWrapper, typeof i1.VegaLoadingIndicator, typeof i1.VegaModal, typeof i1.VegaNavCard, typeof i1.VegaPageNotification, typeof i1.VegaPageNotificationList, typeof i1.VegaPagination, typeof i1.VegaPieChart, typeof i1.VegaPopover, typeof i1.VegaPopoverContentBox, typeof i1.VegaProgressTracker, typeof i1.VegaRadio, typeof i1.VegaRadioGroup, typeof i1.VegaSectionTitle, typeof i1.VegaSegmentControl, typeof i1.VegaSlotContainer, typeof i1.VegaStepper, typeof i1.VegaTabGroup, typeof i1.VegaTabGroupPanel, typeof i1.VegaTable, typeof i1.VegaTableBody, typeof i1.VegaTableCell, typeof i1.VegaTableExpandRow, typeof i1.VegaTableHead, typeof i1.VegaTableHeadCell, typeof i1.VegaTableHeadRow, typeof i1.VegaTableRow, typeof i1.VegaText, typeof i1.VegaTextarea, typeof i1.VegaTimePicker, typeof i1.VegaTimePickerDropdown, typeof i1.VegaToggleSwitch, typeof i1.VegaTooltip, typeof i1.VegaTooltipContentBox, typeof i1.VegaVirtualScroll, typeof i2.TextValueAccessor, typeof i3.ValueAccessor], never, [typeof i1.VegaAccordion, typeof i1.VegaAppFooter, typeof i1.VegaAppHeaderButton, typeof i1.VegaBackdrop, typeof i1.VegaBarChart, typeof i1.VegaBox, typeof i1.VegaBreadcrumb, typeof i1.VegaButton, typeof i1.VegaButtonCircle, typeof i1.VegaButtonGroup, typeof i1.VegaButtonGroupItem, typeof i1.VegaButtonLink, typeof i1.VegaCard, typeof i1.VegaCarousel, typeof i1.VegaCheckbox, typeof i1.VegaCheckboxGroup, typeof i1.VegaChip, typeof i1.VegaColorPicker, typeof i1.VegaComboBox, typeof i1.VegaCounterBadge, typeof i1.VegaDatePicker, typeof i1.VegaDatePickerCalendar, typeof i1.VegaDialog, typeof i1.VegaDropdown, typeof i1.VegaDropdownContentBox, typeof i1.VegaDropdownGroup, typeof i1.VegaDropdownItem, typeof i1.VegaFieldError, typeof i1.VegaFieldLabel, typeof i1.VegaFlex, typeof i1.VegaFont, typeof i1.VegaForm, typeof i1.VegaGrid, typeof i1.VegaIcon, typeof i1.VegaImageUploader, typeof i1.VegaInput, typeof i1.VegaInputCreditCard, typeof i1.VegaInputRange, typeof i1.VegaInputSelect, typeof i1.VegaItemToggle, typeof i1.VegaLeftNav, typeof i1.VegaLeftNavGroup, typeof i1.VegaLeftNavLink, typeof i1.VegaLeftNavSection, typeof i1.VegaLineChart, typeof i1.VegaLoaderWrapper, typeof i1.VegaLoadingIndicator, typeof i1.VegaModal, typeof i1.VegaNavCard, typeof i1.VegaPageNotification, typeof i1.VegaPageNotificationList, typeof i1.VegaPagination, typeof i1.VegaPieChart, typeof i1.VegaPopover, typeof i1.VegaPopoverContentBox, typeof i1.VegaProgressTracker, typeof i1.VegaRadio, typeof i1.VegaRadioGroup, typeof i1.VegaSectionTitle, typeof i1.VegaSegmentControl, typeof i1.VegaSlotContainer, typeof i1.VegaStepper, typeof i1.VegaTabGroup, typeof i1.VegaTabGroupPanel, typeof i1.VegaTable, typeof i1.VegaTableBody, typeof i1.VegaTableCell, typeof i1.VegaTableExpandRow, typeof i1.VegaTableHead, typeof i1.VegaTableHeadCell, typeof i1.VegaTableHeadRow, typeof i1.VegaTableRow, typeof i1.VegaText, typeof i1.VegaTextarea, typeof i1.VegaTimePicker, typeof i1.VegaTimePickerDropdown, typeof i1.VegaToggleSwitch, typeof i1.VegaTooltip, typeof i1.VegaTooltipContentBox, typeof i1.VegaVirtualScroll, typeof i2.TextValueAccessor, typeof i3.ValueAccessor]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<VegaComponentModule>;
 }

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

@@ -95,7 +95,7 @@ export declare class VegaBox {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VegaBox, "vega-box", never, { "alignSelf": "alignSelf"; "backgroundColor": "backgroundColor"; "border": "border"; "borderColor": "borderColor"; "corners": "corners"; "display": "display"; "flex": "flex"; "flexBasis": "flexBasis"; "flexGrow": "flexGrow"; "flexShrink": "flexShrink"; "height": "height"; "justifySelf": "justifySelf"; "margin": "margin"; "order": "order"; "padding": "padding"; "responsiveClass": "responsiveClass"; "shadow": "shadow"; "width": "width"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaBox, "vega-box", never, { "alignSelf": "alignSelf"; "backgroundColor": "backgroundColor"; "border": "border"; "borderColor": "borderColor"; "corners": "corners"; "display": "display"; "flex": "flex"; "flexBasis": "flexBasis"; "flexGrow": "flexGrow"; "flexShrink": "flexShrink"; "gridArea": "gridArea"; "gridColumn": "gridColumn"; "gridRow": "gridRow"; "height": "height"; "justifySelf": "justifySelf"; "margin": "margin"; "order": "order"; "padding": "padding"; "responsiveClass": "responsiveClass"; "shadow": "shadow"; "width": "width"; }, {}, never, ["*"]>;
 }
 export declare interface VegaBreadcrumb extends Components.VegaBreadcrumb {
     /**
@@ -148,6 +148,32 @@ export declare class VegaButtonCircle {
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaButtonCircle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VegaButtonCircle, "vega-button-circle", never, { "danger": "danger"; "disabled": "disabled"; "icon": "icon"; "iconColor": "iconColor"; "label": "label"; "showTooltip": "showTooltip"; "size": "size"; "tooltip": "tooltip"; "type": "type"; "variant": "variant"; }, {}, never, ["*"]>;
 }
+export declare interface VegaButtonGroup extends Components.VegaButtonGroup {
+    /**
+     * An event emitter notifying the click event of the button group.
+     */
+    vegaClick: EventEmitter<CustomEvent<string>>;
+    /**
+     * An event emitter notifying the click event of the button. @eventSemantics namespace:native
+     */
+    click: EventEmitter<CustomEvent<string>>;
+}
+export declare class VegaButtonGroup {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VegaButtonGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaButtonGroup, "vega-button-group", never, { "iconAlign": "iconAlign"; "size": "size"; "variant": "variant"; }, {}, never, ["*"]>;
+}
+export declare interface VegaButtonGroupItem extends Components.VegaButtonGroupItem {
+}
+export declare class VegaButtonGroupItem {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VegaButtonGroupItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaButtonGroupItem, "vega-button-group-item", never, { "dropdownProps": "dropdownProps"; "dropdownSource": "dropdownSource"; "icon": "icon"; "iconOnly": "iconOnly"; "itemKey": "itemKey"; "label": "label"; }, {}, never, ["*"]>;
+}
 export declare interface VegaButtonLink extends Components.VegaButtonLink {
     /**
      * An event emitter notifying the click event of the button.
@@ -233,7 +259,7 @@ export declare class VegaCheckboxGroup {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaCheckboxGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VegaCheckboxGroup, "vega-checkbox-group", never, { "disabled": "disabled"; "hint": "hint"; "isValid": "isValid"; "label": "label"; "required": "required"; "value": "value"; "vegaFlexProp": "vegaFlexProp"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaCheckboxGroup, "vega-checkbox-group", never, { "autoValidation": "autoValidation"; "disabled": "disabled"; "hint": "hint"; "isValid": "isValid"; "label": "label"; "required": "required"; "validationRules": "validationRules"; "value": "value"; "vegaFlexProp": "vegaFlexProp"; }, {}, never, ["*"]>;
 }
 export declare interface VegaChip extends Components.VegaChip {
     /**
@@ -509,7 +535,7 @@ export declare class VegaFlex {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaFlex, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VegaFlex, "vega-flex", never, { "alignItems": "alignItems"; "breakpoint": "breakpoint"; "direction": "direction"; "gap": "gap"; "justifyContent": "justifyContent"; "margin": "margin"; "useNativeFlex": "useNativeFlex"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaFlex, "vega-flex", never, { "alignItems": "alignItems"; "breakpoint": "breakpoint"; "direction": "direction"; "flexWrap": "flexWrap"; "gap": "gap"; "justifyContent": "justifyContent"; "margin": "margin"; "useNativeFlex": "useNativeFlex"; }, {}, never, ["*"]>;
 }
 export declare interface VegaFont extends Components.VegaFont {
 }
@@ -602,7 +628,7 @@ export declare class VegaImageUploader {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaImageUploader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VegaImageUploader, "vega-image-uploader", never, { "accept": "accept"; "autoValidation": "autoValidation"; "disabled": "disabled"; "isValid": "isValid"; "required": "required"; "showPreviewButton": "showPreviewButton"; "showRemoveButton": "showRemoveButton"; "showReplaceButton": "showReplaceButton"; "status": "status"; "validationRules": "validationRules"; "value": "value"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaImageUploader, "vega-image-uploader", never, { "accept": "accept"; "autoValidation": "autoValidation"; "disabled": "disabled"; "isValid": "isValid"; "label": "label"; "required": "required"; "showPreviewButton": "showPreviewButton"; "showRemoveButton": "showRemoveButton"; "showReplaceButton": "showReplaceButton"; "status": "status"; "validationRules": "validationRules"; "value": "value"; }, {}, never, ["*"]>;
 }
 export declare interface VegaInput extends Components.VegaInput {
     /**
@@ -1007,7 +1033,7 @@ export declare class VegaRadioGroup {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaRadioGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VegaRadioGroup, "vega-radio-group", never, { "disabled": "disabled"; "hint": "hint"; "isValid": "isValid"; "label": "label"; "name": "name"; "required": "required"; "value": "value"; "vegaFlexProp": "vegaFlexProp"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VegaRadioGroup, "vega-radio-group", never, { "autoValidation": "autoValidation"; "disabled": "disabled"; "hint": "hint"; "isValid": "isValid"; "label": "label"; "name": "name"; "required": "required"; "validationRules": "validationRules"; "value": "value"; "vegaFlexProp": "vegaFlexProp"; }, {}, never, ["*"]>;
 }
 export declare interface VegaSectionTitle extends Components.VegaSectionTitle {
 }
@@ -1325,5 +1351,5 @@ export declare class VegaVirtualScroll {
     static ɵfac: i0.ɵɵFactoryDeclaration<VegaVirtualScroll, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VegaVirtualScroll, "vega-virtual-scroll", never, { "approxItemHeight": "approxItemHeight"; "isLoading": "isLoading"; "renderItem": "renderItem"; "source": "source"; "sourceItemIdentifier": "sourceItemIdentifier"; "viewportMaxHeight": "viewportMaxHeight"; "virtualizationThreshold": "virtualizationThreshold"; }, {}, never, ["*"]>;
 }
-declare const _default: (typeof VegaAccordion | typeof VegaAppFooter | typeof VegaAppHeaderButton | typeof VegaBackdrop | typeof VegaBarChart | typeof VegaBox | typeof VegaBreadcrumb | 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 VegaDatePickerCalendar | typeof VegaDialog | typeof VegaDropdown | typeof VegaDropdownContentBox | typeof VegaDropdownGroup | typeof VegaDropdownItem | typeof VegaFieldError | typeof VegaFieldLabel | typeof VegaFlex | typeof VegaFont | typeof VegaForm | typeof VegaGrid | typeof VegaIcon | typeof VegaImageUploader | typeof VegaInput | typeof VegaInputCreditCard | typeof VegaInputRange | typeof VegaInputSelect | typeof VegaItemToggle | typeof VegaLeftNav | typeof VegaLeftNavGroup | typeof VegaLeftNavLink | typeof VegaLeftNavSection | typeof VegaLineChart | typeof VegaLoaderWrapper | typeof VegaLoadingIndicator | typeof VegaModal | typeof VegaNavCard | typeof VegaPageNotification | typeof VegaPageNotificationList | typeof VegaPagination | typeof VegaPieChart | typeof VegaPopover | typeof VegaPopoverContentBox | typeof VegaProgressTracker | typeof VegaRadio | typeof VegaRadioGroup | typeof VegaSectionTitle | typeof VegaSegmentControl | typeof VegaSlotContainer | typeof VegaStepper | typeof VegaTabGroup | typeof VegaTabGroupPanel | typeof VegaTable | typeof VegaTableBody | typeof VegaTableCell | typeof VegaTableExpandRow | typeof VegaTableHead | typeof VegaTableHeadCell | typeof VegaTableHeadRow | typeof VegaTableRow | typeof VegaText | typeof VegaTextarea | typeof VegaTimePicker | typeof VegaTimePickerDropdown | typeof VegaToggleSwitch | typeof VegaTooltip | typeof VegaTooltipContentBox | typeof VegaVirtualScroll)[];
+declare const _default: (typeof VegaAccordion | typeof VegaAppFooter | typeof VegaAppHeaderButton | typeof VegaBackdrop | typeof VegaBarChart | typeof VegaBox | typeof VegaBreadcrumb | typeof VegaButton | typeof VegaButtonCircle | typeof VegaButtonGroup | typeof VegaButtonGroupItem | typeof VegaButtonLink | typeof VegaCard | typeof VegaCarousel | typeof VegaCheckbox | typeof VegaCheckboxGroup | typeof VegaChip | typeof VegaColorPicker | typeof VegaComboBox | typeof VegaCounterBadge | typeof VegaDatePicker | typeof VegaDatePickerCalendar | typeof VegaDialog | typeof VegaDropdown | typeof VegaDropdownContentBox | typeof VegaDropdownGroup | typeof VegaDropdownItem | typeof VegaFieldError | typeof VegaFieldLabel | typeof VegaFlex | typeof VegaFont | typeof VegaForm | typeof VegaGrid | typeof VegaIcon | typeof VegaImageUploader | typeof VegaInput | typeof VegaInputCreditCard | typeof VegaInputRange | typeof VegaInputSelect | typeof VegaItemToggle | typeof VegaLeftNav | typeof VegaLeftNavGroup | typeof VegaLeftNavLink | typeof VegaLeftNavSection | typeof VegaLineChart | typeof VegaLoaderWrapper | typeof VegaLoadingIndicator | typeof VegaModal | typeof VegaNavCard | typeof VegaPageNotification | typeof VegaPageNotificationList | typeof VegaPagination | typeof VegaPieChart | typeof VegaPopover | typeof VegaPopoverContentBox | typeof VegaProgressTracker | typeof VegaRadio | typeof VegaRadioGroup | typeof VegaSectionTitle | typeof VegaSegmentControl | typeof VegaSlotContainer | typeof VegaStepper | typeof VegaTabGroup | typeof VegaTabGroupPanel | typeof VegaTable | typeof VegaTableBody | typeof VegaTableCell | typeof VegaTableExpandRow | typeof VegaTableHead | typeof VegaTableHeadCell | typeof VegaTableHeadRow | typeof VegaTableRow | typeof VegaText | typeof VegaTextarea | typeof VegaTimePicker | typeof VegaTimePickerDropdown | typeof VegaToggleSwitch | typeof VegaTooltip | typeof VegaTooltipContentBox | typeof VegaVirtualScroll)[];
 export default _default;

package/dist/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@heartlandone/vega-angular",
   "sideEffects": false,
-  "version": "2.3.0",
+  "version": "2.5.0",
   "description": "Angular specific wrapper for @heartlandone/vega",
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
@@ -18,7 +18,7 @@
     "url": "https://github.com/heartlandpayments/Vega/tree/main/vega-angular-workspace/projects/vega-angular"
   },
   "dependencies": {
-    "@heartlandone/vega": "2.3.0",
+    "@heartlandone/vega": "2.5.0",
     "tslib": "^2.3.0",
     "@juggle/resize-observer": "^3.4.0"
   },
@@ -36,6 +36,14 @@
       "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/testing/heartlandone-vega-angular-testing.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@heartlandone/vega-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-angular/testing"
+}

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

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

package/package.json

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

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

@@ -157,13 +157,13 @@ export declare interface VegaBox extends Components.VegaBox {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['alignSelf', 'backgroundColor', 'border', 'borderColor', 'corners', 'display', 'flex', 'flexBasis', 'flexGrow', 'flexShrink', 'height', 'justifySelf', 'margin', 'order', 'padding', 'responsiveClass', 'shadow', 'width']
+  inputs: ['alignSelf', 'backgroundColor', 'border', 'borderColor', 'corners', 'display', 'flex', 'flexBasis', 'flexGrow', 'flexShrink', 'gridArea', 'gridColumn', 'gridRow', 'height', 'justifySelf', 'margin', 'order', 'padding', 'responsiveClass', 'shadow', 'width']
 })
 @Component({
   selector: 'vega-box',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['alignSelf', 'backgroundColor', 'border', 'borderColor', 'corners', 'display', 'flex', 'flexBasis', 'flexGrow', 'flexShrink', 'height', 'justifySelf', 'margin', 'order', 'padding', 'responsiveClass', 'shadow', 'width']
+  inputs: ['alignSelf', 'backgroundColor', 'border', 'borderColor', 'corners', 'display', 'flex', 'flexBasis', 'flexGrow', 'flexShrink', 'gridArea', 'gridColumn', 'gridRow', 'height', 'justifySelf', 'margin', 'order', 'padding', 'responsiveClass', 'shadow', 'width']
 })
 export class VegaBox {
   protected el: HTMLElement;
@@ -270,6 +270,59 @@ export class VegaButtonCircle {
 }
 
 
+export declare interface VegaButtonGroup extends Components.VegaButtonGroup {
+  /**
+   * An event emitter notifying the click event of the button group. 
+   */
+  vegaClick: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying the click event of the button. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<string>>;
+
+}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['iconAlign', 'size', 'variant']
+})
+@Component({
+  selector: 'vega-button-group',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['iconAlign', 'size', 'variant']
+})
+export class VegaButtonGroup {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
+  }
+}
+
+
+export declare interface VegaButtonGroupItem extends Components.VegaButtonGroupItem {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['dropdownProps', 'dropdownSource', 'icon', 'iconOnly', 'itemKey', 'label']
+})
+@Component({
+  selector: 'vega-button-group-item',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['dropdownProps', 'dropdownSource', 'icon', 'iconOnly', 'itemKey', 'label']
+})
+export class VegaButtonGroupItem {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
 export declare interface VegaButtonLink extends Components.VegaButtonLink {
   /**
    * An event emitter notifying the click event of the button. 
@@ -413,13 +466,13 @@ export declare interface VegaCheckboxGroup extends Components.VegaCheckboxGroup
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
+  inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value', 'vegaFlexProp']
 })
 @Component({
   selector: 'vega-checkbox-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
+  inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value', 'vegaFlexProp']
 })
 export class VegaCheckboxGroup {
   protected el: HTMLElement;
@@ -878,13 +931,13 @@ export declare interface VegaFlex extends Components.VegaFlex {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+  inputs: ['alignItems', 'breakpoint', 'direction', 'flexWrap', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
 })
 @Component({
   selector: 'vega-flex',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+  inputs: ['alignItems', 'breakpoint', 'direction', 'flexWrap', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
 })
 export class VegaFlex {
   protected el: HTMLElement;
@@ -1037,14 +1090,14 @@ export declare interface VegaImageUploader extends Components.VegaImageUploader
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['accept', 'autoValidation', 'disabled', 'isValid', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value'],
+  inputs: ['accept', 'autoValidation', 'disabled', 'isValid', 'label', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value'],
   methods: ['getContentURL']
 })
 @Component({
   selector: 'vega-image-uploader',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['accept', 'autoValidation', 'disabled', 'isValid', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value']
+  inputs: ['accept', 'autoValidation', 'disabled', 'isValid', 'label', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value']
 })
 export class VegaImageUploader {
   protected el: HTMLElement;
@@ -1765,13 +1818,13 @@ export declare interface VegaRadioGroup extends Components.VegaRadioGroup {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
+  inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'name', 'required', 'validationRules', 'value', 'vegaFlexProp']
 })
 @Component({
   selector: 'vega-radio-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
+  inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'name', 'required', 'validationRules', 'value', 'vegaFlexProp']
 })
 export class VegaRadioGroup {
   protected el: HTMLElement;
@@ -2396,6 +2449,8 @@ export default [
   VegaBreadcrumb,
   VegaButton,
   VegaButtonCircle,
+  VegaButtonGroup,
+  VegaButtonGroupItem,
   VegaButtonLink,
   VegaCard,
   VegaCarousel,

package/testing/index.ts

@@ -0,0 +1,123 @@
+import { FeatureFlag } from '@heartlandone/vega';
+import { waitFor } from '@testing-library/angular';
+import type { RenderResult } from '@testing-library/angular';
+
+type Nullable<T> = T | undefined | null;
+
+export async function waitForVegaReady(
+  renderResult: RenderResult<unknown, unknown>,
+  delay: number = 300,
+): Promise<RenderResult<unknown, unknown>> {
+  await waitFor(() => {
+    renderResult.container
+      .querySelectorAll('*:not(.hydrated)')
+      // eslint-disable-next-line unicorn/no-array-for-each
+      .forEach((element: Element) => {
+        if (element.tagName.startsWith('VEGA')) {
+          throw new Error('Vega component is not rendered yet, retrying...');
+        }
+      });
+  });
+  /*
+     * The following code is added to load the vega component, and the attribute value is set after each component is loaded.
+     * To determine whether there is a hydrated style that cannot meet the requirements after the component is loaded,
+     * It need to set the sleep time to ensure that each attribute of the vega component is fully loaded
+     *
+     code link: ./node_modules/@heartlandone/vega-react/dist/react-component-lib/utils/attachProps.js(line 28-33)}
+    */
+  await sleep(delay);
+  return renderResult;
+}
+
+export type MockedResizeObserverController = {
+  hide: (selector: string, container?: HTMLElement) => void;
+  show: (selector: string, container?: HTMLElement) => void;
+};
+
+export function mockResizeObserver(): MockedResizeObserverController {
+  type MockedResizeObserver = ResizeObserver & {
+    show: () => void;
+    hide: () => void;
+  };
+  FeatureFlag.disable('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER');
+  const resizeObserverElementMap: Map<HTMLElement, MockedResizeObserver> = new Map();
+  const VegaResizeObserver: unknown = class {
+    private readonly callback: ResizeObserverCallback;
+    private observedElements: HTMLElement[] = [];
+    constructor(callback: ResizeObserverCallback) {
+      this.callback = callback;
+    }
+
+    observe(element: HTMLElement): void {
+      if (!this.isObserved(element)) {
+        resizeObserverElementMap.set(element, this);
+        this.observedElements.push(element);
+      }
+    }
+
+    unobserve(element: HTMLElement): void {
+      if (this.isObserved(element)) {
+        resizeObserverElementMap.delete(element);
+        this.observedElements = this.observedElements.filter(
+          (observedElement: HTMLElement) => observedElement !== element,
+        );
+      }
+    }
+
+    disconnect(): void {
+      for (const element of this.observedElements) {
+        resizeObserverElementMap.delete(element);
+      }
+      this.observedElements = [];
+    }
+
+    show(): void {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.callback([{ contentRect: { height: 100 } }] as any, this);
+    }
+
+    hide(): void {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.callback([{ contentRect: { height: 0 } }] as any, this);
+    }
+
+    private isObserved(element: HTMLElement): boolean {
+      return this.observedElements.includes(element);
+    }
+  };
+  Object.assign(window, { VegaResizeObserver });
+  return {
+    show: (selector: string, container?: HTMLElement): void => {
+      (container || document)
+        .querySelectorAll(selector)
+        // eslint-disable-next-line unicorn/no-array-for-each
+        .forEach((el: Element) => {
+          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(
+            el as HTMLElement,
+          );
+          if (resizeObserver) {
+            resizeObserver.show();
+          }
+        });
+    },
+    hide: (selector: string, container?: HTMLElement): void => {
+      (container || document)
+        .querySelectorAll(selector)
+        // eslint-disable-next-line unicorn/no-array-for-each
+        .forEach((el: Element) => {
+          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(
+            el as HTMLElement,
+          );
+          if (resizeObserver) {
+            resizeObserver.hide();
+          }
+        });
+    },
+  };
+}
+
+function sleep(ms: number): Promise<void> {
+  return new Promise((resolve: () => void) => {
+    setTimeout(resolve, ms);
+  });
+}

package/testing/ng-package.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "./dist",
+  "lib": {
+    "entryFile": "./public-api.ts"
+  },
+  "allowedNonPeerDependencies": ["@testing-library/angular", "@heartlandone/vega"]
+}

package/testing/public-api.ts

@@ -0,0 +1,4 @@
+/*
+ * Public API Surface of vega-angular
+ */
+export * from './index';