@globalpayments/vega 2.95.0 → 2.97.0

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/bullets-numbers/bullets-numbers-toolbar-button-slimmer.js

@@ -5,10 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from '@stencil/core';
-import { InjectVegaSlimmer, MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
+import { InjectVegaSlimmer, MapToComponentField, MapToComponentMethod, methodPlaceholder, } from 'vega-slimmer/core';
 import { VegaInternalIconManager } from '../../../../../../helpers/icon/internal-icon-manager';
 import ListUL from '../../../../assets/list-ul';
 import ListOL from '../../../../assets/list-ol';
+import { ListKeyboardSlimmer } from './list-keyboard-slimmer';
 import { BulletsToolbarButtonSlimmer } from './bullets-toolbar-button-slimmer';
 import { NumbersToolbarButtonSlimmer } from './numbers-toolbar-button-slimmer';
 import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
@@ -24,6 +25,13 @@ export class BulletsNumbersToolbarButtonSlimmer extends VisualModeToolbarButtonS
     });
     this.bulletsToolbarButtonSlimmer = new BulletsToolbarButtonSlimmer();
     this.numbersToolbarButtonSlimmer = new NumbersToolbarButtonSlimmer();
+    this.listKeyboardSlimmer = new ListKeyboardSlimmer();
+  }
+  disconnectedCallback() {
+    methodPlaceholder();
+  }
+  componentDidLoad() {
+    methodPlaceholder();
   }
   componentWillRender() {
     if (this.numbersToolbarButtonSlimmer.isSelected()) {
@@ -86,12 +94,33 @@ export class BulletsNumbersToolbarButtonSlimmer extends VisualModeToolbarButtonS
 __decorate([
   MapToComponentField()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "selectionController", void 0);
+__decorate([
+  MapToComponentField()
+], BulletsNumbersToolbarButtonSlimmer.prototype, "valueController", void 0);
+__decorate([
+  MapToComponentField()
+], BulletsNumbersToolbarButtonSlimmer.prototype, "value", void 0);
+__decorate([
+  MapToComponentField()
+], BulletsNumbersToolbarButtonSlimmer.prototype, "toolbarItems", void 0);
+__decorate([
+  MapToComponentField()
+], BulletsNumbersToolbarButtonSlimmer.prototype, "vegaRichTextEditorRenderer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "bulletsToolbarButtonSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "numbersToolbarButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], BulletsNumbersToolbarButtonSlimmer.prototype, "listKeyboardSlimmer", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], BulletsNumbersToolbarButtonSlimmer.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentDidLoad')
+], BulletsNumbersToolbarButtonSlimmer.prototype, "componentDidLoad", null);
 __decorate([
   MapToComponentMethod('componentWillRender')
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "componentWillRender", null);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/bullets-numbers/helper/abstract-list-keyboard-handler.js

@@ -0,0 +1,204 @@
+import { RTEListItemBlock } from '../../../../../dto/blocks/list-item-block';
+/**
+ * Abstract base for list keyboard (Tab / Shift+Tab) handlers.
+ * Provides shared selection-normalization utilities used by both the indent
+ * and outdent concrete handlers.
+ */
+export class AbstractListKeyboardHandler {
+  /**
+   * Filter the ordered selection down to only the "root" items —
+   * items whose ancestor is not also present in the selection.
+   *
+   * @param {RTEListItemBlock[]} selection - Ordered selected list items.
+   * @returns {RTEListItemBlock[]} Root items that do not have selected ancestors.
+   */
+  getOutdentRoots(selection) {
+    const selectedItems = new Set(selection);
+    return selection.filter((item) => !this.hasSelectedAncestor(item, selectedItems));
+  }
+  /**
+   * Check whether a list item has an ancestor that is also selected.
+   *
+   * @param {RTEListItemBlock} item - Item to inspect.
+   * @param {Set<RTEListItemBlock>} selectedItems - Selected items lookup set.
+   * @returns {boolean} True when an ancestor item is selected.
+   */
+  hasSelectedAncestor(item, selectedItems) {
+    var _a, _b;
+    let currentParent = (_a = item.parent) === null || _a === void 0 ? void 0 : _a.parent;
+    while (currentParent instanceof RTEListItemBlock) {
+      if (selectedItems.has(currentParent)) {
+        return true;
+      }
+      currentParent = (_b = currentParent.parent) === null || _b === void 0 ? void 0 : _b.parent;
+    }
+    return false;
+  }
+  /**
+   * Split an ordered flat list of items into groups that share the same
+   * parent list and are contiguous siblings.
+   *
+   * @param {RTEListItemBlock[]} selection - Ordered list-item selection.
+   * @returns {RTEListItemBlock[][]} Contiguous parent-based segments.
+   */
+  splitSelectionIntoParentSegments(selection) {
+    const segments = [];
+    let currentSegment = [];
+    selection.forEach((item) => {
+      if (currentSegment.length === 0) {
+        currentSegment.push(item);
+        return;
+      }
+      const previousItem = currentSegment[currentSegment.length - 1];
+      const isSameParent = previousItem.parent === item.parent;
+      const isContiguousSibling = isSameParent &&
+        item.parent.children.indexOf(item) - item.parent.children.indexOf(previousItem) === 1;
+      if (isContiguousSibling) {
+        currentSegment.push(item);
+        return;
+      }
+      segments.push(currentSegment);
+      currentSegment = [item];
+    });
+    if (currentSegment.length > 0) {
+      segments.push(currentSegment);
+    }
+    return segments;
+  }
+  /**
+   * Normalize the selection and split into parent-based contiguous segments.
+   * Returns null when the result is empty.
+   *
+   * @param {RTEBlock[]} selectedBlocks - Raw selected blocks.
+   * @returns {RTEListItemBlock[][] | null} Contiguous segments or null when invalid.
+   */
+  normalizeToSegments(selectedBlocks) {
+    const normalizedSelection = this.getOrderedListItems(selectedBlocks);
+    if (!normalizedSelection) {
+      return null;
+    }
+    const roots = this.getOutdentRoots(normalizedSelection);
+    const segments = this.splitSelectionIntoParentSegments(roots);
+    return segments.length ? segments : null;
+  }
+  /**
+   * Return the first and last RTETextNode spanning the provided blocks,
+   * or null when either boundary cannot be resolved.
+   *
+   * @param {RTEBlock[]} blocks - Blocks defining the range boundary.
+   * @returns {Nullable<[RTETextNode, RTETextNode]>} First and last boundary nodes.
+   */
+  getSelectionBoundary(blocks) {
+    var _a, _b, _c, _d;
+    const firstNode = (_b = (_a = blocks[0]) === null || _a === void 0 ? void 0 : _a.getFirstNode()) !== null && _b !== void 0 ? _b : null;
+    const lastNode = (_d = (_c = blocks[blocks.length - 1]) === null || _c === void 0 ? void 0 : _c.getLastNode()) !== null && _d !== void 0 ? _d : null;
+    if (!firstNode || !lastNode) {
+      return null;
+    }
+    return [firstNode, lastNode];
+  }
+  /**
+   * Normalize the raw selectedBlocks into an ordered list of RTEListItemBlocks,
+   * truncating at the first non-list block.  Returns null when no list items
+   * are present.
+   *
+   * @param {RTEBlock[]} selectedBlocks - Raw selected blocks.
+   * @returns {RTEListItemBlock[] | null} Ordered list items or null.
+   */
+  getOrderedListItems(selectedBlocks) {
+    const selectedListItems = this.getSelectedListItemsUntilFirstNonList(selectedBlocks);
+    if (!selectedListItems.length) {
+      return null;
+    }
+    return [...selectedListItems].sort((a, b) => this.compareTreePath(this.getTreePath(a), this.getTreePath(b)));
+  }
+  /**
+   * Collect contiguous selected list items until a non-list block is found.
+   *
+   * @param {RTEBlock[]} selectedBlocks - Raw selected blocks.
+   * @returns {RTEListItemBlock[]} Selected list items up to first non-list block.
+   */
+  getSelectedListItemsUntilFirstNonList(selectedBlocks) {
+    const selectedListItems = [];
+    for (const block of selectedBlocks) {
+      if (!(block instanceof RTEListItemBlock)) {
+        if (selectedListItems.length > 0) {
+          break;
+        }
+        return [];
+      }
+      selectedListItems.push(block);
+    }
+    return selectedListItems;
+  }
+  /**
+   * Build a hierarchical index path for a list item in the list tree.
+   *
+   * @param {RTEListItemBlock} item - Item whose tree path is being resolved.
+   * @returns {number[]} Tree index path from root to the item.
+   */
+  getTreePath(item) {
+    var _a;
+    const path = [];
+    const visitedLists = new Set();
+    let currentItem = item;
+    let currentList = item.parent;
+    while (currentList && this.hasChildren(currentList) && !visitedLists.has(currentList)) {
+      visitedLists.add(currentList);
+      const itemIndex = currentList.children.indexOf(currentItem);
+      if (itemIndex < 0) {
+        break;
+      }
+      path.unshift(itemIndex);
+      const listParent = currentList.parent;
+      if (listParent instanceof RTEListItemBlock) {
+        const nestListIndex = ((_a = listParent.nestList) !== null && _a !== void 0 ? _a : []).indexOf(currentList);
+        if (nestListIndex < 0) {
+          break;
+        }
+        path.unshift(nestListIndex);
+        currentItem = listParent;
+        currentList = listParent.parent;
+        continue;
+      }
+      let child = currentList;
+      let container = listParent;
+      while (container && this.hasChildren(container)) {
+        const childIndex = container.children.indexOf(child);
+        if (childIndex < 0) {
+          return path;
+        }
+        path.unshift(childIndex);
+        child = container;
+        container = container.parent;
+      }
+      break;
+    }
+    return path;
+  }
+  /**
+   * Compare two list-item tree paths.
+   *
+   * @param {number[]} a - First tree path.
+   * @param {number[]} b - Second tree path.
+   * @returns {number} Negative when a < b, positive when a > b, otherwise 0.
+   */
+  compareTreePath(a, b) {
+    const length = Math.min(a.length, b.length);
+    for (let i = 0; i < length; i++) {
+      if (a[i] !== b[i]) {
+        return a[i] - b[i];
+      }
+    }
+    return a.length - b.length;
+  }
+  /**
+   * Check whether a value exposes a children array.
+   *
+   * @param {unknown} entity - Candidate value.
+   * @returns {boolean} True when entity has children array.
+   */
+  hasChildren(entity) {
+    return !!entity && Array.isArray(entity.children);
+  }
+}

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/bullets-numbers/helper/list-shift-tab-outdent-handler.js

@@ -0,0 +1,42 @@
+import { RTEListItemBlock } from '../../../../../dto/blocks/list-item-block';
+import { UnnestListItemsAction } from '../../../../../dto/actions/unnest-list-items-action';
+import { TransformParagraphAction } from '../../../../../dto/actions/transform-paragraph-action';
+import { VegaRTEContent } from '../../../../../dto/content-state';
+import { RTEHtmlBlock } from '../../../../../dto/blocks/html-block';
+import { AbstractListKeyboardHandler } from './abstract-list-keyboard-handler';
+/**
+ * Handles Shift+Tab key list outdent.
+ * Normalizes the selection, then promotes each segment, either moving nested
+ * items or promoting top-level items to paragraphs.
+ */
+export class ListShiftTabOutdentHandler extends AbstractListKeyboardHandler {
+  /**
+   * @inheritDoc
+   */
+  execute(selectedBlocks) {
+    const segments = this.normalizeToSegments(selectedBlocks);
+    if (!segments) {
+      return null;
+    }
+    const segmentSelectionBoundaries = new Array(segments.length).fill(null);
+    for (let i = segments.length - 1; i >= 0; i--) {
+      const segment = segments[i];
+      const parentList = segment[0].parent;
+      if (parentList.parent instanceof VegaRTEContent || parentList.parent instanceof RTEHtmlBlock) {
+        // Capture boundary before action moves text nodes into new paragraphs
+        const boundary = this.getSelectionBoundary(segment);
+        parentList.apply(new TransformParagraphAction(segment));
+        segmentSelectionBoundaries[i] = boundary;
+        continue;
+      }
+      if (parentList.parent instanceof RTEListItemBlock) {
+        parentList.apply(new UnnestListItemsAction(segment));
+        segmentSelectionBoundaries[i] = this.getSelectionBoundary(segment);
+      }
+    }
+    if (segmentSelectionBoundaries.some(Boolean)) {
+      return segmentSelectionBoundaries;
+    }
+    return null;
+  }
+}

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/bullets-numbers/helper/list-tab-indent-handler.js

@@ -0,0 +1,34 @@
+import { NestListItemsAction } from '../../../../../dto/actions/nest-list-items-action';
+import { AbstractListKeyboardHandler } from './abstract-list-keyboard-handler';
+/**
+ * Handles Tab key list indentation.
+ * Normalizes the selection, applies a command-style gate on the first
+ * eligible segment, then nests each qualifying segment.
+ */
+export class ListTabIndentHandler extends AbstractListKeyboardHandler {
+  /**
+   * @inheritDoc
+   */
+  execute(selectedBlocks) {
+    const segments = this.normalizeToSegments(selectedBlocks);
+    if (!segments) {
+      return null;
+    }
+    const firstSegment = segments[0];
+    const firstParentList = firstSegment[0].parent;
+    if (firstParentList.children.indexOf(firstSegment[0]) <= 0) {
+      return null;
+    }
+    const segmentSelectionBoundaries = new Array(segments.length).fill(null);
+    for (let i = segments.length - 1; i >= 0; i--) {
+      const segment = segments[i];
+      const parentList = segment[0].parent;
+      if (parentList.children.indexOf(segment[0]) <= 0) {
+        continue;
+      }
+      parentList.apply(new NestListItemsAction(segment));
+      segmentSelectionBoundaries[i] = this.getSelectionBoundary(segment);
+    }
+    return segmentSelectionBoundaries.some(Boolean) ? segmentSelectionBoundaries : null;
+  }
+}

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/bullets-numbers/list-keyboard-slimmer.js

@@ -0,0 +1,180 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { RTETextNode } from '../../../../dto/nodes/text-node';
+import { ListTabIndentHandler } from './helper/list-tab-indent-handler';
+import { ListShiftTabOutdentHandler } from './helper/list-shift-tab-outdent-handler';
+const LIST_TOOLBAR_ITEMS = ['bullets', 'numbers', 'bulletsNumbers'];
+/**
+ * Handles list keyboard shortcuts (Tab/Shift+Tab) for list tooling.
+ */
+export class ListKeyboardSlimmer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.isKeyboardListenerBound = false;
+    this.listTabIndentHandler = new ListTabIndentHandler();
+    this.listShiftTabOutdentHandler = new ListShiftTabOutdentHandler();
+    // Keyboard action execution
+    /**
+     * Handle Tab and Shift+Tab list keyboard interactions.
+     *
+     * @param {KeyboardEvent} e - Keyboard event to process.
+     * @returns {void}
+     */
+    this.handleListKeyboardAction = (e) => {
+      if (e.key !== 'Tab') {
+        return;
+      }
+      if (this.hasNonShiftModifierForTab(e)) {
+        return;
+      }
+      const selectedBlocks = this.selectionController.getSelectedBlocks();
+      const currentRange = this.selectionController.getCurrentRange().clone();
+      if (e.shiftKey) {
+        const selectionBoundaries = this.listShiftTabOutdentHandler.execute(selectedBlocks);
+        if (selectionBoundaries) {
+          e.preventDefault();
+          void this.valueController.flushChanges(this.value).then(() => {
+            this.restoreListSelection(selectionBoundaries, currentRange.startNode instanceof RTETextNode ? currentRange.startNode : null, currentRange.endNode instanceof RTETextNode ? currentRange.endNode : null, currentRange.startOffset, currentRange.endOffset);
+          });
+        }
+        return;
+      }
+      const selectionBoundaries = this.listTabIndentHandler.execute(selectedBlocks);
+      if (!selectionBoundaries) {
+        return;
+      }
+      e.preventDefault();
+      void this.valueController.flushChanges(this.value).then(() => {
+        this.restoreListSelection(selectionBoundaries, currentRange.startNode instanceof RTETextNode ? currentRange.startNode : null, currentRange.endNode instanceof RTETextNode ? currentRange.endNode : null, currentRange.startOffset, currentRange.endOffset);
+      });
+    };
+  }
+  // Listener lifecycle and gating
+  /**
+   * @inheritDoc
+   */
+  disconnectedCallback() {
+    this.removeListKeyboardListener();
+  }
+  /**
+   * @inheritDoc
+   */
+  componentDidLoad() {
+    this.syncListKeyboardListener();
+  }
+  /**
+   * Re-sync keyboard listener when toolbarItems prop changes at runtime,
+   * ensuring list shortcuts are bound/unbound as tools are added/removed.
+   */
+  watchToolbarItems() {
+    this.syncListKeyboardListener();
+  }
+  /**
+   * Synchronize the DOM keydown listener with the configured toolbar items.
+   */
+  syncListKeyboardListener() {
+    if (this.hasListToolbarConfigured()) {
+      this.addListKeyboardListener();
+      return;
+    }
+    this.removeListKeyboardListener();
+  }
+  /**
+   * Determine whether any list keyboard controls are enabled in the toolbar.
+   *
+   * @returns {boolean} True when any list toolbar item is configured.
+   */
+  hasListToolbarConfigured() {
+    const flatToolbarItems = this.toolbarItems.flat();
+    return flatToolbarItems.some((item) => LIST_TOOLBAR_ITEMS.includes(item));
+  }
+  /**
+   * Attach the keydown listener to the current editable element when available.
+   * Handles element ref changes by rebinding when the target element differs.
+   */
+  addListKeyboardListener() {
+    const editableElement = this.vegaRichTextEditorRenderer.getRTEEditableElementRef();
+    if (this.isKeyboardListenerBound && this.boundEditableElement === editableElement) {
+      return;
+    }
+    if (this.isKeyboardListenerBound) {
+      this.removeListKeyboardListener();
+    }
+    if (!editableElement) {
+      return;
+    }
+    editableElement.addEventListener('keydown', this.handleListKeyboardAction);
+    this.boundEditableElement = editableElement;
+    this.isKeyboardListenerBound = true;
+  }
+  /**
+   * Detach the keydown listener from the previously bound editable element.
+   */
+  removeListKeyboardListener() {
+    if (!this.isKeyboardListenerBound || !this.boundEditableElement) {
+      return;
+    }
+    this.boundEditableElement.removeEventListener('keydown', this.handleListKeyboardAction);
+    this.boundEditableElement = null;
+    this.isKeyboardListenerBound = false;
+  }
+  /**
+   * Check whether the Tab event includes modifiers other than Shift.
+   *
+   * @param {KeyboardEvent} e - Keyboard event to inspect.
+   * @returns {boolean} True when non-shift modifier keys are pressed.
+   */
+  hasNonShiftModifierForTab(e) {
+    return e.altKey || e.ctrlKey || e.metaKey || e.getModifierState('AltGraph');
+  }
+  /**
+   * Restore the logical selection after a list keyboard action completes.
+   *
+   * @param {Array<Nullable<[RTETextNode, RTETextNode]>>} selectionBoundaries - Boundaries produced by the handler.
+   * @param {Nullable<RTETextNode>} preferredStartNode - Preferred start node from prior selection.
+   * @param {Nullable<RTETextNode>} preferredEndNode - Preferred end node from prior selection.
+   * @param {number} startOffset - Preferred start offset.
+   * @param {number} endOffset - Preferred end offset.
+   * @returns {void}
+   */
+  restoreListSelection(selectionBoundaries, preferredStartNode, preferredEndNode, startOffset, endOffset) {
+    var _a, _b, _c, _d;
+    const firstBoundary = (_a = selectionBoundaries.find(Boolean)) !== null && _a !== void 0 ? _a : null;
+    const lastBoundary = (_b = [...selectionBoundaries].reverse().find(Boolean)) !== null && _b !== void 0 ? _b : null;
+    const firstNode = (_c = preferredStartNode !== null && preferredStartNode !== void 0 ? preferredStartNode : firstBoundary === null || firstBoundary === void 0 ? void 0 : firstBoundary[0]) !== null && _c !== void 0 ? _c : null;
+    const lastNode = (_d = preferredEndNode !== null && preferredEndNode !== void 0 ? preferredEndNode : lastBoundary === null || lastBoundary === void 0 ? void 0 : lastBoundary[1]) !== null && _d !== void 0 ? _d : null;
+    if (!firstNode || !lastNode) {
+      return;
+    }
+    this.selectionController.enqueueSelectionRangeFutureState(firstNode, Math.min(startOffset, firstNode.getRangeEndOffset()), lastNode, Math.min(endOffset, lastNode.getRangeEndOffset()), true);
+  }
+}
+__decorate([
+  MapToComponentField()
+], ListKeyboardSlimmer.prototype, "selectionController", void 0);
+__decorate([
+  MapToComponentField()
+], ListKeyboardSlimmer.prototype, "valueController", void 0);
+__decorate([
+  MapToComponentField()
+], ListKeyboardSlimmer.prototype, "value", void 0);
+__decorate([
+  MapToComponentField()
+], ListKeyboardSlimmer.prototype, "toolbarItems", void 0);
+__decorate([
+  MapToComponentField()
+], ListKeyboardSlimmer.prototype, "vegaRichTextEditorRenderer", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], ListKeyboardSlimmer.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentDidLoad')
+], ListKeyboardSlimmer.prototype, "componentDidLoad", null);
+__decorate([
+  MapToComponentMethod('watchToolbarItems')
+], ListKeyboardSlimmer.prototype, "watchToolbarItems", null);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/link-toolbar-button-slimmer.js

