@heartlandone/vega-angular 2.87.0 → 2.89.0

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

@@ -179,11 +179,11 @@ let VegaAccordion = class VegaAccordion {
     }
 };
 VegaAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaAccordion, selector: "vega-accordion", inputs: { accordionTitle: "accordionTitle", drawsBackground: "drawsBackground", expand: "expand", expandIconAlign: "expandIconAlign", groupId: "groupId", iconPosition: "iconPosition", prefixIcon: "prefixIcon", showExpandIcon: "showExpandIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaAccordion, selector: "vega-accordion", inputs: { accordionTitle: "accordionTitle", drawsBackground: "drawsBackground", expand: "expand", expandIconAlign: "expandIconAlign", groupId: "groupId", iconPosition: "iconPosition", prefixIcon: "prefixIcon", showExpandIcon: "showExpandIcon", titleBackgroundColor: "titleBackgroundColor" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaAccordion = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['accordionTitle', 'drawsBackground', 'expand', 'expandIconAlign', 'groupId', 'iconPosition', 'prefixIcon', 'showExpandIcon']
+        inputs: ['accordionTitle', 'drawsBackground', 'expand', 'expandIconAlign', 'groupId', 'iconPosition', 'prefixIcon', 'showExpandIcon', 'titleBackgroundColor']
     })
 ], VegaAccordion);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaAccordion, decorators: [{
@@ -192,7 +192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-accordion',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['accordionTitle', 'drawsBackground', 'expand', 'expandIconAlign', 'groupId', 'iconPosition', 'prefixIcon', 'showExpandIcon']
+                    inputs: ['accordionTitle', 'drawsBackground', 'expand', 'expandIconAlign', 'groupId', 'iconPosition', 'prefixIcon', 'showExpandIcon', 'titleBackgroundColor']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaAppFooter = class VegaAppFooter {
@@ -666,7 +666,7 @@ let VegaCheckbox = class VegaCheckbox {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change']);
+        proxyOutputs(this, this.el, ['vegaChange', 'vegaUserChange', 'userChange', 'change']);
     }
 };
 VegaCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -692,7 +692,7 @@ let VegaCheckboxGroup = class VegaCheckboxGroup {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change']);
+        proxyOutputs(this, this.el, ['vegaChange', 'vegaUserChange', 'userChange', 'change']);
     }
 };
 VegaCheckboxGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -772,11 +772,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", 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", 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', 'required', 'validationRules', 'value']
+        inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'optional', 'required', 'validationRules', 'value']
     })
 ], VegaColorPicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorPicker, decorators: [{
@@ -785,7 +785,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', 'required', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'optional', 'required', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaColorSwatch = class VegaColorSwatch {
@@ -847,11 +847,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", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", placeholder: "placeholder", required: "required", size: "size", source: "source", useDefaultFilter: "useDefaultFilter", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaComboBox.ɵ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 = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps'],
+        inputs: ['autoValidation', 'containerMaxHeight', 'disabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps'],
         methods: ['close', 'open']
     })
 ], VegaComboBox);
@@ -861,7 +861,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', 'disabled', 'hint', 'isValid', 'label', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps']
+                    inputs: ['autoValidation', 'containerMaxHeight', 'disabled', 'hint', 'isValid', 'label', '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 {
@@ -897,11 +897,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", 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", 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', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value'],
+        inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'optional', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value'],
         methods: ['doClose', 'doOpen']
     })
 ], VegaDatePicker);
