@globalpayments/vega 2.101.0 → 2.103.0

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

@@ -0,0 +1,441 @@
+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, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-adfc80c6.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
+import { a as VegaPopoverShow, V as VegaPopoverHide, b as VegaClick, c as VegaChange } from './vega-event-id-6b4db259.js';
+import { a as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-02093067.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-aa7f4c6e.js';
+import { T as TranslationSlimmer } from './translation-slimmer-b69057eb.js';
+import './change-manager-6a7eb88c.js';
+import './observer-3959f9dd.js';
+import './ui-80e610f4.js';
+import './dynamic-slimmer-90b8af32.js';
+import './internal-vega-event-manager-6eebe8f8.js';
+import './try-get-document-bef0f526.js';
+import './internal-translation-controller-3637e47e.js';
+import './static-subject-title-1c86e974.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 VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.handlePopoverRef = (ref) => {
+      this.popoverRef = ref;
+      if (!ref) {
+        return;
+      }
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverShow, () => this.bookmarkEditorController.handlePopoverShow());
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, 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.addUniqueObserverToNode(ref, VegaClick, () => {
+        var _a;
+        void ((_a = this.getPopoverRef()) === null || _a === void 0 ? void 0 : _a.hide());
+      });
+    };
+    this.handleSubmitButtonRef = (ref) => {
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
+        void this.bookmarkEditorController.submit();
+      });
+    };
+    this.handleActionGroupRef = (ref) => {
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, 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 (h("vega-popover", { trigger: "click", alignment: "start", placement: "bottom", showArrow: false, isScreenPosition: true, ref: this.handlePopoverRef },
+      h("span", { slot: "popover-content" },
+        h("slot", null)),
+      h("div", { slot: "popover", style: { maxWidth: '320px' } },
+        this.renderPreviewContent(),
+        this.renderFormContent())));
+  }
+  renderPreviewContent() {
+    return (h("vega-box", { display: this.bookmarkEditorController.isPreviewVisible() ? 'block' : 'none' },
+      h("vega-flex", { style: { width: '100%' }, gap: "size-8", alignItems: "center" },
+        h("vega-font", { style: {
+            minWidth: '0',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+          }, variant: "font-p2-short", color: "text-primary" }, this.name),
+        h("vega-button-group", { style: { flexShrink: '0' }, size: "small", variant: "tertiary", ref: this.handleActionGroupRef },
+          h("vega-button-group-item", { icon: "edit-line", iconOnly: true, label: this.translationSlimmer.t('Edit bookmark'), itemKey: "edit" }),
+          h("vega-button-group-item", { icon: "delete-bin", iconOnly: true, label: this.translationSlimmer.t('Remove bookmark'), itemKey: "remove" })))));
+  }
+  renderFormContent() {
+    return (h("vega-box", { display: this.bookmarkEditorController.isPreviewVisible() ? 'none' : 'block' },
+      h("vega-flex", { style: { width: '320px' }, direction: "col", gap: "size-16" },
+        h("vega-form", { ref: this.handleFormRef }, this.renderNameInput()),
+        this.renderActionButtons())));
+  }
+  renderNameInput() {
+    return (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 (h("vega-flex", { style: { width: '100%' }, gap: "size-8", alignItems: "center", justifyContent: "end" },
+      h("vega-button", { variant: "secondary", label: this.translationSlimmer.t('Cancel'), ref: this.handleCancelButtonRef }),
+      h("vega-button", { label: this.translationSlimmer.t(this.mode === 'preview' ? 'Save' : 'Insert'), ref: this.handleSubmitButtonRef })));
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "mode", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "name", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaRichTextBookmarkEditorRenderer.prototype, "translationSlimmer", void 0);
+__decorate$2([
+  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 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.call(domNodeSubjectFactory.getSubject(this.renderer.getPopoverRef(), VegaInternalPopoverUpdateTarget), this.target);
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], BookmarkEditorController.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField()
+], BookmarkEditorController.prototype, "mode", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], BookmarkEditorController.prototype, "isEditing", void 0);
+__decorate$1([
+  MapToComponentField()
+], BookmarkEditorController.prototype, "name", void 0);
+__decorate$1([
+  MapToComponentField()
+], BookmarkEditorController.prototype, "reservedNames", void 0);
+__decorate$1([
+  MapToComponentField()
+], BookmarkEditorController.prototype, "target", void 0);
+__decorate$1([
+  MapToComponentField()
+], BookmarkEditorController.prototype, "renderer", void 0);
+__decorate$1([
+  MapToComponentField()
+], BookmarkEditorController.prototype, "translationSlimmer", void 0);
+__decorate$1([
+  MapToComponentField()
+], BookmarkEditorController.prototype, "changeEventEmitter", void 0);
+__decorate$1([
+  MapToComponentMethod('componentDidLoad')
+], BookmarkEditorController.prototype, "componentDidLoad", null);
+__decorate$1([
+  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) {
+    registerInstance(this, hostRef);
+    this.vegaChange = createEvent(this, "vegaChange", 7);
+    this.globalSlimmers = new Map();
+    this.translationSlimmer = new TranslationSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.renderer = new VegaRichTextBookmarkEditorRenderer();
+    this.bookmarkEditorController = new BookmarkEditorController();
+    this.changeEventEmitter = createEventEmitSlimmer(VegaRichTextBookmarkEditor, 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 sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "target": ["watchTargetChange"]
+  }; }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "translationSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "bookmarkEditorController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextBookmarkEditor.prototype, "changeEventEmitter", void 0);
+VegaRichTextBookmarkEditor.style = vegaRichTextBookmarkEditorCss;
+
+export { VegaRichTextBookmarkEditor as vega_rich_text_bookmark_editor };

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

