@globalpayments/vega 2.95.0 → 2.97.0

package/dist/esm/vega-left-nav_5.entry.js

@@ -11,7 +11,7 @@ import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { S as SharedBackdropManager } from './shared-backdrop-manager-a7c63838.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-86126b5b.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-ea1aad5b.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { W as VegaStateUpdate, X as VegaGroupClick, Y as VegaMenuClick, a as VegaClick, Z as VegaActionClick } from './vega-event-id-f55f6977.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
@@ -26,7 +26,7 @@ import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-64532d94.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
-import { f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
+import { f as formatAndValidResponsiveToken } from './design-token-10ff79b5.js';
 import './try-get-document-bef0f526.js';
 import './index-9c9865c0.js';
 import './ui-93922c59.js';
@@ -36,20 +36,20 @@ import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './number-4398f2e1.js';
-import './keyboard-manager-a0c3e1cf.js';
-import './type-guard-ec5e8628.js';
+import './keyboard-manager-50da85d7.js';
+import './type-guard-f2624334.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './static-subject-title-1c86e974.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './index-3b327f29.js';
 import './tinycolor-polyfill-7be0eb93.js';
 import './object-0c277f57.js';
-import './responsive-format-facade-ced96b0b.js';
+import './responsive-format-facade-f19b601c.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 
 var __decorate$o = (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;
@@ -70,11 +70,13 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
           return;
         }
         this.updateMainContentUI(this.openState);
+        this.backdropManager.setEffectiveOverlayValue(this.getResolvedOverlayValue());
         this.backdropManager.watchOpenState(this.openState);
       },
     });
     this.isVoiceOverClick = false;
     this.triggerElement = null;
+    this.lastSyncedOverlayValue = null;
     this.handleClickEvent = (e) => {
       this.isVoiceOverClick = checkIsVoiceOverClick(e);
     };
@@ -100,8 +102,14 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
   }
   /**
    * Component lifecycle - [componentDidRender]
+   *
+   * Runs after the first render to ensure all props (especially from React/Next.js)
+   * are fully hydrated before evaluating overlay-driven backdrop visibility.
+   * This prevents race conditions where showAsOverlay might still hold its default
+   * value during componentDidLoad when React/Next.js applies props after initial render.
    */
   componentDidRender() {
+    this.watchShowAsOverlay();
   }
   /** Call this method to toggle the left nav menu */
   async toggle() {
@@ -123,8 +131,13 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
   watchOpenState(newState) {
-    this.backdropManager.watchOpenState(newState);
+    // Always keep the main-content UI in sync with the requested open state.
     this.updateMainContentUI(newState);
+    // Defer initial "open" backdrop sync until show-as-overlay has an explicit hydrated value.
+    if (this.hasHydratedOverlayValue() || newState !== 'open') {
+      this.backdropManager.setEffectiveOverlayValue(this.getResolvedOverlayValue());
+      this.backdropManager.watchOpenState(newState);
+    }
     if (newState === 'open') {
       this.open = true;
     }
@@ -144,7 +157,12 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
   watchShowAsOverlay() {
-    this.backdropManager.watchShowAsOverlay();
+    const effectiveOverlayValue = this.getResolvedOverlayValue();
+    if (this.lastSyncedOverlayValue !== effectiveOverlayValue) {
+      this.backdropManager.setEffectiveOverlayValue(effectiveOverlayValue);
+      this.backdropManager.watchShowAsOverlay();
+      this.lastSyncedOverlayValue = effectiveOverlayValue;
+    }
     this.updateMainContentUI(this.openState);
   }
   /**
@@ -155,6 +173,31 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
   setOpenState(openState) {
     this.openState = openState;
   }
+  /**
+   * Check whether the show-as-overlay attribute has been explicitly hydrated by React/Next.js.
+   *
+   * Returns true only for recognized hydrated tokens ('false', 'true', '').
+   * Returns false when the attribute is absent or unrecognized.
+   *
+   * This DOM-read approach is resilient to SSR re-instantiation because it relies on
+   * current host attributes rather than instance-private hydration flags.
+   */
+  hasHydratedOverlayValue() {
+    var _a, _b;
+    const overlayAttr = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.getAttribute('show-as-overlay')) !== null && _b !== void 0 ? _b : null;
+    return overlayAttr === 'false' || overlayAttr === 'true' || overlayAttr === '';
+  }
+  getResolvedOverlayValue() {
+    var _a, _b;
+    const overlayAttr = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.getAttribute('show-as-overlay')) !== null && _b !== void 0 ? _b : null;
+    if (overlayAttr === 'false') {
+      return false;
+    }
+    if (overlayAttr === 'true' || overlayAttr === '') {
+      return true;
+    }
+    return this.showAsOverlay;
+  }
   /**
    * Focuses the first focusable element within the left nav dialog when it is opened via VoiceOver.
    */
