@heartlandone/vega-angular 1.51.0 → 2.0.0-preview-2

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { Directive, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { VegaEventManager, VegaEnvManager, FrameworkEnum, FeatureFlag } from '@heartlandone/vega';
 import { __decorate } from 'tslib';
-import { FeatureFlag, VegaEnvManager, FrameworkEnum } from '@heartlandone/vega';
 import { fromEvent } from 'rxjs';
 import { defineCustomElements } from '@heartlandone/vega/loader';
 import { ResizeObserver } from '@juggle/resize-observer';
@@ -20,10 +20,12 @@ class ValueAccessor {
     writeValue(value) {
         this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
     }
-    handleChangeEvent(value) {
-        if (value !== this.lastValue) {
-            this.lastValue = value;
-            this.onChange(value);
+    handleChangeEvent(value, semantics) {
+        if (VegaEventManager.getSemantics(this.el.nativeElement).namespace === semantics) {
+            if (value !== this.lastValue) {
+                this.lastValue = value;
+                this.onChange(value);
+            }
         }
     }
     _handleBlurEvent() {
@@ -39,9 +41,9 @@ class ValueAccessor {
         this.el.nativeElement.disabled = isDisabled;
     }
 }
-ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: ValueAccessor, selector: "vega-value-accessor", host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ValueAccessor, decorators: [{
+ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: ValueAccessor, selector: "vega-value-accessor", host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ValueAccessor, decorators: [{
             type: Directive,
             args: [{ selector: 'vega-value-accessor' }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
@@ -54,21 +56,22 @@ class TextValueAccessor extends ValueAccessor {
         super(el);
     }
 }
-TextValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TextValueAccessor, selector: "vega-checkbox-group, vega-checkbox, vega-color-picker, vega-combo-box, vega-date-picker, vega-image-uploader, vega-input, vega-input-credit-card, vega-input-select, vega-radio-group, vega-stepper, vega-textarea, vega-time-picker", host: { listeners: { "vegaChange": "handleChangeEvent($event.target.value)" } }, providers: [
+TextValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: TextValueAccessor, selector: "vega-checkbox, vega-checkbox-group, vega-color-picker, vega-combo-box, vega-date-picker, vega-image-uploader, vega-input, vega-input-credit-card, vega-input-select, vega-radio-group, vega-stepper, vega-textarea, vega-time-picker", host: { listeners: { "vegaChange": "handleChangeEvent($event.currentTarget.value, 'vega')", "change": "handleChangeEvent($event.currentTarget.value, 'native')" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: TextValueAccessor,
             multi: true
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TextValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TextValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
-                    selector: 'vega-checkbox-group, vega-checkbox, vega-color-picker, vega-combo-box, vega-date-picker, vega-image-uploader, vega-input, vega-input-credit-card, vega-input-select, vega-radio-group, vega-stepper, vega-textarea, vega-time-picker',
+                    selector: 'vega-checkbox, vega-checkbox-group, vega-color-picker, vega-combo-box, vega-date-picker, vega-image-uploader, vega-input, vega-input-credit-card, vega-input-select, vega-radio-group, vega-stepper, vega-textarea, vega-time-picker',
                     host: {
-                        '(vegaChange)': 'handleChangeEvent($event.target.value)'
+                        '(vegaChange)': "handleChangeEvent($event.currentTarget.value, 'vega')",
+                        '(change)': "handleChangeEvent($event.currentTarget.value, 'native')"
                     },
                     providers: [
                         {
@@ -117,7 +120,7 @@ const proxyInputs = (Cmp, inputs) => {
                  * We need to consider remove the componentOnReady
                  * https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/angular-output-target/angular-component-lib/utils.ts#L13
                  */
-                if (FeatureFlag.isEnabled('VEGA_FRAMEWORK.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD') || this.el.classList.contains('hydrated') || shouldSkipComponentOnReady(this.el.tagName, item)) {
+                if (this.el.classList.contains('hydrated') || shouldSkipComponentOnReady(this.el.tagName, item)) {
                     this.z.runOutsideAngular(() => (this.el[item] = val));
                 }
                 else {
@@ -171,18 +174,18 @@ let VegaAccordion = class VegaAccordion {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaExpand']);
+        proxyOutputs(this, this.el, ['vegaExpand', 'accordionExpand']);
     }
 };
-VegaAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaAccordion, selector: "vega-accordion", inputs: { accordionTitle: "accordionTitle", drawsBackground: "drawsBackground", expand: "expand", expandIconAlign: "expandIconAlign", groupId: "groupId", iconPosition: "iconPosition", prefixIcon: "prefixIcon", showExpandIcon: "showExpandIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaAccordion, selector: "vega-accordion", inputs: { accordionTitle: "accordionTitle", drawsBackground: "drawsBackground", expand: "expand", expandIconAlign: "expandIconAlign", groupId: "groupId", iconPosition: "iconPosition", prefixIcon: "prefixIcon", showExpandIcon: "showExpandIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaAccordion = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['accordionTitle', 'drawsBackground', 'expand', 'expandIconAlign', 'groupId', 'iconPosition', 'prefixIcon', 'showExpandIcon']
     })
 ], VegaAccordion);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaAccordion, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaAccordion, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-accordion',
@@ -198,15 +201,15 @@ let VegaAppFooter = class VegaAppFooter {
         this.el = r.nativeElement;
     }
 };
-VegaAppFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaAppFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaAppFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaAppFooter, selector: "vega-app-footer", inputs: { additionalLinks: "additionalLinks", content: "content", disclaimerUrlTarget: "disclaimerUrlTarget", hideDefaultLinks: "hideDefaultLinks", privacyPolicyLabel: "privacyPolicyLabel", privacyPolicyUrl: "privacyPolicyUrl", privacyPolicyUrlTarget: "privacyPolicyUrlTarget", showDisclaimer: "showDisclaimer", termOfUseLabel: "termOfUseLabel", termOfUseUrl: "termOfUseUrl", termOfUseUrlTarget: "termOfUseUrlTarget" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaAppFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaAppFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaAppFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaAppFooter, selector: "vega-app-footer", inputs: { additionalLinks: "additionalLinks", content: "content", disclaimerUrlTarget: "disclaimerUrlTarget", hideDefaultLinks: "hideDefaultLinks", privacyPolicyLabel: "privacyPolicyLabel", privacyPolicyUrl: "privacyPolicyUrl", privacyPolicyUrlTarget: "privacyPolicyUrlTarget", showDisclaimer: "showDisclaimer", termOfUseLabel: "termOfUseLabel", termOfUseUrl: "termOfUseUrl", termOfUseUrlTarget: "termOfUseUrlTarget" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaAppFooter = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['additionalLinks', 'content', 'disclaimerUrlTarget', 'hideDefaultLinks', 'privacyPolicyLabel', 'privacyPolicyUrl', 'privacyPolicyUrlTarget', 'showDisclaimer', 'termOfUseLabel', 'termOfUseUrl', 'termOfUseUrlTarget']
     })
 ], VegaAppFooter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaAppFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaAppFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-app-footer',
@@ -220,18 +223,18 @@ let VegaAppHeaderButton = class VegaAppHeaderButton {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick', 'vegaDropdownClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click', 'vegaDropdownClick', 'dropdownClick']);
     }
 };
-VegaAppHeaderButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaAppHeaderButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaAppHeaderButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaAppHeaderButton, selector: "vega-app-header-button", inputs: { avatar: "avatar", avatarPosition: "avatarPosition", dropdown: "dropdown", label: "label", selected: "selected", showBorder: "showBorder", showLabel: "showLabel", showMenuArrowIcon: "showMenuArrowIcon", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaAppHeaderButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaAppHeaderButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaAppHeaderButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaAppHeaderButton, selector: "vega-app-header-button", inputs: { avatar: "avatar", avatarPosition: "avatarPosition", dropdown: "dropdown", label: "label", selected: "selected", showBorder: "showBorder", showLabel: "showLabel", showMenuArrowIcon: "showMenuArrowIcon", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaAppHeaderButton = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['avatar', 'avatarPosition', 'dropdown', 'label', 'selected', 'showBorder', 'showLabel', 'showMenuArrowIcon', 'size']
     })
 ], VegaAppHeaderButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaAppHeaderButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaAppHeaderButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-app-header-button',
@@ -240,53 +243,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['avatar', 'avatarPosition', 'dropdown', 'label', 'selected', 'showBorder', 'showLabel', 'showMenuArrowIcon', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaBadge = class VegaBadge {
+let VegaBackdrop = class VegaBackdrop {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['vegaClick']);
     }
 };
-VegaBadge.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaBadge.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaBadge, selector: "vega-badge", inputs: { bgColor: "bgColor", size: "size", text: "text", textColor: "textColor" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaBadge = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['bgColor', 'size', 'text', 'textColor']
-    })
-], VegaBadge);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBadge, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'vega-badge',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['bgColor', 'size', 'text', 'textColor']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaBanner = class VegaBanner {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClose', 'vegaLoad', 'vegaClickCTA']);
-    }
-};
-VegaBanner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBanner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaBanner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaBanner, selector: "vega-banner", inputs: { mode: "mode", source: "source" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaBanner = __decorate([
+VegaBackdrop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBackdrop, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaBackdrop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaBackdrop, selector: "vega-backdrop", inputs: { color: "color", duration: "duration", visible: "visible" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaBackdrop = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['mode', 'source']
+        inputs: ['color', 'duration', 'visible']
     })
-], VegaBanner);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBanner, decorators: [{
+], VegaBackdrop);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBackdrop, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vega-banner',
+                    selector: 'vega-backdrop',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['mode', 'source']
+                    inputs: ['color', 'duration', 'visible']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaBarChart = class VegaBarChart {
@@ -296,15 +275,15 @@ let VegaBarChart = class VegaBarChart {
         this.el = r.nativeElement;
     }
 };
-VegaBarChart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBarChart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaBarChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaBarChart, selector: "vega-bar-chart", inputs: { options: "options" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaBarChart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBarChart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaBarChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaBarChart, selector: "vega-bar-chart", inputs: { options: "options" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaBarChart = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['options']
     })
 ], VegaBarChart);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBarChart, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBarChart, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-bar-chart',
@@ -320,21 +299,21 @@ let VegaBox = class VegaBox {
         this.el = r.nativeElement;
     }
 };
-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: { display: "display", margin: "margin", padding: "padding" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", 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.7", type: VegaBox, selector: "vega-box", inputs: { backgroundColor: "backgroundColor", borderColor: "borderColor", display: "display", margin: "margin", padding: "padding", shadow: "shadow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaBox = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['display', 'margin', 'padding']
+        inputs: ['backgroundColor', 'borderColor', 'display', 'margin', 'padding', 'shadow']
     })
 ], VegaBox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBox, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-box',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['display', 'margin', 'padding']
