@heartlandone/vega-angular 2.96.0 → 2.98.0

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

@@ -698,11 +698,11 @@ let VegaCheckbox = class VegaCheckbox {
     }
 };
 VegaCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckbox, selector: "vega-checkbox", inputs: { checked: "checked", disabled: "disabled", identifier: "identifier", indeterminate: "indeterminate", isValid: "isValid", required: "required", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckbox, selector: "vega-checkbox", inputs: { checked: "checked", disabled: "disabled", identifier: "identifier", indeterminate: "indeterminate", isValid: "isValid", name: "name", required: "required", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaCheckbox = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['checked', 'disabled', 'identifier', 'indeterminate', 'isValid', 'required', 'size', 'value'],
+        inputs: ['checked', 'disabled', 'identifier', 'indeterminate', 'isValid', 'name', 'required', 'size', 'value'],
         methods: ['setValue']
     })
 ], VegaCheckbox);
@@ -712,7 +712,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-checkbox',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['checked', 'disabled', 'identifier', 'indeterminate', 'isValid', 'required', 'size', 'value']
+                    inputs: ['checked', 'disabled', 'identifier', 'indeterminate', 'isValid', 'name', 'required', 'size', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaCheckboxGroup = class VegaCheckboxGroup {
@@ -724,11 +724,11 @@ let VegaCheckboxGroup = class VegaCheckboxGroup {
     }
 };
 VegaCheckboxGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckboxGroup, selector: "vega-checkbox-group", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", optional: "optional", required: "required", validationRules: "validationRules", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckboxGroup, selector: "vega-checkbox-group", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", name: "name", optional: "optional", required: "required", validationRules: "validationRules", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaCheckboxGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'optional', 'required', 'validationRules', 'value', 'vegaFlexProp']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'name', 'optional', 'required', 'validationRules', 'value', 'vegaFlexProp']
     })
 ], VegaCheckboxGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, decorators: [{
@@ -737,7 +737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-checkbox-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'optional', 'required', 'validationRules', 'value', 'vegaFlexProp']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'name', 'optional', 'required', 'validationRules', 'value', 'vegaFlexProp']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaChip = class VegaChip {
@@ -800,11 +800,11 @@ let VegaColorPicker = class VegaColorPicker {
     }
 };
 VegaColorPicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaColorPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaColorPicker, selector: "vega-color-picker", inputs: { autoValidation: "autoValidation", colors: "colors", columns: "columns", disabled: "disabled", hint: "hint", isInline: "isInline", isValid: "isValid", label: "label", optional: "optional", required: "required", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaColorPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaColorPicker, selector: "vega-color-picker", inputs: { autoValidation: "autoValidation", colors: "colors", columns: "columns", disabled: "disabled", hint: "hint", isInline: "isInline", isValid: "isValid", label: "label", name: "name", optional: "optional", required: "required", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaColorPicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'optional', 'required', 'validationRules', 'value']
+        inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'name', 'optional', 'required', 'validationRules', 'value']
     })
 ], VegaColorPicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorPicker, decorators: [{
@@ -813,7 +813,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-color-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'optional', 'required', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'name', 'optional', 'required', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaColorSwatch = class VegaColorSwatch {
@@ -850,11 +850,11 @@ let VegaColorSwatchPicker = class VegaColorSwatchPicker {
     }
 };
 VegaColorSwatchPicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorSwatchPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaColorSwatchPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaColorSwatchPicker, selector: "vega-color-swatch-picker", inputs: { autoValidation: "autoValidation", colors: "colors", disabled: "disabled", inputFormatter: "inputFormatter", inputPlaceholder: "inputPlaceholder", inputPrefixIcon: "inputPrefixIcon", isValid: "isValid", label: "label", required: "required", showClearButton: "showClearButton", showInput: "showInput", swatchGridColumns: "swatchGridColumns", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaColorSwatchPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaColorSwatchPicker, selector: "vega-color-swatch-picker", inputs: { autoValidation: "autoValidation", colors: "colors", disabled: "disabled", inputFormatter: "inputFormatter", inputPlaceholder: "inputPlaceholder", inputPrefixIcon: "inputPrefixIcon", isValid: "isValid", label: "label", name: "name", required: "required", showClearButton: "showClearButton", showInput: "showInput", swatchGridColumns: "swatchGridColumns", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaColorSwatchPicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'colors', 'disabled', 'inputFormatter', 'inputPlaceholder', 'inputPrefixIcon', 'isValid', 'label', 'required', 'showClearButton', 'showInput', 'swatchGridColumns', 'validationRules', 'value']
+        inputs: ['autoValidation', 'colors', 'disabled', 'inputFormatter', 'inputPlaceholder', 'inputPrefixIcon', 'isValid', 'label', 'name', 'required', 'showClearButton', 'showInput', 'swatchGridColumns', 'validationRules', 'value']
     })
 ], VegaColorSwatchPicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorSwatchPicker, decorators: [{
@@ -863,7 +863,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-color-swatch-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'colors', 'disabled', 'inputFormatter', 'inputPlaceholder', 'inputPrefixIcon', 'isValid', 'label', 'required', 'showClearButton', 'showInput', 'swatchGridColumns', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'colors', 'disabled', 'inputFormatter', 'inputPlaceholder', 'inputPrefixIcon', 'isValid', 'label', 'name', 'required', 'showClearButton', 'showInput', 'swatchGridColumns', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaComboBox = class VegaComboBox {
@@ -875,11 +875,11 @@ let VegaComboBox = class VegaComboBox {
     }
 };
 VegaComboBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComboBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaComboBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaComboBox, selector: "vega-combo-box", inputs: { autoValidation: "autoValidation", containerMaxHeight: "containerMaxHeight", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", optional: "optional", placeholder: "placeholder", required: "required", size: "size", source: "source", useDefaultFilter: "useDefaultFilter", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaComboBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaComboBox, selector: "vega-combo-box", inputs: { autoValidation: "autoValidation", containerMaxHeight: "containerMaxHeight", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", name: "name", optional: "optional", placeholder: "placeholder", required: "required", size: "size", source: "source", useDefaultFilter: "useDefaultFilter", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaComboBox = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'containerMaxHeight', 'disabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps'],
+        inputs: ['autoValidation', 'containerMaxHeight', 'disabled', 'hint', 'isValid', 'label', 'name', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps'],
         methods: ['close', 'open']
     })
 ], VegaComboBox);
