@globalpayments/vega 2.93.0 → 2.94.0

package/dist/esm/{token-extension-ecfafe94.js → token-extension-9896879b.js}

@@ -6,17 +6,17 @@ import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { i as internalVegaEventManager } from './internal-vega-event-manager-48690e5b.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-09b8bd13.js';
-import { I as InternalCalendarPeriodConverter } from './internal-calendar-period-factory-6f19d767.js';
-import { R as RTEExtensionContextManager, a as VegaRTEExtensionRenderer, b as VegaRTEExtension } from './link-extension-74eaa826.js';
-import { U as UpdateCursorPositionAction, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, E as ElementToDTOStrategy, h as htmlElementToAnnotationGenerator, I as InsertNewParagraphAction, R as RTEImageBlock, a as InsertChildrenBeforeStrategy, P as PasteContentStrategy, A as AnnotationGeneratorStrategyAbstract, b as RTEListItemBlock } from './content-state-c3b85ae6.js';
-import { M as ModifyContentAction, A as ActionHandleStrategyRegistry, R as RTETextNode, a as RTEBlock, b as RTETextBlock, c as RTEAnnotationStyle, d as ActionHandleStrategy, I as InsertChildrenAfterAction, e as AppendChildrenAction, f as RTENode, s as stateEntityRenderingRegistry, g as InsertChildrenBeforeAction, h as InternalAnnotationTypeEnum, i as ModifyContentActionType, B as BlockAnnotation, j as AnnotationAction, k as RemoveChildrenAction, C as CommonAnnotationTypeEnum, l as CustomAttributeAnnotation, m as RTEDTOClassManager, n as RTEFilterStylesStrategy, o as RTEDecoratorNode, S as SplitBlockWithNodeAction, U as UpdateTextAction, p as RTECodeBlock, q as RTECodeBlockNode, N as NodeAnnotationTypeEnum, r as CustomStyleAnnotation, t as RTEFilterStylesStrategyRegistry } from './code-block-ae2337c2.js';
-import { i as isNonNullable } from './type-guard-2bfb2c7b.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-16709132.js';
+import { I as InternalCalendarPeriodConverter } from './internal-calendar-period-factory-3a07dba0.js';
+import { R as RTEExtensionContextManager, a as VegaRTEExtensionRenderer, b as VegaRTEExtension } from './link-extension-97fcb8fb.js';
+import { U as UpdateCursorPositionAction, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, E as ElementToDTOStrategy, h as htmlElementToAnnotationGenerator, I as InsertNewParagraphAction, R as RTEImageBlock, a as InsertChildrenBeforeStrategy, P as PasteContentStrategy, A as AnnotationGeneratorStrategyAbstract, b as RTEListItemBlock } from './content-state-8032467a.js';
+import { M as ModifyContentAction, A as ActionHandleStrategyRegistry, R as RTETextNode, a as RTEBlock, b as RTETextBlock, c as RTEAnnotationStyle, d as ActionHandleStrategy, I as InsertChildrenAfterAction, e as AppendChildrenAction, f as RTENode, s as stateEntityRenderingRegistry, g as InsertChildrenBeforeAction, h as InternalAnnotationTypeEnum, i as ModifyContentActionType, B as BlockAnnotation, j as AnnotationAction, k as RemoveChildrenAction, C as CommonAnnotationTypeEnum, l as CustomAttributeAnnotation, m as RTEDTOClassManager, n as RTEFilterStylesStrategy, o as RTEDecoratorNode, S as SplitBlockWithNodeAction, U as UpdateTextAction, p as RTECodeBlock, q as RTECodeBlockNode, N as NodeAnnotationTypeEnum, r as CustomStyleAnnotation, t as RTEFilterStylesStrategyRegistry } from './code-block-e12588fe.js';
+import { i as isNonNullable } from './type-guard-ec5e8628.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { V as VegaDropdownClick, a as VegaClick, b as VegaPopoverHide, c as VegaPopoverShow, d as VegaChange } from './vega-event-id-270fe47e.js';
-import { R as RTETableExtensionAnnotationTypeEnum, a as RTE_TABLE_HEAD_DEFAULT_BACKGROUND_COLOR, S as SettingEventHandler, T as TableSettingType, b as RTETableAnnotation, c as RTETableCellAnnotation, d as RTETableHeadCellBlock, e as RowOperationEventHandler, C as ColumnOperationEventHandler, M as MergeCellsOperationEventHandler, f as SplitCellOperationEventHandler, g as RTETableColorManager, h as RTETableBlock, i as generateTableBody, j as RTETableCellBlock, k as RTETableHeadBlock, l as RTETableBodyBlock, m as getParentBlockByType, n as RTETableHeadCellAnnotation, o as TableColumnStrategy, p as getAllTableRows, q as buildTableGrid, s as setSpanAttributes, r as findCellBlockById, t as getDefaultCellBlockTemplate, I as InsertTableColumnDirection, u as buildCellStartColumnMap, v as getTableColumnCount, w as getFirstNode, x as getCellSpan, y as createNewCell, z as MergeCellsOperationType, A as RTETableRowBlock, B as getActualColumnPosition, D as InsertTableRowDirection, E as RTE_TABLE_DEFAULT_COLORS, F as INSERT_TABLE_ROW_INTO_DIFFERENT_SECTION, G as INSERT_TABLE_ROW_INTO_SAME_SECTION, H as DELETE_TABLE_ROW, J as TOGGLE_HEADER_ROW, K as INSERT_TABLE_COLUMN, L as DELETE_TABLE_COLUMN, N as TOGGLE_HEADER_TABLE_COLUMN, O as ToggleHeaderTableColumnStrategy, P as SPLIT_TABLE_CELL, Q as REPLACE_TABLE_CELL, U as SPLIT_CELL_HORIZONTALLY, W as SPLIT_CELL_VERTICALLY, X as SELECT_TABLE_COLUMN, Y as MERGE_CELLS } from './split-cell-operation-98d58410.js';
+import { R as RTETableExtensionAnnotationTypeEnum, a as RTE_TABLE_HEAD_DEFAULT_BACKGROUND_COLOR, S as SettingEventHandler, T as TableSettingType, b as RTETableAnnotation, c as RTETableCellAnnotation, d as RTETableHeadCellBlock, e as RowOperationEventHandler, C as ColumnOperationEventHandler, M as MergeCellsOperationEventHandler, f as SplitCellOperationEventHandler, g as RTETableColorManager, h as RTETableBlock, i as generateTableBody, j as RTETableCellBlock, k as RTETableHeadBlock, l as RTETableBodyBlock, m as getParentBlockByType, n as RTETableHeadCellAnnotation, o as TableColumnStrategy, p as getAllTableRows, q as buildTableGrid, s as setSpanAttributes, r as findCellBlockById, t as getDefaultCellBlockTemplate, I as InsertTableColumnDirection, u as buildCellStartColumnMap, v as getTableColumnCount, w as getFirstNode, x as getCellSpan, y as createNewCell, z as MergeCellsOperationType, A as RTETableRowBlock, B as getActualColumnPosition, D as InsertTableRowDirection, E as RTE_TABLE_DEFAULT_COLORS, F as INSERT_TABLE_ROW_INTO_DIFFERENT_SECTION, G as INSERT_TABLE_ROW_INTO_SAME_SECTION, H as DELETE_TABLE_ROW, J as TOGGLE_HEADER_ROW, K as INSERT_TABLE_COLUMN, L as DELETE_TABLE_COLUMN, N as TOGGLE_HEADER_TABLE_COLUMN, O as ToggleHeaderTableColumnStrategy, P as SPLIT_TABLE_CELL, Q as REPLACE_TABLE_CELL, U as SPLIT_CELL_HORIZONTALLY, W as SPLIT_CELL_VERTICALLY, X as SELECT_TABLE_COLUMN, Y as MERGE_CELLS } from './split-cell-operation-359f8082.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { V as VegaInternalRTEExtensionTableCellsSelectionAnchor, a as VegaInternalPopoverUpdateTarget, b as VegaInternalRTEExtensionTableCellSelectionChange } from './vega-internal-event-id-827eb1ce.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
@@ -26,7 +26,7 @@ import { p as parseToPixelString } from './pixel-f32c07ce.js';
 import { c as cleanObject } from './object-0c277f57.js';
 import { d as debounce } from './timer-9321173b.js';
 import { c as camelToDashCase } from './string-a953eafc.js';