+                    inputs: ['backgroundColor', 'borderColor', 'display', 'margin', 'padding', 'shadow']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaBreadcrumb = class VegaBreadcrumb {
@@ -342,18 +321,18 @@ let VegaBreadcrumb = class VegaBreadcrumb {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
     }
 };
-VegaBreadcrumb.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBreadcrumb, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaBreadcrumb.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaBreadcrumb, selector: "vega-breadcrumb", inputs: { items: "items", maxItems: "maxItems" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaBreadcrumb.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBreadcrumb, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaBreadcrumb.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaBreadcrumb, selector: "vega-breadcrumb", inputs: { items: "items", maxItems: "maxItems" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaBreadcrumb = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['items', 'maxItems']
     })
 ], VegaBreadcrumb);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaBreadcrumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBreadcrumb, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-breadcrumb',
@@ -367,18 +346,18 @@ let VegaButton = class VegaButton {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
     }
 };
-VegaButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaButton, selector: "vega-button", inputs: { block: "block", danger: "danger", disabled: "disabled", icon: "icon", iconAlign: "iconAlign", label: "label", size: "size", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaButton, selector: "vega-button", inputs: { block: "block", danger: "danger", disabled: "disabled", icon: "icon", iconAlign: "iconAlign", label: "label", size: "size", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaButton = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['block', 'danger', 'disabled', 'icon', 'iconAlign', 'label', 'size', 'type', 'variant']
     })
 ], VegaButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-button',
@@ -392,24 +371,24 @@ let VegaButtonCircle = class VegaButtonCircle {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
     }
 };
-VegaButtonCircle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButtonCircle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaButtonCircle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaButtonCircle, selector: "vega-button-circle", inputs: { danger: "danger", disabled: "disabled", icon: "icon", iconColor: "iconColor", label: "label", size: "size", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaButtonCircle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButtonCircle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaButtonCircle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaButtonCircle, selector: "vega-button-circle", inputs: { danger: "danger", disabled: "disabled", icon: "icon", iconColor: "iconColor", label: "label", showTooltip: "showTooltip", size: "size", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaButtonCircle = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'size', 'type', 'variant']
+        inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'type', 'variant']
     })
 ], VegaButtonCircle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButtonCircle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButtonCircle, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-button-circle',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'size', 'type', 'variant']
+                    inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'type', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaButtonLink = class VegaButtonLink {
@@ -417,18 +396,18 @@ let VegaButtonLink = class VegaButtonLink {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
     }
 };
-VegaButtonLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButtonLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaButtonLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaButtonLink, selector: "vega-button-link", inputs: { danger: "danger", disabled: "disabled", eventful: "eventful", icon: "icon", iconAlign: "iconAlign", iconType: "iconType", label: "label", link: "link", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaButtonLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButtonLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaButtonLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaButtonLink, selector: "vega-button-link", inputs: { danger: "danger", disabled: "disabled", eventful: "eventful", icon: "icon", iconAlign: "iconAlign", iconType: "iconType", label: "label", link: "link", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaButtonLink = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['danger', 'disabled', 'eventful', 'icon', 'iconAlign', 'iconType', 'label', 'link', 'size']
     })
 ], VegaButtonLink);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaButtonLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButtonLink, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-button-link',
@@ -444,21 +423,21 @@ let VegaCard = class VegaCard {
         this.el = r.nativeElement;
     }
 };
-VegaCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCard, selector: "vega-card", inputs: { backgroundColor: "backgroundColor", margin: "margin", padding: "padding", shadow: "shadow", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaCard, selector: "vega-card", inputs: { backgroundColor: "backgroundColor", margin: "margin", padding: "padding", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaCard = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['backgroundColor', 'margin', 'padding', 'shadow', 'variant']
+        inputs: ['backgroundColor', 'margin', 'padding', 'variant']
     })
 ], VegaCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-card',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['backgroundColor', 'margin', 'padding', 'shadow', 'variant']
+                    inputs: ['backgroundColor', 'margin', 'padding', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaCarousel = class VegaCarousel {
@@ -466,11 +445,11 @@ let VegaCarousel = class VegaCarousel {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaPageUpdate']);
+        proxyOutputs(this, this.el, ['vegaPageUpdate', 'pageUpdate']);
     }
 };
-VegaCarousel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCarousel, selector: "vega-carousel", inputs: { canSwipe: "canSwipe", perPage: "perPage", showSlider: "showSlider", spacing: "spacing" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaCarousel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaCarousel, selector: "vega-carousel", inputs: { canSwipe: "canSwipe", perPage: "perPage", showSlider: "showSlider", spacing: "spacing" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaCarousel = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -478,7 +457,7 @@ VegaCarousel = __decorate([
         methods: ['nextPage', 'prevPage', 'goToPage']
     })
 ], VegaCarousel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCarousel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCarousel, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-carousel',
@@ -492,19 +471,19 @@ let VegaCheckbox = class VegaCheckbox {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaValidate', 'vegaChange']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
-VegaCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckbox, selector: "vega-checkbox", inputs: { checked: "checked", disabled: "disabled", identifier: "identifier", isValid: "isValid", required: "required", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaCheckbox, selector: "vega-checkbox", inputs: { checked: "checked", disabled: "disabled", identifier: "identifier", isValid: "isValid", required: "required", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaCheckbox = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['checked', 'disabled', 'identifier', 'isValid', 'required', 'size', 'value'],
-        methods: ['valid', 'setValue']
+        methods: ['setValue']
     })
 ], VegaCheckbox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-checkbox',
@@ -518,25 +497,24 @@ let VegaCheckboxGroup = class VegaCheckboxGroup {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
-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", formValidation: "formValidation", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", 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.7", 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 = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'formValidation', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp'],
-        methods: ['valid']
+        inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
     })
 ], VegaCheckboxGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCheckboxGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-checkbox-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'formValidation', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
+                    inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaChip = class VegaChip {
@@ -544,18 +522,18 @@ let VegaChip = class VegaChip {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClose', 'vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClose', 'close', 'vegaClick', 'click']);
     }
 };
-VegaChip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaChip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaChip, selector: "vega-chip", inputs: { bgColor: "bgColor", chipType: "chipType", clickable: "clickable", icon: "icon", iconAlign: "iconAlign", showCloseIcon: "showCloseIcon", size: "size", statusColor: "statusColor", text: "text", textColor: "textColor", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaChip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaChip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaChip, selector: "vega-chip", inputs: { bgColor: "bgColor", chipType: "chipType", clickable: "clickable", icon: "icon", iconAlign: "iconAlign", showCloseIcon: "showCloseIcon", size: "size", statusColor: "statusColor", text: "text", textColor: "textColor", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaChip = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['bgColor', 'chipType', 'clickable', 'icon', 'iconAlign', 'showCloseIcon', 'size', 'statusColor', 'text', 'textColor', 'variant']
     })
 ], VegaChip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaChip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaChip, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-chip',