@@ -911,7 +911,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', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value']
+                    inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', '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 {
@@ -919,7 +919,7 @@ let VegaDatePickerCalendar = class VegaDatePickerCalendar {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaClear', 'clear', 'vegaMonthYearChange', 'monthYearChange', 'vegaSelectionChange', 'selectionChange']);
+        proxyOutputs(this, this.el, ['vegaClear', 'clear', 'vegaMonthYearChange', 'monthYearChange', 'vegaSelectionChange', 'selectionChange', 'vegaTodayClick', 'todayClick']);
     }
 };
 VegaDatePickerCalendar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDatePickerCalendar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1118,11 +1118,11 @@ let VegaFieldLabel = class VegaFieldLabel {
     }
 };
 VegaFieldLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFieldLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaFieldLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFieldLabel, selector: "vega-field-label", inputs: { disabled: "disabled", isFieldRequired: "isFieldRequired", label: "label", suffixButtonConfig: "suffixButtonConfig", suffixButtonProps: "suffixButtonProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaFieldLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFieldLabel, selector: "vega-field-label", inputs: { disabled: "disabled", isFieldRequired: "isFieldRequired", label: "label", optional: "optional", suffixButtonConfig: "suffixButtonConfig", suffixButtonProps: "suffixButtonProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaFieldLabel = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'isFieldRequired', 'label', 'suffixButtonConfig', 'suffixButtonProps']
+        inputs: ['disabled', 'isFieldRequired', 'label', 'optional', 'suffixButtonConfig', 'suffixButtonProps']
     })
 ], VegaFieldLabel);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFieldLabel, decorators: [{
@@ -1131,7 +1131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-field-label',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'isFieldRequired', 'label', 'suffixButtonConfig', 'suffixButtonProps']
+                    inputs: ['disabled', 'isFieldRequired', 'label', 'optional', 'suffixButtonConfig', 'suffixButtonProps']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaFileUploader = class VegaFileUploader {
@@ -1143,11 +1143,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", 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", 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 = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['accept', 'autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxCount', 'required', 'validationRules', 'value', 'variant']
+        inputs: ['accept', 'autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxCount', 'optional', 'required', 'validationRules', 'value', 'variant']
     })
 ], VegaFileUploader);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFileUploader, decorators: [{
@@ -1156,7 +1156,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', 'required', 'validationRules', 'value', 'variant']
+                    inputs: ['accept', 'autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxCount', 'optional', 'required', 'validationRules', 'value', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaFlagIcon = class VegaFlagIcon {
@@ -1336,11 +1336,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", 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", 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', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width'],
+        inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'optional', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width'],
         methods: ['getContentURL']
     })
 ], VegaImageUploader);
@@ -1350,7 +1350,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', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width']
+                    inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', '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 {
@@ -1362,11 +1362,11 @@ let VegaInput = class VegaInput {
     }
 };
 VegaInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInput, selector: "vega-input", inputs: { autoValidation: "autoValidation", autocomplete: "autocomplete", disableCopyPaste: "disableCopyPaste", disabled: "disabled", email: "email", enterkeyhint: "enterkeyhint", hint: "hint", inputmode: "inputmode", isValid: "isValid", label: "label", labelSuffixButtonConfig: "labelSuffixButtonConfig", labelSuffixButtonProps: "labelSuffixButtonProps", maskConfig: "maskConfig", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", name: "name", placeholder: "placeholder", prefixIcon: "prefixIcon", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", size: "size", suggestionsDropdownSource: "suggestionsDropdownSource", type: "type", validationRules: "validationRules", value: "value", valueUpdateTrigger: "valueUpdateTrigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInput, selector: "vega-input", inputs: { autoValidation: "autoValidation", autocomplete: "autocomplete", disableCopyPaste: "disableCopyPaste", disabled: "disabled", email: "email", enterkeyhint: "enterkeyhint", hint: "hint", inputmode: "inputmode", isValid: "isValid", label: "label", labelSuffixButtonConfig: "labelSuffixButtonConfig", labelSuffixButtonProps: "labelSuffixButtonProps", maskConfig: "maskConfig", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", name: "name", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", size: "size", suggestionsDropdownSource: "suggestionsDropdownSource", type: "type", validationRules: "validationRules", value: "value", valueUpdateTrigger: "valueUpdateTrigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'autocomplete', 'disableCopyPaste', 'disabled', 'email', 'enterkeyhint', 'hint', 'inputmode', 'isValid', 'label', 'labelSuffixButtonConfig', 'labelSuffixButtonProps', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'name', 'placeholder', 'prefixIcon', 'readOnly', 'required', 'showClearIcon', 'size', 'suggestionsDropdownSource', 'type', 'validationRules', 'value', 'valueUpdateTrigger'],
