@globalpayments/vega 2.97.0 → 2.99.0

package/dist/collection/components/vega-file-uploader/vega-file-uploader.js

@@ -21,6 +21,8 @@ import { DropFileAcceptFilterSlimmer } from '../../helpers/slimmers/drop-file-ac
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaFileUploaderFileLimitController } from './slimmers/controllers/vega-file-uploader-file-limit-controller';
 /**
+ * The File Uploader allows users to select files for upload, either by dragging them into a drop area, or by opening files directly from their device.
+ *
  * @vegaVersion 2.25.0
  */
 export class VegaFileUploader {
@@ -91,6 +93,19 @@ export class VegaFileUploader {
      * @vegaVersion 2.25.0
      */
     this.disabled = false;
+    /**
+     * Specifies whether delete buttons for files should be hidden.
+     *
+     * @vegaVersion 2.98.0
+     */
+    this.hideDeleteButton = false;
+    /**
+     * Specifies whether delete buttons should be disabled only for files
+     *    that are currently uploading.
+     *
+     * @vegaVersion 2.98.0
+     */
+    this.disableDeleteOnUpload = false;
     /**
      * Specifies the maximum number of files that can be uploaded using the File Uploader. The value must be a positive integer.
      *
@@ -284,6 +299,48 @@ export class VegaFileUploader {
       "reflect": false,
       "defaultValue": "false"
     },
+    "hideDeleteButton": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.98.0"
+          }],
+        "text": "Specifies whether delete buttons for files should be hidden."
+      },
+      "attribute": "hide-delete-button",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "disableDeleteOnUpload": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.98.0"
+          }],
+        "text": "Specifies whether delete buttons should be disabled only for files\n   that are currently uploading."
+      },
+      "attribute": "disable-delete-on-upload",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "maxCount": {
       "type": "number",
       "mutable": false,
@@ -577,7 +634,7 @@ export class VegaFileUploader {
       },
       "complexType": {
         "original": "VegaFileUploaderFile",
-        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; }",
+        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; hideDeleteButton?: boolean; }",
         "references": {
           "VegaFileUploaderFile": {
             "location": "import",
@@ -603,7 +660,7 @@ export class VegaFileUploader {
       },
       "complexType": {
         "original": "VegaFileUploaderFile",
-        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; }",
+        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; hideDeleteButton?: boolean; }",
         "references": {
           "VegaFileUploaderFile": {
             "location": "import",
@@ -626,7 +683,7 @@ export class VegaFileUploader {
       },
       "complexType": {
         "original": "VegaFileUploaderFile",
-        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; }",
+        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; hideDeleteButton?: boolean; }",
         "references": {
           "VegaFileUploaderFile": {
             "location": "import",
@@ -652,7 +709,7 @@ export class VegaFileUploader {
       },
       "complexType": {
         "original": "VegaFileUploaderFile",
-        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; }",
+        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; hideDeleteButton?: boolean; }",
         "references": {
           "VegaFileUploaderFile": {
             "location": "import",
@@ -675,7 +732,7 @@ export class VegaFileUploader {
       },
       "complexType": {
         "original": "VegaFileUploaderFile",
-        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; }",
+        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; hideDeleteButton?: boolean; }",
         "references": {
           "VegaFileUploaderFile": {
             "location": "import",
@@ -701,7 +758,7 @@ export class VegaFileUploader {
       },
       "complexType": {
         "original": "VegaFileUploaderFile",
-        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; }",
+        "resolved": "{ key: string; name: string; url: string | File; previewable?: boolean; status?: VegaFileUploaderFileStatus; errorMessage?: string; uploadingPercent?: number; hideDeleteButton?: boolean; }",
         "references": {
           "VegaFileUploaderFile": {
             "location": "import",

package/dist/collection/components/vega-flag-icon/vega-flag-icon.js

@@ -11,6 +11,8 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { VegaFlagIconRenderer } from './slimmers/renderers/vega-flag-icon-renderer';
 import { VegaFlagIconController } from './slimmers/controllers/vega-flag-icon-controller';
 /**
+ * The flag icon component can render flags of different countries.
+ *
  * @vegaVersion 2.46.0
  */
 export class VegaFlagIcon {

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

@@ -15,6 +15,8 @@ import { VegaFlexRuntimeMetricsPayloadDefinition } from '../../constants/runtime
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { formatFlexStyles } from '../../helpers/formatter/style-formatter';
 /**
+ * The Flex component is a low-level utility container that implements CSS Flexbox, and allows setting gap and margin values using predefined size tokens.
+ *
  * @vegaVersion 1.0.4
  */
 export class VegaFlex {

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

@@ -17,6 +17,8 @@ import { VegaFontRenderer } from './slimmers/renderers/vega-font-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaFontRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-font/runtime-metrics-payload-definition';
 /**
+ * The Font component functions much like an HTML font element, and is used to style text by applying typography and color tokens.
+ *
  * @vegaVersion 1.46.0
  */
 export class VegaFont {

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

@@ -21,6 +21,8 @@ import { VegaFormSubmitController } from './slimmers/controllers/vega-form-submi
 import { VegaFormFieldController } from './slimmers/controllers/vega-form-field-controller';
 import { VegaFormResetController } from './slimmers/controllers/vega-form-reset-controller';
 /**
+ * The Form component is a utility element used to manage data validation and submission of form fields.
+ *
  * @vegaVersion 1.3.0
  */
 export class VegaForm {

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

@@ -11,6 +11,8 @@ import { arrayToClassString } from '../../utils/ui';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * The Grid component is a low-level utility container that implements features of CSS Grid, and allows setting gap values using predefined size tokens.
+ *
  * @vegaVersion 1.3.0
  */
 export class VegaGrid {

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

@@ -17,6 +17,8 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { tryGetDocument } from '../../utils/try-get-document';
 import { htmlSanitizer, styleSanitizeStrategy } from '../../utils/sanitize';
 /**
+ * The Icon component is a wrapper for Font Awesome icons, sized and colored using design tokens.
+ *
  * @vegaVersion 1.0.4
  */
 export class VegaIcon {

package/dist/collection/components/vega-image-uploader/vega-image-uploader.js

@@ -31,6 +31,8 @@ import { DarkModeStateControllerSlimmer } from '../../helpers/slimmers/dark-mode
 import { VegaInternalThemeManager } from '../../helpers/theme/internal-theme-manager';
 const IMAGE_FILE_TYPES = ['jpg', 'png', 'jpeg'];
 /**
+ * The Image Uploader allows users to select and upload an image file from their device.
+ *
  * @vegaVersion 1.14.0
  */
 export class VegaImageUploader {

package/dist/collection/components/vega-input/slimmers/renderers/vega-input-input-suggestions-renderer.js

@@ -12,6 +12,7 @@ import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/do
 import { VegaInternalDropdownTemplateItemsChange, VegaInternalUpdateVegaInputValue, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 import { VegaDropdownClick } from '../../../../helpers/event-manager/event-id/vega-event-id';
 import { ClickOutsideOnlyToDismissStrategy } from '../../../../helpers/slimmers/element-appender/trigger-strategies/click-outside-only-to-dismiss-strategy';
+import { VEGA_DROPDOWN_DEFAULT_CONFIG } from '../../../vega-dropdown/constants';
 /**
  * Renderer class for the Vega App Header Button Dropdown.
  * This class extends the VegaSlimmer and is responsible for rendering the dropdown component and managing its state and events.
@@ -43,7 +44,11 @@ export class VegaInputInputSuggestionsRenderer extends VegaSlimmer {
     }
   }
   async showSuggestionsDropdown(dropdownConfig = {}) {
-    this.suggestionsDropdownConfig = dropdownConfig;
+    this.suggestionsDropdownConfig = Object.assign(Object.assign(Object.assign({}, VEGA_DROPDOWN_DEFAULT_CONFIG), { placement: ['top', 'bottom'] }), dropdownConfig);
+    if (this.dropdownRef) {
+      // Sync live dropdown ref with latest config (JSX spread in render doesn't update existing instance)
+      Object.assign(this.dropdownRef, this.suggestionsDropdownConfig);
+    }
     await this.showSuggestions();
   }
   async hideSuggestionsDropdown() {
@@ -62,7 +67,7 @@ export class VegaInputInputSuggestionsRenderer extends VegaSlimmer {
    * @returns {HTMLElement} The rendered dropdown component.
    */
   render(children) {
-    return (h("vega-dropdown", Object.assign({}, this.suggestionsDropdownConfig, { source: this.suggestionsDropdownSource, trigger: new ClickOutsideOnlyToDismissStrategy(), matchTargetWidth: true, searchable: false, placement: ['top', 'bottom'], translocation: { X: 0, Y: 6 }, ref: (ref) => {
+    return (h("vega-dropdown", Object.assign({}, this.suggestionsDropdownConfig, { source: this.suggestionsDropdownSource, trigger: new ClickOutsideOnlyToDismissStrategy(), matchTargetWidth: true, searchable: false, translocation: { X: 0, Y: 6 }, ref: (ref) => {
         this.dropdownRef = ref;
         this.addDropdownObserver(ref);
       }, style: { display: 'block' } }),

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

@@ -35,6 +35,8 @@ import { VegaInputRenderModeController } from './slimmers/controllers/vega-input
 import { AriaAttributesValueMapper } from '../../helpers/slimmers/mutation-observer/aria-attributes-value-mapper';
 import { DataTabIndexValueMapper } from '../../helpers/slimmers/mutation-observer/data-tab-index-value-mapper';
 /**
+ * An Input Field component allows users to enter a few words or a single line of text.
+ *
  * @vegaVersion 1.0.5
  */
 export class VegaInput {

package/dist/collection/components/vega-input-credit-card/vega-input-credit-card.js

@@ -25,6 +25,8 @@ import { VegaInputCreditCardRuntimeMetricsPayloadDefinition } from '../../consta
 import { CreditCardInputMaskStrategy } from '../../helpers/formatter/string-formatter/credit-card-input-mask-strategy';
 import { CreditCardBlurMaskStrategy } from '../../helpers/formatter/string-formatter/credit-card-blur-mask-strategy';
 /**
+ * The Credit Card Input is a text field designed specifically for entering credit card numbers.
+ *
  * @vegaVersion 1.26.0
  */
 export class VegaInputCreditCard {

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/constants/constant.js

@@ -78,3 +78,19 @@ export const VegaRTEOneRowHeightPx = 22;
 export const RTE_DEFAULT_LINK_TYPE_KEY = 'url';
 export const RTE_EMAIL_LINK_TYPE_KEY = 'email';
 export const RTE_SUPPORTED_LINK_TYPE_KEYS = [RTE_DEFAULT_LINK_TYPE_KEY, RTE_EMAIL_LINK_TYPE_KEY];
+/**
+ * Semantic marker used by renderers to identify elements that terminate
+ * continue-inline grouping during HTML -> DTO conversion.
+ */
+export const RTE_BLOCK_BOUNDARY_ATTRIBUTE = 'data-vega-rte-block-boundary';
+/**
+ * Custom DataTransfer MIME type used to tag a synthetic paste with the chosen
+ * paste mode (e.g. 'rich' or 'plain'), so downstream paste handling can decide
+ * whether to preserve the original inline styles.
+ */
+export const RTE_PASTE_MODE_DATA_TYPE = 'application/x-vega-rte-paste-mode';
+/**
+ * Custom DataTransfer MIME type value used to indicate that the paste content
+ * originated from Microsoft Word.
+ */
+export const RTE_PASTE_MODE_WORD = 'word';

package/dist/collection/components/vega-rich-text-editor/dto/annotations/text-style-default-styles.js

@@ -1,9 +1,10 @@
+export const TEXT_STYLE_DEFAULT_FONT_WEIGHT = '500';
 const TEXT_STYLE_BASE = {
   fontFamily: 'Inter',
   fontSize: '16px',
   lineHeight: '22px',
   minHeight: '22px',
-  fontWeight: '500',
+  fontWeight: TEXT_STYLE_DEFAULT_FONT_WEIGHT,
 };
 const PARAGRAPH_TEXT_STYLE = Object.assign(Object.assign({}, TEXT_STYLE_BASE), { marginTop: '0px', marginBottom: '0px' });
 export const TEXT_STYLE_VALUES = [

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

@@ -158,6 +158,17 @@ export class RTEBlock {
       }
     }
   }
+  /**
+   * Whether caret nearest-element detection may descend into this block's children.
+   * Transparent wrappers (e.g. html-block) return true so the caret resolves to the
+   * real inner node; atomic widgets like the table block return false so the caret
+   * stays anchored to the block boundary.
+   *
+   * @returns {boolean} True when descending is allowed.
+   */
+  allowsCaretDescend() {
+    return true;
+  }
   /**
    * Get the first node of the block
    *

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/filter-styles-strategies/filter-styles-strategy-registry.js

@@ -39,6 +39,7 @@ export class RTEFilterStylesStrategyRegistry {
    * @param {RTEFilterStyles} styles - The full set of styles to filter.
    * @param {string[]} classNames - The class names to consider.
    * @returns {RTEFilterInlineStylesResult} The result of filtering, including the remaining styles and class names.
+   * The instance is also passed to matched strategies so they can make decisions from DTO annotations.
    */
   static executeTheStrategyFilterAction(blockOrNodeInstance, styles, classNames) {
     const dtoClassName = blockOrNodeInstance.dtoName;
@@ -47,7 +48,7 @@ export class RTEFilterStylesStrategyRegistry {
       return strategy.canFilter(blockOrNodeInstance);
     });
     return matchedStrategies.reduce((result, strategy) => {
-      return strategy.filterAndDeleteStyles(result.styles, result.classNames);
+      return strategy.filterAndDeleteStyles(result.styles, result.classNames, blockOrNodeInstance);
     }, {
       styles,
       classNames,

package/dist/collection/components/vega-rich-text-editor/dto/filter-styles-strategies/filter-styles-strategy.abstract.js

@@ -36,13 +36,16 @@ export class RTEFilterStylesStrategy {
     return annotations;
   }
   /**
-   * Filters and deletes the matched styles from the full styles object, add the corresponding class name if necessary, and returns the result.
+   * Filters and deletes matched styles from the full styles object, adds the corresponding class name if necessary, and returns the result.
    *
    * @param {RTEFilterStyles} fullStyles - The full set of styles to filter.
    * @param {string[]} classNames - The class names to consider.
+   * @param {RTEBlock | RTENode} [_blockOrNodeInstance] - The block or node the styles belong to. It is optional for strategies that only need styles and class names.
    * @returns {RTEFilterInlineStylesResult} The filtered styles and class names.
    */
-  filterAndDeleteStyles(fullStyles, classNames) {
+  filterAndDeleteStyles(fullStyles, classNames, 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  _blockOrNodeInstance) {
     const classSet = new Set(classNames);
     const shouldAddClass = this.extractAndDeleteMatchedStyles(fullStyles);
     if (shouldAddClass && this.classNameToBeAdded) {

package/dist/collection/components/vega-rich-text-editor/dto/filter-styles-strategies/text-node/title-heading-node-filter-styles-strategy.js

@@ -1,8 +1,15 @@
+import { NodeAnnotationTypeEnum } from '../../annotations/node-annotation.abstract';
+import { TEXT_STYLE_DEFAULT_FONT_WEIGHT } from '../../annotations/text-style-default-styles';
 import { RTEFilterStylesStrategy } from '../filter-styles-strategy.abstract';
 import { Predicate } from '../predicate';
 /**
- * The TitleHeadingNodeFilterStylesStrategy is responsible for filtering styles from text nodes that are children of title and heading blocks.
- * In title and heading blocks, the text nodes will have a default bold style.
+ * Filters the default bold style from text nodes inside title and heading blocks.
+ * The source DTO distinguishes an explicitly non-bold node (`bold: false`) from
+ * a node with no bold annotation, even though both initially produce no weight in `fullStyles`.
+ *
+ * Bold nodes keep the existing strip/refill behaviour. Default nodes without a bold annotation
+ * remain bare for compatibility, while explicitly non-bold nodes receive the base weight so
+ * source-mode refill does not restore bold (VD-9375).
  */
 export class TitleHeadingNodeFilterStylesStrategy extends RTEFilterStylesStrategy {
   constructor() {
@@ -29,6 +36,19 @@ export class TitleHeadingNodeFilterStylesStrategy extends RTEFilterStylesStrateg
   filterAnnotations(annotations) {
     return annotations;
   }
+  /**
+   * Removes the default bold weight and preserves an explicit non-bold marker when needed.
+   *
+   * @inheritDoc
+   */
+  filterAndDeleteStyles(fullStyles, classNames, blockOrNodeInstance) {
+    var _a;
+    const result = super.filterAndDeleteStyles(fullStyles, classNames);
+    if (this.isExplicitlyNonBold(blockOrNodeInstance) && ((_a = result.styles) === null || _a === void 0 ? void 0 : _a.fontWeight) === undefined) {
+      result.styles = Object.assign(Object.assign({}, result.styles), { fontWeight: TitleHeadingNodeFilterStylesStrategy.NON_BOLD_FONT_WEIGHT });
+    }
+    return result;
+  }
   /**
    * Determines whether the dto instance is text node and its parent block is a heading or title.
    *
@@ -58,6 +78,18 @@ export class TitleHeadingNodeFilterStylesStrategy extends RTEFilterStylesStrateg
     const selectors = this.parentElementSelectors.map((key) => `.${TitleHeadingNodeFilterStylesStrategy.RTE_CONTENT_CONTAINER_CLASS_NAME} ${key}`);
     return `${selectors.join(',')} { ${this.convertStylesMapToCssText()} }`;
   }
+  /**
+   * Checks the annotation rather than `fullStyles`, because both an explicit `bold: false` node and
+   * a node without a bold annotation produce no font weight before this strategy runs.
+   *
+   * @param {RTEBlock | RTENode} [blockOrNodeInstance] - The block or node the styles belong to.
+   * @returns {boolean} True when the node has a `bold: false` annotation.
+   */
+  isExplicitlyNonBold(blockOrNodeInstance) {
+    var _a;
+    const boldAnnotation = (_a = blockOrNodeInstance) === null || _a === void 0 ? void 0 : _a.getAnnotationByType(NodeAnnotationTypeEnum.BOLD);
+    return (boldAnnotation === null || boldAnnotation === void 0 ? void 0 : boldAnnotation.bold) === false;
+  }
   /**
    * Checks if the parent block of the given node instance is a heading or title.
    *
@@ -96,6 +128,8 @@ export class TitleHeadingNodeFilterStylesStrategy extends RTEFilterStylesStrateg
 TitleHeadingNodeFilterStylesStrategy.BOLD_STYLES = {
   fontWeight: '700',
 };
+/** Base weight used to preserve an explicitly non-bold title or heading node. */
+TitleHeadingNodeFilterStylesStrategy.NON_BOLD_FONT_WEIGHT = TEXT_STYLE_DEFAULT_FONT_WEIGHT;
 TitleHeadingNodeFilterStylesStrategy.NON_HEADING_TITLE_ELEMENT_TAGS = [
   'TD',
   'TH',

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/dto/renderers/blocks/block-text-nodes-renderer.abstract.js

@@ -3,6 +3,7 @@ import { InternalAnnotationTypeEnum } from '../../annotations/annotation.abstrac
 import { RTEBlockRenderer } from './block-renderer.abstract';
 import RTELinkWrapperRenderer from './link-wrapper-renderer';
 import RTEDTORendererManager from '../../../../../helpers/rte-manager/dto-renderer-manager';
+import { NodeTypeEnum } from '../../nodes/node.abstract';
 import RTETextNodeRenderer from '../nodes/text-node-renderer';
 /**
  * Abstract class for rendering blocks that contain text nodes with support for rendering text with link styles.
@@ -75,9 +76,25 @@ export class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
    */
   renderNodeFromDepth(node, depth, renderContext) {
     if (depth === 0) {
-      const nodeRenderer = RTEDTORendererManager.getRTERenderer(node.type);
-      return nodeRenderer.render(node, renderContext, h);
+      return this.getNodeRenderer(node).render(node, renderContext, h);
     }
-    return RTETextNodeRenderer.renderFromAnnotation(node, node.getInlineHtmlAnnotationAtDepth(depth));
+    const annotation = node.getInlineHtmlAnnotationAtDepth(depth);
+    if (node.type !== NodeTypeEnum.TEXT) {
+      // Non-text nodes (e.g. tokens) must keep their own markup even when nested inside a
+      // shared inline HTML wrapper; the plain text renderer would drop attributes such as
+      // token-key. Render via the node's own renderer, then re-apply the remaining chain.
+      const inner = this.getNodeRenderer(node).render(node, renderContext, h);
+      return annotation ? RTETextNodeRenderer.wrapWithInlineHtml(inner, annotation) : inner;
+    }
+    return RTETextNodeRenderer.renderFromAnnotation(node, annotation);
+  }
+  /**
+   * Resolves the registered renderer for the given node's type.
+   *
+   * @param {RTETextNode} node - The node whose renderer is needed.
+   * @returns {VegaRTEBaseRenderer<RTENode, VNode>} The node renderer.
+   */
+  getNodeRenderer(node) {
+    return RTEDTORendererManager.getRTERenderer(node.type);
   }
 }

package/dist/collection/components/vega-rich-text-editor/dto/renderers/nodes/text-node-renderer.js

@@ -16,6 +16,18 @@ class RTETextNodeRenderer extends RTENodeRenderer {
     const textNodeDom = this.renderText(node);
     return annotation ? this.renderWithWrapper(textNodeDom, annotation) : textNodeDom;
   }
+  /**
+   * Wrap an already-rendered inner element with the given inline HTML annotation chain.
+   * Lets non-text nodes (e.g. tokens) keep their own markup while still being nested
+   * inside a shared inline HTML wrapper emitted by the grouped node renderer.
+   *
+   * @param {HTMLElement} inner - The already-rendered inner element to wrap.
+   * @param {InlineHtmlAnnotation} annotation - The inline HTML annotation chain to apply.
+   * @returns {HTMLElement} The wrapped element.
+   */
+  wrapWithInlineHtml(inner, annotation) {
+    return this.renderWithWrapper(inner, annotation);
+  }
   render(node) {
     return this.renderFromAnnotation(node, node.getAnnotationByType(NodeAnnotationTypeEnum.INLINE_HTML));
   }