@@ -889,7 +889,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-combo-box',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'containerMaxHeight', 'disabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps']
+                    inputs: ['autoValidation', 'containerMaxHeight', 'disabled', 'hint', 'isValid', 'label', 'name', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaCounterBadge = class VegaCounterBadge {
@@ -925,11 +925,11 @@ let VegaDatePicker = class VegaDatePicker {
     }
 };
 VegaDatePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaDatePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaDatePicker, selector: "vega-date-picker", inputs: { allowRepick: "allowRepick", autoValidation: "autoValidation", clearButton: "clearButton", disabled: "disabled", dropdownConfig: "dropdownConfig", format: "format", isDateDisabled: "isDateDisabled", isValid: "isValid", label: "label", maxDate: "maxDate", minDate: "minDate", mode: "mode", optional: "optional", placeholder: "placeholder", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", showYearMonthDropdowns: "showYearMonthDropdowns", size: "size", timezone: "timezone", 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.2", type: VegaDatePicker, selector: "vega-date-picker", inputs: { allowRepick: "allowRepick", autoValidation: "autoValidation", clearButton: "clearButton", disabled: "disabled", dropdownConfig: "dropdownConfig", format: "format", isDateDisabled: "isDateDisabled", isValid: "isValid", label: "label", maxDate: "maxDate", minDate: "minDate", mode: "mode", name: "name", optional: "optional", placeholder: "placeholder", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", showYearMonthDropdowns: "showYearMonthDropdowns", size: "size", timezone: "timezone", 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', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'optional', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value'],
+        inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'name', 'optional', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value'],
         methods: ['doClose', 'doOpen']
     })
 ], VegaDatePicker);