+        inputs: ['autoValidation', 'autocomplete', 'disableCopyPaste', 'disabled', 'email', 'enterkeyhint', 'hint', 'inputmode', 'isValid', 'label', 'labelSuffixButtonConfig', 'labelSuffixButtonProps', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'name', 'optional', 'placeholder', 'prefixIcon', 'readOnly', 'required', 'showClearIcon', 'size', 'suggestionsDropdownSource', 'type', 'validationRules', 'value', 'valueUpdateTrigger'],
         methods: ['doFocus', 'doBlur', 'showSuggestionsDropdown', 'hideSuggestionsDropdown']
     })
 ], VegaInput);
@@ -1376,7 +1376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'autocomplete', 'disableCopyPaste', 'disabled', 'email', 'enterkeyhint', 'hint', 'inputmode', 'isValid', 'label', 'labelSuffixButtonConfig', 'labelSuffixButtonProps', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'name', 'placeholder', 'prefixIcon', 'readOnly', 'required', 'showClearIcon', 'size', 'suggestionsDropdownSource', 'type', 'validationRules', 'value', 'valueUpdateTrigger']
+                    inputs: ['autoValidation', 'autocomplete', 'disableCopyPaste', 'disabled', 'email', 'enterkeyhint', 'hint', 'inputmode', 'isValid', 'label', 'labelSuffixButtonConfig', 'labelSuffixButtonProps', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'name', 'optional', 'placeholder', 'prefixIcon', 'readOnly', 'required', 'showClearIcon', 'size', 'suggestionsDropdownSource', 'type', 'validationRules', 'value', 'valueUpdateTrigger']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputCreditCard = class VegaInputCreditCard {
@@ -1413,11 +1413,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", 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", 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', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', '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: [{
@@ -1426,7 +1426,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', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', '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 {
@@ -1438,11 +1438,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", 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", 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', 'required', 'size', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'inputType', 'isValid', 'label', 'length', 'optional', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaInputPasscode);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputPasscode, decorators: [{
@@ -1451,7 +1451,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', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'inputType', 'isValid', 'label', 'length', 'optional', 'required', 'size', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputPhoneNumber = class VegaInputPhoneNumber {
@@ -1463,11 +1463,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", 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", 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', 'placeholder', 'required', 'size', 'validationRules', 'value']
+        inputs: ['allowedCountryCodes', 'autoValidation', 'countryCode', 'disabled', 'emptyValueEnabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaInputPhoneNumber);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputPhoneNumber, decorators: [{
@@ -1476,7 +1476,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', 'placeholder', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['allowedCountryCodes', 'autoValidation', 'countryCode', 'disabled', 'emptyValueEnabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputRange = class VegaInputRange {
@@ -1488,11 +1488,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", 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", 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', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', '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: [{
@@ -1501,7 +1501,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', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', '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 {
@@ -1513,11 +1513,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", 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", 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', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps'],
+        inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'optional', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps'],
         methods: ['doClose', 'doOpen', 'doChange']
     })
 ], VegaInputSelect);
@@ -1527,7 +1527,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', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps']
+                    inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', '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 {
@@ -2106,11 +2106,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", 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", 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', 'placeholder', 'required', 'rows', 'sourceEditConfig', 'textStyleItems', 'toolbarItems', 'validationRules', 'value']
+        inputs: ['allowSourceEdit', 'autoValidation', 'disabled', 'extensions', 'hint', 'isValid', 'label', '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: [{
@@ -2119,7 +2119,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', 'placeholder', 'required', 'rows', 'sourceEditConfig', 'textStyleItems', 'toolbarItems', 'validationRules', 'value']
+                    inputs: ['allowSourceEdit', 'autoValidation', 'disabled', 'extensions', 'hint', 'isValid', 'label', '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 {
@@ -2198,6 +2198,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['record', 'resetStatusAfterHide', 'status', 'target']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaRichTextSpecialCharactersPanel = class VegaRichTextSpecialCharactersPanel {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['vegaClick', 'click']);
+    }
+};
+VegaRichTextSpecialCharactersPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRichTextSpecialCharactersPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaRichTextSpecialCharactersPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaRichTextSpecialCharactersPanel, selector: "vega-rich-text-special-characters-panel", inputs: { categories: "categories" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaRichTextSpecialCharactersPanel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['categories'],
+        methods: ['resetPanel']
+    })
+], VegaRichTextSpecialCharactersPanel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRichTextSpecialCharactersPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-rich-text-special-characters-panel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['categories']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaRichTextTableProperties = class VegaRichTextTableProperties {
     constructor(c, r, z) {
         this.z = z;
@@ -2404,11 +2430,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", 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", 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', 'required', 'selectType', 'validationRules', 'value']
+        inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'optional', 'required', 'selectType', 'validationRules', 'value']
     })
 ], VegaSelectionTileGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSelectionTileGroup, decorators: [{
@@ -2417,7 +2443,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', 'required', 'selectType', 'validationRules', 'value']
+                    inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'optional', 'required', 'selectType', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSidenav = class VegaSidenav {
@@ -2504,11 +2530,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", 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", 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', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value'],
+        inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value'],
         methods: ['clear']
     })
 ], VegaSignatureCapture);
