@globalpayments/vega 2.101.0 → 2.103.0

package/dist/cjs/vega-rich-text-bookmark-editor.cjs.entry.js

@@ -0,0 +1,445 @@
+'use strict';
+
+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-77f7be9f.js');
+const component = require('./component-1e352960.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
+const vegaInternalEventId = require('./vega-internal-event-id-98d499d7.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const translationSlimmer = require('./translation-slimmer-1771d01f.js');
+require('./change-manager-a297e4d2.js');
+require('./observer-f49483e8.js');
+require('./ui-c91c37a7.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-vega-event-manager-0c256d63.js');
+require('./try-get-document-c0ebd39a.js');
+require('./internal-translation-controller-0d67ca4d.js');
+require('./static-subject-title-70c73b16.js');
+
+var __decorate$2 = (undefined && undefined.__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;
+};
+class VegaRichTextBookmarkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.handlePopoverRef = (ref) => {
+      this.popoverRef = ref;
+      if (!ref) {
+        return;
+      }
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaPopoverShow, () => this.bookmarkEditorController.handlePopoverShow());
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaPopoverHide, () => {
+        this.bookmarkEditorController.handlePopoverHide();
+      });
+    };
+    this.handleNameInputRef = (ref) => {
+      this.nameInputRef = ref;
+    };
+    this.handleFormRef = (ref) => {
+      this.formRef = ref;
+    };
+    this.handleFieldKeyDown = (e) => {
+      this.bookmarkEditorController.handleKeyDown(e);
+    };
+    this.handleCancelButtonRef = (ref) => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
+        var _a;
+        void ((_a = this.getPopoverRef()) === null || _a === void 0 ? void 0 : _a.hide());
+      });
+    };
+    this.handleSubmitButtonRef = (ref) => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
+        void this.bookmarkEditorController.submit();
+      });
+    };
+    this.handleActionGroupRef = (ref) => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (input) => {
+        var _a;
+        const itemKey = (_a = input) === null || _a === void 0 ? void 0 : _a.detail;
+        if (itemKey === 'remove') {
+          void this.bookmarkEditorController.remove();
+        }
+        else if (itemKey === 'edit') {
+          void this.bookmarkEditorController.startEditing();
+        }
+      });
+    };
+  }
+  getPopoverRef() {
+    return this.popoverRef;
+  }
+  getNameInputRef() {
+    return this.nameInputRef;
+  }
+  getFormRef() {
+    return this.formRef;
+  }
+  render() {
+    return (index.h("vega-popover", { trigger: "click", alignment: "start", placement: "bottom", showArrow: false, isScreenPosition: true, ref: this.handlePopoverRef },
+      index.h("span", { slot: "popover-content" },
+        index.h("slot", null)),
+      index.h("div", { slot: "popover", style: { maxWidth: '320px' } },
+        this.renderPreviewContent(),
+        this.renderFormContent())));
+  }
+  renderPreviewContent() {
+    return (index.h("vega-box", { display: this.bookmarkEditorController.isPreviewVisible() ? 'block' : 'none' },
+      index.h("vega-flex", { style: { width: '100%' }, gap: "size-8", alignItems: "center" },
+        index.h("vega-font", { style: {
+            minWidth: '0',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+          }, variant: "font-p2-short", color: "text-primary" }, this.name),
+        index.h("vega-button-group", { style: { flexShrink: '0' }, size: "small", variant: "tertiary", ref: this.handleActionGroupRef },
+          index.h("vega-button-group-item", { icon: "edit-line", iconOnly: true, label: this.translationSlimmer.t('Edit bookmark'), itemKey: "edit" }),
+          index.h("vega-button-group-item", { icon: "delete-bin", iconOnly: true, label: this.translationSlimmer.t('Remove bookmark'), itemKey: "remove" })))));
+  }
+  renderFormContent() {
+    return (index.h("vega-box", { display: this.bookmarkEditorController.isPreviewVisible() ? 'none' : 'block' },
+      index.h("vega-flex", { style: { width: '320px' }, direction: "col", gap: "size-16" },
+        index.h("vega-form", { ref: this.handleFormRef }, this.renderNameInput()),
+        this.renderActionButtons())));
+  }
+  renderNameInput() {
+    return (index.h("vega-input", { size: "small", "data-vega-form": "name", label: this.translationSlimmer.t('Bookmark name'), validationRules: this.bookmarkEditorController.getValidationRules(), ref: this.handleNameInputRef, onKeyDown: this.handleFieldKeyDown }));
+  }
+  renderActionButtons() {
+    return (index.h("vega-flex", { style: { width: '100%' }, gap: "size-8", alignItems: "center", justifyContent: "end" },
+      index.h("vega-button", { variant: "secondary", label: this.translationSlimmer.t('Cancel'), ref: this.handleCancelButtonRef }),
+      index.h("vega-button", { label: this.translationSlimmer.t(this.mode === 'preview' ? 'Save' : 'Insert'), ref: this.handleSubmitButtonRef })));
+  }
+}
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "host", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "mode", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "name", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "translationSlimmer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "bookmarkEditorController", void 0);
+
+var __decorate$1 = (undefined && undefined.__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;
+};
+/**
+ * Coordinates bookmark editor state, popover behavior and submit actions.
+ */
+class BookmarkEditorController extends globalSlimmerRegistry.VegaSlimmer {
+  /** Initializes the popover target after the component loads. */
+  componentDidLoad() {
+    this.updatePopoverTarget();
+  }
+  /** Re-anchors the popover when the target element changes. */
+  watchTargetChange() {
+    this.updatePopoverTarget();
+  }
+  /**
+   * Builds the validation rule enforcing the bookmark naming contract.
+   *
+   * @returns {FormFieldValidationRule<string>[]} The bookmark name validation rules.
+   */
+  getValidationRules() {
+    return [
+      {
+        /**
+         * Bookmark names are always validated.
+         *
+         * @returns {boolean} Always true.
+         */
+        canEvaluate: () => true,
+        /**
+         * Evaluates the bookmark naming rules for the current value.
+         *
+         * @param {string} value - The candidate bookmark name.
+         * @returns {EvaluateResult} The validation outcome.
+         */
+        evaluate: (value) => {
+          const errorKey = this.validateName(value);
+          return {
+            isValid: !errorKey,
+            message: errorKey ? this.translationSlimmer.t(errorKey) : '',
+          };
+        },
+        /**
+         * Shows the error only once the user interacted with the field.
+         *
+         * @param {FormFieldStatusMeta} status - The current field status.
+         * @returns {boolean} True when the error message should be displayed.
+         */
+        shouldShowError: (status) => status.touched || status.modified,
+      },
+    ];
+  }
+  /**
+   * Populates the form with the current record when the popover opens.
+   *
+   * @returns {Promise<void>} Resolves once the form is populated and focused.
+   */
+  async handlePopoverShow() {
+    // The preview keeps the editor caret, so focus must stay out of the form until editing starts.
+    if (this.isPreviewVisible()) {
+      return;
+    }
+    await this.populateAndFocusNameInput();
+  }
+  /**
+   * Switches the preview balloon to the rename form.
+   *
+   * @returns {Promise<void>} Resolves once the form is populated and focused.
+   */
+  async startEditing() {
+    this.isEditing = true;
+    await this.populateAndFocusNameInput();
+  }
+  /**
+   * Checks whether the balloon currently shows the read only preview.
+   *
+   * @returns {boolean} True when the preview is visible.
+   */
+  isPreviewVisible() {
+    return this.mode === 'preview' && !this.isEditing;
+  }
+  /**
+   * Clears transient validation state after the popover hides.
+   */
+  handlePopoverHide() {
+    var _a;
+    this.isEditing = false;
+    void ((_a = this.renderer.getFormRef()) === null || _a === void 0 ? void 0 : _a.reset());
+  }
+  /**
+   * Validates the current name and emits the save action.
+   *
+   * @returns {Promise<void>} Resolves once the bookmark is saved or the error is surfaced.
+   */
+  async submit() {
+    var _a, _b;
+    const form = this.renderer.getFormRef();
+    const input = this.renderer.getNameInputRef();
+    if (!form || !input) {
+      return;
+    }
+    const { isValid } = await form.valid();
+    if (!isValid) {
+      await input.doFocus();
+      return;
+    }
+    this.changeEventEmitter.emit({ action: 'save', name: ((_a = input.value) !== null && _a !== void 0 ? _a : '').trim() });
+    await ((_b = this.renderer.getPopoverRef()) === null || _b === void 0 ? void 0 : _b.hide());
+  }
+  /**
+   * Emits the remove action for the bookmark being edited.
+   *
+   * @returns {Promise<void>} Resolves once the bookmark removal is emitted.
+   */
+  async remove() {
+    var _a;
+    this.changeEventEmitter.emit({ action: 'remove' });
+    await ((_a = this.renderer.getPopoverRef()) === null || _a === void 0 ? void 0 : _a.hide());
+  }
+  /**
+   * Submits on Enter and closes the popover on Escape.
+   *
+   * @param {KeyboardEvent} e - Key down event.
+   */
+  handleKeyDown(e) {
+    var _a;
+    if (e.key === 'Escape') {
+      void ((_a = this.renderer.getPopoverRef()) === null || _a === void 0 ? void 0 : _a.hide());
+      return;
+    }
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      void this.submit();
+    }
+  }
+  /**
+   * Populates the name field with the current bookmark name and focuses it.
+   *
+   * @returns {Promise<void>} Resolves once the field is ready for editing.
+   */
+  async populateAndFocusNameInput() {
+    var _a;
+    const input = this.renderer.getNameInputRef();
+    if (!input) {
+      return;
+    }
+    input.value = (_a = this.name) !== null && _a !== void 0 ? _a : '';
+    input.isValid = null;
+    await input.doFocus();
+  }
+  /**
+   * Validates a bookmark name against the supported bookmark naming rules.
+   *
+   * A valid name is non-empty, free of whitespace and unique within the document.
+   *
+   * @param {string} name - The candidate bookmark name.
+   * @returns {Nullable<string>} The translation key for the failed rule, or null when the name is valid.
+   */
+  validateName(name) {
+    if (!name || name.trim().length === 0) {
+      return 'Bookmark name cannot be empty';
+    }
+    if (/\s/.test(name)) {
+      return 'Bookmark name cannot contain spaces';
+    }
+    if (this.reservedNames.includes(name)) {
+      return 'Bookmark name already exists';
+    }
+    return null;
+  }
+  /**
+   * Updates the popover target via the remote invocation registry.
+   */
+  updatePopoverTarget() {
+    remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.renderer.getPopoverRef(), vegaInternalEventId.VegaInternalPopoverUpdateTarget), this.target);
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], BookmarkEditorController.prototype, "host", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], BookmarkEditorController.prototype, "mode", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], BookmarkEditorController.prototype, "isEditing", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], BookmarkEditorController.prototype, "name", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], BookmarkEditorController.prototype, "reservedNames", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], BookmarkEditorController.prototype, "target", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], BookmarkEditorController.prototype, "renderer", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], BookmarkEditorController.prototype, "translationSlimmer", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], BookmarkEditorController.prototype, "changeEventEmitter", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
+], BookmarkEditorController.prototype, "componentDidLoad", null);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('watchTargetChange')
+], BookmarkEditorController.prototype, "watchTargetChange", null);
+
+const vegaRichTextBookmarkEditorCss = ":host{display:inline-block}";
+
+var __decorate = (undefined && undefined.__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;
+};
+const VegaRichTextBookmarkEditor = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.globalSlimmers = new Map();
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.renderer = new VegaRichTextBookmarkEditorRenderer();
+    this.bookmarkEditorController = new BookmarkEditorController();
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextBookmarkEditor, vegaEventId.VegaChange);
+    /**
+     * Tracks whether the preview balloon switched to the rename form.
+     */
+    this.isEditing = false;
+    /**
+     * Specifies whether the editor creates a new bookmark or edits an existing one.
+     *
+     * @vegaVersion 2.102.0
+     */
+    this.mode = 'insert';
+    /**
+     * Specifies the bookmark name being edited.
+     *
+     * @vegaVersion 2.102.0
+     */
+    this.name = '';
+    /**
+     * Specifies the bookmark names already used by other bookmarks in the same document.
+     * Used to enforce bookmark name uniqueness.
+     *
+     * @vegaVersion 2.102.0
+     */
+    this.reservedNames = [];
+  }
+  watchTargetChange() {
+  }
+  /**
+   * Provide a method to show the bookmark editor popover
+   *
+   * @vegaVersion 2.102.0
+   */
+  async show() {
+    var _a;
+    await ((_a = this.renderer.getPopoverRef()) === null || _a === void 0 ? void 0 : _a.show());
+  }
+  /**
+   * Provide a method to hide the bookmark editor popover
+   *
+   * @vegaVersion 2.102.0
+   */
+  async hide() {
+    var _a;
+    await ((_a = this.renderer.getPopoverRef()) === null || _a === void 0 ? void 0 : _a.hide());
+  }
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "target": ["watchTargetChange"]
+  }; }
+};
+__decorate([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "translationSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "renderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "bookmarkEditorController", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "changeEventEmitter", void 0);
+VegaRichTextBookmarkEditor.style = vegaRichTextBookmarkEditorCss;
+
+exports.vega_rich_text_bookmark_editor = VegaRichTextBookmarkEditor;

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

@@ -4,17 +4,17 @@ 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 darkModeStyleController = require('./dark-mode-style-controller-ec04ece9.js');
-const imageAnnotationAction = require('./image-annotation-action-378838c2.js');
-const contentState = require('./content-state-da23e822.js');
-const codeBlock = require('./code-block-c598832d.js');
-const linkExtension = require('./link-extension-f493e432.js');
+const imageAnnotationAction = require('./image-annotation-action-1ee41bc7.js');
+const contentState = require('./content-state-ff40bdc6.js');
+const codeBlock = require('./code-block-72de6c4d.js');
+const linkExtension = require('./link-extension-1b4ed437.js');
 const accessibility = require('./accessibility-6ca2a237.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaEventId = require('./vega-event-id-987a170c.js');
-const typeGuard = require('./type-guard-00b8efc0.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
+const typeGuard = require('./type-guard-cce6fe1f.js');
 const vegaInternalEventId = require('./vega-internal-event-id-98d499d7.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
@@ -28,9 +28,9 @@ require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./index-5d1adcd1.js');
-require('./internal-icon-manager-40bcac72.js');
-require('./icon-manager-be358b32.js');
-require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
+require('./internal-icon-manager-b9702049.js');
+require('./icon-manager-7d20b0ab.js');
+require('./discriminated-3b8e72d5.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./object-b53e9416.js');
@@ -38,7 +38,7 @@ require('./string-39438062.js');
 require('./typography-3ea4fe41.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-0d67ca4d.js');
 require('./number-4816603d.js');
 
 class RTEBlockRenderer extends linkExtension.VegaRTEBaseRenderer {
@@ -58,6 +58,7 @@ class RTEBlockRenderer extends linkExtension.VegaRTEBaseRenderer {
     return ((_a = block.getCustomAttributesAnnotation()) === null || _a === void 0 ? void 0 : _a.render()) || {};
   }
 }
+RTEBlockRenderer.typeName = 'RTEBlockRenderer';
 
 class RTENodeRenderer extends linkExtension.VegaRTEBaseRenderer {
   registerRef(ref, node) {
@@ -66,6 +67,7 @@ class RTENodeRenderer extends linkExtension.VegaRTEBaseRenderer {
     }
   }
 }
+RTENodeRenderer.typeName = 'RTENodeRenderer';
 
 class RTETextNodeRenderer extends RTENodeRenderer {
   /**
@@ -113,6 +115,7 @@ class RTETextNodeRenderer extends RTENodeRenderer {
     return index.h(HtmlTag, Object.assign({}, attrs), node.text || codeBlock.ZERO_WIDTH_SPACE);
   }
 }
+RTETextNodeRenderer.typeName = 'RTETextNodeRenderer';
 const TextNodeRenderer = new RTETextNodeRenderer();
 
 /**
@@ -188,7 +191,8 @@ class RTELinkWrapperRenderer {
    * @param {RTERenderContext} context - Context containing render options.
    * @returns {VegaRTERenderResult[]} - Array of rendered HTML elements.
    */
-  render(nodes, linkGroupAnnotation, { editable, host }) {
+  render(nodes, linkGroupAnnotation, renderContext) {
+    const { editable, host } = renderContext;
     const blockNodes = this.groupNodesByLink(nodes);
     return blockNodes
       .flatMap((item) => {
@@ -209,11 +213,11 @@ class RTELinkWrapperRenderer {
         linkAnnotation = item[0].getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.LINK);
         return editable
           ? this.renderLinkEditorWrapper(item, linkAnnotation, linkGroupAnnotation)
-          : this.renderLink(item, linkAnnotation, linkGroupAnnotation);
+          : this.renderLink(item, linkAnnotation, linkGroupAnnotation, true);
       }
       const nodeRenderer = linkExtension.RTEDTORendererManager.getRTERenderer(item.type);
       if (nodeRenderer) {
-        return nodeRenderer.render(item, { editable }, index.h);
+        return nodeRenderer.render(item, renderContext, index.h);
       }
     })
       .filter(typeGuard.isNonNullable);
@@ -266,8 +270,27 @@ class RTELinkWrapperRenderer {
           }
         } })));
   }