@@ -569,19 +547,18 @@ let VegaColorPicker = class VegaColorPicker {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
-VegaColorPicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaColorPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaColorPicker, selector: "vega-color-picker", inputs: { autoValidation: "autoValidation", colors: "colors", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", required: "required", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaColorPicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaColorPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaColorPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaColorPicker, selector: "vega-color-picker", inputs: { autoValidation: "autoValidation", colors: "colors", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", required: "required", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaColorPicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'colors', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value'],
-        methods: ['valid']
+        inputs: ['autoValidation', 'colors', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value']
     })
 ], VegaColorPicker);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorPicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaColorPicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-color-picker',
@@ -595,19 +572,19 @@ let VegaComboBox = class VegaComboBox {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate', 'vegaCreate', 'vegaSearch']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaCreate', 'create', 'vegaSearch', 'search']);
     }
 };
-VegaComboBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComboBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaComboBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaComboBox, selector: "vega-combo-box", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", placeholder: "placeholder", required: "required", size: "size", source: "source", useDefaultFilter: "useDefaultFilter", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaComboBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaComboBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaComboBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaComboBox, selector: "vega-combo-box", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", placeholder: "placeholder", required: "required", size: "size", source: "source", useDefaultFilter: "useDefaultFilter", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaComboBox = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps'],
-        methods: ['close', 'open', 'valid']
+        methods: ['close', 'open']
     })
 ], VegaComboBox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComboBox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaComboBox, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-combo-box',
@@ -623,15 +600,15 @@ let VegaCounterBadge = class VegaCounterBadge {
         this.el = r.nativeElement;
     }
 };
-VegaCounterBadge.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCounterBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaCounterBadge.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCounterBadge, selector: "vega-counter-badge", inputs: { color: "color", count: "count", dot: "dot", offset: "offset" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaCounterBadge.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCounterBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaCounterBadge.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaCounterBadge, selector: "vega-counter-badge", inputs: { color: "color", count: "count", dot: "dot", offset: "offset" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaCounterBadge = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['color', 'count', 'dot', 'offset']
     })
 ], VegaCounterBadge);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCounterBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaCounterBadge, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-counter-badge',
@@ -645,25 +622,47 @@ let VegaDatePicker = class VegaDatePicker {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
-VegaDatePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaDatePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaDatePicker, selector: "vega-date-picker", inputs: { allowRepick: "allowRepick", autoValidation: "autoValidation", clearButton: "clearButton", disabled: "disabled", dropdownConfig: "dropdownConfig", formValidation: "formValidation", format: "format", isValid: "isValid", label: "label", maxDate: "maxDate", minDate: "minDate", mode: "mode", placeholder: "placeholder", readOnly: "readOnly", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaDatePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaDatePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaDatePicker, selector: "vega-date-picker", inputs: { allowRepick: "allowRepick", autoValidation: "autoValidation", clearButton: "clearButton", disabled: "disabled", dropdownConfig: "dropdownConfig", format: "format", isValid: "isValid", label: "label", maxDate: "maxDate", minDate: "minDate", mode: "mode", placeholder: "placeholder", readOnly: "readOnly", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaDatePicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'formValidation', 'format', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'size', 'validationRules', 'value'],
-        methods: ['valid', 'doClose', 'doOpen']
+        inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'size', 'validationRules', 'value'],
+        methods: ['doClose', 'doOpen']
     })
 ], VegaDatePicker);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDatePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDatePicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-date-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'formValidation', 'format', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'size', 'validationRules', 'value']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaDatePickerCalendar = class VegaDatePickerCalendar {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaDatePickerCalendar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDatePickerCalendar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaDatePickerCalendar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaDatePickerCalendar, selector: "vega-date-picker-calendar", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaDatePickerCalendar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], VegaDatePickerCalendar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDatePickerCalendar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-date-picker-calendar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaDialog = class VegaDialog {
@@ -673,15 +672,15 @@ let VegaDialog = class VegaDialog {
         this.el = r.nativeElement;
     }
 };
-VegaDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDialog, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaDialog, selector: "vega-dialog", inputs: { cancelButton: "cancelButton", content: "content", dialogTitle: "dialogTitle", handleCancel: "handleCancel", handleOk: "handleOk", modalProps: "modalProps", okButton: "okButton", showCancel: "showCancel", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDialog, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaDialog, selector: "vega-dialog", inputs: { cancelButton: "cancelButton", content: "content", dialogTitle: "dialogTitle", handleCancel: "handleCancel", handleOk: "handleOk", modalProps: "modalProps", okButton: "okButton", showCancel: "showCancel", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaDialog = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['cancelButton', 'content', 'dialogTitle', 'handleCancel', 'handleOk', 'modalProps', 'okButton', 'showCancel', 'type']
     })
 ], VegaDialog);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDialog, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-dialog',
@@ -695,11 +694,11 @@ let VegaDropdown = class VegaDropdown {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick', 'vegaDropdownClick', 'vegaShow', 'vegaHide', 'vegaCreate', 'vegaSearch']);
+        proxyOutputs(this, this.el, ['vegaDropdownClick', 'dropdownClick', 'vegaShow', 'dropdownShow', 'vegaHide', 'dropdownHide', 'vegaCreate', 'create', 'vegaSearch', 'dropdownSearch']);
     }
 };
-VegaDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaDropdown, selector: "vega-dropdown", inputs: { alignment: "alignment", caseSensitive: "caseSensitive", dynamicOption: "dynamicOption", isLoading: "isLoading", itemDisplayRule: "itemDisplayRule", matchContainerHeight: "matchContainerHeight", matchTargetWidth: "matchTargetWidth", maxHeight: "maxHeight", maxWidth: "maxWidth", minWidth: "minWidth", placement: "placement", positionRelativeTo: "positionRelativeTo", prefixIconSlot: "prefixIconSlot", searchable: "searchable", selectType: "selectType", selectedSourceKey: "selectedSourceKey", size: "size", source: "source", translocation: "translocation", trigger: "trigger", useDefaultFilter: "useDefaultFilter" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaDropdown, selector: "vega-dropdown", inputs: { alignment: "alignment", caseSensitive: "caseSensitive", dynamicOption: "dynamicOption", isLoading: "isLoading", itemDisplayRule: "itemDisplayRule", matchContainerHeight: "matchContainerHeight", matchTargetWidth: "matchTargetWidth", maxHeight: "maxHeight", maxWidth: "maxWidth", minWidth: "minWidth", placement: "placement", positionRelativeTo: "positionRelativeTo", prefixIconSlot: "prefixIconSlot", searchable: "searchable", selectType: "selectType", selectedSourceKey: "selectedSourceKey", size: "size", source: "source", translocation: "translocation", trigger: "trigger", useDefaultFilter: "useDefaultFilter" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaDropdown = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -707,7 +706,7 @@ VegaDropdown = __decorate([
         methods: ['show', 'hide', 'search', 'clearSelection', 'getSelection', 'setSelection']
     })
 ], VegaDropdown);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDropdown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDropdown, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-dropdown',
@@ -716,6 +715,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['alignment', 'caseSensitive', 'dynamicOption', 'isLoading', 'itemDisplayRule', 'matchContainerHeight', 'matchTargetWidth', 'maxHeight', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'prefixIconSlot', 'searchable', 'selectType', 'selectedSourceKey', 'size', 'source', 'translocation', 'trigger', 'useDefaultFilter']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaDropdownContentBox = class VegaDropdownContentBox {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaDropdownContentBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDropdownContentBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaDropdownContentBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaDropdownContentBox, selector: "vega-dropdown-content-box", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaDropdownContentBox = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], VegaDropdownContentBox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDropdownContentBox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-dropdown-content-box',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaDropdownGroup = class VegaDropdownGroup {
     constructor(c, r, z) {
         this.z = z;
@@ -723,15 +744,15 @@ let VegaDropdownGroup = class VegaDropdownGroup {
         this.el = r.nativeElement;
     }
 };
-VegaDropdownGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDropdownGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaDropdownGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaDropdownGroup, selector: "vega-dropdown-group", inputs: { divide: "divide", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaDropdownGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDropdownGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaDropdownGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaDropdownGroup, selector: "vega-dropdown-group", inputs: { divide: "divide", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaDropdownGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['divide', 'label']
     })
 ], VegaDropdownGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDropdownGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDropdownGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-dropdown-group',