@@ -939,7 +939,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-date-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'optional', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value']
+                    inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'name', 'optional', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaDatePickerCalendar = class VegaDatePickerCalendar {
@@ -1171,11 +1171,11 @@ let VegaFileUploader = class VegaFileUploader {
     }
 };
 VegaFileUploader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFileUploader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaFileUploader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFileUploader, selector: "vega-file-uploader", inputs: { accept: "accept", autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", maxCount: "maxCount", optional: "optional", required: "required", validationRules: "validationRules", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaFileUploader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFileUploader, selector: "vega-file-uploader", inputs: { accept: "accept", autoValidation: "autoValidation", disableDeleteOnUpload: "disableDeleteOnUpload", disabled: "disabled", hideDeleteButton: "hideDeleteButton", hint: "hint", isValid: "isValid", label: "label", maxCount: "maxCount", name: "name", optional: "optional", required: "required", validationRules: "validationRules", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaFileUploader = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['accept', 'autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxCount', 'optional', 'required', 'validationRules', 'value', 'variant']
+        inputs: ['accept', 'autoValidation', 'disableDeleteOnUpload', 'disabled', 'hideDeleteButton', 'hint', 'isValid', 'label', 'maxCount', 'name', 'optional', 'required', 'validationRules', 'value', 'variant']
     })
 ], VegaFileUploader);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFileUploader, decorators: [{
@@ -1184,7 +1184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-file-uploader',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['accept', 'autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxCount', 'optional', 'required', 'validationRules', 'value', 'variant']
+                    inputs: ['accept', 'autoValidation', 'disableDeleteOnUpload', 'disabled', 'hideDeleteButton', 'hint', 'isValid', 'label', 'maxCount', 'name', 'optional', 'required', 'validationRules', 'value', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaFlagIcon = class VegaFlagIcon {
@@ -1268,11 +1268,11 @@ let VegaForm = class VegaForm {
     }
 };
 VegaForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaForm, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaForm, selector: "vega-form", inputs: { action: "action", disableBlurValidation: "disableBlurValidation", isTouched: "isTouched", isValid: "isValid", method: "method", useNativeForm: "useNativeForm" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaForm, selector: "vega-form", inputs: { action: "action", disableBlurValidation: "disableBlurValidation", isTouched: "isTouched", isValid: "isValid", method: "method", name: "name", useNativeForm: "useNativeForm" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaForm = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['action', 'disableBlurValidation', 'isTouched', 'isValid', 'method', 'useNativeForm'],
+        inputs: ['action', 'disableBlurValidation', 'isTouched', 'isValid', 'method', 'name', 'useNativeForm'],
         methods: ['valid', 'getValue', 'setValue', 'reset', 'setValidationStates']
     })
 ], VegaForm);
@@ -1282,7 +1282,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-form',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['action', 'disableBlurValidation', 'isTouched', 'isValid', 'method', 'useNativeForm']
+                    inputs: ['action', 'disableBlurValidation', 'isTouched', 'isValid', 'method', 'name', 'useNativeForm']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaGrid = class VegaGrid {
@@ -1364,11 +1364,11 @@ let VegaImageUploader = class VegaImageUploader {
     }
 };
 VegaImageUploader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaImageUploader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaImageUploader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaImageUploader, selector: "vega-image-uploader", inputs: { accept: "accept", actionSubTitle: "actionSubTitle", actionTitle: "actionTitle", autoValidation: "autoValidation", disabled: "disabled", height: "height", hint: "hint", isValid: "isValid", label: "label", optional: "optional", required: "required", showPreviewButton: "showPreviewButton", showRemoveButton: "showRemoveButton", showReplaceButton: "showReplaceButton", status: "status", validationRules: "validationRules", value: "value", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaImageUploader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaImageUploader, selector: "vega-image-uploader", inputs: { accept: "accept", actionSubTitle: "actionSubTitle", actionTitle: "actionTitle", autoValidation: "autoValidation", disabled: "disabled", height: "height", hint: "hint", isValid: "isValid", label: "label", name: "name", optional: "optional", required: "required", showPreviewButton: "showPreviewButton", showRemoveButton: "showRemoveButton", showReplaceButton: "showReplaceButton", status: "status", validationRules: "validationRules", value: "value", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaImageUploader = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'optional', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width'],
+        inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'name', 'optional', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width'],
         methods: ['getContentURL']
     })
 ], VegaImageUploader);
