@heartlandone/vega 2.100.0 → 2.102.0

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

@@ -4,36 +4,36 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-77f7be9f.js');
 const component = require('./component-1e352960.js');
 const accessibility = require('./accessibility-6ca2a237.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
+const vegaInternalEventId = require('./vega-internal-event-id-98d499d7.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
-const codeBlock = require('./code-block-3b42c364.js');
-const typeGuard = require('./type-guard-00b8efc0.js');
-const linkExtension = require('./link-extension-71eeaa9f.js');
-const internalIconManager = require('./internal-icon-manager-40bcac72.js');
-const imageAnnotationAction = require('./image-annotation-action-03d3e01a.js');
-const vegaEventId = require('./vega-event-id-58afed7a.js');
+const codeBlock = require('./code-block-06e6591f.js');
+const typeGuard = require('./type-guard-29e01bd4.js');
+const linkExtension = require('./link-extension-2a6133b7.js');
+const internalIconManager = require('./internal-icon-manager-b9702049.js');
+const imageAnnotationAction = require('./image-annotation-action-25907d6b.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
 const misc = require('./misc-3d30df91.js');
-const waitForComponentDidRender = require('./wait-for-component-did-render-44d006ee.js');
-const imageExtension = require('./image-extension-ccda26d3.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-fbaddc91.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-e264a120.js');
-const contentState = require('./content-state-87a06c1a.js');
+const waitForComponentDidRender = require('./wait-for-component-did-render-90edbc1a.js');
+const imageExtension = require('./image-extension-1cf84f27.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-5adb86ae.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-3b33e31c.js');
+const contentState = require('./content-state-8c862e5e.js');
 const alignLeft = require('./align-left-4a76df69.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-bbe3bcaf.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-f29908f8.js');
 const observer = require('./observer-f49483e8.js');
 const timer = require('./timer-5f33058b.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-b454645a.js');
 const ui = require('./ui-c91c37a7.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-05de7f0c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
-const darkModeStyleController = require('./dark-mode-style-controller-f3da3342.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-5d0c76ec.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-574a6a1a.js');
+const translationSlimmer = require('./translation-slimmer-0227ee24.js');
+const darkModeStyleController = require('./dark-mode-style-controller-ec04ece9.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const array = require('./array-249289f2.js');
 const object = require('./object-b53e9416.js');
@@ -44,30 +44,30 @@ const trashCan = require('./trash-can-46a5e19a.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 require('./string-39438062.js');
 require('./typography-3ea4fe41.js');
+require('./discriminated-3b8e72d5.js');
+require('./dynamic-slimmer-f31fdfd7.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./internal-translation-controller-27bfc8c7.js');
-require('./icon-manager-be358b32.js');
-require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./index-5d1adcd1.js');
+require('./internal-translation-controller-eae8a8de.js');
+require('./icon-manager-7d20b0ab.js');
 require('./try-get-document-c0ebd39a.js');
+require('./vega-nonce-manager-df69d3ed.js');
+require('./index-5d1adcd1.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-6033b824.js');
-require('./internal-vega-event-manager-7003c84a.js');
-require('./range-d29751e3.js');
-require('./keyboard-manager-slimmer-0a4e556d.js');
-require('./keyboard-manager-16e96b62.js');
+require('./sub-state-observer-slimmer-5b68ba3f.js');
+require('./internal-vega-event-manager-0c256d63.js');
+require('./range-518b95a2.js');
+require('./keyboard-manager-slimmer-d1974b28.js');
+require('./keyboard-manager-baa83a61.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./tinycolor-polyfill-502efaa8.js');
-require('./vega-nonce-manager-df69d3ed.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./number-4816603d.js');
 
@@ -504,7 +504,7 @@ class BoldToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
       selectedNodes.some((node) => {
         var _a;
         return ((_a = node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          this.shouldDisabledToolbar(node, codeBlock.BoldAnnotationAction.name);
+          this.shouldDisabledToolbar(node, codeBlock.BoldAnnotationAction.typeName);
       }));
   }
 }
@@ -552,7 +552,7 @@ class ItalicToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbar
       selectedNodes.some((node) => {
         var _a;
         return ((_a = node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          this.shouldDisabledToolbar(node, codeBlock.ItalicAnnotationAction.name);
+          this.shouldDisabledToolbar(node, codeBlock.ItalicAnnotationAction.typeName);
       }));
   }
 }
@@ -603,7 +603,7 @@ class UnderlineToolbarButtonSlimmer extends imageAnnotationAction.VisualModeTool
       selectedNodes.some((node) => {
         var _a;
         return ((_a = node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          this.shouldDisabledToolbar(node, codeBlock.UnderlineAnnotationAction.name);
+          this.shouldDisabledToolbar(node, codeBlock.UnderlineAnnotationAction.typeName);
       }));
   }
 }
@@ -677,7 +677,7 @@ class TextStylesToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     return (super.isDisabled() ||
-      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, codeBlock.TextStyleAnnotationAction.name)));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, codeBlock.TextStyleAnnotationAction.typeName)));
   }
   addDropdownObserver(dropdownRef) {
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, vegaEventId.VegaDropdownClick, this.handleDropdownItemClick);
@@ -789,7 +789,7 @@ class ClearStyleToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
     return (super.isDisabled() ||
-      selectedNodes.some((node) => this.shouldDisabledToolbar(node, codeBlock.ClearFormattingAnnotationAction.name)));
+      selectedNodes.some((node) => this.shouldDisabledToolbar(node, codeBlock.ClearFormattingAnnotationAction.typeName)));
   }
 }
 (() => {
@@ -837,7 +837,7 @@ class CodeToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
     const selectedNodes = this.selectionController.getSelectedNodes();
     return (super.isDisabled() ||
       selectedNodes.some((node) => node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.LINK) ||
-        this.shouldDisabledToolbar(node, codeBlock.CodeAnnotationAction.name)));
+        this.shouldDisabledToolbar(node, codeBlock.CodeAnnotationAction.typeName)));
   }
 }
 (() => {
@@ -887,7 +887,7 @@ class StrikethroughToolbarButtonSlimmer extends imageAnnotationAction.VisualMode
       selectedNodes.some((node) => {
         var _a;
         return ((_a = node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          this.shouldDisabledToolbar(node, codeBlock.StrikethroughAnnotationAction.name);
+          this.shouldDisabledToolbar(node, codeBlock.StrikethroughAnnotationAction.typeName);
       }));
   }
 }
@@ -1067,7 +1067,7 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
       selectedBlocks.length > 1 ||
       selectedNodes.some((node) => {
         var _a;
-        return this.shouldDisabledToolbar(node, codeBlock.LinkAnnotationAction.name) ||
+        return this.shouldDisabledToolbar(node, codeBlock.LinkAnnotationAction.typeName) ||
           node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.LINK) ||
           ((_a = node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code);
       }));
