@heartlandone/vega-angular 2.0.0-temp-test-0.2 → 2.0.0-temp-test-0.3

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

@@ -1,11 +1,11 @@
 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 { fromEvent } from 'rxjs';
 import { defineCustomElements } from '@heartlandone/vega/loader';
 import { ResizeObserver } from '@juggle/resize-observer';
-import { VegaEnvManager, FrameworkEnum, FeatureFlag } from '@heartlandone/vega';
 
 class ValueAccessor {
     constructor(el) {
@@ -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() {
@@ -55,7 +57,7 @@ class TextValueAccessor extends ValueAccessor {
     }
 }
 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-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.ɵ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,
@@ -66,9 +68,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
             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: [
                         {
@@ -171,7 +174,7 @@ 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.7", ngImport: i0, type: VegaAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -220,7 +223,7 @@ 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.7", ngImport: i0, type: VegaAppHeaderButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -240,53 +243,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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.7", 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.7", 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([
+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: ['bgColor', 'size', 'text', 'textColor']
+        inputs: ['color', 'duration', 'visible']
     })
-], VegaBadge);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBadge, decorators: [{
+], VegaBackdrop);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBackdrop, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vega-badge',
+                    selector: 'vega-backdrop',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['bgColor', 'size', 'text', 'textColor']
+                    inputs: ['color', 'duration', 'visible']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaBanner = class VegaBanner {
+let VegaBadge = class VegaBadge {
     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.7", 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.7", 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([
+VegaBadge.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", 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.7", 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: ['mode', 'source']
+        inputs: ['bgColor', 'size', 'text', 'textColor']
     })
-], VegaBanner);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBanner, decorators: [{
+], VegaBadge);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBadge, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vega-banner',
+                    selector: 'vega-badge',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['mode', 'source']
+                    inputs: ['bgColor', 'size', 'text', 'textColor']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaBarChart = class VegaBarChart {
@@ -342,7 +345,7 @@ 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.7", ngImport: i0, type: VegaBreadcrumb, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -367,7 +370,7 @@ 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.7", ngImport: i0, type: VegaButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -392,7 +395,7 @@ 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.7", ngImport: i0, type: VegaButtonCircle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -417,7 +420,7 @@ 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.7", ngImport: i0, type: VegaButtonLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -445,11 +448,11 @@ let VegaCard = class VegaCard {
     }
 };
 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", shadow: "shadow", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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.7", ngImport: i0, type: VegaCard, decorators: [{
@@ -458,7 +461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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,7 +469,7 @@ 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.7", ngImport: i0, type: VegaCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -492,7 +495,7 @@ let VegaCheckbox = class VegaCheckbox {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaValidate', 'vegaChange']);
+        proxyOutputs(this, this.el, ['vegaValidate', 'vegaChange', 'change']);
     }
 };
 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 });
@@ -518,7 +521,7 @@ 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', 'vegaValidate']);
     }
 };
 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 });
@@ -544,7 +547,7 @@ 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.7", ngImport: i0, type: VegaChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -569,7 +572,7 @@ 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', 'vegaValidate']);
     }
 };
 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 });
@@ -595,7 +598,7 @@ 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', 'vegaValidate', 'vegaCreate', 'create', 'vegaSearch', 'search']);
     }
 };
 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 });
@@ -645,7 +648,7 @@ 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', 'vegaValidate']);
     }
 };
 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 });
@@ -666,6 +669,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'formValidation', '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 {
     constructor(c, r, z) {
         this.z = z;
@@ -695,7 +720,7 @@ 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.7", ngImport: i0, type: VegaDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -716,6 +741,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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;
@@ -745,7 +792,7 @@ 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.7", ngImport: i0, type: VegaDropdownItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -822,11 +869,11 @@ let VegaFlex = class VegaFlex {
     }
 };
 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: { 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.ɵ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.7", ngImport: i0, type: VegaFlex, decorators: [{
@@ -835,7 +882,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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 {
@@ -891,7 +938,7 @@ let VegaForm = class VegaForm {
         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.7", ngImport: i0, type: VegaForm, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -987,7 +1034,7 @@ 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', 'vegaValidate']);
     }
 };
 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 });
@@ -1013,7 +1060,7 @@ 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', 'vegaValidate', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
     }
 };
 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 });