-  renderLink(linkNodes, linkAnnotation, linkGroupAnnotation) {
-    return (index.h("a", Object.assign({}, linkGroupAnnotation.toJsx(linkAnnotation)), linkNodes.map((node) => TextNodeRenderer.render(node))));
+  renderLink(linkNodes, linkAnnotation, linkGroupAnnotation, handleBookmarkNavigation = false) {
+    const { href } = linkAnnotation.link;
+    const bookmarkClickHandler = handleBookmarkNavigation && (href === null || href === void 0 ? void 0 : href.startsWith('#'))
+      ? (event) => this.handleBookmarkNavigation(event, href)
+      : null;
+    const linkAttributes = Object.assign(Object.assign({}, linkGroupAnnotation.toJsx(linkAnnotation)), (bookmarkClickHandler ? { onClick: bookmarkClickHandler } : {}));
+    return (index.h("a", Object.assign({}, linkAttributes), linkNodes.map((node) => TextNodeRenderer.render(node))));
+  }
+  handleBookmarkNavigation(event, href) {
+    const bookmarkName = href.slice(1);
+    const link = event.currentTarget;
+    const rootNode = link === null || link === void 0 ? void 0 : link.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;
+    }
+    event.preventDefault();
+    bookmarkTarget.scrollIntoView({ block: 'center', inline: 'nearest' });
   }
   normalizeLinkNodesByDefaultProtocol(linkNodes, host) {
     if (!host || linkNodes.length === 0) {
@@ -396,6 +419,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     return linkExtension.RTEDTORendererManager.getRTERenderer(node.type);
   }
 }