-import { R as ReplaceSelectedTextAction } from './replace-selected-text-action-c9278a0f.js';
+import { R as ReplaceSelectedTextAction } from './image-extension-b6c7e4a7.js';
 import { c as copy } from './copy-54e45e2d.js';
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
@@ -1115,7 +1115,7 @@ class VegaRTEToolbarButtonRenderer {
    * @returns {VegaRTERenderResult} - The render result for the dropdown.
    */
   renderDropdown(h, editorContext, dropdownProps, children) {
-    return h('vega-dropdown', Object.assign({ trigger: 'click', searchable: false, maxWidth: '200', itemDisplayRule: 'ellipsis', 
+    return h('vega-dropdown', Object.assign({ trigger: 'click', searchable: false, maxWidth: '200', itemDisplayRule: 'ellipsis', isScreenPosition: true, 
       // eslint-disable-next-line jsdoc/require-jsdoc
       ref: (el) => {
         this.dropdownEl = el;
@@ -4016,6 +4016,7 @@ class RTETableToolbarPopoverRenderer extends TablePopoverBaseRenderer {
       alignment: 'start',
       placement: 'bottom',
       showArrow: false,
+      isScreenPosition: true,
       // eslint-disable-next-line jsdoc/require-jsdoc
       ref: (ref) => {
         if (ref) {
@@ -9584,8 +9585,9 @@ const HIGHLIGHT_ACTIVE_BG = `rgba(var(--v-rte-find-highlight-active-bg, ${HIGHLI
  * jumping, and VegaChange events), this manager renders semi-transparent
  * highlight rectangles in an absolutely-positioned overlay container.
  *
- * The overlay lives inside `.rich-text-editor-container` (the RTE's scroll
- * container) so highlight divs scroll naturally with the text content.
+ * The overlay lives inside `vega-rich-text-content`'s internal
+ * `.rich-text-content` container (the actual text scroll coordinate space).
+ * This keeps highlight rectangles aligned when the editable area scrolls.
  * `pointer-events: none` ensures highlights don't interfere with user
  * interaction (selection, typing, clicking).
  *
@@ -9648,8 +9650,11 @@ class FindReplaceHighlightManager {
   }
   // ─── Private helpers ──────────────────────────────────────────────────────────
   /**
-   * Gets the existing overlay container or creates one inside the RTE's
-   * scroll container (`.rich-text-editor-container`).
+   * Gets the existing overlay container or creates one in the same coordinate
+   * space as rendered text.
+   *
+   * Mount target: `vega-rich-text-content` shadow root's
+   * `.rich-text-content` element (actual text scroll layer).
    *
    * @typedef HTMLVegaRichTextEditorElement - The type of the host rich text editor element.
    * @param {HTMLVegaRichTextEditorElement} host - The RTE host element.
@@ -9661,8 +9666,8 @@ class FindReplaceHighlightManager {
     }
     const safeDocument = tryGetDocument();
     if (safeDocument) {
-      const scrollContainer = host.shadowRoot.querySelector('.rich-text-editor-container');
-      if (scrollContainer) {
+      const textContainer = this.resolveOverlayMountTarget(host);
+      if (textContainer) {
         // The overlay is appended as the last child (paints above content).
         // Blend mode is controlled via CSS variable --v-rte-find-highlight-blend:
         //   - Light (default): multiply (yellow darkens white bg, text readable)
@@ -9678,13 +9683,23 @@ class FindReplaceHighlightManager {
         overlay.style.pointerEvents = 'none';
         overlay.style.overflow = 'visible';
         overlay.style.setProperty('mix-blend-mode', 'var(--v-rte-find-highlight-blend, multiply)');
-        scrollContainer.appendChild(overlay);
+        textContainer.appendChild(overlay);
         this.overlayContainer = overlay;
         return overlay;
       }
     }
     return null;
   }
+  /**
+   * Resolves the overlay mount target that matches the text rendering coordinate space.
+   *
+   * @param {HTMLVegaRichTextEditorElement} host - The RTE host element.
+   * @returns {Nullable<HTMLDivElement>} The preferred mount target or null.
+   */
+  resolveOverlayMountTarget(host) {
+    var _a, _b, _c, _d;
+    return ((_d = (_c = (_b = (_a = host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('vega-rich-text-content')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.rich-text-content')) !== null && _d !== void 0 ? _d : null);
+  }
   /**
    * Creates absolutely-positioned highlight rectangles for a single node
    * position within a match.
@@ -10246,6 +10261,18 @@ class FindReplaceToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(editorContext.host, VegaChange, this.debouncedRefresh);
     if (this.isHidden(editorContext) && this.isPopoverOpen && this.popoverRef) {
       void this.popoverRef.hide();
+      return;
+    }
+    // Keep the popover open but force a refresh of placement/z-index.
+    // This prevents stale geometry when editor layout/stacking changes while
+    // the panel is already visible (for example fullscreen toggle or resize).
+    // `show(true)` here is intentionally a refresh call, not a reopen.
+    // Verified behavior: this refresh does not introduce flickering/animation artifacts.
+    // Find & Replace differs from other toolbar popovers because it uses trigger='none'
+    // and stays open until explicitly closed. Other toolbar popovers use
+    // trigger='click' and auto-close when users click the fullscreen button.
+    if (this.isPopoverOpen && this.popoverRef) {
+      void this.popoverRef.show(true);
     }
   }
   /**
@@ -10728,6 +10755,267 @@ class VegaRTELineHeightExtension extends VegaRTEExtension {
 })();
 VegaRTELineHeightExtension.TOOLBAR_BUTTON_KEY = 'lineHeight';
 
+const fullscreenEnter = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M295 183c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l135-135V168c0 13.3 10.7 24 24 24s24-10.7 24-24V24c0-13.3-10.7-24-24-24H344c-13.3 0-24 10.7-24 24s10.7 24 24 24h86.1L295 183zM217 329c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L48 430.1V344c0-13.3-10.7-24-24-24s-24 10.7-24 24V488c0 13.3 10.7 24 24 24H168c13.3 0 24-10.7 24-24s-10.7-24-24-24H81.9L217 329z"/></svg>`,
+};
+
+const fullscreenExit = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M473 57c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-135 135V72c0-13.3-10.7-24-24-24s-24 10.7-24 24V216c0 13.3 10.7 24 24 24H424c13.3 0 24-10.7 24-24s-10.7-24-24-24H337.9L473 57zM7 455c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l135-135V440c0 13.3 10.7 24 24 24s24-10.7 24-24V296c0-13.3-10.7-24-24-24H56c-13.3 0-24 10.7-24 24s10.7 24 24 24h86.1L7 455z"/></svg>`,
+};
+
+/**
+ * Toolbar button renderer for fullscreen toggle.
+ */
+class RTEFullscreenToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
+  constructor(controller) {
+    super();
+    this.controller = controller;
+  }
+  /**
+   * Always shows the fullscreen button.
+   *
+   * @returns {boolean} Always false for hidden state.
+   */
+  isHidden() {
+    return false;
+  }
+  /**
+   * Renders the fullscreen toolbar button with current state.
+   *
+   * @param {VegaRTECreateElementFunction} createElement - Create element function.
+   * @param {VegaRTEToolbarRenderContext} editorContext - Toolbar render context.
+   * @returns {VegaRTERenderResult} The toolbar button render result.
+   */
+  render(createElement, editorContext) {
+    const selected = this.isSelected();
+    return this.renderButton(createElement, editorContext, {
+      icon: selected ? 'rte-fullscreen-exit' : 'rte-fullscreen-enter',
+      tooltip: {
+        text: selected
+          ? VegaInternalTranslation.t('Exit fullscreen mode')
+          : VegaInternalTranslation.t('Enter fullscreen mode'),
+      },
+    });
+  }
+  /**
+   * Returns whether fullscreen mode is currently active.
+   *
+   * @returns {boolean} Whether fullscreen mode is active.
+   */
+  isSelected() {
+    return this.controller.isActive();
+  }
+  /**
+   * Toggles fullscreen mode and forces toolbar button refresh.
+   *
+   * @param {VegaRTEToolbarRenderContext} editorContext - Toolbar render context.
+   */
+  handleButtonClick(editorContext) {
+    this.controller.toggleFullscreen();
+    const extensionContext = this.getExtensionContext(editorContext.host);
+    if (extensionContext) {
+      extensionContext.forceUpdate(editorContext.host);
+    }
+  }
+  /**
+   * No dropdown behavior for fullscreen button.
+   */
+  handleDropdownClick() {
+    // No dropdown for fullscreen
+  }
+}
+// Register icons in static block
+(() => {
+  VegaInternalIconManager.register({
+    'rte-fullscreen-enter': fullscreenEnter,
+    'rte-fullscreen-exit': fullscreenExit,
+  });
+})();
+
+/**
+ * Controls fullscreen behavior and DOM manipulation for a single RTE host instance.
+ *
+ * One controller is bound to one host and owns all enter/exit side effects
+ * for that host.
+ *
+ * Strategy: set position:fixed on the host, and inject one <style> rule into
+ * its shadow root to override the inline height Stencil sets on the container.
+ * Exit just restores the original host style and removes the injected rule.
+ */
+class FullscreenController {
+  constructor(host) {
+    this.active = false;
+    this.hostStyle = null;
+    this.scrollX = 0;
+    this.scrollY = 0;
+    this.host = host;
+  }
+  /**
+   * Returns whether fullscreen mode is currently active.
+   *
+   * @returns {boolean} Whether fullscreen mode is active.
+   */
+  isActive() {
+    return this.active;
+  }
+  /**
+   * Enters fullscreen mode for the bound RTE host.
+   */
+  enterFullscreen() {
+    var _a, _b, _c, _d;
+    const host = this.host;
+    if (this.active || !host.shadowRoot || !host.ownerDocument) {
+      return;
+    }
+    // Snapshot what needs to be restored
+    this.hostStyle = host.getAttribute('style');
+    this.scrollX = (_b = (_a = host.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.scrollX) !== null && _b !== void 0 ? _b : 0;
+    this.scrollY = (_d = (_c = host.ownerDocument.defaultView) === null || _c === void 0 ? void 0 : _c.scrollY) !== null && _d !== void 0 ? _d : 0;
+    this.lockDocumentScroll(host.ownerDocument);
+    // Anchor host to viewport — ensure a semicolon delimiter so existing styles are not corrupted
+    const baseStyle = this.hostStyle
+      ? /;\s*$/.test(this.hostStyle)
+        ? this.hostStyle
+        : `${this.hostStyle};`
+      : '';
+    host.setAttribute('style', `${baseStyle}${FullscreenController.HOST_FULLSCREEN_STYLE}`);
+    if (host instanceof HTMLElement) {
+      InternalVegaZIndexManager.setZIndex(host, 'base');
+    }
+    // Override Stencil's inline height on the container
+    const styleTag = host.ownerDocument.createElement('style');
+    styleTag.id = FullscreenController.STYLE_TAG_ID;
+    if (vegaNonceManager.nonce) {
+      styleTag.setAttribute('nonce', vegaNonceManager.nonce);
+    }
+    styleTag.textContent = FullscreenController.INNER_FULLSCREEN_CSS;
+    host.shadowRoot.appendChild(styleTag);
+    this.active = true;
+  }
+  /**
+   * Exits fullscreen mode for the bound RTE host.
+   */
+  exitFullscreen() {
+    var _a, _b, _c, _d;
+    const host = this.host;
+    if (!this.active) {
+      return;
+    }
+    if (host.ownerDocument) {
+      this.unlockDocumentScroll(host.ownerDocument);
+    }
+    if (host instanceof HTMLElement) {
+      InternalVegaZIndexManager.removeZIndex(host, 'base');
+    }
+    // Restore host style
+    if (this.hostStyle === null) {
+      host.removeAttribute('style');
+    }
+    else {
+      host.setAttribute('style', this.hostStyle);
+    }
+    // Remove injected CSS — container height reverts automatically
+    (_b = (_a = host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${FullscreenController.STYLE_TAG_ID}`)) === null || _b === void 0 ? void 0 : _b.remove();
+    // Restore scroll position so the host element remains visible after exit
+    (_d = (_c = host.ownerDocument) === null || _c === void 0 ? void 0 : _c.defaultView) === null || _d === void 0 ? void 0 : _d.scrollTo(this.scrollX, this.scrollY);
+    this.active = false;
+  }
+  /**
+   * Toggles fullscreen mode for the bound RTE host.
+   */
+  toggleFullscreen() {
+    if (this.active) {
+      this.exitFullscreen();
+    }
+    else {
+      this.enterFullscreen();
+    }
+  }
+  /**
+   * Locks document scrolling for the given document and records the first snapshot.
+   *
+   * @param {Document} ownerDocument - The document whose scroll should be locked.
+   */
+  lockDocumentScroll(ownerDocument) {
+    const currentState = FullscreenController.documentScrollLockStates.get(ownerDocument);
+    if (currentState) {
+      FullscreenController.documentScrollLockStates.set(ownerDocument, Object.assign(Object.assign({}, currentState), { lockCount: currentState.lockCount + 1 }));
+      return;
+    }
+    FullscreenController.documentScrollLockStates.set(ownerDocument, {
+      lockCount: 1,
+      bodyOverflow: ownerDocument.body.style.overflow,
+      documentOverflow: ownerDocument.documentElement.style.overflow,
+    });
+    ownerDocument.body.style.overflow = 'hidden';
+    ownerDocument.documentElement.style.overflow = 'hidden';
+  }
+  /**
+   * Unlocks document scrolling when the last fullscreen owner exits.
+   *
+   * @param {Document} ownerDocument - The document whose scroll should be restored.
+   */
+  unlockDocumentScroll(ownerDocument) {
+    const currentState = FullscreenController.documentScrollLockStates.get(ownerDocument);
+    if (!currentState) {
+      return;
+    }
+    if (currentState.lockCount > 1) {
+      FullscreenController.documentScrollLockStates.set(ownerDocument, Object.assign(Object.assign({}, currentState), { lockCount: currentState.lockCount - 1 }));
+      return;
+    }
+    ownerDocument.body.style.overflow = currentState.bodyOverflow;
+    ownerDocument.documentElement.style.overflow = currentState.documentOverflow;
+    FullscreenController.documentScrollLockStates.delete(ownerDocument);
+  }
+}
+FullscreenController.STYLE_TAG_ID = 'v-rte-fullscreen-styles';
+FullscreenController.HOST_FULLSCREEN_STYLE = 'position:fixed;inset:0;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));';
+/**
+ * Only three things need overriding inside the shadow root:
+ * 1. The outer vega-flex wrapper must fill the host height (`:host >`
+ *    avoids hitting the toolbar's nested vega-flex).
+ * 2. The editor container must grow to fill remaining space and drop
+ *    the fixed pixel height that Stencil injects from the `rows` prop.
+ * 3. The source-view container (shown in source-edit mode) also grows
+ *    and owns vertical scrolling so long source code is reachable.
+ * 4. overflow:auto on the container lets content scroll without clipping
+ *    internal pop-ups (link editor, color picker, etc.) at the host level.
+ */
+FullscreenController.INNER_FULLSCREEN_CSS = ':host > vega-flex { height: 100%; padding: 5px; box-sizing: border-box; }' +
+  ' .rich-text-editor-container { flex: 1 !important; height: auto !important; min-height: 0 !important; resize: none !important; overflow: auto !important; }' +
+  ' .source-view-container:not(.vega-hidden) { display: flex !important; flex: 1 !important; min-height: 0 !important; overflow: auto !important; flex-direction: column; }';
+FullscreenController.documentScrollLockStates = new WeakMap();
+
+/**
+ * Rich Text Editor extension that adds a toolbar button for viewport fullscreen mode.
+ *
+ * OOP Pattern: Extends VegaRTEExtension with fullscreen feature.
+ * Uses a per-host controller store to isolate state across hosts.
+ */
+class VegaRTEFullscreenExtension extends VegaRTEExtension {
+  /** @inheritDoc */
+  prepareBeforeLoad(host) {
+    const controller = new FullscreenController(host);
+    VegaRTEFullscreenExtension.controllerStore.set(host, controller);
+    this.registerToolbarButtonRenderer(VegaRTEFullscreenExtension.TOOLBAR_BUTTON_KEY, new RTEFullscreenToolbarButtonRenderer(controller), host);
+  }
+  /**
+   * Restore document scroll if the editor is removed while fullscreen is active.
+   * Without this, body overflow:hidden would persist after the host is gone.
+   */
+  destroyExtension() {
+    var _a, _b;
+    if ((_a = this.extensionContext) === null || _a === void 0 ? void 0 : _a.host) {
+      const host = this.extensionContext.host;
+      (_b = VegaRTEFullscreenExtension.controllerStore.get(host)) === null || _b === void 0 ? void 0 : _b.exitFullscreen();
+      VegaRTEFullscreenExtension.controllerStore.delete(host);
+    }
+  }
+}
+VegaRTEFullscreenExtension.TOOLBAR_BUTTON_KEY = 'fullscreen';
+VegaRTEFullscreenExtension.controllerStore = VegaRTEFullscreenExtension.createStateStore();
+
 const paste = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M80 96v16c0 17.7 14.3 32 32 32h60.8c16.6-28.7 47.6-48 83.2-48h62c-7.1-27.6-32.2-48-62-48H215.4C211.6 20.9 188.2 0 160 0s-51.6 20.9-55.4 48H64C28.7 48 0 76.7 0 112V384c0 35.3 28.7 64 64 64h96V400H64c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H80zm64-40a16 16 0 1 1 32 0 16 16 0 1 1 -32 0zM256 464c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H384v48c0 17.7 14.3 32 32 32h48V448c0 8.8-7.2 16-16 16H256zm192 48c35.3 0 64-28.7 64-64V227.9c0-12.7-5.1-24.9-14.1-33.9l-51.9-51.9c-9-9-21.2-14.1-33.9-14.1H256c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H448z"/></svg>`,
 };
@@ -10822,6 +11110,7 @@ class RTEPasteChooserUI {
     dropdownEl.maxWidth = 220;
     dropdownEl.alignment = 'start';
     dropdownEl.itemDisplayRule = 'ellipsis';
+    dropdownEl.isScreenPosition = true;
     const triggerButton = doc.createElement('vega-rich-text-editor-toolbar-button');
     const arrowIcon = placement[0] === 'top' ? 'chevron-up' : 'chevron-down';
     triggerButton.setAttribute(RTEPasteChooserUI.CHOOSER_TRIGGER_ATTR, 'true');
@@ -11838,4 +12127,4 @@ class VegaRTETokenExtension extends VegaRTEExtension {
 })();
 VegaRTETokenExtension.TOOLBAR_BUTTON_KEY = 'token';
 
-export { VegaRTEToolbarButtonRenderer as A, RTETokenNode as B, RTETokenNodeRenderer as C, RTELanguageToolbarButtonRenderer as D, RTEBlockquoteBlock as E, DeleteSelectedContentAction as F, ActionHandlerInterceptor as G, InsertNodeToNearestRootAction as I, RTETokenToolbarButtonRenderer as R, VegaLoader as V, VegaNotify as a, VegaEventManager$1 as b, VegaZIndexManager$1 as c, VegaSkeletonLoader as d, VegaTranslation as e, VegaRTETokenExtension as f, VegaRTELanguageExtension as g, VegaRTEDefaultLineHeightOptions as h, VegaRTEFunctionExtension as i, VegaRTETableExtension as j, VegaRTEHorizontalLineExtension as k, VegaRTEBlockquoteExtension as l, VegaRTESpecialCharactersExtension as m, VegaRTEFindReplaceExtension as n, VegaRTESpecialCharactersEssentials as o, VegaRTESpecialCharactersLatin as p, VegaRTESpecialCharactersMathematical as q, VegaRTESpecialCharactersArrows as r, VegaRTESpecialCharactersCurrency as s, VegaRTESpecialCharactersText as t, VegaRTELineHeightExtension as u, VegaRTEPasteExtension as v, waitForVega as w, VegaRTECopyExtension as x, VegaRTECutExtension as y, VegaCalendarPeriodFactory as z };
+export { VegaCalendarPeriodFactory as A, VegaRTEToolbarButtonRenderer as B, RTETokenNode as C, RTETokenNodeRenderer as D, RTELanguageToolbarButtonRenderer as E, RTEBlockquoteBlock as F, DeleteSelectedContentAction as G, ActionHandlerInterceptor as H, InsertNodeToNearestRootAction as I, RTETokenToolbarButtonRenderer as R, VegaLoader as V, VegaNotify as a, VegaEventManager$1 as b, VegaZIndexManager$1 as c, VegaSkeletonLoader as d, VegaTranslation as e, VegaRTETokenExtension as f, VegaRTELanguageExtension as g, VegaRTEDefaultLineHeightOptions as h, VegaRTEFunctionExtension as i, VegaRTETableExtension as j, VegaRTEHorizontalLineExtension as k, VegaRTEBlockquoteExtension as l, VegaRTESpecialCharactersExtension as m, VegaRTEFindReplaceExtension as n, VegaRTESpecialCharactersEssentials as o, VegaRTESpecialCharactersLatin as p, VegaRTESpecialCharactersMathematical as q, VegaRTESpecialCharactersArrows as r, VegaRTESpecialCharactersCurrency as s, VegaRTESpecialCharactersText as t, VegaRTELineHeightExtension as u, VegaRTEPasteExtension as v, waitForVega as w, VegaRTEFullscreenExtension as x, VegaRTECopyExtension as y, VegaRTECutExtension as z };

package/dist/esm/{translation-slimmer-3ea56354.js → translation-slimmer-21748a0e.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-09b8bd13.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-16709132.js';
 
 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;

package/dist/esm/{type-guard-2bfb2c7b.js → type-guard-ec5e8628.js}

@@ -1,7 +1,7 @@
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { B as BorderStyle, C as CssStates, G as GridJustifyItems, F as FlexDirections, a as FlexAlignItem, b as FlexJustifyContent, c as FlexWrap, d as BoxDisplay, T as TextAlign } from './ui-93922c59.js';
 import { a as TypographyKeys } from './typography-19c3b9be.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-09b8bd13.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-16709132.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const GridRowsRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);

package/dist/esm/{valid-credit-card-number-rule-52c6b029.js → valid-credit-card-number-rule-ca5a47d6.js}

@@ -1,4 +1,4 @@
-import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-2bfb2c7b.js';
+import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-ec5e8628.js';
 import { m as mapStringToNumberArray, a as mapParityDigits, s as sum } from './number-4398f2e1.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 

package/dist/esm/vega-accordion.entry.js

@@ -3,7 +3,7 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken } from './design-token-4e682056.js';
+import { f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { a as VegaClick, e as VegaExpand } from './vega-event-id-270fe47e.js';
@@ -13,11 +13,11 @@ import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.j
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { A as ACCORDION_EXPAND_TOPIC } from './static-subject-title-1c86e974.js';
-import { a0 as isAccordionObserverPayload } from './type-guard-2bfb2c7b.js';
+import { a0 as isAccordionObserverPayload } from './type-guard-ec5e8628.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
-import { T as TranslationSlimmer } from './translation-slimmer-3ea56354.js';
+import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
 import './breakpoints-d9faf11c.js';
-import './responsive-format-facade-299e6304.js';
+import './responsive-format-facade-ced96b0b.js';
 import './ui-93922c59.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
@@ -26,12 +26,12 @@ import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './typography-19c3b9be.js';
-import './state-border-formatter-da52b626.js';
+import './state-border-formatter-b680e922.js';
 import './icon-manager-4ef3f6dd.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './internal-translation-controller-09b8bd13.js';
+import './internal-translation-controller-16709132.js';
 import './internal-vega-event-manager-48690e5b.js';
 import './try-get-document-bef0f526.js';
 

package/dist/esm/vega-app-header-button.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-4e682056.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-299e6304.js';
+import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-76bd217c.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
@@ -15,14 +15,14 @@ import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
-import './type-guard-2bfb2c7b.js';
+import './type-guard-ec5e8628.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-09b8bd13.js';
+import './internal-translation-controller-16709132.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-da52b626.js';
+import './state-border-formatter-b680e922.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';

package/dist/esm/vega-box.entry.js

@@ -1,22 +1,22 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-4e682056.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-76bd217c.js';
 import { a as arrayToClassString } from './ui-d73f756a.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 vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 import { h as htmlSanitizer, s as styleSanitizeStrategy } from './index-3b327f29.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-299e6304.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { f as formatFlexStyles } from './style-formatter-3d5ddfb1.js';
-import './type-guard-2bfb2c7b.js';
+import { f as formatFlexStyles } from './style-formatter-f4e16af5.js';
+import './type-guard-ec5e8628.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-09b8bd13.js';
+import './internal-translation-controller-16709132.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-da52b626.js';
+import './state-border-formatter-b680e922.js';
 import './try-get-document-bef0f526.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';

package/dist/esm/vega-button-circle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { i as formatAndValidTextColor } from './design-token-4e682056.js';
+import { i as formatAndValidTextColor } from './design-token-76bd217c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
@@ -12,20 +12,20 @@ import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-
 import { g as VegaInternalFormSubmit, h as VegaInternalFormReset } from './vega-internal-event-id-827eb1ce.js';
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
-import './type-guard-2bfb2c7b.js';
+import './type-guard-ec5e8628.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-09b8bd13.js';
+import './internal-translation-controller-16709132.js';
 import './static-subject-title-1c86e974.js';
-import './responsive-format-facade-299e6304.js';
+import './responsive-format-facade-ced96b0b.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-da52b626.js';
+import './state-border-formatter-b680e922.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-48690e5b.js';
 import './try-get-document-bef0f526.js';