@globalpayments/vega 2.101.0 → 2.102.0

package/dist/esm/vega-rich-text-editor_4.entry.js

@@ -1,34 +1,34 @@
 import { h, f as forceUpdate, H as Host, F as Fragment, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-adfc80c6.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-c899a968.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
 import { s as VegaInternalComponentDidRender, e as VegaInternalRichTextEditorFlushChanges, d as VegaInternalRichTextEditDeleteSelectedNodes, G as VegaInternalRichTextImageClick, H as VegaInternalRichTextImageDeleteButtonClicked, y as VegaInternalCodeBlockBlur, a as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-02093067.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING, F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
-import { ah as ZERO_WIDTH_SPACE, am as VegaRTEOneRowHeightPx, R as RTETextNode, an as BoldAnnotationAction, N as NodeAnnotationTypeEnum, ao as ItalicAnnotationAction, ap as UnderlineAnnotationAction, b as RTETextBlock, aq as TextStyleAnnotationAction, a2 as TextStyleAnnotation, ar as BoldAnnotation, as as BlockAnnotationTypeEnum, at as ClearFormattingAnnotationAction, au as CodeAnnotationAction, av as StrikethroughAnnotationAction, ak as SelectionChangeAction, ai as LinkAnnotationAction, aw as IndentAnnotationAction, M as ModifyContentAction, j as ModifyContentActionType, r as RTEListItemBlock, a3 as RTEHtmlBlock, ax as TransformParagraphAction, t as RTECodeBlockNode, A as ActionHandleStrategyRegistry, J as HorizontalAlignmentAnnotationAction, ay as RTEUpdateSource, s as stateEntityRenderingRegistry, f as AppendChildrenAction, U as UpdateTextAction, h as InsertChildrenBeforeAction, S as SplitBlockWithNodeAction, g as RTENode, a as RTEBlock, l as RemoveChildrenAction, E as ReplaceChildNodesAction, az as escapeHtml, w as RTE_PASTE_MODE_DATA_TYPE, aA as RTE_PASTE_MODE_WORD, q as RTECodeBlock, aB as RTE_UPDATE_SOURCE_KEY, I as InsertChildrenAfterAction, x as RTE_WORD_COUNT_KEY, V as VegaRTEPresetToolbarItems, ag as VegaRTEDefaultTextStyleItems, aC as RTE_EMAIL_LINK_TYPE_KEY, aD as RTE_DEFAULT_LINK_TYPE_KEY, aE as RTE_SUPPORTED_LINK_TYPE_KEYS } from './code-block-1cdf7a51.js';
-import { i as isNonNullable } from './type-guard-26d83e7e.js';
-import { R as RTEDTORendererManager, e as extensionContextManager, V as VegaRTELinkExtension } from './link-extension-bc234cf7.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
-import { V as VisualModeToolbarButtonSlimmer, I as ImageAnnotationAction, a as ToolbarButtonSlimmer, T as TextColorToolbarButtonSlimmer, n as normalizeUrlByDefaultProtocol } from './image-annotation-action-cdd50dcc.js';
-import { V as VegaDropdownClick, d as VegaChange, a as VegaClick, a1 as VegaImageInserted, a2 as VegaSourceCodeChange, c as VegaPopoverShow, b as VegaPopoverHide } from './vega-event-id-59cd9297.js';
+import { ak as ZERO_WIDTH_SPACE, ap as VegaRTEOneRowHeightPx, R as RTETextNode, ae as BoldAnnotationAction, N as NodeAnnotationTypeEnum, aq as ItalicAnnotationAction, ar as UnderlineAnnotationAction, b as RTETextBlock, as as TextStyleAnnotationAction, a2 as TextStyleAnnotation, at as BoldAnnotation, au as BlockAnnotationTypeEnum, av as ClearFormattingAnnotationAction, aw as CodeAnnotationAction, ax as StrikethroughAnnotationAction, an as SelectionChangeAction, al as LinkAnnotationAction, ay as IndentAnnotationAction, M as ModifyContentAction, j as ModifyContentActionType, r as RTEListItemBlock, a3 as RTEHtmlBlock, az as TransformParagraphAction, t as RTECodeBlockNode, A as ActionHandleStrategyRegistry, J as HorizontalAlignmentAnnotationAction, aA as RTEUpdateSource, s as stateEntityRenderingRegistry, f as AppendChildrenAction, U as UpdateTextAction, h as InsertChildrenBeforeAction, S as SplitBlockWithNodeAction, g as RTENode, a as RTEBlock, l as RemoveChildrenAction, E as ReplaceChildNodesAction, aB as escapeHtml, w as RTE_PASTE_MODE_DATA_TYPE, aC as RTE_PASTE_MODE_WORD, q as RTECodeBlock, aD as RTE_UPDATE_SOURCE_KEY, I as InsertChildrenAfterAction, x as RTE_WORD_COUNT_KEY, V as VegaRTEPresetToolbarItems, aj as VegaRTEDefaultTextStyleItems, aE as RTE_EMAIL_LINK_TYPE_KEY, aF as RTE_DEFAULT_LINK_TYPE_KEY, aG as RTE_SUPPORTED_LINK_TYPE_KEYS } from './code-block-d8f83d85.js';
+import { i as isNonNullable } from './type-guard-08c82e08.js';
+import { R as RTEDTORendererManager, e as extensionContextManager, V as VegaRTELinkExtension } from './link-extension-3f93d70d.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-d4d534d2.js';
+import { V as VisualModeToolbarButtonSlimmer, I as ImageAnnotationAction, a as ToolbarButtonSlimmer, T as TextColorToolbarButtonSlimmer, n as normalizeUrlByDefaultProtocol } from './image-annotation-action-df744ba5.js';
+import { d as VegaDropdownClick, c as VegaChange, b as VegaClick, a2 as VegaImageInserted, a3 as VegaSourceCodeChange, a as VegaPopoverShow, V as VegaPopoverHide, T as VegaShow, U as VegaHide } from './vega-event-id-6b4db259.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { w as waitForComponentDidRender } from './wait-for-component-did-render-9e84d92d.js';
-import { V as VegaRTEImageExtension, R as ReplaceSelectedTextAction } from './image-extension-f6dbd70c.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-5c794b4d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-12ee1593.js';
+import { a as VegaRTEImageExtension, R as ReplaceSelectedTextAction, c as bookmarkIcon, d as collectBookmarkNames, V as VegaRTEBookmarkExtension } from './image-extension-20b39140.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-a7c0a0f8.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-aa7f4c6e.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ba72f30b.js';
-import { V as VegaRTEContent, b as RTEImageNode, f as CommitValueAction, M as MergeTwoBlocksNodesAction, I as InsertNewParagraphAction, S as StylePreservator, g as ElementToDtoStrategyProcessor, R as RTEImageBlock } from './content-state-6eb610b8.js';
+import { V as VegaRTEContent, b as RTEImageNode, f as CommitValueAction, M as MergeTwoBlocksNodesAction, I as InsertNewParagraphAction, S as StylePreservator, g as ElementToDtoStrategyProcessor, R as RTEImageBlock } from './content-state-486eae1d.js';
 import { b as AlignLeft, A as AlignCenter, c as AlignRight, a as AlignJustify } from './align-left-7f959adf.js';
-import { R as RTESelectionState, C as ComponentValueHistoryControllerSlimmer, a as SelectionController } from './component-value-history-controller-slimmer.abstract-bdeeb43f.js';
+import { R as RTESelectionState, C as ComponentValueHistoryControllerSlimmer, a as SelectionController } from './component-value-history-controller-slimmer.abstract-642e7147.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { d as debounce } from './timer-9321173b.js';
 import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-778dd929.js';
 import { f as findParent, b as getDeepActiveElementInShadow, j as checkIsVoiceOverClick, k as getFirstFocusableElement } from './ui-80e610f4.js';
-import { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-a0663a84.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0ebcbf47.js';
-import { T as TranslationSlimmer } from './translation-slimmer-77022f2e.js';
+import { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-06caf383.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3ae5c7db.js';
+import { T as TranslationSlimmer } from './translation-slimmer-b3f3cf65.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-4e04a2d3.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { i as isArrayEqual } from './array-7888f339.js';
@@ -40,14 +40,15 @@ import { t as trashCan } from './trash-can-8819a939.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import './string-a953eafc.js';
 import './typography-19c3b9be.js';
+import './discriminated-fe5bf3c8.js';
+import './dynamic-slimmer-90b8af32.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
-import './internal-translation-controller-fff376d2.js';
-import './icon-manager-4ef3f6dd.js';
-import './create-public-api-runtime-metrics-slimmer-48f85199.js';
-import './dynamic-slimmer-90b8af32.js';
-import './index-35451d12.js';
+import './internal-translation-controller-4a7ee4d5.js';
+import './icon-manager-236d6c23.js';
 import './try-get-document-bef0f526.js';
+import './vega-nonce-manager-497e5eb5.js';
+import './index-35451d12.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
@@ -55,15 +56,14 @@ import './form-field-key-44ab39d0.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './sub-state-observer-slimmer-bee1c7fa.js';
-import './internal-vega-event-manager-0c381f3b.js';
-import './range-d2439ba7.js';
-import './keyboard-manager-slimmer-133b86cd.js';
-import './keyboard-manager-a58288df.js';
+import './internal-vega-event-manager-6eebe8f8.js';
+import './range-8e89fb54.js';
+import './keyboard-manager-slimmer-f40dcb54.js';
+import './keyboard-manager-f5d13a34.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './tinycolor-polyfill-7be0eb93.js';
-import './vega-nonce-manager-497e5eb5.js';
 import './synchronize-task-queue-ac8acc3b.js';
 import './number-4398f2e1.js';
 
@@ -500,7 +500,7 @@ class BoldToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
       selectedNodes.some((node) => {
         var _a;
         return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          this.shouldDisabledToolbar(node, BoldAnnotationAction.name);
+          this.shouldDisabledToolbar(node, BoldAnnotationAction.typeName);
       }));
   }
 }
@@ -548,7 +548,7 @@ class ItalicToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
       selectedNodes.some((node) => {
         var _a;
         return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          this.shouldDisabledToolbar(node, ItalicAnnotationAction.name);
+          this.shouldDisabledToolbar(node, ItalicAnnotationAction.typeName);
       }));
   }
 }
