@heartlandone/vega-angular 2.4.0 → 2.6.0

package/dist/fesm2020/heartlandone-vega-angular-testing.mjs

@@ -0,0 +1,104 @@
+import { FeatureFlag } from '@heartlandone/vega';
+import { waitFor } from '@testing-library/angular';
+
+async function waitForVegaReady(renderResult, delay = 300) {
+    await waitFor(() => {
+        renderResult.container
+            .querySelectorAll('*:not(.hydrated)')
+            // eslint-disable-next-line unicorn/no-array-for-each
+            .forEach((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;
+}
+function mockResizeObserver() {
+    FeatureFlag.disable('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER');
+    const resizeObserverElementMap = new Map();
+    const VegaResizeObserver = class {
+        constructor(callback) {
+            this.observedElements = [];
+            this.callback = callback;
+        }
+        observe(element) {
+            if (!this.isObserved(element)) {
+                resizeObserverElementMap.set(element, this);
+                this.observedElements.push(element);
+            }
+        }
+        unobserve(element) {
+            if (this.isObserved(element)) {
+                resizeObserverElementMap.delete(element);
+                this.observedElements = this.observedElements.filter((observedElement) => observedElement !== element);
+            }
+        }
+        disconnect() {
+            for (const element of this.observedElements) {
+                resizeObserverElementMap.delete(element);
+            }
+            this.observedElements = [];
+        }
+        show() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.callback([{ contentRect: { height: 100 } }], this);
+        }
+        hide() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.callback([{ contentRect: { height: 0 } }], this);
+        }
+        isObserved(element) {
+            return this.observedElements.includes(element);
+        }
+    };
+    Object.assign(window, { VegaResizeObserver });
+    return {
+        show: (selector, container) => {
+            (container || document)
+                .querySelectorAll(selector)
+                // eslint-disable-next-line unicorn/no-array-for-each
+                .forEach((el) => {
+                const resizeObserver = resizeObserverElementMap.get(el);
+                if (resizeObserver) {
+                    resizeObserver.show();
+                }
+            });
+        },
+        hide: (selector, container) => {
+            (container || document)
+                .querySelectorAll(selector)
+                // eslint-disable-next-line unicorn/no-array-for-each
+                .forEach((el) => {
+                const resizeObserver = resizeObserverElementMap.get(el);
+                if (resizeObserver) {
+                    resizeObserver.hide();
+                }
+            });
+        },
+    };
+}
+function sleep(ms) {
+    return new Promise((resolve) => {
+        setTimeout(resolve, ms);
+    });
+}
+
+/*
+ * Public API Surface of vega-angular
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { mockResizeObserver, waitForVegaReady };
+//# sourceMappingURL=heartlandone-vega-angular-testing.mjs.map

package/dist/fesm2020/heartlandone-vega-angular-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"heartlandone-vega-angular-testing.mjs","sources":["../../testing/index.ts","../../testing/public-api.ts","../../testing/heartlandone-vega-angular-testing.ts"],"sourcesContent":["import { FeatureFlag } from '@heartlandone/vega';\nimport { waitFor } from '@testing-library/angular';\nimport type { RenderResult } from '@testing-library/angular';\n\ntype Nullable<T> = T | undefined | null;\n\nexport async function waitForVegaReady(\n  renderResult: RenderResult<unknown, unknown>,\n  delay: number = 300,\n): Promise<RenderResult<unknown, unknown>> {\n  await waitFor(() => {\n    renderResult.container\n      .querySelectorAll('*:not(.hydrated)')\n      // eslint-disable-next-line unicorn/no-array-for-each\n      .forEach((element: Element) => {\n        if (element.tagName.startsWith('VEGA')) {\n          throw new Error('Vega component is not rendered yet, retrying...');\n        }\n      });\n  });\n  /*\n     * The following code is added to load the vega component, and the attribute value is set after each component is loaded.\n     * To determine whether there is a hydrated style that cannot meet the requirements after the component is loaded,\n     * It need to set the sleep time to ensure that each attribute of the vega component is fully loaded\n     *\n     code link: ./node_modules/@heartlandone/vega-react/dist/react-component-lib/utils/attachProps.js(line 28-33)}\n    */\n  await sleep(delay);\n  return renderResult;\n}\n\nexport type MockedResizeObserverController = {\n  hide: (selector: string, container?: HTMLElement) => void;\n  show: (selector: string, container?: HTMLElement) => void;\n};\n\nexport function mockResizeObserver(): MockedResizeObserverController {\n  type MockedResizeObserver = ResizeObserver & {\n    show: () => void;\n    hide: () => void;\n  };\n  FeatureFlag.disable('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER');\n  const resizeObserverElementMap: Map<HTMLElement, MockedResizeObserver> = new Map();\n  const VegaResizeObserver: unknown = class {\n    private readonly callback: ResizeObserverCallback;\n    private observedElements: HTMLElement[] = [];\n    constructor(callback: ResizeObserverCallback) {\n      this.callback = callback;\n    }\n\n    observe(element: HTMLElement): void {\n      if (!this.isObserved(element)) {\n        resizeObserverElementMap.set(element, this);\n        this.observedElements.push(element);\n      }\n    }\n\n    unobserve(element: HTMLElement): void {\n      if (this.isObserved(element)) {\n        resizeObserverElementMap.delete(element);\n        this.observedElements = this.observedElements.filter(\n          (observedElement: HTMLElement) => observedElement !== element,\n        );\n      }\n    }\n\n    disconnect(): void {\n      for (const element of this.observedElements) {\n        resizeObserverElementMap.delete(element);\n      }\n      this.observedElements = [];\n    }\n\n    show(): void {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      this.callback([{ contentRect: { height: 100 } }] as any, this);\n    }\n\n    hide(): void {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      this.callback([{ contentRect: { height: 0 } }] as any, this);\n    }\n\n    private isObserved(element: HTMLElement): boolean {\n      return this.observedElements.includes(element);\n    }\n  };\n  Object.assign(window, { VegaResizeObserver });\n  return {\n    show: (selector: string, container?: HTMLElement): void => {\n      (container || document)\n        .querySelectorAll(selector)\n        // eslint-disable-next-line unicorn/no-array-for-each\n        .forEach((el: Element) => {\n          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(\n            el as HTMLElement,\n          );\n          if (resizeObserver) {\n            resizeObserver.show();\n          }\n        });\n    },\n    hide: (selector: string, container?: HTMLElement): void => {\n      (container || document)\n        .querySelectorAll(selector)\n        // eslint-disable-next-line unicorn/no-array-for-each\n        .forEach((el: Element) => {\n          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(\n            el as HTMLElement,\n          );\n          if (resizeObserver) {\n            resizeObserver.hide();\n          }\n        });\n    },\n  };\n}\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise((resolve: () => void) => {\n    setTimeout(resolve, ms);\n  });\n}\n","/*\n * Public API Surface of vega-angular\n */\nexport * from './index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAMO,eAAe,gBAAgB,CACpC,YAA4C,EAC5C,QAAgB,GAAG;IAEnB,MAAM,OAAO,CAAC;QACZ,YAAY,CAAC,SAAS;aACnB,gBAAgB,CAAC,kBAAkB,CAAC;;aAEpC,OAAO,CAAC,CAAC,OAAgB;YACxB,IAAI,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;gBACtC,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;aACpE;SACF,CAAC,CAAC;KACN,CAAC,CAAC;;;;;;;;IAQH,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,YAAY,CAAC;AACtB,CAAC;SAOe,kBAAkB;IAKhC,WAAW,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAC;IAC/D,MAAM,wBAAwB,GAA2C,IAAI,GAAG,EAAE,CAAC;IACnF,MAAM,kBAAkB,GAAY;QAGlC,YAAY,QAAgC;YADpC,qBAAgB,GAAkB,EAAE,CAAC;YAE3C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B;QAED,OAAO,CAAC,OAAoB;YAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;gBAC7B,wBAAwB,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBAC5C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aACrC;SACF;QAED,SAAS,CAAC,OAAoB;YAC5B,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;gBAC5B,wBAAwB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBACzC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAClD,CAAC,eAA4B,KAAK,eAAe,KAAK,OAAO,CAC9D,CAAC;aACH;SACF;QAED,UAAU;YACR,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBAC3C,wBAAwB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aAC1C;YACD,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;SAC5B;QAED,IAAI;;YAEF,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAQ,EAAE,IAAI,CAAC,CAAC;SAChE;QAED,IAAI;;YAEF,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAQ,EAAE,IAAI,CAAC,CAAC;SAC9D;QAEO,UAAU,CAAC,OAAoB;YACrC,OAAO,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SAChD;KACF,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC;IAC9C,OAAO;QACL,IAAI,EAAE,CAAC,QAAgB,EAAE,SAAuB;YAC9C,CAAC,SAAS,IAAI,QAAQ;iBACnB,gBAAgB,CAAC,QAAQ,CAAC;;iBAE1B,OAAO,CAAC,CAAC,EAAW;gBACnB,MAAM,cAAc,GAAmC,wBAAwB,CAAC,GAAG,CACjF,EAAiB,CAClB,CAAC;gBACF,IAAI,cAAc,EAAE;oBAClB,cAAc,CAAC,IAAI,EAAE,CAAC;iBACvB;aACF,CAAC,CAAC;SACN;QACD,IAAI,EAAE,CAAC,QAAgB,EAAE,SAAuB;YAC9C,CAAC,SAAS,IAAI,QAAQ;iBACnB,gBAAgB,CAAC,QAAQ,CAAC;;iBAE1B,OAAO,CAAC,CAAC,EAAW;gBACnB,MAAM,cAAc,GAAmC,wBAAwB,CAAC,GAAG,CACjF,EAAiB,CAClB,CAAC;gBACF,IAAI,cAAc,EAAE;oBAClB,cAAc,CAAC,IAAI,EAAE,CAAC;iBACvB;aACF,CAAC,CAAC;SACN;KACF,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,EAAU;IACvB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAmB;QACrC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;KACzB,CAAC,CAAC;AACL;;AC1HA;;;;ACAA;;;;;;"}

package/dist/fesm2020/heartlandone-vega-angular.mjs

@@ -300,11 +300,11 @@ let VegaBox = class VegaBox {
     }
 };
 VegaBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaBox, selector: "vega-box", inputs: { 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaBox, selector: "vega-box", inputs: { 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaBox = __decorate([
     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']
     })
 ], VegaBox);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBox, decorators: [{
@@ -313,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     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']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaBreadcrumb = class VegaBreadcrumb {
@@ -391,6 +391,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'tooltip', 'type', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaButtonGroup = class VegaButtonGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
+    }
+};
+VegaButtonGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaButtonGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaButtonGroup, selector: "vega-button-group", inputs: { iconAlign: "iconAlign", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaButtonGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['iconAlign', 'size', 'variant']
+    })
+], VegaButtonGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButtonGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-button-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['iconAlign', 'size', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaButtonGroupItem = class VegaButtonGroupItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaButtonGroupItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButtonGroupItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaButtonGroupItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaButtonGroupItem, selector: "vega-button-group-item", inputs: { dropdownProps: "dropdownProps", dropdownSource: "dropdownSource", icon: "icon", iconOnly: "iconOnly", itemKey: "itemKey", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaButtonGroupItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['dropdownProps', 'dropdownSource', 'icon', 'iconOnly', 'itemKey', 'label']
+    })
+], VegaButtonGroupItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButtonGroupItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-button-group-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['dropdownProps', 'dropdownSource', 'icon', 'iconOnly', 'itemKey', 'label']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaButtonLink = class VegaButtonLink {
     constructor(c, r, z) {
         this.z = z;
@@ -501,11 +550,11 @@ let VegaCheckboxGroup = class VegaCheckboxGroup {
     }
 };
 VegaCheckboxGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckboxGroup, selector: "vega-checkbox-group", inputs: { disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", required: "required", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckboxGroup, selector: "vega-checkbox-group", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", required: "required", validationRules: "validationRules", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaCheckboxGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value', 'vegaFlexProp']
     })
 ], VegaCheckboxGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, decorators: [{
@@ -514,7 +563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     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']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaChip = class VegaChip {
@@ -843,11 +892,11 @@ let VegaFlex = class VegaFlex {
     }
 };
 VegaFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFlex, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaFlex.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFlex, selector: "vega-flex", inputs: { alignItems: "alignItems", breakpoint: "breakpoint", direction: "direction", gap: "gap", justifyContent: "justifyContent", margin: "margin", useNativeFlex: "useNativeFlex" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaFlex.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFlex, selector: "vega-flex", inputs: { alignItems: "alignItems", breakpoint: "breakpoint", direction: "direction", flexWrap: "flexWrap", gap: "gap", justifyContent: "justifyContent", margin: "margin", useNativeFlex: "useNativeFlex" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaFlex = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+        inputs: ['alignItems', 'breakpoint', 'direction', 'flexWrap', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
     })
 ], VegaFlex);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFlex, decorators: [{
@@ -856,7 +905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     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']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaFont = class VegaFont {
@@ -966,11 +1015,11 @@ let VegaImageUploader = class VegaImageUploader {
     }
 };
 VegaImageUploader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaImageUploader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaImageUploader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaImageUploader, selector: "vega-image-uploader", inputs: { accept: "accept", autoValidation: "autoValidation", disabled: "disabled", isValid: "isValid", required: "required", showPreviewButton: "showPreviewButton", showRemoveButton: "showRemoveButton", showReplaceButton: "showReplaceButton", status: "status", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaImageUploader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaImageUploader, selector: "vega-image-uploader", inputs: { accept: "accept", autoValidation: "autoValidation", disabled: "disabled", isValid: "isValid", label: "label", required: "required", showPreviewButton: "showPreviewButton", showRemoveButton: "showRemoveButton", showReplaceButton: "showReplaceButton", status: "status", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaImageUploader = __decorate([
     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']
     })
 ], VegaImageUploader);
@@ -980,7 +1029,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     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']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInput = class VegaInput {
@@ -1536,11 +1585,11 @@ let VegaRadioGroup = class VegaRadioGroup {
     }
 };
 VegaRadioGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRadioGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaRadioGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaRadioGroup, selector: "vega-radio-group", inputs: { disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", name: "name", required: "required", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaRadioGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaRadioGroup, selector: "vega-radio-group", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", name: "name", required: "required", validationRules: "validationRules", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaRadioGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'name', 'required', 'validationRules', 'value', 'vegaFlexProp']
     })
 ], VegaRadioGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRadioGroup, decorators: [{
@@ -1549,7 +1598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     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']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSectionTitle = class VegaSectionTitle {
@@ -2093,6 +2142,8 @@ var VegaComponents = [
     VegaBreadcrumb,
     VegaButton,
     VegaButtonCircle,
+    VegaButtonGroup,
+    VegaButtonGroupItem,
     VegaButtonLink,
     VegaCard,
     VegaCarousel,
@@ -2179,7 +2230,7 @@ class VegaComponentModule {
     }
 }
 VegaComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VegaComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, declarations: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSectionTitle, VegaSegmentControl, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll, TextValueAccessor, ValueAccessor], exports: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSectionTitle, VegaSegmentControl, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll, TextValueAccessor, ValueAccessor] });
+VegaComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, declarations: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSectionTitle, VegaSegmentControl, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll, TextValueAccessor, ValueAccessor], exports: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSectionTitle, VegaSegmentControl, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll, TextValueAccessor, ValueAccessor] });
 VegaComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, imports: [[]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, decorators: [{
             type: NgModule,
@@ -2198,5 +2249,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TextValueAccessor, ValueAccessor, VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaComponentModule, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSectionTitle, VegaSegmentControl, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll };
+export { TextValueAccessor, ValueAccessor, VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaComponentModule, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSectionTitle, VegaSegmentControl, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll };
 //# sourceMappingURL=heartlandone-vega-angular.mjs.map