@globalpayments/vega 2.73.0 → 2.76.0

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

@@ -4,59 +4,62 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const dtoRendererManager = require('./dto-renderer-manager-bd2bd447.js');
-const typeGuard = require('./type-guard-69d2cf01.js');
-const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
-const codeBlock = require('./code-block-823cd481.js');
-const imageAnnotationAction = require('./image-annotation-action-7408a4b3.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-const index$1 = require('./index-638a0f0d.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-6e3e14fd.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-6a591353.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-1efa69c4.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-e2e0c6f3.js');
+const dtoRendererManager = require('./dto-renderer-manager-809c947b.js');
+const typeGuard = require('./type-guard-407ba0b8.js');
+const internalIconManager = require('./internal-icon-manager-c989189a.js');
+const codeBlock = require('./code-block-f1480ec3.js');
+const imageAnnotationAction = require('./image-annotation-action-8d9fa20c.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const misc = require('./misc-3d30df91.js');
+const waitForComponentDidRender = require('./wait-for-component-did-render-70a01bf9.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-58121111.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-a9264cc8.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
 const timer = require('./timer-5f33058b.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-8a87ec08.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-4aab05a3.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-536d29fc.js');
-const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
-const darkModeStyleController = require('./dark-mode-style-controller-c21172aa.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-22225840.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const translationSlimmer = require('./translation-slimmer-4533bd67.js');
+const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
 const array = require('./array-249289f2.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const trashCan = require('./trash-can-46a5e19a.js');
-const ui = require('./ui-9e181079.js');
+const ui = require('./ui-234ea151.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 require('./string-39438062.js');
 require('./object-e2e28e3d.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./translation-5f9f9c0c.js');
+require('./internal-translation-controller-053eb0f1.js');
+require('./icon-manager-c12c6ea9.js');
+require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./wait-for-vega-handler-5469ff80.js');
-require('./page-resize-observer-slimmer-11937d6f.js');
+require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
+require('./page-resize-observer-slimmer-7f065ee1.js');
+require('./breakpoints-751d433a.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-6afa62f5.js');
-require('./internal-vega-event-manager-d587a33c.js');
-require('./range-c3c48132.js');
+require('./sub-state-observer-slimmer-1dfbc4c3.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./range-8aa49b08.js');
 require('./synchronize-task-queue-1ee80e94.js');
-require('./keyboard-manager-slimmer-15e65357.js');
-require('./keyboard-manager-d8adb0ed.js');
+require('./keyboard-manager-slimmer-0cc0c1c7.js');
+require('./keyboard-manager-055e9f67.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-ce2162c8.js');
-require('./index-4d7bce1a.js');
-require('./_commonjsHelpers-537d719a.js');
+require('./feature-flag-controller-04cb1e69.js');
+require('./index-f054eb5d.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./number-4816603d.js');
 
@@ -67,6 +70,7 @@ class CodeFormatter {
   constructor() {
     /**
      * Formats a given HTML source string by applying indentation and cleaning up styles.
+     * Content inside preserve tags (pre) is preserved as-is without formatting.
      *
      * @param {string} source - The HTML source string to format.
      * @param {CodeFormatOptions} options - Formatting options.
@@ -81,9 +85,25 @@ class CodeFormatter {
       const tokens = source.split(tagRegex).filter((t) => t.length > 0);
       let indentLevel = 0;
       let output = '';
+      let preserveDepth = 0;
       for (let i = 0; i < tokens.length; i++) {
         let token = tokens[i];
-        // Decrease indentation for closing tags
+        const tagName = CodeFormatter.getTagName(token);
+        // Track if we're entering or exiting preserve tags
+        if (CodeFormatter.PRESERVE_CONTENT_TAGS.has(tagName)) {
+          if (token.startsWith('</')) {
+            preserveDepth = Math.max(0, preserveDepth - 1);
+          }
+          else if (token.startsWith('<')) {
+            preserveDepth++;
+          }
+        }
+        // If inside preserve tag, output as-is without formatting
+        if (preserveDepth > 0) {
+          output += token;
+          continue;
+        }
+        // Decrease indentation for closing tags (after exiting preserve tags)
         if (token.startsWith('</')) {
           indentLevel = Math.max(0, indentLevel - 1);
         }
@@ -93,15 +113,20 @@ class CodeFormatter {
           token = token.replace(/style\s*=\s*"([^"]*)"/g, (_, styleContent) => {
             return `style="${this.formatStyle(styleContent)}"`;
           });
-          const tagName = CodeFormatter.getTagName(token);
           const isInline = CodeFormatter.INLINE_TAGS.has(tagName);
-          // Inline tag grouping: e.g., <strong>Text</strong> stays on one line
-          if (isInline && i + 2 < tokens.length && tokens[i + 2] === `</${tagName}>`) {
-            // Group consecutive inline tags
+          // Inline tag grouping: e.g., <strong>Text</strong> or <span></span> stays on one line
+          // Check for empty tags: <tag></tag> (closing tag immediately follows opening tag)
+          if (isInline && i + 1 < tokens.length && tokens[i + 1] === `</${tagName}>`) {
+            // Empty inline tag: <span></span>
+            output += `${indent}${token}${tokens[i + 1]}\n`;
+            i += 1;
+          }
+          else if (isInline && i + 2 < tokens.length && tokens[i + 2] === `</${tagName}>`) {
+            // Group consecutive inline tags with content
             let inlineGroup = `${token}${tokens[i + 1]}${tokens[i + 2]}`;
             i += 2;
             // Keep merging consecutive inline tag pairs
-            while (i + 2 < tokens.length &&
+            while (i + 3 < tokens.length &&
               tokens[i + 1].startsWith('<') &&
               CodeFormatter.INLINE_TAGS.has(CodeFormatter.getTagName(tokens[i + 1])) &&
               tokens[i + 3] === `</${CodeFormatter.getTagName(tokens[i + 1])}>`) {
@@ -115,7 +140,7 @@ class CodeFormatter {
             // Increase indentation for non-void opening tags
             if (!token.startsWith('</') &&
               !token.endsWith('/>') &&
-              !/^<br|^<img|^<meta|^<input|^<hr/i.test(token)) {
+              !CodeFormatter.VOID_TAGS.has(tagName)) {
               indentLevel++;
             }
           }
@@ -156,6 +181,10 @@ class CodeFormatter {
       .join('; ');
   }
 }
+/**
+ * Inline/phrasing elements that should be kept on a single line with their content.
+ * These tags are formatted as: <tag>content</tag> on one line.
+ */
 CodeFormatter.INLINE_TAGS = new Set([
   'span',
   'strong',
@@ -175,6 +204,30 @@ CodeFormatter.INLINE_TAGS = new Set([
   'del',
   'ins',
 ]);
+/**
+ * Void/self-closing elements that don't have closing tags.
+ * Used to avoid increasing indentation for these elements.
+ */
+CodeFormatter.VOID_TAGS = new Set([
+  'area',
+  'base',
+  'br',
+  'col',
+  'embed',
+  'hr',
+  'img',
+  'input',
+  'link',
+  'meta',
+  'param',
+  'source',
+  'track',
+  'wbr',
+]);
+/**
+ * Tags whose content should be preserved as-is without formatting.
+ */
+CodeFormatter.PRESERVE_CONTENT_TAGS = new Set(['pre']);
 const CodeFormatter$1 = new CodeFormatter();
 
 var __decorate$C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -707,7 +760,7 @@ class TextStylesToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
       selectedBlocks.some((node) => this.shouldDisabledToolbar(node, codeBlock.TextStyleAnnotationAction.name)));
   }
   addDropdownObserver(dropdownRef) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectObserverFactory.VegaDropdownClick, this.handleDropdownItemClick);
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, vegaEventId.VegaDropdownClick, this.handleDropdownItemClick);
   }
   getSelectedSourceKey() {
     var _a;
@@ -930,7 +983,7 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
         case 'link': {
           const { url, text } = detail.payload;
           const textChanged = text !== this.currentSelectedText;
-          const groupKey = createPublicApiRuntimeMetricsSlimmer.generateUUID();
+          const groupKey = misc.generateUUID();
           this.currentSelectedNodes.forEach((node) => {
             node.apply(new codeBlock.SelectionChangeAction(this.currentRange)).apply(new codeBlock.LinkAnnotationAction({
               link: { href: url, groupKey: groupKey },
@@ -951,7 +1004,7 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
           if (ref) {
             this.linkEditorRef = ref;
           }
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.handleLinkEditorChange);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, this.handleLinkEditorChange);
         } })));
   }
   isSelected() {
@@ -985,7 +1038,7 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
     // Element appender will control the show and hide logic except for the first time.
     if (!this.linkEditorRef.target) {
       this.linkEditorRef.target = this.linkBtnWrapperRef;
-      void index$1.waitForComponentDidRender(this.linkEditorRef).then(() => {
+      void waitForComponentDidRender.waitForComponentDidRender(this.linkEditorRef).then(() => {
         void this.linkEditorRef.show();
       });
     }
@@ -1758,11 +1811,12 @@ class ValueController extends globalSlimmerRegistry.VegaSlimmer {
    * Watches the value of the editor and updates the internal value.
    */
   watchValueUpdate() {
+    const autoMatchFormat = this.sourceEditConfig.autoMatchFormat;
     if (this.value && !(this.value instanceof dtoRendererManager.VegaRTEContent)) {
-      this.value = dtoRendererManager.VegaRTEContent.fromJSON(this.value);
+      this.value = dtoRendererManager.VegaRTEContent.fromJSON(this.value, { autoMatchFormat });
     }
     else if (!this.value || this.value.children.length === 0) {
-      this.value = dtoRendererManager.VegaRTEContent.createEmptyContent();
+      this.value = dtoRendererManager.VegaRTEContent.createEmptyContent({ autoMatchFormat });
     }
     else {
       this.changeEventEmitter.emit(this.value);
@@ -1784,7 +1838,7 @@ class ValueController extends globalSlimmerRegistry.VegaSlimmer {
     if (recordHistory) {
       this.historyController.registerHistory(new RTEEditorState(this.value, new componentValueHistoryControllerSlimmer_abstract.RTESelectionState(this.selectionController.getCurrentRange())));
     }
-    await index$1.waitForComponentDidRender(this.host);
+    await waitForComponentDidRender.waitForComponentDidRender(this.host);
   }
   /**
    * Determines whether the observer should accept changes.
@@ -1822,6 +1876,9 @@ __decorate$h([
 __decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "selectionController", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField()
+], ValueController.prototype, "sourceEditConfig", void 0);
 __decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], ValueController.prototype, "connectedCallback", null);
@@ -1906,7 +1963,7 @@ class BaseHandler {
    * @returns {RTETextBlock} An empty paragraph with a unique identifier and a text node appended to it.
    */
   createEmptyParagraph() {
-    const paragraph = new codeBlock.RTETextBlock(createPublicApiRuntimeMetricsSlimmer.generateUUID(), 'paragraph');
+    const paragraph = new codeBlock.RTETextBlock(misc.generateUUID(), 'paragraph');
     const textNode = new codeBlock.RTETextNode(`${paragraph.id}1`, '', paragraph);
     paragraph.apply(new codeBlock.AppendChildrenAction([textNode]));
     return paragraph;
@@ -2599,7 +2656,7 @@ class UserInputController extends globalSlimmerRegistry.VegaSlimmer {
    */
   initValueIfEmpty() {
     if (!this.value) {
-      const id = createPublicApiRuntimeMetricsSlimmer.generateUUID();
+      const id = misc.generateUUID();
       const defaultParagraph = [
         { id, type: 'paragraph', nodes: [{ id: `${id}1`, type: 'text', text: '' }] },
       ];
@@ -2681,8 +2738,8 @@ class InsertImageController extends globalSlimmerRegistry.VegaSlimmer {
    */
   insertImageToCaretPosition(imageUrl) {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
-    const imageBlock = new dtoRendererManager.RTEImageBlock(createPublicApiRuntimeMetricsSlimmer.generateUUID());
-    const newImageNode = new dtoRendererManager.RTEImageNode(createPublicApiRuntimeMetricsSlimmer.generateUUID(), imageUrl, imageBlock);
+    const imageBlock = new dtoRendererManager.RTEImageBlock(misc.generateUUID());
+    const newImageNode = new dtoRendererManager.RTEImageNode(misc.generateUUID(), imageUrl, imageBlock);
     newImageNode.apply(new imageAnnotationAction.ImageAnnotationAction('md', ''));
     imageBlock.apply(new codeBlock.AppendChildrenAction([newImageNode]));
     if (selectedBlocks.length < 1 || this.value.children.length < 1) {
@@ -2815,9 +2872,9 @@ class FocusController extends globalSlimmerRegistry.VegaSlimmer {
     const lastBlock = this.value.children[this.value.children.length - 1];
     if (!(lastBlock instanceof codeBlock.RTETextBlock) || (options === null || options === void 0 ? void 0 : options.newLine)) {
       const newTextBlock = codeBlock.RTETextBlock.from({
-        id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
+        id: misc.generateUUID(),
         type: 'paragraph',
-        nodes: [{ id: createPublicApiRuntimeMetricsSlimmer.generateUUID(), type: 'text', text: '' }],
+        nodes: [{ id: misc.generateUUID(), type: 'text', text: '' }],
       });
       lastBlock.parent.apply(new codeBlock.InsertChildrenAfterAction(lastBlock, newTextBlock));
       await this.valueController.flushChanges(this.value);
@@ -3257,7 +3314,7 @@ class DeleteSelectedNodesController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {RTETextBlock} An empty paragraph with a unique identifier and a text node appended to it.
    */
   createEmptyParagraph() {
-    const paragraph = new codeBlock.RTETextBlock(createPublicApiRuntimeMetricsSlimmer.generateUUID(), 'paragraph');
+    const paragraph = new codeBlock.RTETextBlock(misc.generateUUID(), 'paragraph');
     const textNode = new codeBlock.RTETextNode(`${paragraph.id}1`, '', paragraph);
     paragraph.apply(new codeBlock.AppendChildrenAction([textNode]));
     return paragraph;
@@ -3641,6 +3698,9 @@ class SourceEditToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
   }
   async saveSourceCode() {
     const sourceViewValue = this.vegaRichTextEditorRenderer.getSourceCode();
+    if (!sourceViewValue && this.value.isEmpty()) {
+      return;
+    }
     if (typeof sourceViewValue === 'string') {
       await this.valueController.flushChanges(dtoRendererManager.VegaRTEContent.fromHtml(sourceViewValue, {
         autoMatchFormat: this.sourceEditConfig.autoMatchFormat,
@@ -3666,6 +3726,9 @@ __decorate$8([
 __decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], SourceEditToolbarButtonSlimmer.prototype, "sourceEditConfig", void 0);
+__decorate$8([
+  globalSlimmerRegistry.MapToComponentField()
+], SourceEditToolbarButtonSlimmer.prototype, "value", void 0);
 
 var __decorate$7 = (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;
@@ -3757,7 +3820,7 @@ __decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], RTEExtensionController.prototype, "selectionController", void 0);
 __decorate$7([
-  globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], RTEExtensionController.prototype, "initialExtensionContext", null);
 __decorate$7([
   globalSlimmerRegistry.MapToComponentMethod('watchExtensions')
@@ -3798,7 +3861,7 @@ const VegaRichTextEditor = class {
       inputContainerGetter: () => this.vegaRichTextEditorRenderer.getRichTextContainerRef(),
       touchableAreaGetter: () => [this.vegaRichTextEditorRenderer.getRichTextContentRef()],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextEditor, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextEditor, vegaEventId.VegaChange);
     this.vegaRichTextEditorRenderer = new VegaRichTextEditorRenderer();
     this.valueController = new ValueController();
     this.selectionController = new componentValueHistoryControllerSlimmer_abstract.SelectionController();
@@ -3827,8 +3890,8 @@ const VegaRichTextEditor = class {
     this.userInputController = new UserInputController();
     this.insertImageController = new InsertImageController();
     this.insertCompositionTextController = new InsertCompositionTextController();
-    this.imageInsertedEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextEditor, domNodeSubjectObserverFactory.VegaImageInserted);
-    this.changeEventPreventSlimmer = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.vegaRichTextEditorRenderer.getRichTextWrapperRef());
+    this.imageInsertedEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextEditor, vegaEventId.VegaImageInserted);
+    this.changeEventPreventSlimmer = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.vegaRichTextEditorRenderer.getRichTextWrapperRef());
     this.textNodeColorController = new TextNodeColorController();
     this.deleteSelectedNodesController = new DeleteSelectedNodesController();
     this.historyController = new HistoryController();
@@ -4166,8 +4229,8 @@ const VegaRichTextEditorToolbarButton = class {
     this.click = index.createEvent(this, "click", 7);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextEditorToolbarButton, domNodeSubjectObserverFactory.VegaClick);
-    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, {
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextEditorToolbarButton, vegaEventId.VegaClick);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.host, {
       useCapture: true,
       customPreventHandle: (e) => {
         if (this.disabled) {
@@ -4256,14 +4319,14 @@ class VegaRichTextImageEditorRenderer extends globalSlimmerRegistry.VegaSlimmer
   render() {
     return (index.h("vega-popover", { style: { width: '100%' }, trigger: "click", alignment: "start", placement: "bottom", showArrow: false, ref: (ref) => {
         this.popoverRef = ref;
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaPopoverShow, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaPopoverShow, () => {
           this.selected = true;
           this.notifyImageSelected();
           void this.formRef.setValue({
             alt: this.alt,
           });
         });
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaPopoverHide, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaPopoverHide, () => {
           this.currentPage = 1;
           this.selected = false;
           void this.formRef.reset();
@@ -4289,7 +4352,7 @@ class VegaRichTextImageEditorRenderer extends globalSlimmerRegistry.VegaSlimmer
             { key: 'md', text: this.translationSlimmer.t('Md') },
             { key: 'lg', text: this.translationSlimmer.t('Lg') },
           ], selected: this.size, ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, (e) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, (e) => {
               // The below line is covered in `history.spec#should register history, and undo/redo for image size change`
               // Prevent handling vegaChange triggered by DOM ref reuse (e.g., undo/redo) when the image editor is not visible.
               if (!this.selected)
@@ -4303,7 +4366,7 @@ class VegaRichTextImageEditorRenderer extends globalSlimmerRegistry.VegaSlimmer
             });
           } }),
         index.h("vega-button-group", { variant: "tertiary", size: "small", ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (payload) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (payload) => {
               if (payload.detail === 'Alt Text') {
                 this.currentPage = 2;
               }
@@ -4389,7 +4452,7 @@ const VegaRichTextImageEditor = class {
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaRichTextImageEditorRenderer();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextImageEditor, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextImageEditor, vegaEventId.VegaChange);
     this.currentPage = 1;
     this.selected = false;
     /**
@@ -4479,7 +4542,7 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     return (index.h("vega-popover", { trigger: "click", alignment: "start", placement: "bottom", showArrow: false, ref: (ref) => {
         this.popoverRef = ref;
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaPopoverShow, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaPopoverShow, () => {
           var _a, _b;
           if (this.status === 'linkEdit') {
             void this.urlInputRef.doFocus();
@@ -4489,7 +4552,7 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
             url: (_b = this.record) === null || _b === void 0 ? void 0 : _b.url,
           });
         });
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaPopoverHide, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaPopoverHide, () => {
           void this.formRef.reset();
           if (this.resetStatusAfterHide) {
             this.status = 'editOrUnlinkSelection';
@@ -4505,7 +4568,7 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderLinkUnlinkContent() {
     return (index.h("vega-box", { display: this.status === 'editOrUnlinkSelection' ? 'block' : 'none' },
       index.h("vega-button-group", { size: "small", variant: "tertiary", ref: (node) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaClick, ({ detail }) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaClick, ({ detail }) => {
             switch (detail) {
               case 'edit': {
                 this.status = 'linkEdit';
@@ -4589,7 +4652,7 @@ const VegaRichTextLinkEditor = class {
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaRichTextLinkEditorRenderer();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextLinkEditor, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextLinkEditor, vegaEventId.VegaChange);
     /**
      * Specifies the status of the link editor
      *

package/dist/cjs/vega-section-title.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/vega-segment-control.cjs.entry.js

@@ -5,16 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-6a591353.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./internal-vega-event-manager-d587a33c.js');
-require('./try-get-document-c0ebd39a.js');
+require('./dom-node-subject-observer-factory-c62823de.js');
 require('./observer-f49483e8.js');
-require('./ui-9e181079.js');
+require('./ui-234ea151.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./try-get-document-c0ebd39a.js');
+require('./breakpoints-751d433a.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 
@@ -245,7 +247,7 @@ const VegaSegmentControl = class {
     this.segmentOverflowController = new VegaSegmentOverflowController();
     this.segmentRenderer = new VegaSegmentRenderer();
     this.selectedController = new VegaSegmentControlSelectedController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSegmentControl, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSegmentControl, vegaEventId.VegaChange);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
       callback: /* istanbul ignore next */ () => {
         this.segmentControlWidth = this.host.clientWidth;

package/dist/cjs/vega-selection-chip_2.cjs.entry.js

@@ -5,50 +5,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const responsiveFormatFacade = require('./responsive-format-facade-96c5f598.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6afa62f5.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-1dfbc4c3.js');
 const observer = require('./observer-f49483e8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const ui = require('./ui-9e181079.js');
+const ui = require('./ui-234ea151.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-6a591353.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
+const breakpoints = require('./breakpoints-751d433a.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const array = require('./array-249289f2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-1efa69c4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-536d29fc.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-6e3e14fd.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-58121111.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-require('./type-guard-69d2cf01.js');
+require('./type-guard-407ba0b8.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./translation-5f9f9c0c.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-translation-controller-053eb0f1.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-78ec27e0.js');
-require('./dark-mode-style-controller-c21172aa.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./vega-nonce-manager-df69d3ed.js');
+require('./feature-flag-controller-04cb1e69.js');
+require('./index-f054eb5d.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-d587a33c.js');
-require('./dto-renderer-manager-bd2bd447.js');
-require('./code-block-823cd481.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./vega-env-manager-23b8b23c.js');
 require('./string-39438062.js');
-require('./object-e2e28e3d.js');
-require('./internal-icon-manager-32f9ed63.js');
-require('./base-renderer-0a3b62b7.js');
-require('./feature-flag-controller-ce2162c8.js');
-require('./index-4d7bce1a.js');
-require('./wait-for-vega-handler-5469ff80.js');
+require('./misc-3d30df91.js');
+require('./index-592b4052.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -350,12 +343,12 @@ const VegaSelectionChip = class {
     this.showErrorController = new VegaSelectionChipShowErrorController();
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSelectionChip, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSelectionChip, vegaEventId.VegaChange);
     /**
      * Indicates whether the parent selection chip group shows error message.
      */
     this.showError = false;
-    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the label or title for the selection chip.
      * It provides descriptive text that helps identify
@@ -748,11 +741,11 @@ const VegaSelectionChipGroup = class {
       attributeGetter: (propertyName) => this[propertyName],
     });
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSelectionChipGroup, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSelectionChipGroup, vegaEventId.VegaChange);
     this.valueNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaSelectionChipGroup, 'value', 'watchValue');
     this.disabledNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaSelectionChipGroup, 'disabled', 'watchDisabled');
     this.selectTypeNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaSelectionChipGroup, 'selectType', 'watchSelectType');
-    this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host, true);
+    this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.host, true);
     /**
      * Specifies the label or title for the selection chip group.
      *    It provides descriptive text that helps identify