@@ -599,7 +599,7 @@ class UnderlineToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
       selectedNodes.some((node) => {
         var _a;
         return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          this.shouldDisabledToolbar(node, UnderlineAnnotationAction.name);
+          this.shouldDisabledToolbar(node, UnderlineAnnotationAction.typeName);
       }));
   }
 }
@@ -673,7 +673,7 @@ class TextStylesToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     return (super.isDisabled() ||
-      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, TextStyleAnnotationAction.name)));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, TextStyleAnnotationAction.typeName)));
   }
   addDropdownObserver(dropdownRef) {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownClick, this.handleDropdownItemClick);
@@ -785,7 +785,7 @@ class ClearStyleToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
     return (super.isDisabled() ||
-      selectedNodes.some((node) => this.shouldDisabledToolbar(node, ClearFormattingAnnotationAction.name)));
+      selectedNodes.some((node) => this.shouldDisabledToolbar(node, ClearFormattingAnnotationAction.typeName)));
   }
 }
 (() => {
@@ -833,7 +833,7 @@ class CodeToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
     const selectedNodes = this.selectionController.getSelectedNodes();
     return (super.isDisabled() ||
       selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
-        this.shouldDisabledToolbar(node, CodeAnnotationAction.name)));
+        this.shouldDisabledToolbar(node, CodeAnnotationAction.typeName)));
   }
 }
 (() => {
@@ -883,7 +883,7 @@ class StrikethroughToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
       selectedNodes.some((node) => {
         var _a;
         return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          this.shouldDisabledToolbar(node, StrikethroughAnnotationAction.name);
+          this.shouldDisabledToolbar(node, StrikethroughAnnotationAction.typeName);
       }));
   }
 }