@@ -1378,7 +1378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-image-uploader',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'optional', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width']
+                    inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'name', 'optional', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInput = class VegaInput {
@@ -1416,11 +1416,11 @@ let VegaInputCreditCard = class VegaInputCreditCard {
     }
 };
 VegaInputCreditCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputCreditCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputCreditCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputCreditCard, selector: "vega-input-credit-card", inputs: { autoValidation: "autoValidation", disabled: "disabled", hideCardNumberOnBlur: "hideCardNumberOnBlur", hint: "hint", isValid: "isValid", label: "label", optional: "optional", placeholder: "placeholder", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputCreditCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputCreditCard, selector: "vega-input-credit-card", inputs: { autoValidation: "autoValidation", disabled: "disabled", hideCardNumberOnBlur: "hideCardNumberOnBlur", hint: "hint", isValid: "isValid", label: "label", name: "name", optional: "optional", placeholder: "placeholder", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputCreditCard = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hideCardNumberOnBlur', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hideCardNumberOnBlur', 'hint', 'isValid', 'label', 'name', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaInputCreditCard);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputCreditCard, decorators: [{
@@ -1429,7 +1429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-credit-card',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hideCardNumberOnBlur', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hideCardNumberOnBlur', 'hint', 'isValid', 'label', 'name', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputNumeric = class VegaInputNumeric {
@@ -1441,11 +1441,11 @@ let VegaInputNumeric = class VegaInputNumeric {
     }
 };
 VegaInputNumeric.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputNumeric, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputNumeric.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputNumeric, selector: "vega-input-numeric", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", integerOnly: "integerOnly", isValid: "isValid", label: "label", majorIncrement: "majorIncrement", max: "max", min: "min", minorIncrement: "minorIncrement", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", prefixText: "prefixText", required: "required", showClearIcon: "showClearIcon", size: "size", suffixText: "suffixText", thousandComma: "thousandComma", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputNumeric.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputNumeric, selector: "vega-input-numeric", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", integerOnly: "integerOnly", isValid: "isValid", label: "label", majorIncrement: "majorIncrement", max: "max", min: "min", minorIncrement: "minorIncrement", name: "name", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", prefixText: "prefixText", required: "required", showClearIcon: "showClearIcon", size: "size", suffixText: "suffixText", thousandComma: "thousandComma", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputNumeric = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', 'optional', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', 'name', 'optional', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
     })
 ], VegaInputNumeric);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputNumeric, decorators: [{
@@ -1454,7 +1454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-numeric',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', 'optional', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', 'name', 'optional', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputPasscode = class VegaInputPasscode {
@@ -1466,11 +1466,11 @@ let VegaInputPasscode = class VegaInputPasscode {
     }
 };
 VegaInputPasscode.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputPasscode, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputPasscode.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputPasscode, selector: "vega-input-passcode", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", inputType: "inputType", isValid: "isValid", label: "label", length: "length", optional: "optional", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputPasscode.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputPasscode, selector: "vega-input-passcode", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", inputType: "inputType", isValid: "isValid", label: "label", length: "length", name: "name", optional: "optional", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputPasscode = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'inputType', 'isValid', 'label', 'length', 'optional', 'required', 'size', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'inputType', 'isValid', 'label', 'length', 'name', 'optional', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaInputPasscode);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputPasscode, decorators: [{
@@ -1479,7 +1479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-passcode',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hint', 'inputType', 'isValid', 'label', 'length', 'optional', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'inputType', 'isValid', 'label', 'length', 'name', 'optional', 'required', 'size', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputPhoneNumber = class VegaInputPhoneNumber {
@@ -1491,11 +1491,11 @@ let VegaInputPhoneNumber = class VegaInputPhoneNumber {
     }
 };
 VegaInputPhoneNumber.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputPhoneNumber, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputPhoneNumber.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputPhoneNumber, selector: "vega-input-phone-number", inputs: { allowedCountryCodes: "allowedCountryCodes", autoValidation: "autoValidation", countryCode: "countryCode", disabled: "disabled", emptyValueEnabled: "emptyValueEnabled", hint: "hint", isValid: "isValid", label: "label", optional: "optional", placeholder: "placeholder", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputPhoneNumber.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputPhoneNumber, selector: "vega-input-phone-number", inputs: { allowedCountryCodes: "allowedCountryCodes", autoValidation: "autoValidation", countryCode: "countryCode", disabled: "disabled", emptyValueEnabled: "emptyValueEnabled", hint: "hint", isValid: "isValid", label: "label", name: "name", optional: "optional", placeholder: "placeholder", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputPhoneNumber = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['allowedCountryCodes', 'autoValidation', 'countryCode', 'disabled', 'emptyValueEnabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
+        inputs: ['allowedCountryCodes', 'autoValidation', 'countryCode', 'disabled', 'emptyValueEnabled', 'hint', 'isValid', 'label', 'name', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaInputPhoneNumber);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputPhoneNumber, decorators: [{
@@ -1504,7 +1504,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-phone-number',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['allowedCountryCodes', 'autoValidation', 'countryCode', 'disabled', 'emptyValueEnabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['allowedCountryCodes', 'autoValidation', 'countryCode', 'disabled', 'emptyValueEnabled', 'hint', 'isValid', 'label', 'name', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputRange = class VegaInputRange {
@@ -1516,11 +1516,11 @@ let VegaInputRange = class VegaInputRange {
     }
 };
 VegaInputRange.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputRange, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputRange.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputRange, selector: "vega-input-range", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", max: "max", min: "min", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", showClearIcon: "showClearIcon", size: "size", stack: "stack", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputRange.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputRange, selector: "vega-input-range", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", max: "max", min: "min", name: "name", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", showClearIcon: "showClearIcon", size: "size", stack: "stack", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputRange = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', 'optional', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', 'name', 'optional', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
     })
 ], VegaInputRange);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputRange, decorators: [{
@@ -1529,7 +1529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-range',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', 'optional', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', 'name', 'optional', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputSelect = class VegaInputSelect {
@@ -1541,11 +1541,11 @@ let VegaInputSelect = class VegaInputSelect {
     }
 };
 VegaInputSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputSelect, selector: "vega-input-select", inputs: { autoValidation: "autoValidation", disabled: "disabled", dropdownItemTooltipProps: "dropdownItemTooltipProps", hint: "hint", isValid: "isValid", label: "label", labelSuffixButtonConfig: "labelSuffixButtonConfig", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", selectType: "selectType", selectedLabel: "selectedLabel", selectedLabelTooltipProps: "selectedLabelTooltipProps", size: "size", source: "source", sourceLazyLoadCallback: "sourceLazyLoadCallback", 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.2", type: VegaInputSelect, selector: "vega-input-select", inputs: { autoValidation: "autoValidation", disabled: "disabled", dropdownItemTooltipProps: "dropdownItemTooltipProps", hint: "hint", isValid: "isValid", label: "label", labelSuffixButtonConfig: "labelSuffixButtonConfig", name: "name", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", selectType: "selectType", selectedLabel: "selectedLabel", selectedLabelTooltipProps: "selectedLabelTooltipProps", size: "size", source: "source", sourceLazyLoadCallback: "sourceLazyLoadCallback", 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', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'optional', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps'],
+        inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'name', 'optional', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps'],
         methods: ['doClose', 'doOpen', 'doChange']
     })
 ], VegaInputSelect);
@@ -1555,7 +1555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-select',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'optional', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps']
+                    inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'name', 'optional', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaItemToggle = class VegaItemToggle {
@@ -2134,11 +2134,11 @@ let VegaRichTextEditor = class VegaRichTextEditor {
     }
 };
 VegaRichTextEditor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRichTextEditor, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaRichTextEditor.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaRichTextEditor, selector: "vega-rich-text-editor", inputs: { allowSourceEdit: "allowSourceEdit", autoValidation: "autoValidation", disabled: "disabled", extensions: "extensions", hint: "hint", isValid: "isValid", label: "label", optional: "optional", placeholder: "placeholder", required: "required", rows: "rows", sourceEditConfig: "sourceEditConfig", textStyleItems: "textStyleItems", toolbarItems: "toolbarItems", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaRichTextEditor.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaRichTextEditor, selector: "vega-rich-text-editor", inputs: { allowSourceEdit: "allowSourceEdit", autoValidation: "autoValidation", disabled: "disabled", extensions: "extensions", hint: "hint", isValid: "isValid", label: "label", name: "name", optional: "optional", placeholder: "placeholder", required: "required", rows: "rows", sourceEditConfig: "sourceEditConfig", textStyleItems: "textStyleItems", toolbarItems: "toolbarItems", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaRichTextEditor = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['allowSourceEdit', 'autoValidation', 'disabled', 'extensions', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'rows', 'sourceEditConfig', 'textStyleItems', 'toolbarItems', 'validationRules', 'value']
+        inputs: ['allowSourceEdit', 'autoValidation', 'disabled', 'extensions', 'hint', 'isValid', 'label', 'name', 'optional', 'placeholder', 'required', 'rows', 'sourceEditConfig', 'textStyleItems', 'toolbarItems', 'validationRules', 'value']
     })
 ], VegaRichTextEditor);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRichTextEditor, decorators: [{
@@ -2147,7 +2147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-rich-text-editor',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['allowSourceEdit', 'autoValidation', 'disabled', 'extensions', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'rows', 'sourceEditConfig', 'textStyleItems', 'toolbarItems', 'validationRules', 'value']
+                    inputs: ['allowSourceEdit', 'autoValidation', 'disabled', 'extensions', 'hint', 'isValid', 'label', 'name', 'optional', 'placeholder', 'required', 'rows', 'sourceEditConfig', 'textStyleItems', 'toolbarItems', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaRichTextEditorToolbarButton = class VegaRichTextEditorToolbarButton {
@@ -2238,7 +2238,7 @@ VegaRichTextLinkEditor = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['record', 'resetStatusAfterHide', 'status', 'target'],
-        methods: ['show']
+        methods: ['show', 'hide']
     })
 ], VegaRichTextLinkEditor);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRichTextLinkEditor, decorators: [{
@@ -2432,11 +2432,11 @@ let VegaSelectionChipGroup = class VegaSelectionChipGroup {
     }
 };
 VegaSelectionChipGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSelectionChipGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSelectionChipGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSelectionChipGroup, selector: "vega-selection-chip-group", inputs: { disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", optional: "optional", required: "required", selectType: "selectType", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaSelectionChipGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSelectionChipGroup, selector: "vega-selection-chip-group", inputs: { disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", name: "name", optional: "optional", required: "required", selectType: "selectType", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaSelectionChipGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'hint', 'isValid', 'label', 'optional', 'required', 'selectType', 'validationRules', 'value']
+        inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'optional', 'required', 'selectType', 'validationRules', 'value']
     })
 ], VegaSelectionChipGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSelectionChipGroup, decorators: [{
@@ -2445,7 +2445,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-selection-chip-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'hint', 'isValid', 'label', 'optional', 'required', 'selectType', 'validationRules', 'value']
+                    inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'optional', 'required', 'selectType', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSelectionTile = class VegaSelectionTile {
@@ -2482,11 +2482,11 @@ let VegaSelectionTileGroup = class VegaSelectionTileGroup {
     }
 };
 VegaSelectionTileGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSelectionTileGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSelectionTileGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSelectionTileGroup, selector: "vega-selection-tile-group", inputs: { disabled: "disabled", distributeEvenly: "distributeEvenly", hint: "hint", isValid: "isValid", label: "label", layout: "layout", optional: "optional", required: "required", selectType: "selectType", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaSelectionTileGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSelectionTileGroup, selector: "vega-selection-tile-group", inputs: { disabled: "disabled", distributeEvenly: "distributeEvenly", hint: "hint", isValid: "isValid", label: "label", layout: "layout", name: "name", optional: "optional", required: "required", selectType: "selectType", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaSelectionTileGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'optional', 'required', 'selectType', 'validationRules', 'value']
+        inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'name', 'optional', 'required', 'selectType', 'validationRules', 'value']
     })
 ], VegaSelectionTileGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSelectionTileGroup, decorators: [{
@@ -2495,7 +2495,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-selection-tile-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'optional', 'required', 'selectType', 'validationRules', 'value']
+                    inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'name', 'optional', 'required', 'selectType', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSidenav = class VegaSidenav {
@@ -2582,11 +2582,11 @@ let VegaSignatureCapture = class VegaSignatureCapture {
     }
 };
 VegaSignatureCapture.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSignatureCapture, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSignatureCapture.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSignatureCapture, selector: "vega-signature-capture", inputs: { autoValidation: "autoValidation", disabled: "disabled", height: "height", isValid: "isValid", label: "label", mode: "mode", optional: "optional", placeholder: "placeholder", placeholderIcon: "placeholderIcon", required: "required", showClearBtn: "showClearBtn", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaSignatureCapture.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSignatureCapture, selector: "vega-signature-capture", inputs: { autoValidation: "autoValidation", disabled: "disabled", height: "height", isValid: "isValid", label: "label", mode: "mode", name: "name", optional: "optional", placeholder: "placeholder", placeholderIcon: "placeholderIcon", required: "required", showClearBtn: "showClearBtn", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaSignatureCapture = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value'],
+        inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'name', 'optional', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value'],
         methods: ['clear']
     })
 ], VegaSignatureCapture);