@@ -1129,7 +1129,7 @@ class MoreIndentToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     return (super.isDisabled() ||
-      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, codeBlock.IndentAnnotationAction.name)));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, codeBlock.IndentAnnotationAction.typeName)));
   }
   onClick() {
     this.selectionController.getSelectedBlocks().forEach((item) => {
@@ -1171,7 +1171,7 @@ class LessIndentToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     return (super.isDisabled() ||
-      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, codeBlock.IndentAnnotationAction.name)));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, codeBlock.IndentAnnotationAction.typeName)));
   }
   onClick() {
     this.selectionController.getSelectedBlocks().forEach((item) => {
@@ -2384,7 +2384,7 @@ class HorizontalAlignmentToolbarButtonSlimmer extends imageAnnotationAction.Visu
     return (super.isDisabled() ||
       this.selectionController
         .getSelectedBlocks()
-        .some((block) => this.shouldDisabledToolbar(block, codeBlock.HorizontalAlignmentAnnotationAction.name)));
+        .some((block) => this.shouldDisabledToolbar(block, codeBlock.HorizontalAlignmentAnnotationAction.typeName)));
   }
 }
 __decorate$n([
@@ -4432,11 +4432,18 @@ class FocusController extends globalSlimmerRegistry.VegaSlimmer {
      * @param {RTEContentBlock} lastBlock - The last block of the content
      */
     this.doFocusOnLastTextNode = async (lastBlock) => {
-      const lastNode = lastBlock.getLastNode();
-      const dom = codeBlock.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 = codeBlock.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);
@@ -4468,6 +4475,21 @@ class FocusController extends globalSlimmerRegistry.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
    *
@@ -5305,6 +5327,9 @@ class SourceEditToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
     // 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
@@ -5931,7 +5956,7 @@ const VegaRichTextEditor = class {
     this.imageInserted = index.createEvent(this, "imageInserted", 7);
     this.vegaSourceCodeChange = index.createEvent(this, "vegaSourceCodeChange", 7);
     this.sourceCodeChange = index.createEvent(this, "sourceCodeChange", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.ariaAttributesValueMapper = new ariaAttributesValueMapper.AriaAttributesValueMapper(() => this.vegaRichTextEditorRenderer.getRTEEditableElementRef(), {
       'aria-label': {
         dependency: ['data-aria-label', 'label'],
@@ -6403,7 +6428,7 @@ const VegaRichTextEditorToolbarButton = class {
     index.registerInstance(this, hostRef);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.click = index.createEvent(this, "click", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextEditorToolbarButton, vegaEventId.VegaClick);
     this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.host, {
@@ -6641,7 +6666,7 @@ const VegaRichTextImageEditor = class {
     index.registerInstance(this, hostRef);
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
     this.change = index.createEvent(this, "change", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaRichTextImageEditorRenderer();
@@ -6707,6 +6732,10 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
             this.linkEditorController.handleEditAction();
             return;
           }
+          case 'bookmark': {
+            void this.linkEditorController.handleBookmarkNavigation();
+            return;
+          }
           case 'unlink': {
             void this.linkEditorController.handleUnlinkAction();
           }
@@ -6735,6 +6764,22 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.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.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaShow, () => {
+        this.setUrlAutoValidation(false);
+      });
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaHide, () => {
+        this.setUrlAutoValidation(true);
+      });
+    };
+    this.handleBookmarkMouseDown = (e) => {
+      e.preventDefault();
+    };
     this.handleLinkTypeSelectRef = (ref) => {
       domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, (payload) => {
         void this.linkEditorController.handleLinkTypeChange(payload);
@@ -6775,11 +6820,23 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
         this.renderLinkEditContent())));
   }
   renderLinkUnlinkContent() {
+    var _a;
+    const bookmarkName = this.linkTypeConfigController.getBookmarkNameForUrl((_a = this.record) === null || _a === void 0 ? void 0 : _a.url);
     return (index.h("vega-box", { display: this.status === 'editOrUnlinkSelection' ? 'block' : 'none' },
       index.h("vega-button-group", { size: "small", variant: "tertiary", ref: this.handleButtonGroupRef, onKeyDown: this.handleLinkFieldKeyDown },
+        bookmarkName && (index.h("vega-button-group-item", { label: this.getBookmarkLabel(bookmarkName), icon: internalIconManager.VegaInternalIconManager.getIconKey('rte-bookmark'), itemKey: "bookmark" })),
         index.h("vega-button-group-item", { label: this.translationSlimmer.t('Edit'), itemKey: "edit" }),
         index.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 (index.h("vega-box", { display: this.status === 'linkEdit' ? 'block' : 'none' },
       index.h("vega-flex", { style: { width: '419px' }, direction: "col", gap: "size-16" },
@@ -6809,9 +6866,22 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
     ];
   }
   renderUrlLinkEditFields() {
-    return [
+    const fields = [
       index.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 (index.h("vega-accordion", { expand: false, drawsBackground: false, onMouseDown: this.handleBookmarkMouseDown },
+      index.h("div", { slot: "title" }, this.translationSlimmer.t('Bookmark')),
+      index.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()) {
@@ -6832,7 +6902,16 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("vega-button", { variant: "secondary", label: this.translationSlimmer.t('Cancel'), ref: this.handleCancelButtonRef }),
       index.h("vega-button", { label: this.translationSlimmer.t('Submit'), disabled: this.linkEditorStateManager.getIsSubmitDisabled(), ref: this.handleSubmitButtonRef })));
   }
+  setUrlAutoValidation(enabled) {
+    if (this.urlInputRef) {
+      this.urlInputRef.autoValidation = enabled;
+    }
+  }
 }
+(() => {
+  internalIconManager.VegaInternalIconManager.register({ 'rte-bookmark': imageExtension.bookmarkIcon });
+})();
+VegaRichTextLinkEditorRenderer.BOOKMARK_LABEL_MAX_LENGTH = 24;
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextLinkEditorRenderer.prototype, "host", void 0);
@@ -6851,6 +6930,9 @@ __decorate$3([
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextLinkEditorRenderer.prototype, "linkEditorStateManager", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextLinkEditorRenderer.prototype, "record", void 0);
 
 const urlLinkTypeHandler = {
   key: 'url',
@@ -6996,6 +7078,9 @@ class LinkEditorController extends globalSlimmerRegistry.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).
@@ -7059,6 +7144,9 @@ class LinkEditorController extends globalSlimmerRegistry.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()) {
@@ -7129,10 +7217,65 @@ class LinkEditorController extends globalSlimmerRegistry.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() === codeBlock.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.
    *
@@ -7233,7 +7376,7 @@ class LinkEditorController extends globalSlimmerRegistry.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;
@@ -7246,12 +7389,15 @@ class LinkEditorController extends globalSlimmerRegistry.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.
@@ -7577,9 +7723,42 @@ class LinkTypeConfigController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {VegaRTELinkExtensionConfig} The active link configuration.
    */
   getLinkConfig() {
-    const rteHost = ui.findParent(this.host, 'vega-rich-text-editor');
+    const rteHost = this.getRTEHost();
     return linkExtension.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 = imageExtension.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 imageExtension.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.
    *
@@ -7654,6 +7833,15 @@ class LinkTypeConfigController extends globalSlimmerRegistry.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 ui.findParent(this.host, 'vega-rich-text-editor');
+  }
 }
 LinkTypeConfigController.SUPPORTED_LINK_TYPE_KEYS = new Set(codeBlock.RTE_SUPPORTED_LINK_TYPE_KEYS);
 __decorate$1([
@@ -7790,7 +7978,7 @@ const VegaRichTextLinkEditor = class {
     index.registerInstance(this, hostRef);
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
     this.change = index.createEvent(this, "change", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaRichTextLinkEditorRenderer();

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

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-77f7be9f.js');
 const component = require('./component-1e352960.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const vegaEventId = require('./vega-event-id-58afed7a.js');
-const internalIconManager = require('./internal-icon-manager-40bcac72.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
+const internalIconManager = require('./internal-icon-manager-b9702049.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const xmarkLarge = require('./xmark-large-faae5a80.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const internalTranslationController = require('./internal-translation-controller-27bfc8c7.js');
+const internalTranslationController = require('./internal-translation-controller-eae8a8de.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./internal-vega-event-manager-7003c84a.js');
+require('./internal-vega-event-manager-0c256d63.js');
 require('./try-get-document-c0ebd39a.js');
-require('./icon-manager-be358b32.js');
-require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
+require('./icon-manager-7d20b0ab.js');
+require('./discriminated-3b8e72d5.js');
 require('./misc-3d30df91.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
@@ -187,7 +187,7 @@ const VegaRichTextFindReplacePanel = class {
     index.registerInstance(this, hostRef);
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextFindReplacePanel, vegaEventId.VegaChange);
     this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextFindReplacePanel, vegaEventId.VegaClick);

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

@@ -5,24 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const vegaEventId = require('./vega-event-id-58afed7a.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-77f7be9f.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0a4e556d.js');
-const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-d1974b28.js');
+const translationSlimmer = require('./translation-slimmer-0227ee24.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./internal-vega-event-manager-7003c84a.js');
+require('./internal-vega-event-manager-0c256d63.js');
 require('./try-get-document-c0ebd39a.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
-require('./keyboard-manager-16e96b62.js');
-require('./type-guard-00b8efc0.js');
+require('./keyboard-manager-baa83a61.js');
+require('./type-guard-29e01bd4.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-eae8a8de.js');
 require('./static-subject-title-70c73b16.js');
 
 /**
@@ -343,7 +343,7 @@ const VegaRichTextSpecialCharactersPanel = class {
     index.registerInstance(this, hostRef);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.click = index.createEvent(this, "click", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextSpecialCharactersPanel, vegaEventId.VegaClick);