@globalpayments/vega-angular 2.87.0 → 2.89.0

package/src/lib/stencil-generated/components.ts

@@ -23,13 +23,13 @@ expand is an attribute, so the event name here uses accordionExpand @eventSemant
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['accordionTitle', 'drawsBackground', 'expand', 'expandIconAlign', 'groupId', 'iconPosition', 'prefixIcon', 'showExpandIcon']
+  inputs: ['accordionTitle', 'drawsBackground', 'expand', 'expandIconAlign', 'groupId', 'iconPosition', 'prefixIcon', 'showExpandIcon', 'titleBackgroundColor']
 })
 @Component({
   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']
 })
 export class VegaAccordion {
   protected el: HTMLElement;
@@ -633,6 +633,22 @@ export declare interface VegaCheckbox extends Components.VegaCheckbox {
    whether triggered programmatically or through user interaction. @vegaVersion 1.0.10
    */
   vegaChange: EventEmitter<CustomEvent<string | boolean>>;
+  /**
+   * An event emitter notifying changes in the value of the checkbox
+   triggered exclusively by user interaction (mouse click or keyboard activation).
+
+Unlike `vegaChange`, this event does NOT fire when the `checked` or `value`
+   prop is reassigned programmatically. Use this event when you want to react
+   only to real user input (e.g., analytics, derived "select all" state). @remarks Calling `event.preventDefault()` is a no-op — it does not roll
+back `checked`/`value` nor suppress the paired `vegaChange` event.
+`cancelable: true` is retained only for parity with `vegaChange`.,@see {module :vega-checkbox-user-change},@see {module :vega-checkbox-user-change-keyboard},@see {module :vega-checkbox-user-change-keyboard-enter},@see {module :vega-checkbox-user-change-programmatic},@see {module :vega-checkbox-user-change-containment},@vegaVersion 2.89.0
+   */
+  vegaUserChange: EventEmitter<CustomEvent<string | boolean>>;
+  /**
+   * An event emitter notifying changes in the value of the checkbox
+   triggered exclusively by user interaction (mouse click or keyboard activation). @eventSemantics namespace:native,@vegaVersion 2.89.0
+   */
+  userChange: EventEmitter<CustomEvent<string | boolean>>;
   /**
    * An event emitter notifying changes in the value of the checkbox,
    whether triggered programmatically or through user interaction. @eventSemantics namespace:native,@vegaVersion 2.0.0
@@ -657,7 +673,7 @@ export class VegaCheckbox {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'change']);
+    proxyOutputs(this, this.el, ['vegaChange', 'vegaUserChange', 'userChange', 'change']);
   }
 }
 
@@ -670,6 +686,25 @@ export declare interface VegaCheckboxGroup extends Components.VegaCheckboxGroup
   user interaction. @vegaVersion 1.0.10
    */
   vegaChange: EventEmitter<CustomEvent<string[]>>;
+  /**
+   * An event emitter notifying changes in the value of the checkbox group
+  triggered exclusively by user interaction (mouse click or keyboard
+  activation) on a nested checkbox.
+
+Unlike `vegaChange`, this event does NOT fire when the `value` prop
+  is reassigned programmatically. Use this event when you want to
+  react only to real user input (e.g., analytics, derived
+  "select all" state). @remarks Calling `event.preventDefault()` is a no-op — it does not roll
+back `value` nor suppress the paired `vegaChange` event.
+`cancelable: true` is retained only for parity with `vegaChange`.,@see {module :vega-checkbox-group-user-change},@see {module :vega-checkbox-group-user-change-programmatic},@see {module :vega-checkbox-group-user-change-no-double},@vegaVersion 2.89.0
+   */
+  vegaUserChange: EventEmitter<CustomEvent<string[]>>;
+  /**
+   * An event emitter notifying changes in the value
+  of any nested checkbox within the checkbox group,
+  triggered exclusively by user interaction (mouse click or keyboard activation). @eventSemantics namespace:native,@vegaVersion 2.89.0
+   */
+  userChange: EventEmitter<CustomEvent<string[]>>;
   /**
    * An event emitter notifying changes in the value
   of any nested checkbox within the checkbox group,
@@ -695,7 +730,7 @@ export class VegaCheckboxGroup {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'change']);
+    proxyOutputs(this, this.el, ['vegaChange', 'vegaUserChange', 'userChange', 'change']);
   }
 }
 
@@ -801,13 +836,13 @@ export declare interface VegaColorPicker extends Components.VegaColorPicker {
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaColorPicker {
   protected el: HTMLElement;
@@ -927,14 +962,14 @@ The combo box _does not_ automatically add the new value to its `source` and `va
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaComboBox {
   protected el: HTMLElement;
@@ -992,14 +1027,14 @@ export declare interface VegaDatePicker extends Components.VegaDatePicker {
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaDatePicker {
   protected el: HTMLElement;
@@ -1041,6 +1076,14 @@ export declare interface VegaDatePickerCalendar extends Components.VegaDatePicke
    whether triggered programmatically or through user interaction. @eventSemantics namespace:native,@vegaVersion 2.72.0
    */
   selectionChange: EventEmitter<CustomEvent<string | string[]>>;
+  /**
+   * An event emitter notifying the today button is clicked in the date picker. @vegaVersion 2.88.0
+   */
+  vegaTodayClick: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying the today button is clicked in the date picker. @eventSemantics namespace:native,@vegaVersion 2.88.0
+   */
+  todayClick: EventEmitter<CustomEvent<string>>;
 
 }
 
@@ -1060,7 +1103,7 @@ export class VegaDatePickerCalendar {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     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']);
   }
 }
 