+RTEBlockTextNodesRenderer.typeName = 'RTEBlockTextNodesRenderer';
 
 class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
   render(block, renderContext) {
@@ -419,6 +443,7 @@ class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
     return children[0].getInlineHtmlTagAtDepth(0);
   }
 }
+RTETextBlockRenderer.typeName = 'RTETextBlockRenderer';
 const RTETextBlockRenderer$1 = new RTETextBlockRenderer();
 
 class RTEImageNodeRenderer extends RTENodeRenderer {
@@ -527,6 +552,7 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
     return `${codeBlock.RTEDecoratorNode.DECORATOR_CONTAINER_CLASS} ${this.getClasses(node)}`;
   }
 }
+RTEImageNodeRenderer.typeName = 'RTEImageNodeRenderer';
 const ImageNodeRenderer = new RTEImageNodeRenderer();
 
 class RTEImageBlockRenderer extends RTEBlockRenderer {
@@ -536,6 +562,7 @@ class RTEImageBlockRenderer extends RTEBlockRenderer {
     })));
   }
 }
+RTEImageBlockRenderer.typeName = 'RTEImageBlockRenderer';
 const RTEImageBlockRenderer$1 = new RTEImageBlockRenderer();
 
 class RTEListItemBlockRenderer extends RTEBlockTextNodesRenderer {
@@ -565,6 +592,7 @@ class RTEListItemBlockRenderer extends RTEBlockTextNodesRenderer {
     return children === null || children === void 0 ? void 0 : children.map((block) => RTEListBlockRenderer$1.render(block, renderContext));
   }
 }
