@globalpayments/vega 2.95.0 → 2.97.0

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

@@ -15,7 +15,7 @@ const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const sharedBackdropManager = require('./shared-backdrop-manager-71e54fdb.js');
-const injectKeyboardManager = require('./inject-keyboard-manager-5a105612.js');
+const injectKeyboardManager = require('./inject-keyboard-manager-6a6f5c9f.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
@@ -30,7 +30,7 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-3ca118c4.js');
 require('./ui-32120990.js');
@@ -40,20 +40,20 @@ require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./number-4816603d.js');
-require('./keyboard-manager-ca76d4dc.js');
-require('./type-guard-f354af8b.js');
+require('./keyboard-manager-c56033b1.js');
+require('./type-guard-a57ef3ac.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./index-592b4052.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./object-b53e9416.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.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;
@@ -74,11 +74,13 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
           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 = ui.checkIsVoiceOverClick(e);
     };
@@ -104,8 +106,14 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
   }
   /**
    * 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() {
@@ -127,8 +135,13 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   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;
     }
@@ -148,7 +161,12 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   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);
   }
   /**
@@ -159,6 +177,31 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
   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.
    */
@@ -248,8 +291,9 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   shouldShowBackdrop() {
+    const effectiveOverlayValue = this.getResolvedOverlayValue();
     const breakpoint = breakpoints.getCurrentBreakpoint();
-    return this.showAsOverlay || (breakpoint !== 'L' && breakpoint !== 'XL');
+    return effectiveOverlayValue || (breakpoint !== 'L' && breakpoint !== 'XL');
   }
 }
 __decorate$o([
@@ -430,6 +474,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.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.
    *
@@ -443,6 +499,7 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
    * Watch showAsOverlay changes and re-evaluate visibility.
    */
   watchShowAsOverlay() {
+    this.setEffectiveOverlayValue(this.showAsOverlay);
     this.watchOpenState(this.openState);
   }
   /**
@@ -455,6 +512,9 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
     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;
@@ -465,7 +525,7 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
    * @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/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -8,15 +8,15 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./number-4816603d.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./pixel-98f2a10c.js');

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

@@ -6,8 +6,8 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const ui = require('./ui-c91c37a7.js');

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

@@ -13,8 +13,8 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
@@ -25,9 +25,9 @@ require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');

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

@@ -4,25 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const injectKeyboardManager = require('./inject-keyboard-manager-5a105612.js');
+const injectKeyboardManager = require('./inject-keyboard-manager-6a6f5c9f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-1d6323c2.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-ccb2e3c2.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
 const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-73b4c0cb.js');
-const designToken = require('./design-token-d3d12fa0.js');
-require('./keyboard-manager-ca76d4dc.js');
+const designToken = require('./design-token-74674ee7.js');
+require('./keyboard-manager-c56033b1.js');
 require('./ui-c91c37a7.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./internal-vega-event-manager-7003c84a.js');
@@ -31,14 +31,14 @@ require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./observer-f49483e8.js');
 require('./synchronize-task-queue-1ee80e94.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.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/cjs/vega-progress-tracker_2.cjs.entry.js

@@ -19,8 +19,8 @@ const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
@@ -36,7 +36,7 @@ require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [

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

@@ -17,10 +17,10 @@ const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-7ae2a78f.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -31,18 +31,19 @@ require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./index-592b4052.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
+require('./form-field-key-8d5edf75.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./keyboard-manager-ca76d4dc.js');
-require('./type-guard-f354af8b.js');
+require('./keyboard-manager-c56033b1.js');
+require('./type-guard-a57ef3ac.js');
 require('./typography-3ea4fe41.js');
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -601,6 +602,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/cjs/vega-rich-text-content.cjs.entry.js

@@ -7,14 +7,14 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
 const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
-const imageAnnotationAction = require('./image-annotation-action-7c4cd316.js');
-const contentState = require('./content-state-fc34a814.js');
-const codeBlock = require('./code-block-493c7ce7.js');
-const linkExtension = require('./link-extension-92a63cb7.js');
+const imageAnnotationAction = require('./image-annotation-action-b54dc669.js');
+const contentState = require('./content-state-e2ab0f06.js');
+const codeBlock = require('./code-block-28a7732e.js');
+const linkExtension = require('./link-extension-71c27ff3.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
@@ -38,7 +38,7 @@ require('./string-39438062.js');
 require('./typography-3ea4fe41.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./number-4816603d.js');
 
 class RTEBlockRenderer extends linkExtension.VegaRTEBaseRenderer {
@@ -122,12 +122,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(codeBlock.NodeAnnotationTypeEnum.LINK).link.groupKey;
+            const currentLinkAnnotation = node.getAnnotationByType(codeBlock.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 codeBlock.LinkAnnotationAction({
-              link: { href: url, groupKey: groupKey },
+              link: nextLink,
               newText: textChanged ? text : undefined,
               needMergeNode: textChanged && linkNodes.length > 1,
               doSplit: false,
@@ -209,6 +230,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;
@@ -220,6 +242,7 @@ class RTELinkWrapperRenderer {
       } },
       this.renderLink(linkNodes, linkAnnotation, linkGroupAnnotation),
       index.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) => {
@@ -489,9 +512,26 @@ const RTEImageBlockRenderer$1 = new RTEImageBlockRenderer();
 
 class RTEListItemBlockRenderer extends RTEBlockTextNodesRenderer {
   render(block, renderContext) {
-    return (index.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 (index.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.
+      index.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));
@@ -499,10 +539,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 (index.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 (index.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 codeBlock.RTEListItemBlock) {
+      const parentList = currentList.parent.parent;
+      if (parentList.type === targetType) {
+        depth++;
+      }
+      currentList = parentList;
+    }
+    return depth;
   }
 }
 const RTEListBlockRenderer$1 = new RTEListBlockRenderer();
@@ -919,7 +991,7 @@ __decorate$1([
   globalSlimmerRegistry.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;