@@ -745,18 +766,18 @@ let VegaDropdownItem = class VegaDropdownItem {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
     }
 };
-VegaDropdownItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDropdownItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaDropdownItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaDropdownItem, selector: "vega-dropdown-item", inputs: { count: "count", disabled: "disabled", height: "height", itemKey: "itemKey", label: "label", prefixIcon: "prefixIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaDropdownItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDropdownItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaDropdownItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaDropdownItem, selector: "vega-dropdown-item", inputs: { count: "count", disabled: "disabled", height: "height", itemKey: "itemKey", label: "label", prefixIcon: "prefixIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaDropdownItem = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['count', 'disabled', 'height', 'itemKey', 'label', 'prefixIcon']
     })
 ], VegaDropdownItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDropdownItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaDropdownItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-dropdown-item',
@@ -772,15 +793,15 @@ let VegaFieldError = class VegaFieldError {
         this.el = r.nativeElement;
     }
 };
-VegaFieldError.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFieldError, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaFieldError.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFieldError, selector: "vega-field-error", inputs: { message: "message" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaFieldError.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFieldError, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaFieldError.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaFieldError, selector: "vega-field-error", inputs: { message: "message" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaFieldError = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['message']
     })
 ], VegaFieldError);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFieldError, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFieldError, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-field-error',
@@ -797,15 +818,15 @@ let VegaFieldLabel = class VegaFieldLabel {
         proxyOutputs(this, this.el, ['vegaClick']);
     }
 };
-VegaFieldLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFieldLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaFieldLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFieldLabel, selector: "vega-field-label", inputs: { disabled: "disabled", isFieldRequired: "isFieldRequired", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaFieldLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFieldLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaFieldLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaFieldLabel, selector: "vega-field-label", inputs: { disabled: "disabled", isFieldRequired: "isFieldRequired", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaFieldLabel = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['disabled', 'isFieldRequired', 'label']
     })
 ], VegaFieldLabel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFieldLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFieldLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-field-label',
@@ -821,21 +842,21 @@ let VegaFlex = class VegaFlex {
         this.el = r.nativeElement;
     }
 };
-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: { alignItem: "alignItem", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", 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.7", type: VegaFlex, selector: "vega-flex", inputs: { alignItems: "alignItems", direction: "direction", gap: "gap", justifyContent: "justifyContent", margin: "margin" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaFlex = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['alignItem', 'alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+        inputs: ['alignItems', 'direction', 'gap', 'justifyContent', 'margin']
     })
 ], VegaFlex);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFlex, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFlex, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-flex',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['alignItem', 'alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+                    inputs: ['alignItems', 'direction', 'gap', 'justifyContent', 'margin']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaFont = class VegaFont {
@@ -845,15 +866,15 @@ let VegaFont = class VegaFont {
         this.el = r.nativeElement;
     }
 };
-VegaFont.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFont, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaFont.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFont, selector: "vega-font", inputs: { as: "as", color: "color", disableResponsive: "disableResponsive", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaFont.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFont, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaFont.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaFont, selector: "vega-font", inputs: { as: "as", color: "color", disableResponsive: "disableResponsive", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaFont = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['as', 'color', 'disableResponsive', 'variant']
     })
 ], VegaFont);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFont, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFont, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-font',
@@ -862,40 +883,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['as', 'color', 'disableResponsive', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaFooter = class VegaFooter {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-};
-VegaFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFooter, selector: "vega-footer", inputs: { privacyUrl: "privacyUrl", tosUrl: "tosUrl" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaFooter = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['privacyUrl', 'tosUrl']
-    })
-], VegaFooter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFooter, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'vega-footer',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['privacyUrl', 'tosUrl']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaForm = class VegaForm {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaValidate', 'vegaFormSubmit', 'vegaFormReset']);
+        proxyOutputs(this, this.el, ['vegaValidate', 'validate', 'vegaFormSubmit', 'formSubmit', 'vegaFormReset', 'formReset']);
     }
 };
-VegaForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaForm, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaForm, selector: "vega-form", inputs: { isTouched: "isTouched", isValid: "isValid" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaForm, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaForm, selector: "vega-form", inputs: { isTouched: "isTouched", isValid: "isValid" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaForm = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -903,7 +900,7 @@ VegaForm = __decorate([
         methods: ['valid', 'getValue', 'setValue', 'reset']
     })
 ], VegaForm);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaForm, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-form',
@@ -919,15 +916,15 @@ let VegaGrid = class VegaGrid {
         this.el = r.nativeElement;
     }
 };
-VegaGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaGrid, selector: "vega-grid", inputs: { column: "column", gap: "gap", row: "row" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaGrid, selector: "vega-grid", inputs: { column: "column", gap: "gap", row: "row" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaGrid = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['column', 'gap', 'row']
     })
 ], VegaGrid);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaGrid, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-grid',
@@ -936,28 +933,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['column', 'gap', 'row']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaHeader = class VegaHeader {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-};
-VegaHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaHeader, selector: "vega-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaHeader = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined
-    })
-], VegaHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaHeader, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'vega-header',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaIcon = class VegaIcon {
     constructor(c, r, z) {
         this.z = z;
@@ -965,15 +940,15 @@ let VegaIcon = class VegaIcon {
         this.el = r.nativeElement;
     }
 };
-VegaIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaIcon, selector: "vega-icon", inputs: { color: "color", icon: "icon", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaIcon, selector: "vega-icon", inputs: { color: "color", icon: "icon", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaIcon = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['color', 'icon', 'size']
     })
 ], VegaIcon);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-icon',
@@ -987,19 +962,19 @@ let VegaImageUploader = class VegaImageUploader {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaRemove', 'vegaCancel', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaRemove', 'remove', 'vegaCancel', 'cancel']);
     }
 };
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", 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.7", 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 = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['accept', 'autoValidation', 'disabled', 'isValid', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value'],
-        methods: ['valid', 'getContentURL']
+        methods: ['getContentURL']
     })
 ], VegaImageUploader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaImageUploader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaImageUploader, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-image-uploader',
@@ -1013,25 +988,25 @@ let VegaInput = class VegaInput {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate', 'vegaBlur', 'vegaFocus']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
     }
 };
-VegaInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInput, selector: "vega-input", inputs: { autoValidation: "autoValidation", autocomplete: "autocomplete", disabled: "disabled", email: "email", formValidation: "formValidation", hint: "hint", isValid: "isValid", label: "label", maskConfig: "maskConfig", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", showClearIcon: "showClearIcon", size: "size", type: "type", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaInput, selector: "vega-input", inputs: { autoValidation: "autoValidation", autocomplete: "autocomplete", disabled: "disabled", email: "email", hint: "hint", isValid: "isValid", label: "label", maskConfig: "maskConfig", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", showClearIcon: "showClearIcon", size: "size", type: "type", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'autocomplete', 'disabled', 'email', 'formValidation', 'hint', 'isValid', 'label', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'type', 'validationRules', 'value'],
-        methods: ['valid', 'doFocus', 'doBlur']
+        inputs: ['autoValidation', 'autocomplete', 'disabled', 'email', 'hint', 'isValid', 'label', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'type', 'validationRules', 'value'],
+        methods: ['doFocus', 'doBlur']
     })
 ], VegaInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-input',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'autocomplete', 'disabled', 'email', 'formValidation', 'hint', 'isValid', 'label', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'type', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'autocomplete', 'disabled', 'email', 'hint', 'isValid', 'label', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'type', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputCreditCard = class VegaInputCreditCard {
@@ -1039,19 +1014,18 @@ let VegaInputCreditCard = class VegaInputCreditCard {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaValidate', 'vegaChange', 'vegaBlur', 'vegaFocus']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
     }
 };
-VegaInputCreditCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputCreditCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputCreditCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputCreditCard, selector: "vega-input-credit-card", inputs: { autoValidation: "autoValidation", disabled: "disabled", hideCardNumberOnBlur: "hideCardNumberOnBlur", hint: "hint", isValid: "isValid", label: "label", placeholder: "placeholder", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputCreditCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaInputCreditCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaInputCreditCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaInputCreditCard, selector: "vega-input-credit-card", inputs: { autoValidation: "autoValidation", disabled: "disabled", hideCardNumberOnBlur: "hideCardNumberOnBlur", hint: "hint", isValid: "isValid", label: "label", placeholder: "placeholder", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputCreditCard = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hideCardNumberOnBlur', 'hint', 'isValid', 'label', 'placeholder', 'required', 'size', 'validationRules', 'value'],
-        methods: ['valid']
+        inputs: ['autoValidation', 'disabled', 'hideCardNumberOnBlur', 'hint', 'isValid', 'label', 'placeholder', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaInputCreditCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputCreditCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaInputCreditCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-input-credit-card',
@@ -1065,25 +1039,25 @@ let VegaInputSelect = class VegaInputSelect {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate', 'vegaSearch']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaSearch', 'search']);
     }
 };
-VegaInputSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputSelect, selector: "vega-input-select", inputs: { autoValidation: "autoValidation", disabled: "disabled", formValidation: "formValidation", hint: "hint", isValid: "isValid", label: "label", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", selectType: "selectType", selectedLabel: "selectedLabel", size: "size", source: "source", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaInputSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaInputSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaInputSelect, selector: "vega-input-select", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", selectType: "selectType", selectedLabel: "selectedLabel", size: "size", source: "source", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputSelect = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'formValidation', 'hint', 'isValid', 'label', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'size', 'source', 'validationRules', 'value', 'vegaDropdownProps'],
-        methods: ['doClose', 'doOpen', 'doChange', 'valid']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'size', 'source', 'validationRules', 'value', 'vegaDropdownProps'],
+        methods: ['doClose', 'doOpen', 'doChange']
     })
 ], VegaInputSelect);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaInputSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-input-select',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'formValidation', 'hint', 'isValid', 'label', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'size', 'source', 'validationRules', 'value', 'vegaDropdownProps']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'size', 'source', 'validationRules', 'value', 'vegaDropdownProps']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaItemToggle = class VegaItemToggle {
@@ -1091,24 +1065,24 @@ let VegaItemToggle = class VegaItemToggle {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaToggleStatus']);
+        proxyOutputs(this, this.el, ['vegaToggleStatus', 'toggleStatus']);
     }
 };
-VegaItemToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaItemToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaItemToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaItemToggle, selector: "vega-item-toggle", inputs: { isError: "isError", isToggled: "isToggled", itemToggleStatusMap: "itemToggleStatusMap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaItemToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaItemToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaItemToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaItemToggle, selector: "vega-item-toggle", inputs: { isToggled: "isToggled", itemToggleStatusMap: "itemToggleStatusMap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaItemToggle = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['isError', 'isToggled', 'itemToggleStatusMap']
+        inputs: ['isToggled', 'itemToggleStatusMap']
     })
 ], VegaItemToggle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaItemToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaItemToggle, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-item-toggle',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['isError', 'isToggled', 'itemToggleStatusMap']
+                    inputs: ['isToggled', 'itemToggleStatusMap']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaLeftNav = class VegaLeftNav {
@@ -1116,11 +1090,11 @@ let VegaLeftNav = class VegaLeftNav {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaStateUpdate']);
+        proxyOutputs(this, this.el, ['vegaStateUpdate', 'stateUpdate']);
     }
 };
-VegaLeftNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaLeftNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLeftNav, selector: "vega-left-nav", inputs: { footnote: "footnote", headerConfig: "headerConfig", open: "open", showAsOverlay: "showAsOverlay", source: "source" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLeftNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLeftNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLeftNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaLeftNav, selector: "vega-left-nav", inputs: { footnote: "footnote", headerConfig: "headerConfig", open: "open", showAsOverlay: "showAsOverlay", source: "source" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaLeftNav = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -1128,7 +1102,7 @@ VegaLeftNav = __decorate([
         methods: ['toggle']
     })
 ], VegaLeftNav);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNav, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLeftNav, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-left-nav',
@@ -1142,18 +1116,18 @@ let VegaLeftNavGroup = class VegaLeftNavGroup {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaGroupClick']);
+        proxyOutputs(this, this.el, ['vegaGroupClick', 'groupClick']);
     }
 };
-VegaLeftNavGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaLeftNavGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLeftNavGroup, selector: "vega-left-nav-group", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLeftNavGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLeftNavGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLeftNavGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaLeftNavGroup, selector: "vega-left-nav-group", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaLeftNavGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['icon', 'label']
     })
 ], VegaLeftNavGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLeftNavGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-left-nav-group',
@@ -1167,18 +1141,18 @@ let VegaLeftNavLink = class VegaLeftNavLink {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaMenuClick']);
+        proxyOutputs(this, this.el, ['vegaMenuClick', 'menuClick']);
     }
 };
-VegaLeftNavLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaLeftNavLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLeftNavLink, selector: "vega-left-nav-link", inputs: { counterBadge: "counterBadge", icon: "icon", selected: "selected", url: "url" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLeftNavLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLeftNavLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLeftNavLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaLeftNavLink, selector: "vega-left-nav-link", inputs: { counterBadge: "counterBadge", icon: "icon", selected: "selected", url: "url" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaLeftNavLink = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['counterBadge', 'icon', 'selected', 'url']
     })
 ], VegaLeftNavLink);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLeftNavLink, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-left-nav-link',
@@ -1194,15 +1168,15 @@ let VegaLeftNavSection = class VegaLeftNavSection {
         this.el = r.nativeElement;
     }
 };
-VegaLeftNavSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavSection, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaLeftNavSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLeftNavSection, selector: "vega-left-nav-section", inputs: { sectionHeader: "sectionHeader" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLeftNavSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLeftNavSection, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLeftNavSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaLeftNavSection, selector: "vega-left-nav-section", inputs: { sectionHeader: "sectionHeader" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaLeftNavSection = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['sectionHeader']
     })
 ], VegaLeftNavSection);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavSection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLeftNavSection, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-left-nav-section',
@@ -1218,8 +1192,8 @@ let VegaLineChart = class VegaLineChart {
         this.el = r.nativeElement;
     }
 };
-VegaLineChart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLineChart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaLineChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLineChart, selector: "vega-line-chart", inputs: { options: "options" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLineChart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLineChart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLineChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaLineChart, selector: "vega-line-chart", inputs: { options: "options" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaLineChart = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -1227,7 +1201,7 @@ VegaLineChart = __decorate([
         methods: ['reRender']
     })
 ], VegaLineChart);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLineChart, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLineChart, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-line-chart',
@@ -1236,6 +1210,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['options']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaLoaderWrapper = class VegaLoaderWrapper {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaLoaderWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLoaderWrapper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLoaderWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaLoaderWrapper, selector: "vega-loader-wrapper", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLoaderWrapper = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], VegaLoaderWrapper);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLoaderWrapper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-loader-wrapper',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaLoadingIndicator = class VegaLoadingIndicator {
     constructor(c, r, z) {
         this.z = z;
@@ -1243,15 +1239,15 @@ let VegaLoadingIndicator = class VegaLoadingIndicator {
         this.el = r.nativeElement;
     }
 };
-VegaLoadingIndicator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLoadingIndicator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaLoadingIndicator.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLoadingIndicator, selector: "vega-loading-indicator", inputs: { hint: "hint", label: "label", mode: "mode", percent: "percent", shape: "shape", size: "size", status: "status" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLoadingIndicator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLoadingIndicator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLoadingIndicator.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaLoadingIndicator, selector: "vega-loading-indicator", inputs: { hint: "hint", label: "label", mode: "mode", percent: "percent", shape: "shape", size: "size", status: "status" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaLoadingIndicator = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['hint', 'label', 'mode', 'percent', 'shape', 'size', 'status']
     })
 ], VegaLoadingIndicator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLoadingIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaLoadingIndicator, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-loading-indicator',
@@ -1265,11 +1261,11 @@ let VegaModal = class VegaModal {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClose', 'vegaOpen']);
+        proxyOutputs(this, this.el, ['vegaClose', 'close', 'vegaOpen', 'modalOpen']);
     }
 };
-VegaModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaModal, selector: "vega-modal", inputs: { animation: "animation", backdrop: "backdrop", backdropColor: "backdropColor", contentMaxHeight: "contentMaxHeight", handleClose: "handleClose", isVerticallyCenter: "isVerticallyCenter", modalTitle: "modalTitle", open: "open", padding: "padding", showCloseButton: "showCloseButton", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaModal, selector: "vega-modal", inputs: { animation: "animation", backdrop: "backdrop", backdropColor: "backdropColor", contentMaxHeight: "contentMaxHeight", handleClose: "handleClose", isVerticallyCenter: "isVerticallyCenter", modalTitle: "modalTitle", open: "open", padding: "padding", showCloseButton: "showCloseButton", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaModal = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -1277,7 +1273,7 @@ VegaModal = __decorate([
         methods: ['modal']
     })
 ], VegaModal);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaModal, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-modal',
@@ -1293,15 +1289,15 @@ let VegaNavCard = class VegaNavCard {
         this.el = r.nativeElement;
     }
 };
-VegaNavCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaNavCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaNavCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaNavCard, selector: "vega-nav-card", inputs: { maxHeight: "maxHeight", source: "source" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaNavCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaNavCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaNavCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaNavCard, selector: "vega-nav-card", inputs: { maxHeight: "maxHeight", source: "source" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaNavCard = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['maxHeight', 'source']
     })
 ], VegaNavCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaNavCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaNavCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-nav-card',