@@ -244,8 +287,9 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
   shouldShowBackdrop() {
+    const effectiveOverlayValue = this.getResolvedOverlayValue();
     const breakpoint = getCurrentBreakpoint();
-    return this.showAsOverlay || (breakpoint !== 'L' && breakpoint !== 'XL');
+    return effectiveOverlayValue || (breakpoint !== 'L' && breakpoint !== 'XL');
   }
 }
 __decorate$o([
@@ -426,6 +470,18 @@ var __decorate$k = (undefined && undefined.__decorate) || function (decorators,
  * Each subclass of SharedBackdropManager gets its own separate static state (consumers, visibility intents, etc).
  */
 class VegaLeftNavBackdropManager extends SharedBackdropManager {
+  constructor() {
+    super(...arguments);
+    this.effectiveShowAsOverlay = true;
+  }
+  /**
+   * Set the overlay value used by backdrop visibility decisions.
+   *
+   * @param {boolean} showAsOverlay - Resolved overlay value from the controller.
+   */
+  setEffectiveOverlayValue(showAsOverlay) {
+    this.effectiveShowAsOverlay = showAsOverlay;
+  }
   /**
    * Watch openState changes and update visibility intent.
    *
@@ -439,6 +495,7 @@ class VegaLeftNavBackdropManager extends SharedBackdropManager {
    * Watch showAsOverlay changes and re-evaluate visibility.
    */
   watchShowAsOverlay() {
+    this.setEffectiveOverlayValue(this.showAsOverlay);
     this.watchOpenState(this.openState);
   }
   /**
@@ -451,6 +508,9 @@ class VegaLeftNavBackdropManager extends SharedBackdropManager {
     const backdrop = doc.createElement('vega-backdrop');
     backdrop.classList.add(VegaLeftNavBackdropManager.backdropClassName);
     backdrop.duration = 150;
+    // Ensure no one-frame flash before the component applies its own visibility styles.
+    backdrop.style.display = 'none';
+    backdrop.style.opacity = '0';
     backdrop.visible = false;
     doc.body.append(backdrop);
     return backdrop;
@@ -461,7 +521,7 @@ class VegaLeftNavBackdropManager extends SharedBackdropManager {
    * @returns {boolean} True if backdrop should be visible.
    */
   shouldShowBackdrop() {
-    return this.showAsOverlay || !this.isLargeScreen();
+    return this.effectiveShowAsOverlay || !this.isLargeScreen();
   }
   /**
    * Check if current breakpoint is large screen.

package/dist/esm/vega-loader-wrapper_2.entry.js

@@ -4,15 +4,15 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import './number-4398f2e1.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './pixel-f32c07ce.js';

package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js

@@ -2,8 +2,8 @@ import { h, r as registerInstance, H as Host, g as getElement } from './index-09
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-16709132.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-fac22598.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { V as VegaDropdownClick } from './vega-event-id-f55f6977.js';
 import { f as findParent } from './ui-d73f756a.js';

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

@@ -9,8 +9,8 @@ import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.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 { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { u as VegaInternalPaginationPageSizeChange, v as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-827eb1ce.js';
@@ -21,9 +21,9 @@ import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './static-subject-title-1c86e974.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';

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

@@ -1,24 +1,24 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-86126b5b.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-ea1aad5b.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { c as VegaPopoverShow, b as VegaPopoverHide } from './vega-event-id-f55f6977.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7fcb944b.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-24be8e94.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { a as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-827eb1ce.js';
 import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-9eae86c6.js';
-import { f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
-import './keyboard-manager-a0c3e1cf.js';
+import { f as formatAndValidResponsiveToken } from './design-token-10ff79b5.js';
+import './keyboard-manager-50da85d7.js';
 import './ui-d73f756a.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './internal-vega-event-manager-2ecc9186.js';
@@ -27,14 +27,14 @@ import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
-import './responsive-format-facade-ced96b0b.js';
+import './responsive-format-facade-f19b601c.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './observer-3959f9dd.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 
 var __decorate$3 = (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/vega-progress-tracker_2.entry.js

@@ -15,8 +15,8 @@ import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js'
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0f72ce74.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
-import { w as isResponsiveType } from './type-guard-ec5e8628.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
+import { w as isResponsiveType } from './type-guard-f2624334.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-64532d94.js';
@@ -32,7 +32,7 @@ import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './static-subject-title-1c86e974.js';
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [

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

@@ -13,10 +13,10 @@ import { i as VegaInternalFieldErrorStateChange } from './vega-internal-event-id
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { R as RequiredFieldRule } from './required-field-rule-897fe8d1.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d8628837.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f3f66c15.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1f7c8bfb.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -27,18 +27,19 @@ import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './index-3b327f29.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
+import './form-field-key-44ab39d0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
 import './sub-state-observer-slimmer-64532d94.js';
 import './vega-env-manager-8f8dc473.js';
-import './keyboard-manager-a0c3e1cf.js';
-import './type-guard-ec5e8628.js';
+import './keyboard-manager-50da85d7.js';
+import './type-guard-f2624334.js';
 import './typography-19c3b9be.js';
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -597,6 +598,17 @@ const VegaRadioGroup = class {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
+    /**
+     * Specifies the name attribute for each radio button
+     *    in the radio group.
+     *
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 1.3.0
+     */
+    this.name = '';
     /**
      * Specifies all the properties of the `vega-flex` component
      *    in the radio group.

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

@@ -3,14 +3,14 @@ import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as VegaDarkModeStyleController, V as VegaInternalThemeManager } from './dark-mode-style-controller-ca5afd2d.js';
-import { n as normalizeUrlByDefaultProtocol, I as ImageAnnotationAction, T as TextColorToolbarButtonSlimmer } from './image-annotation-action-08a20d5e.js';
-import { g as ImageAnnotation, V as VegaRTEContent } from './content-state-8032467a.js';
-import { s as stateEntityRenderingRegistry, N as NodeAnnotationTypeEnum, ad as ZERO_WIDTH_SPACE, M as ModifyContentAction, i as ModifyContentActionType, ae as LinkAnnotationAction, h as InternalAnnotationTypeEnum, C as CommonAnnotationTypeEnum, J as NodeAnnotation, o as RTEDecoratorNode, af as UpdateCodeBlockAction, ag as SelectionChangeAction, p as RTECodeBlock } from './code-block-e12588fe.js';
-import { c as VegaRTEBaseRenderer, d as RTEDTORendererManager, V as VegaRTELinkExtension } from './link-extension-97fcb8fb.js';
+import { n as normalizeUrlByDefaultProtocol, I as ImageAnnotationAction, T as TextColorToolbarButtonSlimmer } from './image-annotation-action-fcceff95.js';
+import { e as ImageAnnotation, V as VegaRTEContent } from './content-state-c63fbeda.js';
+import { s as stateEntityRenderingRegistry, N as NodeAnnotationTypeEnum, ac as ZERO_WIDTH_SPACE, M as ModifyContentAction, i as ModifyContentActionType, ad as LinkAnnotationAction, h as InternalAnnotationTypeEnum, C as CommonAnnotationTypeEnum, v as NodeAnnotation, o as RTEDecoratorNode, q as RTEListItemBlock, ae as UpdateCodeBlockAction, af as SelectionChangeAction, p as RTECodeBlock } from './code-block-8df86434.js';
+import { c as VegaRTEBaseRenderer, d as RTEDTORendererManager, V as VegaRTELinkExtension } from './link-extension-f92c06ef.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { d as VegaChange, r as VegaRemove } from './vega-event-id-f55f6977.js';
-import { i as isNonNullable } from './type-guard-ec5e8628.js';
+import { i as isNonNullable } from './type-guard-f2624334.js';
 import { y as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-827eb1ce.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.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-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './number-4398f2e1.js';
 
 class RTEBlockRenderer extends VegaRTEBaseRenderer {
@@ -118,12 +118,33 @@ class RTELinkWrapperRenderer {
     this.handleChange = ({ detail }, textFromNodes, linkNodes) => {
       switch (detail.action) {
         case 'link': {
-          const { url, text } = detail.payload;
+          const { url, text, linkType } = detail.payload;
           const textChanged = text !== textFromNodes;
           linkNodes.forEach((node) => {
-            const groupKey = node.getAnnotationByType(NodeAnnotationTypeEnum.LINK).link.groupKey;
+            const currentLinkAnnotation = node.getAnnotationByType(NodeAnnotationTypeEnum.LINK);
+            const groupKey = currentLinkAnnotation.link.groupKey;
+            const nextCustomAttribute = Object.assign({}, (currentLinkAnnotation.link.customAttribute || {}));
+            if (linkType) {
+              nextCustomAttribute['data-link-type'] = linkType;
+            }
+            else {
+              delete nextCustomAttribute['data-link-type'];
+            }
+            const nextLink = {
+              href: url,
+              groupKey: groupKey,
+            };
+            if (Object.keys(nextCustomAttribute).length > 0) {
+              nextLink.customAttribute = nextCustomAttribute;
+            }
+            if (currentLinkAnnotation.link.customClass) {
+              nextLink.customClass = currentLinkAnnotation.link.customClass;
+            }
+            if (currentLinkAnnotation.link.customStyle) {
+              nextLink.customStyle = currentLinkAnnotation.link.customStyle;
+            }
             const linkAnnotationAction = new LinkAnnotationAction({
-              link: { href: url, groupKey: groupKey },
+              link: nextLink,
               newText: textChanged ? text : undefined,
               needMergeNode: textChanged && linkNodes.length > 1,
               doSplit: false,
@@ -205,6 +226,7 @@ class RTELinkWrapperRenderer {
     return Array.isArray(item);
   }
   renderLinkEditorWrapper(linkNodes, linkAnnotation, linkGroupAnnotation) {
+    var _a;
     const { href } = linkAnnotation.link;
     const textFromNodes = linkNodes.map((node) => node.text).join('');
     let linkWrapperRef;
@@ -216,6 +238,7 @@ class RTELinkWrapperRenderer {
       } },
       this.renderLink(linkNodes, linkAnnotation, linkGroupAnnotation),
       h("vega-rich-text-link-editor", { record: {
+          linkType: (_a = linkAnnotation.link.customAttribute) === null || _a === void 0 ? void 0 : _a['data-link-type'],
           text: textFromNodes,
           url: href,
         }, ref: (ref) => {
@@ -485,9 +508,26 @@ const RTEImageBlockRenderer$1 = new RTEImageBlockRenderer();
 
 class RTEListItemBlockRenderer extends RTEBlockTextNodesRenderer {
   render(block, renderContext) {
-    return (h("li", Object.assign({}, this.getCustomAttrs(block), { key: block.id, ref: (ref) => super.registerRef(ref, block), style: block.getStyles(), class: block.getClasses() }),
-      super.renderNodes(block, renderContext),
-      this.renderChildren(block.nestList, renderContext)));
+    var _a;
+    const hasNestList = ((_a = block.nestList) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    return (h("li", Object.assign({}, this.getCustomAttrs(block), { key: this.getRenderKey(block), ref: (ref) => super.registerRef(ref, block), style: block.getStyles(), class: block.getClasses() }),
+      hasNestList ? (
+      // Keep text nodes wrapped as a block-level element when a nested list exists.
+      // This preserves stable marker/text flow and selection behavior before the child list.
+      h("span", { style: { display: 'block' } }, super.renderNodes(block, renderContext))) : (super.renderNodes(block, renderContext)),
+      hasNestList && this.renderChildren(block.nestList, renderContext)));
+  }
+  /**
+   * Include structural ownership and direct nested-list identity in the key so
+   * list mutations recreate the li when its rendered child shape changes.
+   *
+   * @param {RTEListItemBlock} block - List item being rendered.
+   * @returns {string} Structure-aware render key.
+   */
+  getRenderKey(block) {
+    var _a;
+    const nestListIds = ((_a = block.nestList) !== null && _a !== void 0 ? _a : []).map((list) => list.id);
+    return JSON.stringify([block.parent.id, block.id, nestListIds]);
   }
   renderChildren(children, renderContext) {
     return children === null || children === void 0 ? void 0 : children.map((block) => RTEListBlockRenderer$1.render(block, renderContext));
@@ -495,10 +535,42 @@ class RTEListItemBlockRenderer extends RTEBlockTextNodesRenderer {
 }
 const RTEListItemBlockRenderer$1 = new RTEListItemBlockRenderer();
 
+const defaultOrderedListMarkerRule = ['decimal', 'lower-alpha', 'lower-roman'];
+const defaultBulletListMarkerRule = ['disc', 'circle', 'square'];
 class RTEListBlockRenderer extends RTEBlockRenderer {
   render(block, renderContext) {
     const BlockTag = block.getBlockTag();
-    return (h(BlockTag, Object.assign({}, this.getCustomAttrs(block), { key: block.id, ref: (ref) => super.registerRef(ref, block), style: block.getStyles(), class: block.getClasses() }), block.children.map((listItemBlock) => RTEListItemBlockRenderer$1.render(listItemBlock, renderContext))));
+    const styles = block.getStyles(renderContext);
+    const resolvedListMarker = this.resolveListMarker(block, styles);
+    if (resolvedListMarker) {
+      styles.listStyleType = resolvedListMarker;
+    }
+    return (h(BlockTag, Object.assign({}, this.getCustomAttrs(block), { key: block.id, ref: (ref) => super.registerRef(ref, block), style: styles, class: block.getClasses() }), block.children.map((listItemBlock) => RTEListItemBlockRenderer$1.render(listItemBlock, renderContext))));
+  }
+  resolveListMarker(block, styles) {
+    if (styles.listStyleType || styles['list-style-type']) {
+      return undefined;
+    }
+    const depth = this.getListDepth(block, block.type);
+    if (block.type === 'number-list') {
+      return defaultOrderedListMarkerRule[depth % defaultOrderedListMarkerRule.length];
+    }
+    if (block.type === 'bullet-list') {
+      return defaultBulletListMarkerRule[depth % defaultBulletListMarkerRule.length];
+    }
+    return undefined;
+  }
+  getListDepth(block, targetType) {
+    let depth = 0;
+    let currentList = block;
+    while (currentList.parent instanceof RTEListItemBlock) {
+      const parentList = currentList.parent.parent;
+      if (parentList.type === targetType) {
+        depth++;
+      }
+      currentList = parentList;
+    }
+    return depth;
   }
 }
 const RTEListBlockRenderer$1 = new RTEListBlockRenderer();
@@ -915,7 +987,7 @@ __decorate$1([
   MapToComponentMethod('watchExtensions')
 ], RTEExtensionStylesController.prototype, "handleExtensionsChange", null);
 
-const vegaRichTextContentCss = ":host{display:flex;flex-direction:column;width:100%;overflow-y:auto;min-height:0}:host .rich-text-content{position:relative;min-height:100%;outline:2px solid transparent;outline-offset:2px;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:\"Roboto Mono\";white-space:pre-wrap}:host .rich-text-content img{cursor:pointer}:host .rich-text-content ul.v-rte--list,:host .rich-text-content ol.v-rte--list{padding-left:8px;margin-left:16px}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}:host .rich-text-content .code-block-container{margin-top:22px;margin-bottom:22px}:host .rich-text-content vega-code-block.focus{outline:none}:host .rich-text-content .v-rte--bold{font-weight:700}:host .rich-text-content .v-rte--italic{font-style:italic}:host .rich-text-content .v-rte--image-base img,:host .rich-text-content .v-rte--image-size-lg img,:host .rich-text-content .v-rte--image-size-md img,:host .rich-text-content .v-rte--image-size-sm img{vertical-align:bottom}:host .rich-text-content .v-rte--image-size-sm{width:25%}:host .rich-text-content .v-rte--image-size-md{width:50%}:host .rich-text-content .v-rte--image-size-lg{width:100%}:host .rich-text-content .v-rte--text-style-paragraph{font-family:\"Inter\";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-title{font-family:\"Inter\";font-size:36px;line-height:40px;font-weight:500}:host .rich-text-content .v-rte--text-style-subtitle{font-family:\"Inter\";font-size:28px;line-height:32px;font-weight:500}:host .rich-text-content .v-rte--text-style-heading-1{font-family:\"Inter\";font-size:22px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-2{font-family:\"Inter\";font-size:20px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-3{font-family:\"Inter\";font-size:18px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-4{font-family:\"Inter\";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-5{font-family:\"Inter\";font-size:14px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-6{font-family:\"Inter\";font-size:12px;line-height:22px;font-weight:500;margin:0}";
+const vegaRichTextContentCss = ":host{display:flex;flex-direction:column;width:100%;overflow-y:auto;min-height:0}:host .rich-text-content{position:relative;min-height:100%;outline:2px solid transparent;outline-offset:2px;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:\"Roboto Mono\";white-space:pre-wrap}:host .rich-text-content img{cursor:pointer}:host .rich-text-content ul.v-rte--list,:host .rich-text-content ol.v-rte--list{padding-left:8px;margin-left:16px}:host .rich-text-content ul.v-rte--list>li::marker,:host .rich-text-content ol.v-rte--list>li::marker{font-size:16px}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}:host .rich-text-content .code-block-container{margin-top:22px;margin-bottom:22px}:host .rich-text-content vega-code-block.focus{outline:none}:host .rich-text-content .v-rte--bold{font-weight:700}:host .rich-text-content .v-rte--italic{font-style:italic}:host .rich-text-content .v-rte--image-base img,:host .rich-text-content .v-rte--image-size-lg img,:host .rich-text-content .v-rte--image-size-md img,:host .rich-text-content .v-rte--image-size-sm img{vertical-align:bottom}:host .rich-text-content .v-rte--image-size-sm{width:25%}:host .rich-text-content .v-rte--image-size-md{width:50%}:host .rich-text-content .v-rte--image-size-lg{width:100%}:host .rich-text-content .v-rte--text-style-paragraph{font-family:\"Inter\";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-title{font-family:\"Inter\";font-size:36px;line-height:40px;font-weight:500}:host .rich-text-content .v-rte--text-style-subtitle{font-family:\"Inter\";font-size:28px;line-height:32px;font-weight:500}:host .rich-text-content .v-rte--text-style-heading-1{font-family:\"Inter\";font-size:22px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-2{font-family:\"Inter\";font-size:20px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-3{font-family:\"Inter\";font-size:18px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-4{font-family:\"Inter\";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-5{font-family:\"Inter\";font-size:14px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-6{font-family:\"Inter\";font-size:12px;line-height:22px;font-weight:500;margin:0}";
 
 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;