@@ -1,16 +1,16 @@
 import { h, H as Host, r as registerInstance, 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 { a as VegaDarkModeStyleController, V as VegaInternalThemeManager } from './dark-mode-style-controller-4e04a2d3.js';
-import { n as normalizeUrlByDefaultProtocol, I as ImageAnnotationAction, T as TextColorToolbarButtonSlimmer } from './image-annotation-action-cdd50dcc.js';
-import { e as ImageAnnotation, V as VegaRTEContent } from './content-state-6eb610b8.js';
-import { s as stateEntityRenderingRegistry, N as NodeAnnotationTypeEnum, ah as ZERO_WIDTH_SPACE, M as ModifyContentAction, j as ModifyContentActionType, ai as LinkAnnotationAction, i as InternalAnnotationTypeEnum, z as NodeTypeEnum, C as CommonAnnotationTypeEnum, y as NodeAnnotation, p as RTEDecoratorNode, r as RTEListItemBlock, aj as UpdateCodeBlockAction, ak as SelectionChangeAction, q as RTECodeBlock } from './code-block-1cdf7a51.js';
-import { c as VegaRTEBaseRenderer, R as RTEDTORendererManager, V as VegaRTELinkExtension } from './link-extension-bc234cf7.js';
+import { n as normalizeUrlByDefaultProtocol, I as ImageAnnotationAction, T as TextColorToolbarButtonSlimmer } from './image-annotation-action-9525be48.js';
+import { e as ImageAnnotation, V as VegaRTEContent } from './content-state-67a12e74.js';
+import { s as stateEntityRenderingRegistry, N as NodeAnnotationTypeEnum, ar as ZERO_WIDTH_SPACE, M as ModifyContentAction, j as ModifyContentActionType, as as LinkAnnotationAction, i as InternalAnnotationTypeEnum, F as NodeTypeEnum, C as CommonAnnotationTypeEnum, E as NodeAnnotation, p as RTEDecoratorNode, r as RTEListItemBlock, at as UpdateCodeBlockAction, au as SelectionChangeAction, q as RTECodeBlock } from './code-block-9360c331.js';
+import { c as VegaRTEBaseRenderer, R as RTEDTORendererManager, V as VegaRTELinkExtension } from './link-extension-57ba9520.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-c899a968.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
-import { d as VegaChange, s as VegaRemove } from './vega-event-id-59cd9297.js';
-import { i as isNonNullable } from './type-guard-26d83e7e.js';
+import { c as VegaChange, t as VegaRemove } from './vega-event-id-6b4db259.js';
+import { i as isNonNullable } from './type-guard-204094c6.js';
 import { x as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-02093067.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
@@ -24,9 +24,9 @@ import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './tinycolor-polyfill-7be0eb93.js';
 import './index-35451d12.js';
-import './internal-icon-manager-e7c57096.js';
-import './icon-manager-4ef3f6dd.js';
-import './create-public-api-runtime-metrics-slimmer-48f85199.js';
+import './internal-icon-manager-d4d534d2.js';
+import './icon-manager-236d6c23.js';
+import './discriminated-fe5bf3c8.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './object-0c277f57.js';
@@ -34,7 +34,7 @@ import './string-a953eafc.js';
 import './typography-19c3b9be.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
-import './internal-translation-controller-fff376d2.js';
+import './internal-translation-controller-3637e47e.js';
 import './number-4398f2e1.js';
 
 class RTEBlockRenderer extends VegaRTEBaseRenderer {
@@ -54,6 +54,7 @@ class RTEBlockRenderer extends VegaRTEBaseRenderer {
     return ((_a = block.getCustomAttributesAnnotation()) === null || _a === void 0 ? void 0 : _a.render()) || {};
   }
 }
+RTEBlockRenderer.typeName = 'RTEBlockRenderer';
 
 class RTENodeRenderer extends VegaRTEBaseRenderer {
   registerRef(ref, node) {
@@ -62,6 +63,7 @@ class RTENodeRenderer extends VegaRTEBaseRenderer {
     }
   }
 }
+RTENodeRenderer.typeName = 'RTENodeRenderer';
 
 class RTETextNodeRenderer extends RTENodeRenderer {
   /**
@@ -109,6 +111,7 @@ class RTETextNodeRenderer extends RTENodeRenderer {
     return h(HtmlTag, Object.assign({}, attrs), node.text || ZERO_WIDTH_SPACE);
   }
 }
+RTETextNodeRenderer.typeName = 'RTETextNodeRenderer';
 const TextNodeRenderer = new RTETextNodeRenderer();
 
 /**
@@ -184,7 +187,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) => {
@@ -205,11 +209,11 @@ class RTELinkWrapperRenderer {
         linkAnnotation = item[0].getAnnotationByType(NodeAnnotationTypeEnum.LINK);
         return editable
           ? this.renderLinkEditorWrapper(item, linkAnnotation, linkGroupAnnotation)
-          : this.renderLink(item, linkAnnotation, linkGroupAnnotation);
+          : this.renderLink(item, linkAnnotation, linkGroupAnnotation, true);
       }
       const nodeRenderer = RTEDTORendererManager.getRTERenderer(item.type);
       if (nodeRenderer) {
-        return nodeRenderer.render(item, { editable }, h);
+        return nodeRenderer.render(item, renderContext, h);
       }
     })
       .filter(isNonNullable);
@@ -262,8 +266,27 @@ class RTELinkWrapperRenderer {
           }
         } })));
   }
-  renderLink(linkNodes, linkAnnotation, linkGroupAnnotation) {
-    return (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 (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) {
@@ -392,6 +415,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     return RTEDTORendererManager.getRTERenderer(node.type);
   }
 }
+RTEBlockTextNodesRenderer.typeName = 'RTEBlockTextNodesRenderer';
 
 class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
   render(block, renderContext) {
@@ -415,6 +439,7 @@ class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
     return children[0].getInlineHtmlTagAtDepth(0);
   }
 }
+RTETextBlockRenderer.typeName = 'RTETextBlockRenderer';
 const RTETextBlockRenderer$1 = new RTETextBlockRenderer();
 
 class RTEImageNodeRenderer extends RTENodeRenderer {
@@ -523,6 +548,7 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
     return `${RTEDecoratorNode.DECORATOR_CONTAINER_CLASS} ${this.getClasses(node)}`;
   }
 }
+RTEImageNodeRenderer.typeName = 'RTEImageNodeRenderer';
 const ImageNodeRenderer = new RTEImageNodeRenderer();
 
 class RTEImageBlockRenderer extends RTEBlockRenderer {
@@ -532,6 +558,7 @@ class RTEImageBlockRenderer extends RTEBlockRenderer {
     })));
   }
 }
+RTEImageBlockRenderer.typeName = 'RTEImageBlockRenderer';
 const RTEImageBlockRenderer$1 = new RTEImageBlockRenderer();
 
 class RTEListItemBlockRenderer extends RTEBlockTextNodesRenderer {
@@ -561,6 +588,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'];
@@ -601,6 +629,7 @@ class RTEListBlockRenderer extends RTEBlockRenderer {
     return depth;
   }
 }
+RTEListBlockRenderer.typeName = 'RTEListBlockRenderer';
 const RTEListBlockRenderer$1 = new RTEListBlockRenderer();
 
 /**
@@ -698,6 +727,7 @@ class RTECodeBlockNodeRenderer extends RTENodeRenderer {
     }
   }
 }
+RTECodeBlockNodeRenderer.typeName = 'RTECodeBlockNodeRenderer';
 const RTECodeBlockNodeRenderer$1 = new RTECodeBlockNodeRenderer();
 
 /**
@@ -770,6 +800,7 @@ class RTECodeBlockRenderer extends RTEBlockRenderer {
     }
   }
 }
+RTECodeBlockRenderer.typeName = 'RTECodeBlockRenderer';
 const RTECodeBlockRenderer$1 = new RTECodeBlockRenderer();
 
 class RTEHTMLBlockRenderer extends RTEBlockRenderer {
@@ -780,6 +811,7 @@ class RTEHTMLBlockRenderer extends RTEBlockRenderer {
     })));
   }
 }
+RTEHTMLBlockRenderer.typeName = 'RTEHTMLBlockRenderer';
 const RTEHTMLBlockRenderer$1 = new RTEHTMLBlockRenderer();
 
 /**
@@ -1033,7 +1065,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const VegaRichTextContent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaRichTextContentRenderer = new VegaRichTextContentRenderer();
     this.vegaRichTextContentStateController = new VegaRichTextContentStateController();