@@ -2518,7 +2544,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', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSkeleton = class VegaSkeleton {
@@ -2909,11 +2935,11 @@ let VegaText = class VegaText {
     }
 };
 VegaText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaText, selector: "vega-text", inputs: { overflow: "overflow", tooltip: "tooltip" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaText, selector: "vega-text", inputs: { overflow: "overflow", text: "text", tooltip: "tooltip" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaText = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['overflow', 'tooltip']
+        inputs: ['overflow', 'text', 'tooltip']
     })
 ], VegaText);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaText, decorators: [{
@@ -2922,7 +2948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-text',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['overflow', 'tooltip']
+                    inputs: ['overflow', 'text', 'tooltip']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTextarea = class VegaTextarea {
@@ -2934,11 +2960,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", 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", 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', 'placeholder', 'required', 'resizable', 'rows', 'showCounter', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'maxLength', 'minLength', 'optional', 'placeholder', 'required', 'resizable', 'rows', 'showCounter', 'validationRules', 'value']
     })
 ], VegaTextarea);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTextarea, decorators: [{
@@ -2947,7 +2973,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', 'placeholder', 'required', 'resizable', 'rows', 'showCounter', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'maxLength', 'minLength', 'optional', 'placeholder', 'required', 'resizable', 'rows', 'showCounter', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTimePicker = class VegaTimePicker {
@@ -2959,11 +2985,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", placeholder: "placeholder", positionRelativeTo: "positionRelativeTo", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", size: "size", timeFormat: "timeFormat", validationRules: "validationRules", value: "value" }, 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", optional: "optional", placeholder: "placeholder", positionRelativeTo: "positionRelativeTo", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", size: "size", timeFormat: "timeFormat", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTimePicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value']
     })
 ], VegaTimePicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTimePicker, decorators: [{
@@ -2972,7 +2998,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', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTimePickerDropdown = class VegaTimePickerDropdown {
@@ -3006,11 +3032,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", 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", 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', 'required', 'size', 'validationRules', 'value']
+        inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'optional', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaToggleSwitch);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaToggleSwitch, decorators: [{
@@ -3019,7 +3045,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', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'optional', 'required', 'size', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTooltip = class VegaTooltip {
@@ -3178,6 +3204,7 @@ var VegaComponents = [
     VegaRichTextEditorToolbarButton,
     VegaRichTextImageEditor,
     VegaRichTextLinkEditor,
+    VegaRichTextSpecialCharactersPanel,
     VegaRichTextTableProperties,
     VegaRichTextTableSelectionWidget,
     VegaRichTextTableSetting,
@@ -3232,7 +3259,7 @@ class VegaComponentModule {
     }
 }
 VegaComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VegaComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, declarations: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBanner, VegaBarChart, VegaBox, VegaBrandLogo, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCalendar, VegaCalendarEvent, VegaCalendarEventPreview, VegaCalendarEventSlot, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaCodeBlock, VegaColorPicker, VegaColorSwatch, VegaColorSwatchPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDivider, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFileUploader, VegaFlagIcon, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaHint, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputNumeric, VegaInputPasscode, VegaInputPhoneNumber, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPaginationPageSelectorMobile, VegaPaginationPageSizeSelectorMobile, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaProgressTrackerStep, VegaRadio, VegaRadioGroup, VegaRichTextContent, VegaRichTextEditor, VegaRichTextEditorToolbarButton, VegaRichTextImageEditor, VegaRichTextLinkEditor, VegaRichTextTableProperties, VegaRichTextTableSelectionWidget, VegaRichTextTableSetting, VegaSectionTitle, VegaSegmentControl, VegaSelectionChip, VegaSelectionChipGroup, VegaSelectionTile, VegaSelectionTileGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSignatureCapture, VegaSkeleton, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableFoot, VegaTableFootCell, VegaTableFootRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll, TextValueAccessor, ValueAccessor], exports: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBanner, VegaBarChart, VegaBox, VegaBrandLogo, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCalendar, VegaCalendarEvent, VegaCalendarEventPreview, VegaCalendarEventSlot, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaCodeBlock, VegaColorPicker, VegaColorSwatch, VegaColorSwatchPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDivider, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFileUploader, VegaFlagIcon, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaHint, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputNumeric, VegaInputPasscode, VegaInputPhoneNumber, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPaginationPageSelectorMobile, VegaPaginationPageSizeSelectorMobile, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaProgressTrackerStep, VegaRadio, VegaRadioGroup, VegaRichTextContent, VegaRichTextEditor, VegaRichTextEditorToolbarButton, VegaRichTextImageEditor, VegaRichTextLinkEditor, VegaRichTextTableProperties, VegaRichTextTableSelectionWidget, VegaRichTextTableSetting, VegaSectionTitle, VegaSegmentControl, VegaSelectionChip, VegaSelectionChipGroup, VegaSelectionTile, VegaSelectionTileGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSignatureCapture, VegaSkeleton, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableFoot, VegaTableFootCell, VegaTableFootRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll, TextValueAccessor, ValueAccessor] });
+VegaComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, declarations: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBanner, VegaBarChart, VegaBox, VegaBrandLogo, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCalendar, VegaCalendarEvent, VegaCalendarEventPreview, VegaCalendarEventSlot, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaCodeBlock, VegaColorPicker, VegaColorSwatch, VegaColorSwatchPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDivider, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFileUploader, VegaFlagIcon, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaHint, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputNumeric, VegaInputPasscode, VegaInputPhoneNumber, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPaginationPageSelectorMobile, VegaPaginationPageSizeSelectorMobile, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaProgressTrackerStep, VegaRadio, VegaRadioGroup, VegaRichTextContent, VegaRichTextEditor, VegaRichTextEditorToolbarButton, VegaRichTextImageEditor, VegaRichTextLinkEditor, VegaRichTextSpecialCharactersPanel, VegaRichTextTableProperties, VegaRichTextTableSelectionWidget, VegaRichTextTableSetting, VegaSectionTitle, VegaSegmentControl, VegaSelectionChip, VegaSelectionChipGroup, VegaSelectionTile, VegaSelectionTileGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSignatureCapture, VegaSkeleton, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableFoot, VegaTableFootCell, VegaTableFootRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll, TextValueAccessor, ValueAccessor], exports: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBanner, VegaBarChart, VegaBox, VegaBrandLogo, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCalendar, VegaCalendarEvent, VegaCalendarEventPreview, VegaCalendarEventSlot, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaCodeBlock, VegaColorPicker, VegaColorSwatch, VegaColorSwatchPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDivider, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFileUploader, VegaFlagIcon, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaHint, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputNumeric, VegaInputPasscode, VegaInputPhoneNumber, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPaginationPageSelectorMobile, VegaPaginationPageSizeSelectorMobile, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaProgressTrackerStep, VegaRadio, VegaRadioGroup, VegaRichTextContent, VegaRichTextEditor, VegaRichTextEditorToolbarButton, VegaRichTextImageEditor, VegaRichTextLinkEditor, VegaRichTextSpecialCharactersPanel, VegaRichTextTableProperties, VegaRichTextTableSelectionWidget, VegaRichTextTableSetting, VegaSectionTitle, VegaSegmentControl, VegaSelectionChip, VegaSelectionChipGroup, VegaSelectionTile, VegaSelectionTileGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSignatureCapture, VegaSkeleton, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableFoot, VegaTableFootCell, VegaTableFootRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll, TextValueAccessor, ValueAccessor] });
 VegaComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, imports: [[]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, decorators: [{
             type: NgModule,
@@ -3251,5 +3278,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TextValueAccessor, ValueAccessor, VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBanner, VegaBarChart, VegaBox, VegaBrandLogo, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCalendar, VegaCalendarEvent, VegaCalendarEventPreview, VegaCalendarEventSlot, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaCodeBlock, VegaColorPicker, VegaColorSwatch, VegaColorSwatchPicker, VegaComboBox, VegaComponentModule, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDivider, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFileUploader, VegaFlagIcon, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaHint, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputNumeric, VegaInputPasscode, VegaInputPhoneNumber, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPaginationPageSelectorMobile, VegaPaginationPageSizeSelectorMobile, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaProgressTrackerStep, VegaRadio, VegaRadioGroup, VegaRichTextContent, VegaRichTextEditor, VegaRichTextEditorToolbarButton, VegaRichTextImageEditor, VegaRichTextLinkEditor, VegaRichTextTableProperties, VegaRichTextTableSelectionWidget, VegaRichTextTableSetting, VegaSectionTitle, VegaSegmentControl, VegaSelectionChip, VegaSelectionChipGroup, VegaSelectionTile, VegaSelectionTileGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSignatureCapture, VegaSkeleton, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableFoot, VegaTableFootCell, VegaTableFootRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll };
+export { TextValueAccessor, ValueAccessor, VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBackdrop, VegaBanner, VegaBarChart, VegaBox, VegaBrandLogo, VegaBreadcrumb, VegaButton, VegaButtonCircle, VegaButtonGroup, VegaButtonGroupItem, VegaButtonLink, VegaCalendar, VegaCalendarEvent, VegaCalendarEventPreview, VegaCalendarEventSlot, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaCodeBlock, VegaColorPicker, VegaColorSwatch, VegaColorSwatchPicker, VegaComboBox, VegaComponentModule, VegaCounterBadge, VegaDatePicker, VegaDatePickerCalendar, VegaDialog, VegaDivider, VegaDropdown, VegaDropdownContentBox, VegaDropdownGroup, VegaDropdownItem, VegaFieldError, VegaFieldLabel, VegaFileUploader, VegaFlagIcon, VegaFlex, VegaFont, VegaForm, VegaGrid, VegaHint, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputNumeric, VegaInputPasscode, VegaInputPhoneNumber, VegaInputRange, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoaderWrapper, VegaLoadingIndicator, VegaModal, VegaNavCard, VegaPageNotification, VegaPageNotificationList, VegaPagination, VegaPaginationPageSelectorMobile, VegaPaginationPageSizeSelectorMobile, VegaPieChart, VegaPopover, VegaPopoverContentBox, VegaProgressTracker, VegaProgressTrackerStep, VegaRadio, VegaRadioGroup, VegaRichTextContent, VegaRichTextEditor, VegaRichTextEditorToolbarButton, VegaRichTextImageEditor, VegaRichTextLinkEditor, VegaRichTextSpecialCharactersPanel, VegaRichTextTableProperties, VegaRichTextTableSelectionWidget, VegaRichTextTableSetting, VegaSectionTitle, VegaSegmentControl, VegaSelectionChip, VegaSelectionChipGroup, VegaSelectionTile, VegaSelectionTileGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaSignatureCapture, VegaSkeleton, VegaSlotContainer, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaTableBody, VegaTableCell, VegaTableExpandRow, VegaTableFoot, VegaTableFootCell, VegaTableFootRow, VegaTableHead, VegaTableHeadCell, VegaTableHeadRow, VegaTableRow, VegaText, VegaTextarea, VegaTimePicker, VegaTimePickerDropdown, VegaToggleSwitch, VegaTooltip, VegaTooltipContentBox, VegaVirtualScroll };
 //# sourceMappingURL=globalpayments-vega-angular.mjs.map