@globalpayments/vega 2.55.0 → 2.56.0

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

@@ -219,8 +219,11 @@ const VegaRadio = class {
     this.initAndRegisterGroupDisabledObserver();
   }
   render() {
+    var _a;
+    /* istanbul ignore next */
+    const isInsideRadioGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) == 'VEGA-RADIO-GROUP';
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
-        'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-RADIO-GROUP',
+        'vega-flex-shrink-0 v-min-w-min': isInsideRadioGroup,
       } }, index.h("label", { class: {
         'vega-radio-container': true,
         [this.size]: true,

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-dcb32c24.js');
 const component = require('./component-1e352960.js');
 const darkModeStyleController = require('./dark-mode-style-controller-f9a32d68.js');
-const imageAnnotationAction = require('./image-annotation-action-617bbb13.js');
-const codeBlock = require('./code-block-2d014e17.js');
+const imageAnnotationAction = require('./image-annotation-action-76e3c89d.js');
+const codeBlock = require('./code-block-e56c5216.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
-const contentState = require('./content-state-6a5da7ec.js');
+const contentState = require('./content-state-e07c843c.js');
 const vegaInternalEventId = require('./vega-internal-event-id-6cdc95fe.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e06cdf7e.js');
@@ -127,8 +127,8 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
   renderNodes(block, renderContext) {
     const linkGroupAnnotation = block.getAnnotationByType(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP);
     return linkGroupAnnotation
-      ? this.renderLinkNodes(block.nodes, renderContext)
-      : block.nodes.map((node) => RTETextNodeRenderer$1.render(node));
+      ? this.renderLinkNodes(block.children, renderContext)
+      : block.children.map((node) => RTETextNodeRenderer$1.render(node));
   }
   renderLinkNodes(nodes, { editable }) {
     const blockNodes = this.groupNodesByLink(nodes);
@@ -294,7 +294,7 @@ class RTEImageBlockRenderer extends RTEBlockRenderer {
     return block instanceof contentState.RTEImageBlock;
   }
   render(block, renderContext) {
-    return (index.h("div", { key: block.id, style: Object.assign({}, super.getStyles(block)), ref: (ref) => super.registerRef(ref, block), class: super.getClasses(block) }, block.nodes.map((node) => {
+    return (index.h("div", { key: block.id, style: Object.assign({}, super.getStyles(block)), ref: (ref) => super.registerRef(ref, block), class: super.getClasses(block) }, block.children.map((node) => {
       return RTEImageNodeRenderer$1.render(node, renderContext);
     })));
   }
@@ -305,7 +305,7 @@ class RTEListItemBlockRenderer extends RTEBlockTextNodesRenderer {
   render(block, renderContext) {
     return (index.h("li", { key: block.id, ref: (ref) => super.registerRef(ref, block), style: super.getStyles(block), class: super.getClasses(block) },
       super.renderNodes(block, renderContext),
-      this.renderChildren(block.children, renderContext)));
+      this.renderChildren(block.nestList, renderContext)));
   }
   renderChildren(children, renderContext) {
     return children === null || children === void 0 ? void 0 : children.map((block) => RTEListBlockRenderer$1.render(block, renderContext));
@@ -319,7 +319,7 @@ class RTEListBlockRenderer extends RTEBlockRenderer {
   }
   render(block, renderContext) {
     const BlockTag = block.type === 'number-list' ? 'ol' : 'ul';
-    return (index.h(BlockTag, { key: block.id, ref: (ref) => super.registerRef(ref, block) }, block.blocks.map((listItemBlock) => RTEListItemBlockRenderer$1.render(listItemBlock, renderContext))));
+    return (index.h(BlockTag, { key: block.id, ref: (ref) => super.registerRef(ref, block) }, block.children.map((listItemBlock) => RTEListItemBlockRenderer$1.render(listItemBlock, renderContext))));
   }
 }
 const RTEListBlockRenderer$1 = new RTEListBlockRenderer();
@@ -372,7 +372,7 @@ class RTECodeBlockNodeRenderer extends RTENodeRenderer {
     const { code, language } = codeBlockValue;
     if (this.shouldSwitchOutOfCodeBlock(node.text, code)) {
       const switchAction = new SwitchOutFromCodeBlockAction(code, language);
-      node.parentBlock.apply(switchAction);
+      node.parent.apply(switchAction);
     }
     else {
       node.apply(new codeBlock.UpdateCodeBlockAction(code, language));
@@ -386,7 +386,7 @@ class RTECodeBlockNodeRenderer extends RTENodeRenderer {
    */
   handleCodeBlockRemove(input, node) {
     input.preventDefault();
-    node.parentBlock.apply(new RemoveCodeBlockAction());
+    node.parent.apply(new RemoveCodeBlockAction());
   }
   /**
    * The cursor should jump out of code block if enter three line breaks at the end.
@@ -456,7 +456,7 @@ class RTECodeBlockRenderer extends RTEBlockRenderer {
    * @returns {HTMLElement} - The code block container element and code node elements.
    */
   render(block, renderContext) {
-    const { id, nodes } = block;
+    const { id, children: nodes } = block;
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     index.h("pre", { key: id, class: "code-block-container", ref: (node) => this.registerRef(node, block), onKeyDown: this.preventParentDoFocus, onClick: this.preventParentDoFocus, "data-language": nodes[0].language },
@@ -548,7 +548,7 @@ class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderContent() {
     var _a;
     const renderContext = { editable: this.contentEditable };
-    return (_a = this.content) === null || _a === void 0 ? void 0 : _a.blocks.map((block) => {
+    return (_a = this.content) === null || _a === void 0 ? void 0 : _a.children.map((block) => {
       const blockRenderer = this.getBlockRenderer(block);
       if (blockRenderer) {
         return blockRenderer.render(block, renderContext);
@@ -560,7 +560,7 @@ class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   shouldShowPlaceholder() {
     var _a;
-    const blocks = (_a = this.content) === null || _a === void 0 ? void 0 : _a.blocks;
+    const blocks = (_a = this.content) === null || _a === void 0 ? void 0 : _a.children;
     if (blocks) {
       if (blocks.length > 1) {
         return false;

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

@@ -10,24 +10,24 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
 const vegaInternalEventId = require('./vega-internal-event-id-6cdc95fe.js');
-const imageAnnotationAction = require('./image-annotation-action-617bbb13.js');
+const imageAnnotationAction = require('./image-annotation-action-76e3c89d.js');
 const internalIconManager = require('./internal-icon-manager-00f49470.js');
-const codeBlock = require('./code-block-2d014e17.js');
+const codeBlock = require('./code-block-e56c5216.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 const index$1 = require('./index-ebb1bb17.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dc6d0fe1.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-6154c759.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-f68fbf29.js');
-const contentState = require('./content-state-6a5da7ec.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-6bfb9145.js');
+const contentState = require('./content-state-e07c843c.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-9a1285a1.js');
 const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const observer = require('./observer-f49483e8.js');
 const timer = require('./timer-5f33058b.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-add5d8a8.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const ui = require('./ui-6c069604.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-e9c7c379.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-63f50aa4.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-29020cc8.js');
 const translationSlimmer = require('./translation-slimmer-127a0f83.js');
 const darkModeStyleController = require('./dark-mode-style-controller-f9a32d68.js');
@@ -1625,7 +1625,7 @@ class ValueController extends globalSlimmerRegistry.VegaSlimmer {
     if (this.value && !(this.value instanceof contentState.VegaRTEContent)) {
       this.value = contentState.VegaRTEContent.fromJSON(this.value);
     }
-    else if (!this.value || this.value.blocks.length === 0) {
+    else if (!this.value || this.value.children.length === 0) {
       this.value = contentState.VegaRTEContent.createEmptyContent();
     }
     else {
@@ -1873,9 +1873,9 @@ class InsertTextHandler extends BaseHandler {
    */
   insertTextToRoot(text) {
     if (this.currentState &&
-      this.currentState.blocks[0] &&
-      this.currentState.blocks[0] instanceof codeBlock.RTETextBlock) {
-      const firstNode = this.currentState.blocks[0].nodes[0];
+      this.currentState.children[0] &&
+      this.currentState.children[0] instanceof codeBlock.RTETextBlock) {
+      const firstNode = this.currentState.children[0].children[0];
       firstNode.apply(new codeBlock.UpdateTextAction(text));
       return firstNode;
     }
@@ -1889,9 +1889,9 @@ class InsertTextHandler extends BaseHandler {
    */
   insertTextToLineBreakNode(lineBreakNode, text) {
     const { startOffset, endOffset } = this.selectionController.getCurrentRange();
-    const textBlock = lineBreakNode.parentBlock;
-    const index = textBlock.nodes.indexOf(lineBreakNode);
-    if (startOffset === 0 && startOffset === endOffset && textBlock.nodes[index + 1]) {
+    const textBlock = lineBreakNode.parent;
+    const index = textBlock.children.indexOf(lineBreakNode);
+    if (startOffset === 0 && startOffset === endOffset && textBlock.children[index + 1]) {
       const newTextNode = lineBreakNode.cloneWithText(text);
       textBlock.apply(new InsertNodesBeforeAction(lineBreakNode, newTextNode));
       return newTextNode;
@@ -1929,7 +1929,7 @@ class InsertParagraphHandler extends BaseHandler {
     // If the start or end block contains a list item block, it needs to be processed separately
     if ((selectedBlocks.length && selectedBlocks[0].type === 'list-item') ||
       selectedBlocks[selectedBlocks.length - 1].type === 'list-item') {
-      const firstBlock = cursorNode.parentBlock;
+      const firstBlock = cursorNode.parent;
       const lastBlock = selectedBlocks[selectedBlocks.length - 1];
       /**
        * First block is list item
@@ -1972,7 +1972,7 @@ class InsertParagraphHandler extends BaseHandler {
    */
   breakSingleBlock() {
     const cursorNode = this.removeSelectionRange();
-    const currentBlock = cursorNode.parentBlock;
+    const currentBlock = cursorNode.parent;
     const { startOffset } = this.selectionController.getCurrentRange();
     if (currentBlock) {
       const breakAction = new contentState.BreakSingleBlockAction(cursorNode, startOffset);
@@ -1986,8 +1986,8 @@ class InsertParagraphHandler extends BaseHandler {
    * @param {RTEBlock} newBlock - Represents a new create block element in a rich text editor.
    */
   switchCaretPositionToNextElement(newBlock) {
-    if (newBlock && newBlock['nodes']) {
-      this.selectionController.enqueueSelectionRangeFutureState(newBlock['nodes'][0], 0);
+    if (newBlock && newBlock.children) {
+      this.selectionController.enqueueSelectionRangeFutureState(newBlock.children[0], 0);
     }
   }
 }
@@ -2048,10 +2048,10 @@ class InsertLineBreakHandler extends BaseHandler {
    */
   breakNewBlock() {
     if (this.currentState &&
-      this.currentState.blocks[0] &&
-      this.currentState.blocks[0] instanceof codeBlock.RTETextBlock) {
-      const lineBreakAction = new LineBreakSingleBlockAction(this.currentState.blocks[0].nodes[0], 0);
-      this.currentState.blocks[0].apply(lineBreakAction);
+      this.currentState.children[0] &&
+      this.currentState.children[0] instanceof codeBlock.RTETextBlock) {
+      const lineBreakAction = new LineBreakSingleBlockAction(this.currentState.children[0].children[0], 0);
+      this.currentState.children[0].apply(lineBreakAction);
       this.switchCaretPositionToSpecifiedNode(lineBreakAction.lineBreakNode);
     }
   }
@@ -2070,7 +2070,7 @@ class InsertLineBreakHandler extends BaseHandler {
   breakSingleBlock() {
     const range = this.selectionController.getCurrentRange();
     const cursorNode = this.removeSelectionRange();
-    const currentBlock = cursorNode.parentBlock;
+    const currentBlock = cursorNode.parent;
     if (currentBlock) {
       const lineBreakAction = new LineBreakSingleBlockAction(cursorNode, range.startOffset);
       currentBlock.apply(lineBreakAction);
@@ -2084,7 +2084,7 @@ class InsertLineBreakHandler extends BaseHandler {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     const cursorNode = this.removeSelectionRange();
     const lineBreakAction = new lineBreakMultipleBlocksAction(selectedBlocks);
-    cursorNode.parentBlock.apply(lineBreakAction);
+    cursorNode.parent.apply(lineBreakAction);
     this.switchCaretPositionToSpecifiedNode(lineBreakAction.lineBreakNode);
   }
   /**
@@ -2102,8 +2102,8 @@ class InsertLineBreakHandler extends BaseHandler {
    * @returns {RTENode} The next sibling node of the current line break element, or the current node if next node is not exists.
    */
   getNextRTENode(lineBreakNode) {
-    const index = lineBreakNode.parentBlock['nodes'].indexOf(lineBreakNode);
-    const nextNode = lineBreakNode.parentBlock['nodes'][index + 1];
+    const index = lineBreakNode.parent.children.indexOf(lineBreakNode);
+    const nextNode = lineBreakNode.parent.children[index + 1];
     return nextNode || lineBreakNode;
   }
 }
@@ -2159,7 +2159,7 @@ class DeleteContentHandler extends BaseHandler {
       else if (deleteAction.nextNode) {
         this.selectionController.enqueueSelectionRangeFutureState(deleteAction.nextNode, 0);
       }
-      else if (this.currentState.blocks.length === 0) {
+      else if (this.currentState.children.length === 0) {
         // Add a empty paragraph if delete all content to make sure the caret position
         this.insertDefaultParagraph();
       }
@@ -2175,9 +2175,9 @@ class DeleteContentHandler extends BaseHandler {
     if (selectedNodes.length > 1 &&
       lastSelectedNode instanceof codeBlock.RTETextNode &&
       lastSelectedNode.isEmpty()) {
-      lastSelectedNode.parentBlock.apply(new codeBlock.RemoveChildAction(lastSelectedNode));
+      lastSelectedNode.parent.apply(new codeBlock.RemoveChildAction(lastSelectedNode));
     }
-    this.convertFirstBlockToParagraph(cursorNode.parentBlock);
+    this.convertFirstBlockToParagraph(cursorNode.parent);
   }
   /**
    * If the first block is not paragraph, convert the block to paragraph after delete all text
@@ -2185,14 +2185,14 @@ class DeleteContentHandler extends BaseHandler {
    * @param {RTEBlock} block - The first block instance
    */
   convertFirstBlockToParagraph(block) {
-    const firstBlock = this.currentState.blocks[0];
+    const firstBlock = this.currentState.children[0];
     if (firstBlock === block &&
       block instanceof codeBlock.RTETextBlock &&
-      block.nodes.length === 1 &&
-      block.nodes[0].isEmpty() &&
+      block.children.length === 1 &&
+      block.children[0].isEmpty() &&
       block.type !== 'paragraph') {
       const paragraph = this.createEmptyParagraph();
-      paragraph.apply(new codeBlock.ReplaceChildNodesAction(block.nodes));
+      paragraph.apply(new codeBlock.ReplaceChildNodesAction(block.children));
       block.parent.apply(new codeBlock.InsertBlocksBeforeAction(block, paragraph));
       block.parent.apply(new codeBlock.RemoveChildAction(block));
     }
@@ -2203,7 +2203,7 @@ class DeleteContentHandler extends BaseHandler {
   insertDefaultParagraph() {
     const paragraph = this.createEmptyParagraph();
     this.currentState.apply(new codeBlock.AppendChildNodesAction([paragraph]));
-    this.selectionController.enqueueSelectionRangeFutureState(paragraph.nodes[0], 1);
+    this.selectionController.enqueueSelectionRangeFutureState(paragraph.children[0], 1);
   }
   /**
    * Returns the end offset of a given node in a Rich Text Editor based on its type and text content.
@@ -2631,7 +2631,7 @@ class UlToRTEListBlockStrategy extends BlockToRTEBlockStrategyAbstract {
    * @param {RTEListItemBlock[]} childBlocks - Current list item blocks.
    */
   appendChildBlocks(currentBlock, childBlocks) {
-    currentBlock.blocks = childBlocks;
+    currentBlock.children = childBlocks;
     childBlocks.forEach((block) => (block.parent = currentBlock));
   }
   /**
@@ -2679,7 +2679,7 @@ class LiToRTEListItemBlockStrategy extends BlockToRTEBlockStrategyAbstract {
    * @param {RTEListItemBlock[]} childBlocks - Current list blocks.
    */
   appendChildBlocks(currentBlock, childBlocks) {
-    currentBlock.children = childBlocks.filter((block) => ['bullet-list', 'number-list'].includes(block.type));
+    currentBlock.nestList = childBlocks.filter((block) => ['bullet-list', 'number-list'].includes(block.type));
   }
   /**
    * Should continue process to child elements.
@@ -2931,7 +2931,7 @@ class OlToRTEListBlockStrategy extends BlockToRTEBlockStrategyAbstract {
    * @param {RTEListItemBlock[]} childBlocks - Current list item blocks.
    */
   appendChildBlocks(currentBlock, childBlocks) {
-    currentBlock.blocks = childBlocks;
+    currentBlock.children = childBlocks;
     childBlocks.forEach((block) => (block.parent = currentBlock));
   }
   /**
@@ -3277,8 +3277,8 @@ class InsertPasteHandler extends BaseHandler {
    */
   insertBlocksToContent(blocks) {
     const cursorNode = this.removeSelectionRange();
-    if (cursorNode && cursorNode.parentBlock) {
-      const currentBlock = cursorNode.parentBlock;
+    if (cursorNode && cursorNode.parent) {
+      const currentBlock = cursorNode.parent;
       const { startOffset } = this.selectionController.getCurrentRange();
       const breakAction = new codeBlock.SplitBlockWithNodeAction(cursorNode, startOffset);
       currentBlock.apply(breakAction);
@@ -3294,7 +3294,7 @@ class InsertPasteHandler extends BaseHandler {
   insertBlocksBeforeEmptyBlock(blocks) {
     const cursorNode = this.removeSelectionRange();
     /* istanbul ignore next */
-    const currentBlock = cursorNode === null || cursorNode === void 0 ? void 0 : cursorNode.parentBlock;
+    const currentBlock = cursorNode === null || cursorNode === void 0 ? void 0 : cursorNode.parent;
     if (currentBlock) {
       currentBlock.parent.apply(new codeBlock.InsertBlocksBeforeAction(currentBlock, ...blocks));
       this.switchCaretPositionToNextElement(currentBlock);
@@ -3327,8 +3327,8 @@ class InsertPasteHandler extends BaseHandler {
    * @param {RTEBlock} newBlock - Represents a new create block element in a rich text editor.
    */
   switchCaretPositionToNextElement(newBlock) {
-    if (newBlock && newBlock['nodes']) {
-      this.selectionController.enqueueSelectionRangeFutureState(newBlock['nodes'][0], 0);
+    if (newBlock && newBlock.children) {
+      this.selectionController.enqueueSelectionRangeFutureState(newBlock.children[0], 0);
     }
   }
   /**
@@ -3535,7 +3535,7 @@ class InsertImageController extends globalSlimmerRegistry.VegaSlimmer {
     const newImageNode = new codeBlock.RTEImageNode(createPublicApiRuntimeMetricsSlimmer.generateUUID(), imageUrl, imageBlock);
     newImageNode.apply(new imageAnnotationAction.ImageAnnotationAction('md', ''));
     imageBlock.apply(new codeBlock.AppendChildNodesAction([newImageNode]));
-    if (selectedBlocks.length < 1 || this.value.blocks.length < 1) {
+    if (selectedBlocks.length < 1 || this.value.children.length < 1) {
       this.value.apply(new codeBlock.AppendChildNodesAction([imageBlock]));
       void this.valueController.flushChanges(this.value);
     }
@@ -3653,7 +3653,7 @@ class FocusController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {Promise<void>} - A promise that resolves when the focus is set
    */
   async focusOnLastTextNode(options) {
-    const lastBlock = this.value.blocks[this.value.blocks.length - 1];
+    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(),
@@ -3879,11 +3879,11 @@ class InsertCompositionTextController extends globalSlimmerRegistry.VegaSlimmer
    * @param {RTETextNode} currentNode The current line break node, the text value is \n
    */
   appendLineBreakNode(currentNode) {
-    const textBlock = currentNode.parentBlock;
-    const index = textBlock.nodes.indexOf(currentNode);
-    if (textBlock.nodes[index + 1]) {
+    const textBlock = currentNode.parent;
+    const index = textBlock.children.indexOf(currentNode);
+    if (textBlock.children[index + 1]) {
       const newTextNode = currentNode.cloneWithText('\n');
-      textBlock.apply(new InsertNodesBeforeAction(textBlock.nodes[index + 1], newTextNode));
+      textBlock.apply(new InsertNodesBeforeAction(textBlock.children[index + 1], newTextNode));
     }
   }
   /**
@@ -4044,7 +4044,7 @@ class DeleteSelectedNodesController extends globalSlimmerRegistry.VegaSlimmer {
         }
       });
       shouldRemovedItems.forEach((item) => {
-        item.parentBlock.apply(new codeBlock.RemoveChildAction(item));
+        item.parent.apply(new codeBlock.RemoveChildAction(item));
       });
     }
     this.removeRangeStartAndEndSelectedText();
@@ -4057,23 +4057,23 @@ class DeleteSelectedNodesController extends globalSlimmerRegistry.VegaSlimmer {
       startOffset !== 1 &&
       (endNode !== startNode || endOffset !== 0)) {
       // the image block will be deleted when the image is the only item
-      if (startNode.parentBlock.nodes.length === 1) {
+      if (startNode.parent.children.length === 1) {
         const paragraph = this.createEmptyParagraph();
-        startNode.parentBlock.parent.apply(new codeBlock.InsertBlocksBeforeAction(startNode.parentBlock, paragraph));
-        startNode.parentBlock.apply(new codeBlock.RemoveChildAction(startNode));
-        return paragraph.nodes[0];
+        startNode.parent.parent.apply(new codeBlock.InsertBlocksBeforeAction(startNode.parent, paragraph));
+        startNode.parent.apply(new codeBlock.RemoveChildAction(startNode));
+        return paragraph.children[0];
       }
-      else if (startNode === startNode.parentBlock.nodes[0]) {
+      else if (startNode === startNode.parent.children[0]) {
         // the start node should be the next image item if the image is first item
-        startNode.parentBlock.apply(new codeBlock.RemoveChildAction(startNode));
-        return startNode.parentBlock.nodes[0];
+        startNode.parent.apply(new codeBlock.RemoveChildAction(startNode));
+        return startNode.parent.children[0];
       }
     }
     else if (startNode instanceof codeBlock.RTECodeBlockNode) {
       const paragraph = this.createEmptyParagraph();
-      startNode.parentBlock.parent.apply(new codeBlock.InsertBlocksBeforeAction(startNode.parentBlock, paragraph));
-      startNode.parentBlock.apply(new codeBlock.RemoveChildAction(startNode));
-      return paragraph.nodes[0];
+      startNode.parent.parent.apply(new codeBlock.InsertBlocksBeforeAction(startNode.parent, paragraph));
+      startNode.parent.apply(new codeBlock.RemoveChildAction(startNode));
+      return paragraph.children[0];
     }
     return startNode;
   }
@@ -4113,24 +4113,24 @@ class DeleteSelectedNodesController extends globalSlimmerRegistry.VegaSlimmer {
         const selectedNodes = this.selectionController.getSelectedNodes();
         const startRTENode = selectedNodes[0];
         const endRTENode = selectedNodes[selectedNodes.length - 1];
-        if (startRTENode && startRTENode.parentBlock && endRTENode && endRTENode.parentBlock) {
-          const endBlock = endRTENode.parentBlock;
+        if (startRTENode && startRTENode.parent && endRTENode && endRTENode.parent) {
+          const endBlock = endRTENode.parent;
           if (this.shouldMergeTextNode(startRTENode, endRTENode)) {
             startRTENode.apply(new codeBlock.UpdateTextAction(startRTENode.text + endRTENode.text));
-            if (startRTENode.parentBlock === endRTENode.parentBlock) {
-              startRTENode.parentBlock.apply(new codeBlock.RemoveChildAction(endRTENode));
+            if (startRTENode.parent === endRTENode.parent) {
+              startRTENode.parent.apply(new codeBlock.RemoveChildAction(endRTENode));
             }
             else {
-              endRTENode.parentBlock.apply(new codeBlock.RemoveChildAction(endRTENode.parentBlock.nodes[0]));
+              endRTENode.parent.apply(new codeBlock.RemoveChildAction(endRTENode.parent.children[0]));
             }
           }
           if (startRTENode instanceof codeBlock.RTETextNode &&
             endRTENode instanceof codeBlock.RTETextNode &&
-            startRTENode.parentBlock !== endRTENode.parentBlock) {
-            startRTENode.parentBlock.apply(new codeBlock.AppendChildNodesAction(endBlock.nodes));
-            endBlock.nodes = [];
+            startRTENode.parent !== endRTENode.parent) {
+            startRTENode.parent.apply(new codeBlock.AppendChildNodesAction(endBlock.children));
+            endBlock.children = [];
           }
-          if (endBlock.nodes.length < 1) {
+          if (endBlock.children.length < 1) {
             endBlock.parent.apply(new codeBlock.RemoveChildAction(endBlock));
           }
         }
@@ -4307,7 +4307,7 @@ class CodeBlockToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonS
       const transformToCodeBlockAction = new TransformToCodeBlockAction(selectedBlocks);
       parentBlock.apply(transformToCodeBlockAction);
       void this.valueController.flushChanges(this.value);
-      this.selectionController.enqueueSelectionRangeFutureState(transformToCodeBlockAction.newCodeBlock.nodes[0], 0);
+      this.selectionController.enqueueSelectionRangeFutureState(transformToCodeBlockAction.newCodeBlock.children[0], 0);
     }
   }
   /**
@@ -4383,7 +4383,7 @@ class InternalCodeBlockSelectionController extends componentValueHistoryControll
    * @returns {boolean} - The boolean result.
    */
   isCodeBlockSelected(codeBlock$1, range) {
-    const codeBlockNode = codeBlock$1.nodes[0];
+    const codeBlockNode = codeBlock$1.children[0];
     const entityDom = codeBlock.stateEntityRenderingRegistry.getDOMByEntity(codeBlockNode);
     return (codeBlock$1.isSelected() ||
       (entityDom &&

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

@@ -6,7 +6,7 @@ const index = require('./index-7700600c.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4a19e115.js');
+const responsiveFormatFacade = require('./responsive-format-facade-e2e11c24.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e06cdf7e.js');
 const observer = require('./observer-f49483e8.js');
@@ -43,8 +43,8 @@ require('./index-8b247c17.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-4491efc9.js');
 require('./translation-e5003a00.js');
-require('./content-state-6a5da7ec.js');
-require('./code-block-2d014e17.js');
+require('./content-state-e07c843c.js');
+require('./code-block-e56c5216.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dom-node-subject-observer-factory-5aa4cc83.js');
 require('./string-21427167.js');

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

@@ -15,7 +15,7 @@ const internalIconManager = require('./internal-icon-manager-00f49470.js');
 const iconManager = require('./icon-manager-9a47399c.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-f68fbf29.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4a19e115.js');
+const responsiveFormatFacade = require('./responsive-format-facade-e2e11c24.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
 const vegaInternalEventId = require('./vega-internal-event-id-6cdc95fe.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-6154c759.js');
@@ -42,8 +42,8 @@ require('./feature-flag-controller-5e58aae4.js');
 require('./index-8b247c17.js');
 require('./wait-for-vega-handler-4491efc9.js');
 require('./translation-e5003a00.js');
-require('./content-state-6a5da7ec.js');
-require('./code-block-2d014e17.js');
+require('./content-state-e07c843c.js');
+require('./code-block-e56c5216.js');
 
 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;

package/dist/cjs/vega-signature-capture.cjs.entry.js

@@ -9,7 +9,7 @@ const internalIconManager = require('./internal-icon-manager-00f49470.js');
 const component = require('./component-1e352960.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
-const designToken = require('./design-token-d15e60fa.js');
+const designToken = require('./design-token-3e0bd48d.js');
 const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const object = require('./object-bbd4ed7f.js');
@@ -28,7 +28,7 @@ require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-4a19e115.js');
+require('./responsive-format-facade-e2e11c24.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
@@ -41,8 +41,8 @@ require('./feature-flag-controller-5e58aae4.js');
 require('./index-8b247c17.js');
 require('./wait-for-vega-handler-4491efc9.js');
 require('./translation-e5003a00.js');
-require('./content-state-6a5da7ec.js');
-require('./code-block-2d014e17.js');
+require('./content-state-e07c843c.js');
+require('./code-block-e56c5216.js');
 require('./vega-internal-event-id-6cdc95fe.js');
 require('./state-background-color-formatter-e585a027.js');
 require('./try-get-document-c0ebd39a.js');

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

@@ -15,7 +15,7 @@ const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-6cdc95fe.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4a19e115.js');
+const responsiveFormatFacade = require('./responsive-format-facade-e2e11c24.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const component = require('./component-1e352960.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
@@ -43,8 +43,8 @@ require('./vega-env-manager-23b8b23c.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-4491efc9.js');
 require('./translation-e5003a00.js');
-require('./content-state-6a5da7ec.js');
-require('./code-block-2d014e17.js');
+require('./content-state-e07c843c.js');
+require('./code-block-e56c5216.js');
 require('./dark-mode-style-controller-f9a32d68.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./regex-c1f70fd4.js');

package/dist/cjs/vega-time-picker_2.cjs.entry.js

@@ -17,7 +17,7 @@ const date = require('./date-0a6bb035.js');
 const array = require('./array-249289f2.js');
 const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-2f16891f.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-2b9ca234.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0a5f5770.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
@@ -42,15 +42,15 @@ require('./vega-skeleton-loader-controller-3833c813.js');
 require('./dark-mode-style-controller-f9a32d68.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./internal-vega-event-manager-e98944ac.js');
-require('./responsive-format-facade-4a19e115.js');
+require('./responsive-format-facade-e2e11c24.js');
 require('./pixel-98f2a10c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-5e58aae4.js');
 require('./index-8b247c17.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-4491efc9.js');
-require('./content-state-6a5da7ec.js');
-require('./code-block-2d014e17.js');
+require('./content-state-e07c843c.js');
+require('./code-block-e56c5216.js');
 require('./keyboard-manager-1843112c.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');

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

@@ -7,7 +7,7 @@ const component = require('./component-1e352960.js');
 const injectKeyboardManager = require('./inject-keyboard-manager-11df8296.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-2f16891f.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-2b9ca234.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-4f15005f.js');
 require('./keyboard-manager-1843112c.js');
 require('./ui-6c069604.js');
@@ -29,7 +29,7 @@ require('./_commonjsHelpers-537d719a.js');
 require('./internal-vega-event-manager-e98944ac.js');
 require('./dom-node-subject-factory-769dd00f.js');
 require('./number-4816603d.js');
-require('./responsive-format-facade-4a19e115.js');
+require('./responsive-format-facade-e2e11c24.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
@@ -38,8 +38,8 @@ require('./index-8b247c17.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-4491efc9.js');
 require('./translation-e5003a00.js');
-require('./content-state-6a5da7ec.js');
-require('./code-block-2d014e17.js');
+require('./content-state-e07c843c.js');
+require('./code-block-e56c5216.js');
 require('./vega-internal-event-id-6cdc95fe.js');
 require('./dom-node-subject-observer-factory-5aa4cc83.js');
 require('./object-bbd4ed7f.js');