@heartlandone/vega-angular 2.0.0-preview-1 → 2.0.0-preview-3

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

@@ -1,7 +1,7 @@
 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 { VegaEventManager, FeatureFlag, VegaEnvManager, FrameworkEnum } from '@heartlandone/vega';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
 import { defineCustomElements } from '@heartlandone/vega/loader';
@@ -120,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 (this.el.classList.contains('hydrated') || shouldSkipComponentOnReady(this.el.tagName, item)) {
+                if (FeatureFlag.isEnabled('VEGA_FRAMEWORK.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD') || this.el.classList.contains('hydrated') || shouldSkipComponentOnReady(this.el.tagName, item)) {
                     this.z.runOutsideAngular(() => (this.el[item] = val));
                 }
                 else {
@@ -268,30 +268,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     inputs: ['color', 'duration', 'visible']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let VegaBadge = class VegaBadge {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-};
-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: ['bgColor', 'size', 'text', 'textColor']
-    })
-], VegaBadge);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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 VegaBarChart = class VegaBarChart {
     constructor(c, r, z) {
         this.z = z;
@@ -324,11 +300,11 @@ let VegaBox = class VegaBox {
     }
 };
 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: { display: "display", margin: "margin", padding: "padding" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaBox, selector: "vega-box", inputs: { backgroundColor: "backgroundColor", border: "border", borderColor: "borderColor", corners: "corners", display: "display", height: "height", margin: "margin", padding: "padding", responsiveClass: "responsiveClass", shadow: "shadow", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaBox = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['display', 'margin', 'padding']
+        inputs: ['backgroundColor', 'border', 'borderColor', 'corners', 'display', 'height', 'margin', 'padding', 'responsiveClass', 'shadow', 'width']
     })
 ], VegaBox);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBox, decorators: [{
@@ -337,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     selector: 'vega-box',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['display', 'margin', 'padding']
+                    inputs: ['backgroundColor', 'border', 'borderColor', 'corners', 'display', 'height', 'margin', 'padding', 'responsiveClass', 'shadow', 'width']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaBreadcrumb = class VegaBreadcrumb {
@@ -399,11 +375,11 @@ let VegaButtonCircle = class VegaButtonCircle {
     }
 };
 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", size: "size", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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", tooltip: "tooltip", 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', 'tooltip', 'type', 'variant']
     })
 ], VegaButtonCircle);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButtonCircle, decorators: [{
@@ -412,7 +388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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', 'tooltip', 'type', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaButtonLink = class VegaButtonLink {
@@ -495,7 +471,7 @@ let VegaCheckbox = class VegaCheckbox {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaValidate', 'vegaChange', 'change']);
+        proxyOutputs(this, this.el, ['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 });
@@ -504,7 +480,7 @@ 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.7", ngImport: i0, type: VegaCheckbox, decorators: [{
@@ -521,16 +497,15 @@ let VegaCheckboxGroup = class VegaCheckboxGroup {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
 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", 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.ɵ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.7", ngImport: i0, type: VegaCheckboxGroup, decorators: [{
@@ -539,7 +514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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 {
@@ -572,7 +547,7 @@ let VegaColorPicker = class VegaColorPicker {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
 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 });
@@ -580,8 +555,7 @@ VegaColorPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
 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.7", ngImport: i0, type: VegaColorPicker, decorators: [{
@@ -598,7 +572,7 @@ let VegaComboBox = class VegaComboBox {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate', 'vegaCreate', 'create', 'vegaSearch', 'search']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', '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 });
@@ -607,7 +581,7 @@ 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.7", ngImport: i0, type: VegaComboBox, decorators: [{
@@ -648,16 +622,16 @@ let VegaDatePicker = class VegaDatePicker {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
 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", 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.ɵ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.7", ngImport: i0, type: VegaDatePicker, decorators: [{
@@ -666,7 +640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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 {
@@ -909,30 +883,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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.7", 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.7", 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.7", 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;
@@ -983,28 +933,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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.7", 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.7", 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.7", 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;
@@ -1034,7 +962,7 @@ let VegaImageUploader = class VegaImageUploader {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaRemove', 'remove', 'vegaCancel', 'cancel', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaRemove', 'remove', 'vegaCancel', 'cancel']);
     }
 };
 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 });
@@ -1043,7 +971,7 @@ 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.7", ngImport: i0, type: VegaImageUploader, decorators: [{
@@ -1060,16 +988,16 @@ let VegaInput = class VegaInput {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', '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 });
-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", 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.ɵ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.7", ngImport: i0, type: VegaInput, decorators: [{
@@ -1078,7 +1006,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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 {
@@ -1086,7 +1014,7 @@ let VegaInputCreditCard = class VegaInputCreditCard {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaValidate', 'vegaChange', 'change', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
+        proxyOutputs(this, this.el, ['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 });
@@ -1094,8 +1022,7 @@ VegaInputCreditCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
 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.7", ngImport: i0, type: VegaInputCreditCard, decorators: [{
@@ -1112,16 +1039,16 @@ let VegaInputSelect = class VegaInputSelect {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate', 'vegaSearch', 'search']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', '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 });
-VegaInputSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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.ɵ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.7", ngImport: i0, type: VegaInputSelect, decorators: [{
@@ -1130,7 +1057,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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 {
@@ -1142,11 +1069,11 @@ let VegaItemToggle = class VegaItemToggle {
     }
 };
 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: { isError: "isError", isToggled: "isToggled", itemToggleStatusMap: "itemToggleStatusMap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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.7", ngImport: i0, type: VegaItemToggle, decorators: [{
@@ -1155,7 +1082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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 {
@@ -1580,16 +1507,15 @@ let VegaRadioGroup = class VegaRadioGroup {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
 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", 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.ɵ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.7", ngImport: i0, type: VegaRadioGroup, decorators: [{
@@ -1598,82 +1524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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.7", 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.7", 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.7", 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.7", 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.7", 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.7", 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.7", 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.7", 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.7", 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 {
@@ -1703,16 +1554,15 @@ let VegaStepper = class VegaStepper {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
 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", 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.ɵ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.7", ngImport: i0, type: VegaStepper, decorators: [{
@@ -1721,7 +1571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     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 {
@@ -1994,7 +1844,7 @@ let VegaTextarea = class VegaTextarea {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate', 'vegaBlur', 'blur']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change', '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 });
@@ -2002,8 +1852,7 @@ VegaTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
 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.7", ngImport: i0, type: VegaTextarea, decorators: [{
@@ -2020,7 +1869,7 @@ let VegaTimePicker = class VegaTimePicker {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaValidate']);
+        proxyOutputs(this, this.el, ['vegaChange', 'change']);
     }
 };
 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 });
@@ -2028,8 +1877,7 @@ VegaTimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
 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.7", ngImport: i0, type: VegaTimePicker, decorators: [{
@@ -2096,11 +1944,11 @@ let VegaTooltip = class VegaTooltip {
     }
 };
 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTooltip, selector: "vega-tooltip", inputs: { alignment: "alignment", content: "content", disableInteractive: "disableInteractive", 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']
+        inputs: ['alignment', 'content', 'disableInteractive', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
     })
 ], VegaTooltip);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTooltip, decorators: [{
@@ -2109,7 +1957,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     selector: 'vega-tooltip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['alignment', 'content', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
+                    inputs: ['alignment', 'content', 'disableInteractive', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTooltipContentBox = class VegaTooltipContentBox {
@@ -2166,7 +2014,6 @@ var VegaComponents = [
     VegaAppFooter,
     VegaAppHeaderButton,
     VegaBackdrop,
-    VegaBadge,
     VegaBarChart,
     VegaBox,
     VegaBreadcrumb,
@@ -2192,10 +2039,8 @@ var VegaComponents = [
     VegaFieldLabel,
     VegaFlex,
     VegaFont,
-    VegaFooter,
     VegaForm,
     VegaGrid,
-    VegaHeader,
     VegaIcon,
     VegaImageUploader,
     VegaInput,
@@ -2220,9 +2065,6 @@ var VegaComponents = [
     VegaProgressTracker,
     VegaRadio,
     VegaRadioGroup,
-    VegaSidenav,
-    VegaSidenavGroup,
-    VegaSidenavLink,
     VegaSlotContainer,
     VegaStepper,
     VegaTabGroup,
@@ -2260,7 +2102,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, 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.ɵ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,
@@ -2279,5 +2121,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 };
+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