@@ -2596,7 +2596,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-signature-capture',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'name', 'optional', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSkeleton = class VegaSkeleton {
@@ -2654,11 +2654,11 @@ let VegaStepper = class VegaStepper {
     }
 };
 VegaStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaStepper, selector: "vega-stepper", inputs: { autoValidation: "autoValidation", buttonVariant: "buttonVariant", disabled: "disabled", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaStepper, selector: "vega-stepper", inputs: { autoValidation: "autoValidation", buttonVariant: "buttonVariant", disabled: "disabled", inputDisabled: "inputDisabled", isValid: "isValid", label: "label", max: "max", min: "min", name: "name", 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', 'inputDisabled', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
+        inputs: ['autoValidation', 'buttonVariant', 'disabled', 'inputDisabled', 'isValid', 'label', 'max', 'min', 'name', 'stepperId', 'value']
     })
 ], VegaStepper);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaStepper, decorators: [{
@@ -2667,7 +2667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-stepper',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'buttonVariant', 'disabled', 'inputDisabled', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
+                    inputs: ['autoValidation', 'buttonVariant', 'disabled', 'inputDisabled', 'isValid', 'label', 'max', 'min', 'name', 'stepperId', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTabGroup = class VegaTabGroup {
@@ -2914,11 +2914,11 @@ let VegaTableHeadCell = class VegaTableHeadCell {
     }
 };
 VegaTableHeadCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableHeadCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTableHeadCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableHeadCell, selector: "vega-table-head-cell", inputs: { breakpoint: "breakpoint", pinned: "pinned", sortConfig: "sortConfig", sortOrder: "sortOrder", sorter: "sorter", textAlign: "textAlign", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTableHeadCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTableHeadCell, selector: "vega-table-head-cell", inputs: { breakpoint: "breakpoint", groupKey: "groupKey", parentGroupKey: "parentGroupKey", pinned: "pinned", sortConfig: "sortConfig", sortOrder: "sortOrder", sorter: "sorter", textAlign: "textAlign", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTableHeadCell = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['breakpoint', 'pinned', 'sortConfig', 'sortOrder', 'sorter', 'textAlign', 'width']
+        inputs: ['breakpoint', 'groupKey', 'parentGroupKey', 'pinned', 'sortConfig', 'sortOrder', 'sorter', 'textAlign', 'width']
     })
 ], VegaTableHeadCell);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTableHeadCell, decorators: [{
@@ -2927,7 +2927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-table-head-cell',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['breakpoint', 'pinned', 'sortConfig', 'sortOrder', 'sorter', 'textAlign', 'width']
+                    inputs: ['breakpoint', 'groupKey', 'parentGroupKey', 'pinned', 'sortConfig', 'sortOrder', 'sorter', 'textAlign', 'width']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTableHeadRow = class VegaTableHeadRow {
@@ -3012,11 +3012,11 @@ let VegaTextarea = class VegaTextarea {
     }
 };
 VegaTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTextarea, selector: "vega-textarea", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", labelSuffixButtonConfig: "labelSuffixButtonConfig", maxLength: "maxLength", minLength: "minLength", optional: "optional", placeholder: "placeholder", required: "required", resizable: "resizable", rows: "rows", showCounter: "showCounter", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTextarea, selector: "vega-textarea", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", labelSuffixButtonConfig: "labelSuffixButtonConfig", maxLength: "maxLength", minLength: "minLength", name: "name", optional: "optional", placeholder: "placeholder", required: "required", resizable: "resizable", rows: "rows", showCounter: "showCounter", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTextarea = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'maxLength', 'minLength', 'optional', 'placeholder', 'required', 'resizable', 'rows', 'showCounter', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'maxLength', 'minLength', 'name', 'optional', 'placeholder', 'required', 'resizable', 'rows', 'showCounter', 'validationRules', 'value']
     })
 ], VegaTextarea);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTextarea, decorators: [{
@@ -3025,7 +3025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-textarea',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'maxLength', 'minLength', 'optional', 'placeholder', 'required', 'resizable', 'rows', 'showCounter', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'maxLength', 'minLength', 'name', 'optional', 'placeholder', 'required', 'resizable', 'rows', 'showCounter', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTimePicker = class VegaTimePicker {
@@ -3037,11 +3037,11 @@ let VegaTimePicker = class VegaTimePicker {
     }
 };
 VegaTimePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTimePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTimePicker, selector: "vega-time-picker", inputs: { autoValidation: "autoValidation", disabled: "disabled", increments: "increments", isValid: "isValid", label: "label", mode: "mode", optional: "optional", placeholder: "placeholder", positionRelativeTo: "positionRelativeTo", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", size: "size", timeFormat: "timeFormat", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTimePicker, selector: "vega-time-picker", inputs: { autoValidation: "autoValidation", disabled: "disabled", increments: "increments", isValid: "isValid", label: "label", mode: "mode", name: "name", optional: "optional", placeholder: "placeholder", positionRelativeTo: "positionRelativeTo", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", size: "size", timeFormat: "timeFormat", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTimePicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value', 'vegaDropdownProps']
+        inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'name', 'optional', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value', 'vegaDropdownProps']
     })
 ], VegaTimePicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTimePicker, decorators: [{
@@ -3050,7 +3050,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-time-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value', 'vegaDropdownProps']
+                    inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'name', 'optional', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value', 'vegaDropdownProps']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTimePickerDropdown = class VegaTimePickerDropdown {
@@ -3084,11 +3084,11 @@ let VegaToggleSwitch = class VegaToggleSwitch {
     }
 };
 VegaToggleSwitch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaToggleSwitch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaToggleSwitch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaToggleSwitch, selector: "vega-toggle-switch", inputs: { autoValidation: "autoValidation", checked: "checked", disabled: "disabled", isValid: "isValid", label: "label", optional: "optional", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaToggleSwitch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaToggleSwitch, selector: "vega-toggle-switch", inputs: { autoValidation: "autoValidation", checked: "checked", disabled: "disabled", isValid: "isValid", label: "label", name: "name", optional: "optional", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaToggleSwitch = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'optional', 'required', 'size', 'validationRules', 'value']
+        inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'name', 'optional', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaToggleSwitch);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaToggleSwitch, decorators: [{
@@ -3097,7 +3097,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-toggle-switch',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'optional', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'name', 'optional', 'required', 'size', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTooltip = class VegaTooltip {