@@ -1310,53 +1306,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['maxHeight', 'source']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaOption = class VegaOption {
+let VegaPageNotification = class VegaPageNotification {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-VegaOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaOption, selector: "vega-option", inputs: { icon: "icon", label: "label", subLabel: "subLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaOption = __decorate([
+VegaPageNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPageNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaPageNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaPageNotification, selector: "vega-page-notification", inputs: { actionButtons: "actionButtons", duration: "duration", message: "message", notificationTitle: "notificationTitle", showCloseButton: "showCloseButton", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaPageNotification = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['icon', 'label', 'subLabel']
+        inputs: ['actionButtons', 'duration', 'message', 'notificationTitle', 'showCloseButton', 'type'],
+        methods: ['close']
     })
-], VegaOption);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaOption, decorators: [{
+], VegaPageNotification);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPageNotification, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vega-option',
+                    selector: 'vega-page-notification',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['icon', 'label', 'subLabel']
+                    inputs: ['actionButtons', 'duration', 'message', 'notificationTitle', 'showCloseButton', 'type']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaPageNotification = class VegaPageNotification {
+let VegaPageNotificationList = class VegaPageNotificationList {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-VegaPageNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaPageNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaPageNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaPageNotification, selector: "vega-page-notification", inputs: { actionButtons: "actionButtons", duration: "duration", message: "message", notificationTitle: "notificationTitle", showCloseButton: "showCloseButton", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaPageNotification = __decorate([
+VegaPageNotificationList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPageNotificationList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaPageNotificationList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaPageNotificationList, selector: "vega-page-notification-list", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaPageNotificationList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['actionButtons', 'duration', 'message', 'notificationTitle', 'showCloseButton', 'type'],
-        methods: ['close']
+        defineCustomElementFn: undefined
     })
-], VegaPageNotification);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaPageNotification, decorators: [{
+], VegaPageNotificationList);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPageNotificationList, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vega-page-notification',
+                    selector: 'vega-page-notification-list',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['actionButtons', 'duration', 'message', 'notificationTitle', 'showCloseButton', 'type']
+                    template: '<ng-content></ng-content>'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaPagination = class VegaPagination {
@@ -1364,18 +1358,18 @@ let VegaPagination = class VegaPagination {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaPageSizeChange']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaPageSizeChange', 'pageSizeChange']);
     }
 };
-VegaPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaPagination, selector: "vega-pagination", inputs: { current: "current", extensions: "extensions", pageSize: "pageSize", pageSizeSelectorOptions: "pageSizeSelectorOptions", total: "total" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaPagination, selector: "vega-pagination", inputs: { current: "current", extensions: "extensions", pageSize: "pageSize", pageSizeSelectorOptions: "pageSizeSelectorOptions", total: "total" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaPagination = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['current', 'extensions', 'pageSize', 'pageSizeSelectorOptions', 'total']
     })
 ], VegaPagination);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPagination, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-pagination',
@@ -1391,8 +1385,8 @@ let VegaPieChart = class VegaPieChart {
         this.el = r.nativeElement;
     }
 };
-VegaPieChart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaPieChart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaPieChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaPieChart, selector: "vega-pie-chart", inputs: { options: "options" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaPieChart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPieChart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaPieChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaPieChart, selector: "vega-pie-chart", inputs: { options: "options" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaPieChart = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -1400,7 +1394,7 @@ VegaPieChart = __decorate([
         methods: ['reRender']
     })
 ], VegaPieChart);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaPieChart, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPieChart, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-pie-chart',
@@ -1414,11 +1408,11 @@ let VegaPopover = class VegaPopover {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaPopoverShow', 'vegaPopoverHide']);
+        proxyOutputs(this, this.el, ['vegaPopoverShow', 'popoverShow', 'vegaPopoverHide', 'popoverHide']);
     }
 };
-VegaPopover.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaPopover.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaPopover, selector: "vega-popover", inputs: { alignment: "alignment", placement: "placement", positionRelativeTo: "positionRelativeTo", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaPopover.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaPopover.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaPopover, selector: "vega-popover", inputs: { alignment: "alignment", placement: "placement", positionRelativeTo: "positionRelativeTo", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaPopover = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -1426,7 +1420,7 @@ VegaPopover = __decorate([
         methods: ['show', 'hide']
     })
 ], VegaPopover);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaPopover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPopover, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-popover',
@@ -1435,16 +1429,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['alignment', 'placement', 'positionRelativeTo', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaPopoverContentBox = class VegaPopoverContentBox {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaPopoverContentBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPopoverContentBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaPopoverContentBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaPopoverContentBox, selector: "vega-popover-content-box", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaPopoverContentBox = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], VegaPopoverContentBox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaPopoverContentBox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-popover-content-box',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaProgressTracker = class VegaProgressTracker {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaCurrentStepUpdate']);
+        proxyOutputs(this, this.el, ['vegaCurrentStepUpdate', 'currentStepUpdate']);
     }
 };
-VegaProgressTracker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaProgressTracker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaProgressTracker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaProgressTracker, selector: "vega-progress-tracker", inputs: { canClickStep: "canClickStep", completedStepArray: "completedStepArray", current: "current", direction: "direction", steps: "steps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaProgressTracker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaProgressTracker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaProgressTracker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaProgressTracker, selector: "vega-progress-tracker", inputs: { canClickStep: "canClickStep", completedStepArray: "completedStepArray", current: "current", direction: "direction", steps: "steps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaProgressTracker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -1452,7 +1468,7 @@ VegaProgressTracker = __decorate([
         methods: ['nextStep', 'prevStep', 'setCurrent', 'getCurrent']
     })
 ], VegaProgressTracker);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaProgressTracker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaProgressTracker, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-progress-tracker',
@@ -1466,18 +1482,18 @@ let VegaRadio = class VegaRadio {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaFocus', 'vegaBlur', 'vegaChange']);
+        proxyOutputs(this, this.el, ['vegaFocus', 'focus', 'vegaBlur', 'blur', 'vegaChange', 'change']);
     }
 };
-VegaRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaRadio, selector: "vega-radio", inputs: { checked: "checked", disabled: "disabled", name: "name", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaRadio, selector: "vega-radio", inputs: { checked: "checked", disabled: "disabled", name: "name", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaRadio = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['checked', 'disabled', 'name', 'size', 'value']
     })
 ], VegaRadio);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRadio, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaRadio, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-radio',
@@ -1491,100 +1507,24 @@ let VegaRadioGroup = class VegaRadioGroup {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
-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", formValidation: "formValidation", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", 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.7", 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 = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'formValidation', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp'],
-        methods: ['valid']
+        inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
     })
 ], VegaRadioGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRadioGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaRadioGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-radio-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'formValidation', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaSidenav = class VegaSidenav {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaStateUpdate']);
-    }
-};
-VegaSidenav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSidenav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSidenav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSidenav, selector: "vega-sidenav", inputs: { footnote: "footnote", headerConfig: "headerConfig", openByDefault: "openByDefault", source: "source" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaSidenav = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['footnote', 'headerConfig', 'openByDefault', 'source'],
-        methods: ['toggle']
-    })
-], VegaSidenav);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSidenav, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'vega-sidenav',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['footnote', 'headerConfig', 'openByDefault', 'source']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaSidenavGroup = class VegaSidenavGroup {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-};
-VegaSidenavGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSidenavGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSidenavGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSidenavGroup, selector: "vega-sidenav-group", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaSidenavGroup = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['icon', 'label']
-    })
-], VegaSidenavGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSidenavGroup, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'vega-sidenav-group',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['icon', 'label']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaSidenavLink = class VegaSidenavLink {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
-    }
-};
-VegaSidenavLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSidenavLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSidenavLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSidenavLink, selector: "vega-sidenav-link", inputs: { icon: "icon", selected: "selected", showSideBarOnClickLink: "showSideBarOnClickLink", url: "url" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-VegaSidenavLink = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['icon', 'selected', 'showSideBarOnClickLink', 'url']
-    })
-], VegaSidenavLink);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSidenavLink, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'vega-sidenav-link',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['icon', 'selected', 'showSideBarOnClickLink', 'url']
+                    inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSlotContainer = class VegaSlotContainer {
@@ -1594,14 +1534,14 @@ let VegaSlotContainer = class VegaSlotContainer {
         this.el = r.nativeElement;
     }
 };
-VegaSlotContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSlotContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSlotContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSlotContainer, selector: "vega-slot-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaSlotContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaSlotContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaSlotContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaSlotContainer, selector: "vega-slot-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaSlotContainer = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined
     })
 ], VegaSlotContainer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSlotContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaSlotContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-slot-container',