@@ -1325,13 +1368,13 @@ export declare interface VegaFieldLabel extends Components.VegaFieldLabel {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['disabled', 'isFieldRequired', 'label', 'suffixButtonConfig', 'suffixButtonProps']
+  inputs: ['disabled', 'isFieldRequired', 'label', 'optional', 'suffixButtonConfig', 'suffixButtonProps']
 })
 @Component({
   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']
 })
 export class VegaFieldLabel {
   protected el: HTMLElement;
@@ -1394,13 +1437,13 @@ export declare interface VegaFileUploader extends Components.VegaFileUploader {
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaFileUploader {
   protected el: HTMLElement;
@@ -1615,14 +1658,14 @@ export declare interface VegaImageUploader extends Components.VegaImageUploader
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaImageUploader {
   protected el: HTMLElement;
@@ -1763,14 +1806,14 @@ suggestion item, including its `label`, `value`, and any custom properties.,@eve
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaInput {
   protected el: HTMLElement;
@@ -1850,13 +1893,13 @@ and at the same time, allowing consumers to listen using the standard
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaInputNumeric {
   protected el: HTMLElement;
@@ -1899,13 +1942,13 @@ and at the same time, allowing consumers to listen using the standard
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaInputPasscode {
   protected el: HTMLElement;
@@ -1947,13 +1990,13 @@ standard `countryChange` event name. @eventDetail VegaCountryType,@eventSemantic
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaInputPhoneNumber {
   protected el: HTMLElement;
@@ -1979,13 +2022,13 @@ export declare interface VegaInputRange extends Components.VegaInputRange {
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaInputRange {
   protected el: HTMLElement;
@@ -2052,14 +2095,14 @@ It can be triggered in two ways: by pressing "Enter" or through user input. @eve
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaInputSelect {
   protected el: HTMLElement;
@@ -2756,13 +2799,13 @@ export declare interface VegaRichTextEditor extends Components.VegaRichTextEdito
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaRichTextEditor {
   protected el: HTMLElement;
@@ -2870,6 +2913,39 @@ export class VegaRichTextLinkEditor {
   }
 }
 
+
+export declare interface VegaRichTextSpecialCharactersPanel extends Components.VegaRichTextSpecialCharactersPanel {
+  /**
+   * Emitted when a character cell is clicked. The payload is the Unicode character string. @vegaVersion 2.88.0
+   */
+  vegaClick: EventEmitter<CustomEvent<string>>;
+  /**
+   * Emitted when a character cell is clicked. The payload is the Unicode character string. @vegaVersion 2.88.0
+   */
+  click: EventEmitter<CustomEvent<string>>;
+
+}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['categories'],
+  methods: ['resetPanel']
+})
+@Component({
+  selector: 'vega-rich-text-special-characters-panel',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['categories']
+})
+export class VegaRichTextSpecialCharactersPanel {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
+  }
+}
+
 import type { RTETablePropertiesType as IVegaRichTextTablePropertiesRTETablePropertiesType } from '@globalpayments/vega/dist/types/components/vega-rich-text-editor/interface';
 export declare interface VegaRichTextTableProperties extends Components.VegaRichTextTableProperties {
   /**
@@ -3134,13 +3210,13 @@ export declare interface VegaSelectionTileGroup extends Components.VegaSelection
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaSelectionTileGroup {
   protected el: HTMLElement;
@@ -3252,14 +3328,14 @@ export declare interface VegaSignatureCapture extends Components.VegaSignatureCa
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaSignatureCapture {
   protected el: HTMLElement;
@@ -3739,13 +3815,13 @@ export declare interface VegaText extends Components.VegaText {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['overflow', 'tooltip']
+  inputs: ['overflow', 'text', 'tooltip']
 })
 @Component({
   selector: 'vega-text',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['overflow', 'tooltip']
+  inputs: ['overflow', 'text', 'tooltip']
 })
 export class VegaText {
   protected el: HTMLElement;
@@ -3798,13 +3874,13 @@ event listeners. @eventDetail void,@eventSemantics namespace:native,@vegaVersion
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaTextarea {
   protected el: HTMLElement;
@@ -3830,13 +3906,13 @@ export declare interface VegaTimePicker extends Components.VegaTimePicker {
 
 @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']
 })
 @Component({
   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']
 })
 export class VegaTimePicker {
   protected el: HTMLElement;
@@ -3881,13 +3957,13 @@ export declare interface VegaToggleSwitch extends Components.VegaToggleSwitch {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'required', 'size', 'validationRules', 'value']
+  inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'optional', 'required', 'size', 'validationRules', 'value']
 })
 @Component({
   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']
 })
 export class VegaToggleSwitch {
   protected el: HTMLElement;
@@ -4045,6 +4121,7 @@ export default [
   VegaRichTextEditorToolbarButton,
   VegaRichTextImageEditor,
   VegaRichTextLinkEditor,
+  VegaRichTextSpecialCharactersPanel,
   VegaRichTextTableProperties,
   VegaRichTextTableSelectionWidget,
   VegaRichTextTableSetting,