@@ -1039,7 +1086,7 @@ 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, ['vegaValidate', 'vegaChange', 'change', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
     }
 };
 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 });
@@ -1065,7 +1112,7 @@ 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', 'vegaValidate', 'vegaSearch', 'search']);
     }
 };
 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 });
@@ -1091,7 +1138,7 @@ 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.7", ngImport: i0, type: VegaItemToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1116,7 +1163,7 @@ 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.7", ngImport: i0, type: VegaLeftNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1142,7 +1189,7 @@ 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.7", ngImport: i0, type: VegaLeftNavGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1167,7 +1214,7 @@ 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.7", ngImport: i0, type: VegaLeftNavLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1236,6 +1283,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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;
@@ -1265,7 +1334,7 @@ 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.7", ngImport: i0, type: VegaModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1310,53 +1379,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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.7", 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.7", 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.7", 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.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([
+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.7", 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,7 +1431,7 @@ 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.7", ngImport: i0, type: VegaPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1414,7 +1481,7 @@ 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.7", ngImport: i0, type: VegaPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1435,12 +1502,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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.7", ngImport: i0, type: VegaProgressTracker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1466,7 +1555,7 @@ 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.7", ngImport: i0, type: VegaRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1491,7 +1580,7 @@ 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', 'vegaValidate']);
     }
 };
 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 });
@@ -1614,7 +1703,7 @@ 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', 'vegaValidate']);
     }
 };
 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 });
@@ -1640,7 +1729,7 @@ 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.7", ngImport: i0, type: VegaTabGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1689,7 +1778,7 @@ 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.7", ngImport: i0, type: VegaTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1740,11 +1829,11 @@ let VegaTableCell = class VegaTableCell {
     }
 };
 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", ellipsis: "ellipsis", overflow: "overflow", textAlign: "textAlign", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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.7", ngImport: i0, type: VegaTableCell, decorators: [{
@@ -1753,7 +1842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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 {
@@ -1807,7 +1896,7 @@ 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.7", ngImport: i0, type: VegaTableHeadCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1856,7 +1945,7 @@ 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.7", ngImport: i0, type: VegaTableRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1905,7 +1994,7 @@ 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', 'vegaValidate', 'vegaBlur', 'blur']);
     }
 };
 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 });
@@ -1931,7 +2020,7 @@ 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', 'vegaValidate']);
     }
 };
 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 });
@@ -1952,12 +2041,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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.7", ngImport: i0, type: VegaToggleSwitch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -2001,6 +2112,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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;
@@ -2030,8 +2165,8 @@ var VegaComponents = [
     VegaAccordion,
     VegaAppFooter,
     VegaAppHeaderButton,
+    VegaBackdrop,
     VegaBadge,
-    VegaBanner,
     VegaBarChart,
     VegaBox,
     VegaBreadcrumb,
@@ -2047,8 +2182,10 @@ var VegaComponents = [
     VegaComboBox,
     VegaCounterBadge,
     VegaDatePicker,
+    VegaDatePickerCalendar,
     VegaDialog,
     VegaDropdown,
+    VegaDropdownContentBox,
     VegaDropdownGroup,
     VegaDropdownItem,
     VegaFieldError,
@@ -2070,14 +2207,16 @@ var VegaComponents = [
     VegaLeftNavLink,
     VegaLeftNavSection,
     VegaLineChart,
+    VegaLoaderWrapper,
     VegaLoadingIndicator,
     VegaModal,
     VegaNavCard,
-    VegaOption,
     VegaPageNotification,
+    VegaPageNotificationList,
     VegaPagination,
     VegaPieChart,
     VegaPopover,
+    VegaPopoverContentBox,
     VegaProgressTracker,
     VegaRadio,
     VegaRadioGroup,
@@ -2099,8 +2238,10 @@ var VegaComponents = [
     VegaText,
     VegaTextarea,
     VegaTimePicker,
+    VegaTimePickerDropdown,
     VegaToggleSwitch,
     VegaTooltip,
+    VegaTooltipContentBox,
     VegaVirtualScroll,
 ];
 
@@ -2119,7 +2260,7 @@ class VegaComponentModule {
     }
 }
 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, 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.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaComponentModule, declarations: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBadge, 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, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, 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, VegaBadge, 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, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, 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,
@@ -2138,5 +2279,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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, VegaBadge, 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, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, 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