@@ -1614,25 +1554,24 @@ let VegaStepper = class VegaStepper {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
-VegaStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaStepper, selector: "vega-stepper", inputs: { autoValidation: "autoValidation", buttonVariant: "buttonVariant", disabled: "disabled", formValidation: "formValidation", inputDisabled: "inputDisabled", inputEditable: "inputEditable", isValid: "isValid", label: "label", max: "max", min: "min", stepperId: "stepperId", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaStepper, selector: "vega-stepper", inputs: { autoValidation: "autoValidation", buttonVariant: "buttonVariant", disabled: "disabled", inputDisabled: "inputDisabled", isValid: "isValid", label: "label", max: "max", min: "min", stepperId: "stepperId", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaStepper = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputDisabled', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value'],
-        methods: ['valid']
+        inputs: ['autoValidation', 'buttonVariant', 'disabled', 'inputDisabled', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
     })
 ], VegaStepper);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaStepper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaStepper, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-stepper',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputDisabled', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
+                    inputs: ['autoValidation', 'buttonVariant', 'disabled', 'inputDisabled', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTabGroup = class VegaTabGroup {
@@ -1640,18 +1579,18 @@ let VegaTabGroup = class VegaTabGroup {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
     }
 };
-VegaTabGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTabGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTabGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTabGroup, selector: "vega-tab-group", inputs: { gap: "gap", positionRelativeTo: "positionRelativeTo", selectedTabDataTarget: "selectedTabDataTarget", showCloseButton: "showCloseButton", tabItems: "tabItems", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTabGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTabGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTabGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTabGroup, selector: "vega-tab-group", inputs: { gap: "gap", positionRelativeTo: "positionRelativeTo", selectedTabDataTarget: "selectedTabDataTarget", showCloseButton: "showCloseButton", tabItems: "tabItems", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTabGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['gap', 'positionRelativeTo', 'selectedTabDataTarget', 'showCloseButton', 'tabItems', 'variant']
     })
 ], VegaTabGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTabGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTabGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-tab-group',
@@ -1667,15 +1606,15 @@ let VegaTabGroupPanel = class VegaTabGroupPanel {
         this.el = r.nativeElement;
     }
 };
-VegaTabGroupPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTabGroupPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTabGroupPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTabGroupPanel, selector: "vega-tab-group-panel", inputs: { isActive: "isActive" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTabGroupPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTabGroupPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTabGroupPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTabGroupPanel, selector: "vega-tab-group-panel", inputs: { isActive: "isActive" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTabGroupPanel = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['isActive']
     })
 ], VegaTabGroupPanel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTabGroupPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTabGroupPanel, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-tab-group-panel',
@@ -1689,11 +1628,11 @@ let VegaTable = class VegaTable {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaRowClick', 'vegaSelectChange', 'vegaSelectAllChange']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaRowClick', 'rowClick', 'vegaSelectChange', 'selectChange', 'vegaSelectAllChange', 'selectAllChange']);
     }
 };
-VegaTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTable, selector: "vega-table", inputs: { columnDivider: "columnDivider", columns: "columns", dataSource: "dataSource", density: "density", emptyDescription: "emptyDescription", paddingX: "paddingX", pagination: "pagination", rowClickable: "rowClickable", rowDivider: "rowDivider", rowExpandable: "rowExpandable", rowKey: "rowKey", rowSelection: "rowSelection", scrollConfig: "scrollConfig", showHeader: "showHeader", striped: "striped" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTable, selector: "vega-table", inputs: { columnDivider: "columnDivider", columns: "columns", dataSource: "dataSource", density: "density", emptyDescription: "emptyDescription", paddingX: "paddingX", pagination: "pagination", rowClickable: "rowClickable", rowDivider: "rowDivider", rowExpandable: "rowExpandable", rowKey: "rowKey", rowSelection: "rowSelection", scrollConfig: "scrollConfig", showHeader: "showHeader", striped: "striped" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTable = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -1701,7 +1640,7 @@ VegaTable = __decorate([
         methods: ['openExpandRow', 'closeExpandRow', 'closeAllExpandRow', 'toggleExpandRow', 'clearSelection', 'getSelection', 'setSelection', 'startRowEditMode', 'stopRowEditMode', 'stopAllRowEditMode', 'getRowData', 'getRowsData', 'getFormRef', 'addNewRow', 'saveEditRow', 'saveAllEditRows', 'getEditingRowsKey', 'removeRow']
     })
 ], VegaTable);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTable, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-table',
@@ -1717,14 +1656,14 @@ let VegaTableBody = class VegaTableBody {
         this.el = r.nativeElement;
     }
 };
-VegaTableBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTableBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableBody, selector: "vega-table-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTableBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTableBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTableBody, selector: "vega-table-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTableBody = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined
     })
 ], VegaTableBody);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-table-body',
@@ -1739,21 +1678,21 @@ let VegaTableCell = class VegaTableCell {
         this.el = r.nativeElement;
     }
 };
-VegaTableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableCell, selector: "vega-table-cell", inputs: { breakpoint: "breakpoint", ellipsis: "ellipsis", overflow: "overflow", textAlign: "textAlign", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTableCell, selector: "vega-table-cell", inputs: { breakpoint: "breakpoint", overflow: "overflow", textAlign: "textAlign", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTableCell = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['breakpoint', 'ellipsis', 'overflow', 'textAlign', 'width']
+        inputs: ['breakpoint', 'overflow', 'textAlign', 'width']
     })
 ], VegaTableCell);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableCell, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-table-cell',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['breakpoint', 'ellipsis', 'overflow', 'textAlign', 'width']
+                    inputs: ['breakpoint', 'overflow', 'textAlign', 'width']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTableExpandRow = class VegaTableExpandRow {
@@ -1763,15 +1702,15 @@ let VegaTableExpandRow = class VegaTableExpandRow {
         this.el = r.nativeElement;
     }
 };
-VegaTableExpandRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableExpandRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTableExpandRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableExpandRow, selector: "vega-table-expand-row", inputs: { rowKey: "rowKey" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTableExpandRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableExpandRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTableExpandRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTableExpandRow, selector: "vega-table-expand-row", inputs: { rowKey: "rowKey" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTableExpandRow = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['rowKey']
     })
 ], VegaTableExpandRow);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableExpandRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableExpandRow, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-table-expand-row',
@@ -1787,14 +1726,14 @@ let VegaTableHead = class VegaTableHead {
         this.el = r.nativeElement;
     }
 };
-VegaTableHead.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableHead, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTableHead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableHead, selector: "vega-table-head", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTableHead.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableHead, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTableHead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTableHead, selector: "vega-table-head", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTableHead = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined
     })
 ], VegaTableHead);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableHead, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableHead, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-table-head',
@@ -1807,18 +1746,18 @@ let VegaTableHeadCell = class VegaTableHeadCell {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
     }
 };
-VegaTableHeadCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableHeadCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTableHeadCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableHeadCell, selector: "vega-table-head-cell", inputs: { breakpoint: "breakpoint", sorter: "sorter", textAlign: "textAlign", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTableHeadCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableHeadCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTableHeadCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTableHeadCell, selector: "vega-table-head-cell", inputs: { breakpoint: "breakpoint", sorter: "sorter", textAlign: "textAlign", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTableHeadCell = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['breakpoint', 'sorter', 'textAlign', 'width']
     })
 ], VegaTableHeadCell);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableHeadCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableHeadCell, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-table-head-cell',
@@ -1834,15 +1773,15 @@ let VegaTableHeadRow = class VegaTableHeadRow {
         this.el = r.nativeElement;
     }
 };
-VegaTableHeadRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableHeadRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTableHeadRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableHeadRow, selector: "vega-table-head-row", inputs: { hideSelectAll: "hideSelectAll", selectAllDisabled: "selectAllDisabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTableHeadRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableHeadRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTableHeadRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTableHeadRow, selector: "vega-table-head-row", inputs: { hideSelectAll: "hideSelectAll", selectAllDisabled: "selectAllDisabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTableHeadRow = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['hideSelectAll', 'selectAllDisabled']
     })
 ], VegaTableHeadRow);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableHeadRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableHeadRow, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-table-head-row',
@@ -1856,18 +1795,18 @@ let VegaTableRow = class VegaTableRow {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClick']);
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
     }
 };
-VegaTableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableRow, selector: "vega-table-row", inputs: { rowKey: "rowKey" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTableRow, selector: "vega-table-row", inputs: { rowKey: "rowKey" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTableRow = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['rowKey']
     })
 ], VegaTableRow);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTableRow, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-table-row',