@@ -1063,7 +1063,7 @@ class LinkToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
       selectedBlocks.length > 1 ||
       selectedNodes.some((node) => {
         var _a;
-        return this.shouldDisabledToolbar(node, LinkAnnotationAction.name) ||
+        return this.shouldDisabledToolbar(node, LinkAnnotationAction.typeName) ||
           node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
           ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code);
       }));
@@ -1125,7 +1125,7 @@ class MoreIndentToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     return (super.isDisabled() ||
-      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, IndentAnnotationAction.name)));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, IndentAnnotationAction.typeName)));
   }
   onClick() {
     this.selectionController.getSelectedBlocks().forEach((item) => {
@@ -1167,7 +1167,7 @@ class LessIndentToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     return (super.isDisabled() ||
-      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, IndentAnnotationAction.name)));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, IndentAnnotationAction.typeName)));
   }
   onClick() {
     this.selectionController.getSelectedBlocks().forEach((item) => {
@@ -2380,7 +2380,7 @@ class HorizontalAlignmentToolbarButtonSlimmer extends VisualModeToolbarButtonSli
     return (super.isDisabled() ||
       this.selectionController
         .getSelectedBlocks()
-        .some((block) => this.shouldDisabledToolbar(block, HorizontalAlignmentAnnotationAction.name)));
+        .some((block) => this.shouldDisabledToolbar(block, HorizontalAlignmentAnnotationAction.typeName)));
   }
 }
 __decorate$n([
@@ -4428,11 +4428,18 @@ class FocusController extends VegaSlimmer {
      * @param {RTEContentBlock} lastBlock - The last block of the content
      */
     this.doFocusOnLastTextNode = async (lastBlock) => {
-      const lastNode = lastBlock.getLastNode();
-      const dom = stateEntityRenderingRegistry.getDOMByEntity(lastNode);
+      await this.doFocusOnTextNode(lastBlock.getLastNode());
+    };
+    /**
+     * Do a focus on the provided text node.
+     *
+     * @param {RTENode} node - The node to focus.
+     */
+    this.doFocusOnTextNode = async (node) => {
+      const dom = stateEntityRenderingRegistry.getDOMByEntity(node);
       if (dom) {
-        if (!lastNode.isContentEditable()) {
-          this.setCaretRangeToNodeEnd(dom.parentElement, lastNode.getRangeEndOffset());
+        if (!node.isContentEditable()) {
+          this.setCaretRangeToNodeEnd(dom.parentElement, node.getRangeEndOffset());
         }
         else {
           this.setCaretRangeToNodeEnd(dom.firstChild, dom.firstChild.nodeValue.length);
@@ -4464,6 +4471,21 @@ class FocusController extends VegaSlimmer {
       await this.doFocusOnLastTextNode(lastBlock);
     }
   }
+  /**
+   * Restore focus to the current selection target without changing the document structure.
+   *
+   * @returns {Promise<void>} - A promise that resolves when the focus is set.
+   */
+  async focusOnCurrentTextNode() {
+    const currentRange = this.selectionController.getCurrentRange();
+    if (currentRange.endNode) {
+      await this.doFocusOnTextNode(currentRange.endNode);
+      return;
+    }
+    if (currentRange.startNode) {
+      await this.doFocusOnTextNode(currentRange.startNode);
+    }
+  }
   /**
    * Move the caret to the end of the node
    *
@@ -5301,6 +5323,9 @@ class SourceEditToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     // the source-edit button can be re-activated from the keyboard without
     // the selection being reset out from under the user.
     this.sourceView = !isSelected;
+    if (!this.sourceView) {
+      void this.focusController.focusOnCurrentTextNode();
+    }
   }
   // VD-8789 (keyboard a11y): the default `preventLostFocus` calls
   // `e.preventDefault()` on mousedown so the button never receives focus and
@@ -5927,7 +5952,7 @@ const VegaRichTextEditor = class {
     this.imageInserted = createEvent(this, "imageInserted", 7);
     this.vegaSourceCodeChange = createEvent(this, "vegaSourceCodeChange", 7);
     this.sourceCodeChange = createEvent(this, "sourceCodeChange", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.ariaAttributesValueMapper = new AriaAttributesValueMapper(() => this.vegaRichTextEditorRenderer.getRTEEditableElementRef(), {
       'aria-label': {
         dependency: ['data-aria-label', 'label'],
@@ -6399,7 +6424,7 @@ const VegaRichTextEditorToolbarButton = class {
     registerInstance(this, hostRef);
     this.vegaClick = createEvent(this, "vegaClick", 7);
     this.click = createEvent(this, "click", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.clickEventEmitter = createEventEmitSlimmer(VegaRichTextEditorToolbarButton, VegaClick);
     this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, {
@@ -6637,7 +6662,7 @@ const VegaRichTextImageEditor = class {
     registerInstance(this, hostRef);
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.change = createEvent(this, "change", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaRichTextImageEditorRenderer();
@@ -6703,6 +6728,10 @@ class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
             this.linkEditorController.handleEditAction();
             return;
           }
+          case 'bookmark': {
+            void this.linkEditorController.handleBookmarkNavigation();
+            return;
+          }
           case 'unlink': {
             void this.linkEditorController.handleUnlinkAction();
           }
@@ -6731,6 +6760,22 @@ class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
     this.handleUrlVegaChange = (e) => {
       this.linkEditorController.handleUrlVegaChange(e);
     };
+    this.handleBookmarkVegaChange = (e) => {
+      void this.linkEditorController.handleBookmarkVegaChange(e);
+    };
+    // Opening the Bookmark dropdown blurs the URL input; suppress its auto-validation while the
+    // dropdown is open so the error box cannot appear, shift layout, and cancel the first item click.
+    this.handleBookmarkInputSelectRef = (ref) => {
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaShow, () => {
+        this.setUrlAutoValidation(false);
+      });
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaHide, () => {
+        this.setUrlAutoValidation(true);
+      });
+    };
+    this.handleBookmarkMouseDown = (e) => {
+      e.preventDefault();
+    };
     this.handleLinkTypeSelectRef = (ref) => {
       DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (payload) => {
         void this.linkEditorController.handleLinkTypeChange(payload);
@@ -6771,11 +6816,23 @@ class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
         this.renderLinkEditContent())));
   }
   renderLinkUnlinkContent() {
+    var _a;
+    const bookmarkName = this.linkTypeConfigController.getBookmarkNameForUrl((_a = this.record) === null || _a === void 0 ? void 0 : _a.url);
     return (h("vega-box", { display: this.status === 'editOrUnlinkSelection' ? 'block' : 'none' },
       h("vega-button-group", { size: "small", variant: "tertiary", ref: this.handleButtonGroupRef, onKeyDown: this.handleLinkFieldKeyDown },
+        bookmarkName && (h("vega-button-group-item", { label: this.getBookmarkLabel(bookmarkName), icon: VegaInternalIconManager.getIconKey('rte-bookmark'), itemKey: "bookmark" })),
         h("vega-button-group-item", { label: this.translationSlimmer.t('Edit'), itemKey: "edit" }),
         h("vega-button-group-item", { label: this.translationSlimmer.t('Unlink'), itemKey: "unlink" }))));
   }
+  getBookmarkLabel(bookmarkName) {
+    const characters = Array.from(bookmarkName);
+    if (characters.length <= VegaRichTextLinkEditorRenderer.BOOKMARK_LABEL_MAX_LENGTH) {
+      return bookmarkName;
+    }
+    return `${characters
+      .slice(0, VegaRichTextLinkEditorRenderer.BOOKMARK_LABEL_MAX_LENGTH - 3)
+      .join('')}...`;
+  }
   renderLinkEditContent() {
     return (h("vega-box", { display: this.status === 'linkEdit' ? 'block' : 'none' },
       h("vega-flex", { style: { width: '419px' }, direction: "col", gap: "size-16" },
@@ -6805,9 +6862,22 @@ class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
     ];
   }
   renderUrlLinkEditFields() {
-    return [
+    const fields = [
       h("vega-input", { key: "url", "data-vega-form": "url", ref: this.handleUrlInputRef, size: "small", label: this.translationSlimmer.t('URL'), required: this.linkTypeConfigController.hasConfiguredLinkTypes(), onVegaChange: this.handleUrlVegaChange, onKeyDown: this.handleLinkFieldKeyDown }),
     ];
+    if (this.linkTypeConfigController.isBookmarkEnabled()) {
+      fields.push(this.renderBookmarkUrlSuggestions());
+    }
+    return fields;
+  }
+  renderBookmarkUrlSuggestions() {
+    const bookmarkNames = this.linkTypeConfigController.getBookmarkNames();
+    const hasBookmarks = bookmarkNames.length > 0;
+    return (h("vega-accordion", { expand: false, drawsBackground: false, onMouseDown: this.handleBookmarkMouseDown },
+      h("div", { slot: "title" }, this.translationSlimmer.t('Bookmark')),
+      h("vega-input-select", { slot: "content", style: { marginTop: '-16px' }, "data-vega-form": "bookmark", ref: this.handleBookmarkInputSelectRef, size: "small", placeholder: hasBookmarks
+          ? this.translationSlimmer.t('Select a bookmark')
+          : this.translationSlimmer.t('No bookmarks available'), disabled: !hasBookmarks, source: bookmarkNames.map((name) => ({ id: name, displayName: name })), onVegaChange: this.handleBookmarkVegaChange })));
   }
   renderLinkTypeSelector() {
     if (!this.linkTypeConfigController.hasConfiguredLinkTypes()) {
@@ -6828,7 +6898,16 @@ class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
       h("vega-button", { variant: "secondary", label: this.translationSlimmer.t('Cancel'), ref: this.handleCancelButtonRef }),
       h("vega-button", { label: this.translationSlimmer.t('Submit'), disabled: this.linkEditorStateManager.getIsSubmitDisabled(), ref: this.handleSubmitButtonRef })));
   }
+  setUrlAutoValidation(enabled) {
+    if (this.urlInputRef) {
+      this.urlInputRef.autoValidation = enabled;
+    }
+  }
 }
+(() => {
+  VegaInternalIconManager.register({ 'rte-bookmark': bookmarkIcon });
+})();
+VegaRichTextLinkEditorRenderer.BOOKMARK_LABEL_MAX_LENGTH = 24;
 __decorate$3([
   MapToComponentField()
 ], VegaRichTextLinkEditorRenderer.prototype, "host", void 0);
@@ -6847,6 +6926,9 @@ __decorate$3([
 __decorate$3([
   MapToComponentField()
 ], VegaRichTextLinkEditorRenderer.prototype, "linkEditorStateManager", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaRichTextLinkEditorRenderer.prototype, "record", void 0);
 
 const urlLinkTypeHandler = {
   key: 'url',
@@ -6992,6 +7074,9 @@ class LinkEditorController extends VegaSlimmer {
     super(...arguments);
     this.linkUrlNormalizer = new LinkUrlNormalizer();
     this.linkTypeHandlers = LINK_TYPE_HANDLER_MAP;
+    // Single-use markers to ignore the change event echoed back by our own URL/bookmark sync write.
+    this.pendingBookmarkSyncEcho = null;
+    this.pendingUrlSyncEcho = null;
     /**
      * The element the trigger click listener is currently attached to (the link
      * wrapper acting as the popover target).
@@ -7055,6 +7140,9 @@ class LinkEditorController extends VegaSlimmer {
    */
   async handlePopoverShow() {
     var _a, _b, _c, _d;
+    // Discard echoes left by the previous popover session.
+    this.pendingBookmarkSyncEcho = null;
+    this.pendingUrlSyncEcho = null;
     this.linkTypeConfigController.invalidateConfiguredLinkTypesCache();
     this.linkEditorStateManager.clearFormValues();
     if (this.linkEditorStateManager.getShouldResetStatusOnNextShow()) {
@@ -7125,10 +7213,65 @@ class LinkEditorController extends VegaSlimmer {
    * @returns {void} No return value.
    */
   handleUrlVegaChange(e) {
+    const requiredValue = e.detail;
+    // A matching value was written by a bookmark selection, not typed by the user.
+    const isEcho = this.pendingUrlSyncEcho === requiredValue;
+    this.pendingUrlSyncEcho = null;
+    if (!isEcho &&
+      this.linkEditorStateManager.getSelectedLinkTypeKey() === RTE_DEFAULT_LINK_TYPE_KEY &&
+      this.linkTypeConfigController.isBookmarkEnabled()) {
+      const form = this.renderer.getFormRef();
+      if (form === null || form === void 0 ? void 0 : form.setValue) {
+        const bookmarkName = this.linkTypeConfigController.getBookmarkNameForUrl(requiredValue);
+        // Ignore the change emitted when the select applies this value.
+        this.pendingBookmarkSyncEcho = bookmarkName;
+        void form.setValue({ bookmark: bookmarkName });
+      }
+    }
     if (this.linkTypeConfigController.hasConfiguredLinkTypes()) {
-      this.updateSubmitDisabledState(e.detail);
+      this.updateSubmitDisabledState(requiredValue);
     }
   }
+  /**
+   * Updates the URL field from a selected bookmark target.
+   *
+   * @param {CustomEvent<string | string[]>} e - Bookmark selection change event.
+   * @returns {Promise<void>} Resolves after updating the URL field.
+   */
+  async handleBookmarkVegaChange(e) {
+    var _a, _b, _c;
+    const bookmarkName = Array.isArray(e.detail) ? e.detail[0] || '' : e.detail;
+    // Consume the change emitted by URL-to-bookmark synchronization.
+    if (this.pendingBookmarkSyncEcho === bookmarkName) {
+      this.pendingBookmarkSyncEcho = null;
+      return;
+    }
+    this.pendingBookmarkSyncEcho = null;
+    const url = bookmarkName ? `#${bookmarkName}` : '';
+    this.pendingUrlSyncEcho = url;
+    await ((_b = (_a = this.renderer.getFormRef()) === null || _a === void 0 ? void 0 : _a.setValue) === null || _b === void 0 ? void 0 : _b.call(_a, { url }));
+    this.updateSubmitDisabledState(url);
+    if (bookmarkName) {
+      await ((_c = this.renderer.getUrlInputRef()) === null || _c === void 0 ? void 0 : _c.doFocus());
+    }
+  }
+  /** Navigates to the current link's bookmark within the same rich text content root. */
+  async handleBookmarkNavigation() {
+    var _a, _b, _c;
+    const bookmarkName = this.linkTypeConfigController.getBookmarkNameForUrl((_a = this.record) === null || _a === void 0 ? void 0 : _a.url);
+    const rootNode = (_b = this.target) === null || _b === void 0 ? void 0 : _b.getRootNode();
+    if (!bookmarkName || !rootNode || !('querySelectorAll' in rootNode)) {
+      return;
+    }
+    const bookmarkTarget = Array.from(rootNode.querySelectorAll('a.rte-bookmark[id]')).find((anchor) => anchor.id === bookmarkName);
+    if (!bookmarkTarget) {
+      return;
+    }
+    await ((_c = this.renderer.getPopoverRef()) === null || _c === void 0 ? void 0 : _c.hide());
+    bookmarkTarget.scrollIntoView({ block: 'center', inline: 'nearest' });
+    bookmarkTarget.focus({ preventScroll: true });
+    bookmarkTarget.click();
+  }
   /**
    * Submits the current link when Enter is pressed or hides the popover when Escape is pressed.
    *
@@ -7229,7 +7372,7 @@ class LinkEditorController extends VegaSlimmer {
    * @returns {Promise<void>} Resolves when the edit form is populated.
    */
   async populateEditForm() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const handler = this.linkTypeHandlers.get(this.linkEditorStateManager.getSelectedLinkTypeKey());
     if (!handler) {
       return;
@@ -7242,12 +7385,15 @@ class LinkEditorController extends VegaSlimmer {
       ? handler.getRequiredValue(this.record, deps)
       : '';
     const initialFormValues = handler.getInitialFormValues(this.record, deps);
+    const bookmarkName = this.linkTypeConfigController.getBookmarkNameForUrl((_a = this.record) === null || _a === void 0 ? void 0 : _a.url);
+    if (bookmarkName) {
+      initialFormValues.bookmark = bookmarkName;
+    }
     this.linkEditorStateManager.setSharedTextValue(initialFormValues.text || '');
-    await ((_b = (_a = this.renderer.getFormRef()) === null || _a === void 0 ? void 0 : _a.setValue) === null || _b === void 0 ? void 0 : _b.call(_a, initialFormValues));
+    await ((_c = (_b = this.renderer.getFormRef()) === null || _b === void 0 ? void 0 : _b.reset) === null || _c === void 0 ? void 0 : _c.call(_b, initialFormValues));
     this.syncTextInputValue(initialFormValues.text || '');
     this.updateSubmitDisabledState(requiredValue);
-    await ((_d = (_c = this.renderer.getFormRef()) === null || _c === void 0 ? void 0 : _c.setValue) === null || _d === void 0 ? void 0 : _d.call(_c, handler.getInitialFormValues(this.record, deps)));
-    await ((_e = this.renderer.getUrlInputRef()) === null || _e === void 0 ? void 0 : _e.doFocus());
+    await ((_d = this.renderer.getUrlInputRef()) === null || _d === void 0 ? void 0 : _d.doFocus());
   }
   /**
    * Updates the popover target via the remote invocation registry.
@@ -7573,9 +7719,42 @@ class LinkTypeConfigController extends VegaSlimmer {
    * @returns {VegaRTELinkExtensionConfig} The active link configuration.
    */
   getLinkConfig() {
-    const rteHost = findParent(this.host, 'vega-rich-text-editor');
+    const rteHost = this.getRTEHost();
     return VegaRTELinkExtension.configStore.get(rteHost) || {};
   }
+  /**
+   * Returns valid bookmark names from the current rich text document in document order.
+   *
+   * @returns {string[]} Available bookmark names.
+   */
+  getBookmarkNames() {
+    var _a;
+    const names = collectBookmarkNames((_a = this.getRTEHost()) === null || _a === void 0 ? void 0 : _a.value).filter((name) => name.length > 0);
+    return Array.from(new Set(names));
+  }
+  /**
+   * Returns whether bookmark URL suggestions are enabled.
+   *
+   * @returns {boolean} True when bookmark suggestions are configured.
+   */
+  isBookmarkEnabled() {
+    var _a;
+    return Boolean((_a = this.getRTEHost()) === null || _a === void 0 ? void 0 : _a.extensions.some((extension) => extension instanceof VegaRTEBookmarkExtension));
+  }
+  /**
+   * Returns the bookmark name matching a fragment URL.
+   *
+   * @param {string} url - URL to match against current bookmarks.
+   * @returns {string} The matching bookmark name, or an empty string.
+   */
+  getBookmarkNameForUrl(url) {
+    if (!this.isBookmarkEnabled()) {
+      return '';
+    }
+    const normalizedUrl = (url || '').trim();
+    const bookmarkName = normalizedUrl.startsWith('#') ? normalizedUrl.slice(1) : '';
+    return this.getBookmarkNames().includes(bookmarkName) ? bookmarkName : '';
+  }
   /**
    * Normalizes configured link types and filters unsupported entries.
    *
@@ -7650,6 +7829,15 @@ class LinkTypeConfigController extends VegaSlimmer {
       ? this.translationSlimmer.t('Email')
       : this.translationSlimmer.t('URL');
   }
+  /**
+   * Returns the rich text editor containing this link editor.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
+   * @returns {HTMLVegaRichTextEditorElement | null} The containing editor, when available.
+   */
+  getRTEHost() {
+    return findParent(this.host, 'vega-rich-text-editor');
+  }
 }
 LinkTypeConfigController.SUPPORTED_LINK_TYPE_KEYS = new Set(RTE_SUPPORTED_LINK_TYPE_KEYS);
 __decorate$1([
@@ -7786,7 +7974,7 @@ const VegaRichTextLinkEditor = class {
     registerInstance(this, hostRef);
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.change = createEvent(this, "change", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaRichTextLinkEditorRenderer();

package/dist/esm/vega-rich-text-find-replace-panel.entry.js

@@ -1,21 +1,21 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-adfc80c6.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-12ee1593.js';
-import { d as VegaChange, a as VegaClick } from './vega-event-id-59cd9297.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-aa7f4c6e.js';
+import { c as VegaChange, b as VegaClick } from './vega-event-id-6b4db259.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-d4d534d2.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { x as xmarkLarge } from './xmark-large-c5ae7944.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-fff376d2.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-4a7ee4d5.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './internal-vega-event-manager-0c381f3b.js';
+import './internal-vega-event-manager-6eebe8f8.js';
 import './try-get-document-bef0f526.js';
-import './icon-manager-4ef3f6dd.js';
-import './create-public-api-runtime-metrics-slimmer-48f85199.js';
+import './icon-manager-236d6c23.js';
+import './discriminated-fe5bf3c8.js';
 import './misc-9fdbcfbb.js';
 import './observer-3959f9dd.js';
 import './ui-80e610f4.js';
@@ -183,7 +183,7 @@ const VegaRichTextFindReplacePanel = class {
     registerInstance(this, hostRef);
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.vegaClick = createEvent(this, "vegaClick", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.changeEventEmitter = createEventEmitSlimmer(VegaRichTextFindReplacePanel, VegaChange);
     this.clickEventEmitter = createEventEmitSlimmer(VegaRichTextFindReplacePanel, VegaClick);

package/dist/esm/vega-rich-text-special-characters-panel.entry.js

@@ -1,24 +1,24 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-12ee1593.js';
-import { d as VegaChange, a as VegaClick } from './vega-event-id-59cd9297.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-adfc80c6.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-aa7f4c6e.js';
+import { c as VegaChange, b as VegaClick } from './vega-event-id-6b4db259.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-133b86cd.js';
-import { T as TranslationSlimmer } from './translation-slimmer-77022f2e.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f40dcb54.js';
+import { T as TranslationSlimmer } from './translation-slimmer-b3f3cf65.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './internal-vega-event-manager-0c381f3b.js';
+import './internal-vega-event-manager-6eebe8f8.js';
 import './try-get-document-bef0f526.js';
 import './observer-3959f9dd.js';
 import './ui-80e610f4.js';
-import './keyboard-manager-a58288df.js';
-import './type-guard-26d83e7e.js';
+import './keyboard-manager-f5d13a34.js';
+import './type-guard-08c82e08.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-fff376d2.js';
+import './internal-translation-controller-4a7ee4d5.js';
 import './static-subject-title-1c86e974.js';
 
 /**
@@ -339,7 +339,7 @@ const VegaRichTextSpecialCharactersPanel = class {
     registerInstance(this, hostRef);
     this.vegaClick = createEvent(this, "vegaClick", 7);
     this.click = createEvent(this, "click", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.translationSlimmer = new TranslationSlimmer();
     this.clickEventEmitter = createEventEmitSlimmer(VegaRichTextSpecialCharactersPanel, VegaClick);