@@ -27,12 +27,18 @@ export class LinkToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
     this.handleLinkEditorChange = ({ detail, }) => {
       switch (detail.action) {
         case 'link': {
-          const { url, text } = detail.payload;
+          const { url, text, linkType } = detail.payload;
           const textChanged = text !== this.currentSelectedText;
           const groupKey = generateUUID();
           this.currentSelectedNodes.forEach((node) => {
             node.apply(new SelectionChangeAction(this.currentRange)).apply(new LinkAnnotationAction({
-              link: { href: url, groupKey: groupKey },
+              link: Object.assign({ href: url, groupKey: groupKey }, (linkType
+                ? {
+                  customAttribute: {
+                    'data-link-type': linkType,
+                  },
+                }
+                : {})),
               newText: textChanged ? text : undefined,
               needMergeNode: textChanged && this.currentSelectedNodes.length > 1,
               type: 'link',

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

@@ -21,7 +21,7 @@ import { LinkToolbarButtonSlimmer } from './slimmers/renderers/tools/link-toolba
 import { MoreIndentToolbarButtonSlimmer } from './slimmers/renderers/tools/more-indent-toolbar-button-slimmer';
 import { LessIndentToolbarButtonSlimmer } from './slimmers/renderers/tools/less-indent-toolbar-button-slimmer';
 import { ImageToolbarButtonSlimmer } from './slimmers/renderers/tools/image-toolbar-button-slimmer';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaChange, VegaImageInserted, VegaSourceCodeChange, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { TextColorToolbarButtonSlimmer } from './slimmers/renderers/tools/text-color-toolbar-button-slimmer';
@@ -153,6 +153,14 @@ export class VegaRichTextEditor {
      * @vegaVersion 2.88.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Specifies a placeholder string that displays as a
      *    temporary hint or example within the rich text editor.
@@ -365,6 +373,30 @@ export class VegaRichTextEditor {
       "reflect": true,
       "defaultValue": "false"
     },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
+    },
     "placeholder": {
       "type": "string",
       "mutable": false,