@globalpayments/vega 2.97.0 → 2.98.0

package/dist/collection/components/vega-input-numeric/vega-input-numeric.js

@@ -20,6 +20,8 @@ import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/su
 import { MinNumberRule } from '../../helpers/validator/rules/min-number-rule';
 import { MaxNumberRule } from '../../helpers/validator/rules/max-number-rule';
 /**
+ * The numeric input field allows users to input and increment numeric values.
+ *
  * @vegaVersion 2.29.0
  */
 export class VegaInputNumeric {

package/dist/collection/components/vega-input-passcode/vega-input-passcode.js

@@ -18,6 +18,8 @@ import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-fie
 import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-rule';
 import { ImmutableArray } from '../../helpers/immutable/immutable-array';
 /**
+ * A multi-field input component for entering short numeric or alphanumeric passcodes. It renders a sequence of synchronized input fields that automatically advance focus and handle pasted codes intelligently.
+ *
  * @vegaVersion 2.66.0
  */
 export class VegaInputPasscode {

package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.js

@@ -22,6 +22,8 @@ import { VegaChange, VegaCountryChange } from '../../helpers/event-manager/event
 import { InputPhoneNumberRequiredRule } from '../../helpers/validator/rules/input-phone-number-required-rule';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 /**
+ * The Phone Number Input allows users to enter a phone number and the option to select a country code.
+ *
  * @vegaVersion 2.18.0
  */
 export class VegaInputPhoneNumber {

package/dist/collection/components/vega-input-range/vega-input-range.js

@@ -20,6 +20,8 @@ import { VegaInputRangeClearIconRenderer } from './slimmers/renderers/vega-input
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
+ * The Input Range component allows users to select a numerical range value.
+ *
  * @vegaVersion 2.2.0
  */
 export class VegaInputRange {

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -29,6 +29,8 @@ import { VegaInputSelectPrefixIconRenderer } from './slimmers/renderers/vega-inp
 import { InputSelectValueInSourceRule } from '../../helpers/validator/rules/input-select-value-in-source-rule';
 import { VegaInternalTranslation } from '../../helpers/translation/internal-translation-controller';
 /**
+ * The Select Menu allows users to choose a single item from a list of options.
+ *
  * @vegaVersion 1.0.7
  */
 export class VegaInputSelect {

package/dist/collection/components/vega-item-toggle/vega-item-toggle.js

@@ -15,6 +15,8 @@ import { createDeprecatedPropertySlimmer, } from '../../helpers/slimmers/depreca
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaItemToggleRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-item-toggle/runtime-metrics-payload-definition';
 /**
+ * The Item Toggle component allows users to toggle between on and off states of a binary value in a custom stylized manner.
+ *
  * @vegaVersion 1.0.5
  */
 export class VegaItemToggle {

package/dist/collection/components/vega-loading-indicator/vega-loading-indicator.js

@@ -14,6 +14,8 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-ob
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaLoadingIndicatorRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-loading-indicator/runtime-metrics-payload-definition';
 /**
+ * A Loading Indicator informs users that data is loading and can display progress as data is loaded.
+ *
  * @vegaVersion 1.16.0
  */
 export class VegaLoadingIndicator {

package/dist/collection/components/vega-modal/vega-modal.js

@@ -26,6 +26,8 @@ import { VegaModalZIndexController } from './slimmers/controllers/vega-modal-z-i
 import { VegaModalOpenState } from './slimmers/models/vega-modal-open-state';
 import { VegaModalPaddingStateController } from './slimmers/controllers/vega-modal-padding-state-controller';
 /**
+ * The Modal component presents users with a self-contained task that must either be completed or dismissed. It is shown as a window overlaid on top of a page, disabling the content underneath.
+ *
  * @vegaVersion 1.0.6
  */
 export class VegaModal {

package/dist/collection/components/vega-page-notification/vega-page-notification.js

@@ -20,6 +20,8 @@ const typeIconMap = {
   info: 'info-circle-filled',
 };
 /**
+ * A Page Notification is a brief message that appears in the top right corner of a page in response to an action or event.
+ *
  * @vegaVersion 1.17.0
  */
 export class VegaPageNotification {

package/dist/collection/components/vega-pagination/vega-pagination.js

@@ -26,6 +26,8 @@ import { VegaPaginationCurrentPageObserverController } from './slimmers/controll
 import { FeatureFlag } from '../../helpers/feature-control/feature-flag-controller';
 import { VegaPaginationLayoutController } from './slimmers/controllers/vega-pagination-layout-controller';
 /**
+ * The Pagination component allows users to navigate through multiple pages of content, providing a structured way to access large sets of data.
+ *
  * @vegaVersion 1.3.0
  */
 export class VegaPagination {

package/dist/collection/components/vega-popover/vega-popover.js

@@ -14,6 +14,8 @@ import { VegaPopoverAppenderRenderer } from './slimmers/renderers/vega-popover-a
 import { VegaPopoverAppenderController } from './slimmers/controllers/vega-popover-appender-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * A Popover is an overlaid window that displays rich content, and is visually tethered to the element that triggers it.
+ *
  * @vegaVersion 1.19.0
  */
 export class VegaPopover {

package/dist/collection/components/vega-progress-tracker/vega-progress-tracker.js

@@ -19,6 +19,8 @@ import { VegaProgressTrackerCurrentStepsController } from './slimmers/controller
 import { VegaProgressTrackerRenderModeController } from './slimmers/controllers/vega-progress-tracker-render-mode-controller';
 import { VegaProgressTrackerCurrentDirectionController } from './slimmers/controllers/vega-progress-tracker-current-direction-controller';
 /**
+ * The Progress Tracker guides users through a sequential process towards completing a specific goal.
+ *
  * @vegaVersion 1.0.7
  */
 export class VegaProgressTracker {

package/dist/collection/components/vega-radio/vega-radio.js

@@ -17,6 +17,8 @@ import { VegaBlur, VegaChange, VegaFocus } from '../../helpers/event-manager/eve
 import { VegaRadioShowErrorController } from './slimmers/controllers/vega-radio-show-error-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * A Radio Button is used within a Radio Button Group to display a set of mutually exclusive options, where only one choice can be selected at a time.
+ *
  * @vegaVersion 1.0.7
  */
 export class VegaRadio {

package/dist/collection/components/vega-rich-text-editor/dto/blocks/text-block.js

@@ -214,6 +214,9 @@ export class RTETextBlock extends RTEBlock {
    * @returns {string} The HTML string representing the children nodes.
    */
   getChildrenHtml(options) {
+    if (!this.isNotEmpty()) {
+      return '<br>';
+    }
     const linkGroupAnnotation = this.getAnnotationByType(InternalAnnotationTypeEnum.LINK_GROUP);
     let nodesHtml = this.renderGroupedNodesAtDepth(this.children, 0, options);
     if (linkGroupAnnotation && this.children.length > 0) {

package/dist/collection/components/vega-rich-text-editor/dto/nodes/code-block-node.js

@@ -8,6 +8,7 @@ import { RTEDecoratorNode } from './decorator-node';
 import { CustomStyleAnnotation } from '../annotations/custom-style-annotation';
 import { CodeBlockNodeFilterStylesStrategy } from '../filter-styles-strategies/code-block/code-node-filter-styles-strategy';
 import { CommonAnnotationTypeEnum } from '../annotations/common-annotation.abstract';
+import { simpleEscapeHtml } from '../../helpers/utils';
 /**
  * RTE code node DTO class.
  */
@@ -36,7 +37,7 @@ export class RTECodeBlockNode extends RTEDecoratorNode {
    */
   toHtml(options) {
     const attrs = this.generateAttributeString(options);
-    return `<code${attrs}>${this.text}</code>`;
+    return `<code${attrs}>${simpleEscapeHtml(this.text)}</code>`;
   }
   /**
    * @inheritDoc

package/dist/collection/components/vega-rich-text-editor/helpers/utils.js

@@ -64,6 +64,15 @@ export function splitStyleProperties(styleAttr) {
   }
   return properties;
 }
+/**
+ * Simple escape HTML-sensitive characters so text can be rendered literally in HTML. Only escape &, <, and >.
+ *
+ * @param {string} text - Raw text content.
+ * @returns {string} Escaped text content.
+ */
+export function simpleEscapeHtml(text) {
+  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
 /**
  * Escape HTML-sensitive characters so text can be rendered literally in HTML.
  *
@@ -71,12 +80,7 @@ export function splitStyleProperties(styleAttr) {
  * @returns {string} Escaped text content.
  */
 export function escapeHtml(text) {
-  return text
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;');
+  return simpleEscapeHtml(text).replace(/"/g, '&quot;').replace(/'/g, '&#39;');
 }
 /**
  * Escape text for use inside a double-quoted HTML attribute value.

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js

@@ -52,6 +52,8 @@ import { RTEExtensionController } from './slimmers/controllers/extension-control
 import { VegaRTEDefaultTextStyleItems, VegaRTEPresetToolbarItems } from './constants/constant';
 import { VegaRichTextEditorSourceViewRenderer } from './slimmers/renderers/vega-rich-text-editor-source-view-renderer';
 /**
+ * The rich text editor enables users to format text for a variety of publishers.
+ *
  * @vegaVersion 2.34.0
  */
 export class VegaRichTextEditor {

package/dist/collection/components/vega-section-title/vega-section-title.js

@@ -12,6 +12,8 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { A11yTreeSlimmer } from '../../helpers/slimmers/a11y-tree-slimmer';
 import { buildSectionTitleA11yTree } from './slimmers/a11y-tree/build-section-title-a11y-tree';
 /**
+ * The Section Title component provides uniform styling when creating titles for sections on a page, with an optional icon and subtitle.
+ *
  * @vegaVersion 2.1.0
  */
 export class VegaSectionTitle {

package/dist/collection/components/vega-segment-control/vega-segment-control.js

@@ -16,6 +16,8 @@ import { VegaSegmentOverflowController } from './slimmers/controllers/vega-segme
 import { VegaSegmentRenderer } from './slimmers/renderers/vega-segment-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * A Segment Control displays a set of mutually exclusive options, where only one option can be selected at a time.
+ *
  * @vegaVersion 2.3.0
  */
 export class VegaSegmentControl {

package/dist/collection/components/vega-selection-chip/vega-selection-chip.js

@@ -17,6 +17,8 @@ import { getCurrentBreakpoint } from '../../utils/breakpoints';
 import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 /**
+ * A Selection Chip represents a selectable option within a Selection Chip Group.
+ *
  * @vegaVersion 2.22.0
  */
 export class VegaSelectionChip {

package/dist/collection/components/vega-selection-tile/vega-selection-tile.js

@@ -18,6 +18,8 @@ import { CHECKBOX_VALUE_CHANGE, RADIO_VALUE_CHANGE, } from '../../helpers/change
 import { ChildNodesNotifyObserverSlimmer, } from '../../helpers/event-manager/slimmers/child-nodes-notify-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * A Selection Tile represents a selectable option within a Selection Tile Group.
+ *
  * @vegaVersion 2.7.0
  */
 export class VegaSelectionTile {

package/dist/collection/components/vega-sidenav/vega-sidenav.js

@@ -17,6 +17,8 @@ import { VegaSidenavOpenStatusController } from './slimmers/controllers/vega-sid
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaStateUpdate } from '../../helpers/event-manager/event-id/vega-event-id';
 /**
+ * The Sidebar Navigation component displays a hierarchical navigation structure.
+ *
  * @deprecated This component will be removed soon, please consider using `vega-left-nav` component instead.
  * @vegaVersion 1, v2.29.0
  */

package/dist/collection/components/vega-signature-capture/vega-signature-capture.js

@@ -20,6 +20,8 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-ob
 import { getCurrentBreakpoint } from '../../utils/breakpoints';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
+ * This component displays an area for users to draw their signature, emulating a signature captured on paper.
+ *
  * @vegaVersion 2.19.0
  */
 export class VegaSignatureCapture {

package/dist/collection/components/vega-skeleton/vega-skeleton.js

@@ -15,6 +15,8 @@ import { VegaSkeletonTableRenderer } from './slimmers/renderers/vega-skeleton-ta
 import { VegaSkeletonRendererManager } from './slimmers/renderers/vega-skeleton-renderer-manager';
 import { VegaSkeletonEllipseRenderer } from './slimmers/renderers/vega-skeleton-ellipse-renderer';
 /**
+ * A Skeleton component is used to create placeholders representing content on a page.
+ *
  * @vegaVersion 2.15.0
  */
 export class VegaSkeleton {

package/dist/collection/components/vega-stepper/vega-stepper.js

@@ -21,6 +21,8 @@ import { arrayToClassString } from '../../utils/ui';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaStepperRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-stepper/runtime-metrics-payload-definition';
 /**
+ * The Stepper component allows users to modify a numerical value either by text input or with increment and decrement buttons.
+ *
  * @vegaVersion 1.0.5
  */
 export class VegaStepper {

package/dist/collection/components/vega-tab-group/vega-tab-group.js

@@ -24,6 +24,8 @@ import { VegaClick } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTabGroupRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-tab-group/runtime-metrics-payload-definition';
 /**
+ * The Tab Group component organizes content into separate views, and allows users to switch between them without navigating away from the parent page.
+ *
  * @vegaVersion 1.0.6
  */
 export class VegaTabGroup {

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-column-structure-model-controller.js

@@ -8,7 +8,7 @@ import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-sli
 import { ColumnStructureModel } from './dto/column-structure-model';
 /**
  * Controller responsible for building and keeping the ColumnStructureModel in sync
- * with the component's `columns` and `groupColumns` properties.
+ * with data source and template-derived column configuration.
  *
  * This slimmer maps relevant component fields and lifecycle/watch hooks to
  * automatically rebuild the column structure when inputs change.
@@ -36,22 +36,29 @@ export class VegaTableColumnStructureModelController extends VegaSlimmer {
     this.setColumnStructureModel();
   }
   /**
-   * Build and assign the ColumnStructureModel from current `columns` and `groupColumns`.
-   * Uses `ColumnStructureModel.from` which returns a root model representing the column tree.
+   * Rebuilds the ColumnStructureModel when template-derived grouping changes.
+   */
+  watchTemplateGroupColumns() {
+    this.setColumnStructureModel();
+  }
+  /**
+   * Build and assign the ColumnStructureModel from current inputs.
+   * Template-derived grouping takes precedence over the public `groupColumns` input.
    */
   setColumnStructureModel() {
-    this.columnStructureModel = ColumnStructureModel.from(this.columns, this.groupColumns);
+    var _a;
+    this.columnStructureModel = ColumnStructureModel.from(this.columns, (_a = this.templateGroupColumns) !== null && _a !== void 0 ? _a : this.groupColumns);
   }
 }
-__decorate([
-  MapToComponentField()
-], VegaTableColumnStructureModelController.prototype, "host", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableColumnStructureModelController.prototype, "columns", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableColumnStructureModelController.prototype, "groupColumns", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableColumnStructureModelController.prototype, "templateGroupColumns", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableColumnStructureModelController.prototype, "columnStructureModel", void 0);
@@ -64,3 +71,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchGroupColumns')
 ], VegaTableColumnStructureModelController.prototype, "watchGroupColumns", null);
+__decorate([
+  MapToComponentMethod('watchTemplateGroupColumns')
+], VegaTableColumnStructureModelController.prototype, "watchTemplateGroupColumns", null);