@@ -1883,15 +1822,15 @@ let VegaText = class VegaText {
         this.el = r.nativeElement;
     }
 };
-VegaText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaText, selector: "vega-text", inputs: { overflow: "overflow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaText, selector: "vega-text", inputs: { overflow: "overflow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaText = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['overflow']
     })
 ], VegaText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaText, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-text',
@@ -1905,19 +1844,18 @@ let VegaTextarea = class VegaTextarea {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate', 'vegaBlur']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaBlur', 'blur']);
     }
 };
-VegaTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTextarea, selector: "vega-textarea", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", maxLength: "maxLength", minLength: "minLength", placeholder: "placeholder", required: "required", showCounter: "showCounter", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTextarea, selector: "vega-textarea", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", maxLength: "maxLength", minLength: "minLength", placeholder: "placeholder", required: "required", showCounter: "showCounter", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTextarea = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxLength', 'minLength', 'placeholder', 'required', 'showCounter', 'validationRules', 'value'],
-        methods: ['valid']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxLength', 'minLength', 'placeholder', 'required', 'showCounter', 'validationRules', 'value']
     })
 ], VegaTextarea);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTextarea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTextarea, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-textarea',
@@ -1931,19 +1869,18 @@ let VegaTimePicker = class VegaTimePicker {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
-VegaTimePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTimePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTimePicker, selector: "vega-time-picker", inputs: { autoValidation: "autoValidation", disabled: "disabled", increments: "increments", isValid: "isValid", label: "label", mode: "mode", placeholder: "placeholder", positionRelativeTo: "positionRelativeTo", required: "required", size: "size", timeFormat: "timeFormat", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTimePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTimePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTimePicker, selector: "vega-time-picker", inputs: { autoValidation: "autoValidation", disabled: "disabled", increments: "increments", isValid: "isValid", label: "label", mode: "mode", placeholder: "placeholder", positionRelativeTo: "positionRelativeTo", required: "required", size: "size", timeFormat: "timeFormat", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTimePicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'placeholder', 'positionRelativeTo', 'required', 'size', 'timeFormat', 'validationRules', 'value'],
-        methods: ['valid']
+        inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'placeholder', 'positionRelativeTo', 'required', 'size', 'timeFormat', 'validationRules', 'value']
     })
 ], VegaTimePicker);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTimePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTimePicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-time-picker',
@@ -1952,23 +1889,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'placeholder', 'positionRelativeTo', 'required', 'size', 'timeFormat', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaTimePickerDropdown = class VegaTimePickerDropdown {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaTimePickerDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTimePickerDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTimePickerDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTimePickerDropdown, selector: "vega-time-picker-dropdown", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTimePickerDropdown = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], VegaTimePickerDropdown);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTimePickerDropdown, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-time-picker-dropdown',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaToggleSwitch = class VegaToggleSwitch {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
-VegaToggleSwitch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaToggleSwitch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaToggleSwitch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaToggleSwitch, selector: "vega-toggle-switch", inputs: { checked: "checked", disabled: "disabled", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaToggleSwitch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaToggleSwitch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaToggleSwitch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaToggleSwitch, selector: "vega-toggle-switch", inputs: { checked: "checked", disabled: "disabled", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaToggleSwitch = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['checked', 'disabled', 'label', 'size']
     })
 ], VegaToggleSwitch);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaToggleSwitch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaToggleSwitch, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-toggle-switch',
@@ -1984,15 +1943,15 @@ let VegaTooltip = class VegaTooltip {
         this.el = r.nativeElement;
     }
 };
-VegaTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTooltip, selector: "vega-tooltip", inputs: { alignment: "alignment", content: "content", maxWidth: "maxWidth", minWidth: "minWidth", placement: "placement", positionRelativeTo: "positionRelativeTo", size: "size", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTooltip, selector: "vega-tooltip", inputs: { alignment: "alignment", content: "content", maxWidth: "maxWidth", minWidth: "minWidth", placement: "placement", positionRelativeTo: "positionRelativeTo", size: "size", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTooltip = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['alignment', 'content', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
     })
 ], VegaTooltip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTooltip, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-tooltip',
@@ -2001,6 +1960,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['alignment', 'content', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaTooltipContentBox = class VegaTooltipContentBox {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaTooltipContentBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTooltipContentBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaTooltipContentBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTooltipContentBox, selector: "vega-tooltip-content-box", inputs: { content: "content" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTooltipContentBox = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['content']
+    })
+], VegaTooltipContentBox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTooltipContentBox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-tooltip-content-box',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['content']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaVirtualScroll = class VegaVirtualScroll {
     constructor(c, r, z) {
         this.z = z;
@@ -2008,8 +1991,8 @@ let VegaVirtualScroll = class VegaVirtualScroll {
         this.el = r.nativeElement;
     }
 };
-VegaVirtualScroll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaVirtualScroll, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaVirtualScroll.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaVirtualScroll, selector: "vega-virtual-scroll", inputs: { approxItemHeight: "approxItemHeight", renderItem: "renderItem", source: "source", sourceItemIdentifier: "sourceItemIdentifier", thresholdOfWork: "thresholdOfWork", viewportMaxHeight: "viewportMaxHeight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaVirtualScroll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaVirtualScroll, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaVirtualScroll.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaVirtualScroll, selector: "vega-virtual-scroll", inputs: { approxItemHeight: "approxItemHeight", renderItem: "renderItem", source: "source", sourceItemIdentifier: "sourceItemIdentifier", thresholdOfWork: "thresholdOfWork", viewportMaxHeight: "viewportMaxHeight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaVirtualScroll = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
@@ -2017,7 +2000,7 @@ VegaVirtualScroll = __decorate([
         methods: ['scrollToIndex']
     })
 ], VegaVirtualScroll);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaVirtualScroll, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaVirtualScroll, decorators: [{
             type: Component,
             args: [{
                     selector: 'vega-virtual-scroll',
@@ -2030,8 +2013,7 @@ var VegaComponents = [
     VegaAccordion,
     VegaAppFooter,
     VegaAppHeaderButton,
-    VegaBadge,
-    VegaBanner,
+    VegaBackdrop,
     VegaBarChart,
     VegaBox,
     VegaBreadcrumb,
@@ -2047,18 +2029,18 @@ var VegaComponents = [
     VegaComboBox,
     VegaCounterBadge,
     VegaDatePicker,
+    VegaDatePickerCalendar,
     VegaDialog,
     VegaDropdown,
+    VegaDropdownContentBox,
     VegaDropdownGroup,
     VegaDropdownItem,
     VegaFieldError,
     VegaFieldLabel,
     VegaFlex,
     VegaFont,
-    VegaFooter,
     VegaForm,
     VegaGrid,
-    VegaHeader,
     VegaIcon,
     VegaImageUploader,
     VegaInput,
@@ -2070,20 +2052,19 @@ var VegaComponents = [
     VegaLeftNavLink,
     VegaLeftNavSection,
     VegaLineChart,
+    VegaLoaderWrapper,
     VegaLoadingIndicator,
     VegaModal,
     VegaNavCard,
-    VegaOption,
     VegaPageNotification,
+    VegaPageNotificationList,
     VegaPagination,
     VegaPieChart,
     VegaPopover,
+    VegaPopoverContentBox,
     VegaProgressTracker,
     VegaRadio,
     VegaRadioGroup,
-    VegaSidenav,
-    VegaSidenavGroup,
-    VegaSidenavLink,
     VegaSlotContainer,
     VegaStepper,
     VegaTabGroup,
@@ -2099,8 +2080,10 @@ var VegaComponents = [
     VegaText,
     VegaTextarea,
     VegaTimePicker,
+    VegaTimePickerDropdown,
     VegaToggleSwitch,
     VegaTooltip,
+    VegaTooltipContentBox,
     VegaVirtualScroll,
 ];
 
@@ -2118,10 +2101,10 @@ 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, VegaBadge, VegaBanner, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaOption, VegaPageNotification, VegaPagination, VegaPieChart, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, VegaVirtualScroll, TextValueAccessor, ValueAccessor], exports: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBadge, VegaBanner, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaOption, VegaPageNotification, VegaPagination, VegaPieChart, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, 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: [{
+VegaComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VegaComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", 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, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, 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, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, 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.7", ngImport: i0, type: VegaComponentModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...VegaComponents, TextValueAccessor, ValueAccessor],
@@ -2138,5 +2121,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TextValueAccessor, ValueAccessor, VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBadge, VegaBanner, VegaBarChart, VegaBox, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaComponentModule, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFlex, VegaFont, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaOption, VegaPageNotification, VegaPagination, VegaPieChart, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, VegaVirtualScroll };
+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, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, 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