+RTEListItemBlockRenderer.typeName = 'RTEListItemBlockRenderer';
 const RTEListItemBlockRenderer$1 = new RTEListItemBlockRenderer();
 
 const defaultOrderedListMarkerRule = ['decimal', 'lower-alpha', 'lower-roman'];
@@ -605,6 +633,7 @@ class RTEListBlockRenderer extends RTEBlockRenderer {
     return depth;
   }
 }
+RTEListBlockRenderer.typeName = 'RTEListBlockRenderer';
 const RTEListBlockRenderer$1 = new RTEListBlockRenderer();
 
 /**
@@ -702,6 +731,7 @@ class RTECodeBlockNodeRenderer extends RTENodeRenderer {
     }
   }
 }
+RTECodeBlockNodeRenderer.typeName = 'RTECodeBlockNodeRenderer';
 const RTECodeBlockNodeRenderer$1 = new RTECodeBlockNodeRenderer();
 
 /**
@@ -774,6 +804,7 @@ class RTECodeBlockRenderer extends RTEBlockRenderer {
     }
   }
 }
+RTECodeBlockRenderer.typeName = 'RTECodeBlockRenderer';
 const RTECodeBlockRenderer$1 = new RTECodeBlockRenderer();
 
 class RTEHTMLBlockRenderer extends RTEBlockRenderer {
@@ -784,6 +815,7 @@ class RTEHTMLBlockRenderer extends RTEBlockRenderer {
     })));
   }
 }
+RTEHTMLBlockRenderer.typeName = 'RTEHTMLBlockRenderer';
 const RTEHTMLBlockRenderer$1 = new RTEHTMLBlockRenderer();
 
 /**
@@ -1037,7 +1069,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const VegaRichTextContent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaRichTextContentRenderer = new VegaRichTextContentRenderer();
     this.vegaRichTextContentStateController = new VegaRichTextContentStateController();