@heartlandone/vega 2.67.0 → 2.68.0

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

@@ -6,23 +6,23 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0f
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory, V as VegaDropdownClick, f as VegaChange, U as VegaImageInserted, a as VegaClick, R as VegaPopoverShow, S as VegaPopoverHide } from './dom-node-subject-observer-factory-dca87b70.js';
 import { V as VegaInternalComponentDidRender, b as VegaInternalRichTextEditorFlushChanges, C as VegaInternalRichTextEditDeleteSelectedNodes, D as VegaInternalRichTextImageClick, E as VegaInternalRichTextImageDeleteButtonClicked, v as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-5c3e5f7f.js';
-import { R as RTEDTORendererManager, f as RTEImageNode, c as RTEListItemBlock, V as VegaRTEContent, M as MergeTwoBlocksNodesAction, g as InsertNewParagraphAction, S as StylePreservator, h as ElementToDtoStrategyProcessor, d as RTEImageBlock } from './dto-renderer-manager-a1a3b6d2.js';
+import { R as RTEDTORendererManager, f as RTEImageNode, c as RTEListItemBlock, V as VegaRTEContent, M as MergeTwoBlocksNodesAction, I as InsertNewParagraphAction, S as StylePreservator, i as ElementToDtoStrategyProcessor, d as RTEImageBlock } from './dto-renderer-manager-7abc53bf.js';
 import { i as isNonNullable } from './type-guard-12f7654b.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
-import { a as RTETextNode, _ as BoldAnnotationAction, u as NodeAnnotationTypeEnum, Y as RTECodeBlockNode, $ as ItalicAnnotationAction, a0 as UnderlineAnnotationAction, d as RTETextBlock, a1 as TextStyleAnnotationAction, a2 as TextStyleAnnotation, a3 as BoldAnnotation, m as BlockAnnotationTypeEnum, a4 as ClearFormattingAnnotationAction, a5 as CodeAnnotationAction, a6 as StrikethroughAnnotationAction, T as SelectionChangeAction, L as LinkAnnotationAction, A as ActionHandleStrategyRegistry, a7 as IndentAnnotationAction, M as ModifyContentAction, b as ModifyContentActionType, H as HorizontalAlignmentAnnotationAction, s as stateEntityRenderingRegistry, e as AppendChildrenAction, Z as ZERO_WIDTH_SPACE, U as UpdateTextAction, k as InsertChildrenBeforeAction, D as SplitBlockWithNodeAction, j as RemoveChildrenAction, z as ReplaceChildNodesAction, I as InsertChildrenAfterAction, q as RTECodeBlock, V as VegaRTEPresetToolbarItems } from './code-block-11b2bc1c.js';
-import { V as VisualModeToolbarButtonSlimmer, I as ImageAnnotationAction, T as TextNodeRenderingRegistry, b as ToolbarButtonSlimmer, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-fc46c920.js';
+import { b as RTETextNode, a1 as BoldAnnotationAction, y as NodeAnnotationTypeEnum, a2 as ItalicAnnotationAction, a3 as UnderlineAnnotationAction, e as RTETextBlock, T as TextStyleAnnotationAction, a4 as TextStyleAnnotation, a5 as BoldAnnotation, u as BlockAnnotationTypeEnum, a6 as ClearFormattingAnnotationAction, a7 as CodeAnnotationAction, a8 as StrikethroughAnnotationAction, _ as SelectionChangeAction, W as LinkAnnotationAction, a9 as IndentAnnotationAction, M as ModifyContentAction, c as ModifyContentActionType, a0 as RTECodeBlockNode, A as ActionHandleStrategyRegistry, H as HorizontalAlignmentAnnotationAction, s as stateEntityRenderingRegistry, h as AppendChildrenAction, Z as ZERO_WIDTH_SPACE, U as UpdateTextAction, j as InsertChildrenBeforeAction, J as SplitBlockWithNodeAction, r as RemoveChildrenAction, G as ReplaceChildNodesAction, x as RTECodeBlock, I as InsertChildrenAfterAction, V as VegaRTEPresetToolbarItems } from './code-block-e8839202.js';
+import { V as VisualModeToolbarButtonSlimmer, I as ImageAnnotationAction, T as TextNodeRenderingRegistry, b as ToolbarButtonSlimmer, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-7957653a.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { a as waitForComponentDidRender } from './index-c943d263.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b23d9ff3.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-56380f02.js';
-import { R as RTESelectionState, C as ComponentValueHistoryControllerSlimmer, A as AutoRunWhenReRenderTaskQueueSlimmer, a as SelectionController } from './component-value-history-controller-slimmer.abstract-16c5cb96.js';
+import { R as RTESelectionState, C as ComponentValueHistoryControllerSlimmer, A as AutoRunWhenReRenderTaskQueueSlimmer, a as SelectionController } from './component-value-history-controller-slimmer.abstract-c6f94113.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE, D as DARK_MODE_CHANGE } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { d as debounce } from './timer-9321173b.js';
 import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-f2b4f8ed.js';
-import { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-d50c24da.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-43857573.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { T as TranslationSlimmer } from './translation-slimmer-984c9ce6.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-b7e85b6a.js';
 import { i as isArrayEqual } from './array-7888f339.js';
@@ -44,8 +44,8 @@ import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './sub-state-observer-slimmer-3504e2f2.js';
-import './internal-vega-event-manager-a5a5938d.js';
-import './range-b78254de.js';
+import './internal-vega-event-manager-516aa721.js';
+import './range-adf206fd.js';
 import './synchronize-task-queue-ac8acc3b.js';
 import './keyboard-manager-slimmer-f39214e4.js';
 import './keyboard-manager-5d8f3582.js';
@@ -191,7 +191,7 @@ class VegaRichTextEditorRenderer extends VegaSlimmer {
           'disabled': this.disabled,
           'vega-hidden': this.sourceView,
         }, style: { minHeight: `${this.rows * 24}px` }, onClick: this.richTextContentFocus, role: "textbox", tabIndex: !this.disabled ? -1 : 0, onKeyDown: createEnterKeyHandlerToTriggerClick(), ref: (node) => (this.richTextContainerRef = node) },
-        h("vega-rich-text-content", { ref: (ref) => (this.richTextContentRef = ref), content: this.value }),
+        h("vega-rich-text-content", { ref: (ref) => (this.richTextContentRef = ref), content: this.value, extensions: this.extensions }),
         this.renderCharacterCounter()));
     };
     this.renderCharacterCounter = () => {
@@ -323,6 +323,9 @@ __decorate$C([
 __decorate$C([
   MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "allowSourceEdit", void 0);
+__decorate$C([
+  MapToComponentField()
+], VegaRichTextEditorRenderer.prototype, "extensions", void 0);
 __decorate$C([
   MapToComponentMethod('componentDidRender')
 ], VegaRichTextEditorRenderer.prototype, "componentDidRender", null);
@@ -525,9 +528,8 @@ class BoldToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
     return (super.isDisabled() ||
       selectedNodes.some((node) => {
         var _a;
-        return node instanceof RTECodeBlockNode ||
-          ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          this.shouldDisabledToolbar(node, BoldAnnotationAction.name);
       }));
   }
 }
@@ -574,9 +576,8 @@ class ItalicToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
     return (super.isDisabled() ||
       selectedNodes.some((node) => {
         var _a;
-        return node instanceof RTECodeBlockNode ||
-          ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          this.shouldDisabledToolbar(node, ItalicAnnotationAction.name);
       }));
   }
 }
@@ -626,9 +627,8 @@ class UnderlineToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
     return (super.isDisabled() ||
       selectedNodes.some((node) => {
         var _a;
-        return node instanceof RTECodeBlockNode ||
-          ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          this.shouldDisabledToolbar(node, UnderlineAnnotationAction.name);
       }));
   }
 }
@@ -698,10 +698,9 @@ class TextStylesToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
     return false;
   }
   isDisabled() {
-    const selectedNodes = this.selectionController.getSelectedNodes();
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
     return (super.isDisabled() ||
-      selectedNodes.some((node) => node instanceof RTECodeBlockNode ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, TextStyleAnnotationAction.name)));
   }
   addDropdownObserver(dropdownRef) {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownClick, this.handleDropdownItemClick);
@@ -795,8 +794,7 @@ class ClearStyleToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
     return (super.isDisabled() ||
-      selectedNodes.some((node) => node instanceof RTECodeBlockNode ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
+      selectedNodes.some((node) => this.shouldDisabledToolbar(node, ClearFormattingAnnotationAction.name)));
   }
 }
 (() => {
@@ -843,9 +841,8 @@ class CodeToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
     return (super.isDisabled() ||
-      selectedNodes.some((node) => node instanceof RTECodeBlockNode ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
+        this.shouldDisabledToolbar(node, CodeAnnotationAction.name)));
   }
 }
 (() => {
@@ -894,9 +891,8 @@ class StrikethroughToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
     return (super.isDisabled() ||
       selectedNodes.some((node) => {
         var _a;
-        return node instanceof RTECodeBlockNode ||
-          ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          this.shouldDisabledToolbar(node, StrikethroughAnnotationAction.name);
       }));
   }
 }
@@ -964,8 +960,7 @@ class LinkToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
       selectedBlocks.length > 1 ||
       selectedNodes.some((node) => {
         var _a;
-        return !(node instanceof RTETextNode &&
-          ActionHandleStrategyRegistry.canHandle(LinkAnnotationAction.name, node)) ||
+        return this.shouldDisabledToolbar(node, LinkAnnotationAction.name) ||
           node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
           ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code);
       }));
@@ -1023,10 +1018,8 @@ class MoreIndentToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
-    const selectedNodes = this.selectionController.getSelectedNodes();
     return (super.isDisabled() ||
-      selectedBlocks.some((node) => node.type === 'list-item' || node.type === 'code-block') ||
-      selectedNodes.some((node) => node instanceof RTEImageNode));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, IndentAnnotationAction.name)));
   }
   onClick() {
     this.selectionController.getSelectedBlocks().forEach((item) => {
@@ -1067,10 +1060,8 @@ class LessIndentToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
-    const selectedNodes = this.selectionController.getSelectedNodes();
     return (super.isDisabled() ||
-      selectedBlocks.some((node) => node.type === 'list-item' || node.type === 'code-block') ||
-      selectedNodes.some((node) => node instanceof RTEImageNode));
+      selectedBlocks.some((node) => this.shouldDisabledToolbar(node, IndentAnnotationAction.name)));
   }
   onClick() {
     this.selectionController.getSelectedBlocks().forEach((item) => {
@@ -1156,8 +1147,10 @@ class ImageToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
+    const selectedBlock = this.selectionController.getSelectedBlocks()[0];
     return (super.isDisabled() ||
-      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK)));
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK)) ||
+      this.shouldDisabledToolbar(selectedBlock, ModifyContentActionType.INSERT_IMAGE_TO_BLOCK));
   }
 }
 (() => {
@@ -1375,9 +1368,34 @@ class BulletsNumbersToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer
     return false;
   }
   isDisabled() {
-    const selectedNodes = this.selectionController.getSelectedNodes();
-    return (super.isDisabled() ||
-      selectedNodes.some((node) => node instanceof RTEImageNode || node instanceof RTECodeBlockNode));
+    return super.isDisabled() || this.shouldDisabledListToolbar();
+  }
+  shouldDisabledListToolbar() {
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
+    return selectedBlocks.some((block) => {
+      return (block &&
+        (this.unableToConvertListOrParagraph(block) || this.unableToInsertBlock(block.parent)));
+    });
+  }
+  /**
+   * Check if unable to insert blocks before or after the given block.
+   *
+   * @param {RTEBlock | VegaRTEContent} block - The block to check.
+   * @returns {boolean} - Boolean result.
+   */
+  unableToInsertBlock(block) {
+    return !(ActionHandleStrategyRegistry.canHandle(ModifyContentActionType.INSERT_CHILDREN_AFTER, block) ||
+      ActionHandleStrategyRegistry.canHandle(ModifyContentActionType.INSERT_CHILDREN_BEFORE, block));
+  }
+  /**
+   * Check if unable to convert the block to list or paragraph.
+   *
+   * @param {RTEBlock} block - The block to check.
+   * @returns {boolean} - Boolean result.
+   */
+  unableToConvertListOrParagraph(block) {
+    return (!ActionHandleStrategyRegistry.canHandle(ModifyContentActionType.TRANSFORM_LIST_BLOCK, block) &&
+      !ActionHandleStrategyRegistry.canHandle(ModifyContentActionType.TRANSFORM_PARAGRAPH_BLOCK, block.parent));
   }
 }
 (() => {
@@ -1638,7 +1656,7 @@ class HorizontalAlignmentToolbarButtonSlimmer extends VisualModeToolbarButtonSli
     return (super.isDisabled() ||
       this.selectionController
         .getSelectedBlocks()
-        .some((block) => block.type === 'code-block'));
+        .some((block) => this.shouldDisabledToolbar(block, HorizontalAlignmentAnnotationAction.name)));
   }
 }
 __decorate$i([
@@ -2207,7 +2225,9 @@ class InsertLineBreakHandler extends BaseHandler {
     if (currentBlock) {
       const lineBreakAction = new LineBreakSingleBlockAction(cursorNode, range.startOffset);
       currentBlock.apply(lineBreakAction);
-      this.switchCaretPositionToSpecifiedNode(lineBreakAction.lineBreakNode);
+      if (lineBreakAction.lineBreakNode) {
+        this.switchCaretPositionToSpecifiedNode(lineBreakAction.lineBreakNode);
+      }
     }
   }
   /**
@@ -2340,6 +2360,23 @@ class DeleteContentHandler extends BaseHandler {
   }
 }
 
+/**
+ * Action to paste new content into current block.
+ *
+ * @example functionBlock.apply(new PasteContentAction(blocksToBeInserted, startNode, startOffset))
+ * @example host.value.apply(new PasteContentAction(blocksToBeInserted, startNode, startOffset))
+ */
+class PasteContentAction extends ModifyContentAction {
+  constructor(blocksToBeInserted, startNode, startOffset, rteRange) {
+    super();
+    this.type = ModifyContentActionType.PASTE_CONTENT;
+    this.blocksToBeInserted = blocksToBeInserted;
+    this.startNode = startNode;
+    this.startOffset = startOffset;
+    this.rteRange = rteRange;
+  }
+}
+
 /**
  * Handle user paste
  */
@@ -2354,6 +2391,7 @@ class InsertPasteHandler extends BaseHandler {
     const { startContainer } = this.selectionController.getCurrentRange();
     if (this.isRootContainer(startContainer)) {
       this.insertBlocksToRoot(blocks);
+      // TODO: Need to check below logic, it seems not correct https://gethired.atlassian.net/browse/VD-7779
     }
     else if (this.isEmptyParagraph(startContainer)) {
       this.insertBlocksBeforeEmptyBlock(blocks);
@@ -2378,12 +2416,12 @@ class InsertPasteHandler extends BaseHandler {
   insertBlocksToContent(blocks) {
     const cursorNode = this.removeSelectionRange();
     if (cursorNode && cursorNode.parent) {
-      const currentBlock = cursorNode.parent;
       const { startOffset } = this.selectionController.getCurrentRange();
-      const breakAction = new SplitBlockWithNodeAction(cursorNode, startOffset);
-      currentBlock.apply(breakAction);
-      currentBlock.parent.apply(new InsertChildrenAfterAction(currentBlock, ...blocks));
-      this.switchCaretPositionToNextElement(breakAction.newBlock);
+      const pasteAction = new PasteContentAction(blocks, cursorNode, startOffset);
+      cursorNode.parent.apply(pasteAction);
+      if (pasteAction.futureFocusBlock) {
+        this.switchCaretPositionToNextElement(pasteAction.futureFocusBlock);
+      }
     }
   }
   /**
@@ -2396,8 +2434,11 @@ class InsertPasteHandler extends BaseHandler {
     /* istanbul ignore next */
     const currentBlock = cursorNode === null || cursorNode === void 0 ? void 0 : cursorNode.parent;
     if (currentBlock) {
-      currentBlock.parent.apply(new InsertChildrenBeforeAction(currentBlock, ...blocks));
-      this.switchCaretPositionToNextElement(currentBlock);
+      const pasteAction = new PasteContentAction(blocks, currentBlock.children[0], 0, this.selectionController.getCurrentRange());
+      currentBlock.apply(pasteAction);
+      if (pasteAction.futureFocusBlock) {
+        this.switchCaretPositionToNextElement(pasteAction.futureFocusBlock);
+      }
     }
   }
   /**
@@ -3173,7 +3214,14 @@ class DeleteSelectedNodesController extends VegaSlimmer {
       // the image block will be deleted when the image is the only item
       if (startNode.parent.children.length === 1) {
         const paragraph = this.createEmptyParagraph();
-        startNode.parent.parent.apply(new InsertChildrenBeforeAction(startNode.parent, paragraph));
+        let shouldDeleteBlock = startNode.parent;
+        // if the node grand parent is html block and the html block only has one child, we need insert the paragraph before the html block to jump out the html block
+        if (shouldDeleteBlock.parent &&
+          !(shouldDeleteBlock.parent instanceof VegaRTEContent) &&
+          shouldDeleteBlock.parent.children.length === 1) {
+          shouldDeleteBlock = shouldDeleteBlock.parent;
+        }
+        shouldDeleteBlock.parent.apply(new InsertChildrenBeforeAction(shouldDeleteBlock, paragraph));
         startNode.parent.apply(new RemoveChildrenAction(startNode));
         return paragraph.children[0];
       }
@@ -3467,7 +3515,12 @@ class CodeBlockToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   isDisabled() {
     const selectBlocks = this.selectionController.getSelectedBlocks();
     return (super.isDisabled() ||
-      selectBlocks.some((block) => block.type === 'image' || block.type === 'list-item'));
+      selectBlocks.some((block) => !(block instanceof RTECodeBlock) && this.shouldDisabledCodeBlockToolbar(block)));
+  }
+  shouldDisabledCodeBlockToolbar(block) {
+    return (block &&
+      !(block instanceof RTETextBlock &&
+        ActionHandleStrategyRegistry.canHandle(ModifyContentActionType.TRANSFORM_TO_CODE_BLOCK, block.parent)));
   }
 }
 (() => {
@@ -4090,7 +4143,7 @@ __decorate$5([
   MapToComponentField()
 ], VegaRichTextEditorToolbarButtonRenderer.prototype, "clickEventEmitter", void 0);
 
-const vegaRichTextEditorToolbarButtonCss = ":host{display:inline-block}.rich-text-editor-toolbar-btn{display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;cursor:pointer;position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.rich-text-editor-toolbar-btn:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));z-index:1}.rich-text-editor-toolbar-btn:active{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));z-index:1}.rich-text-editor-toolbar-btn:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:-1px;z-index:2}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-selected{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));z-index:1}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));cursor:not-allowed}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-hidden{display:none}";
+const vegaRichTextEditorToolbarButtonCss = ":host{display:inline-block}:host ::slotted(vega-font.v-font-field-label-sm){line-height:16px}.rich-text-editor-toolbar-btn{display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;cursor:pointer;position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.rich-text-editor-toolbar-btn:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));z-index:1}.rich-text-editor-toolbar-btn:active{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));z-index:1}.rich-text-editor-toolbar-btn:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:-1px;z-index:2}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-selected{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));z-index:1}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));cursor:not-allowed}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-hidden{display:none}";
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -2,12 +2,12 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { f as VegaChange } from './dom-node-subject-observer-factory-dca87b70.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './try-get-document-bef0f526.js';
 import './observer-3959f9dd.js';
 import './ui-bb99c0c2.js';

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

@@ -2,7 +2,7 @@ import { h, H as Host, r as registerInstance, c as createEvent, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer, L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-a41e1be7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b0712993.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-3504e2f2.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -11,13 +11,13 @@ import { f as VegaInternalFieldErrorStateChange } from './vega-internal-event-id
 import { f as findParent } from './ui-bb99c0c2.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { a as TagNameAndAttributeMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-56380f02.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b23d9ff3.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import './type-guard-12f7654b.js';
@@ -27,20 +27,20 @@ import './typography-396de03f.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-b690953f.js';
+import './function-extension-eb1d062f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dark-mode-style-controller-b7e85b6a.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-a5a5938d.js';
-import './dto-renderer-manager-a1a3b6d2.js';
-import './code-block-11b2bc1c.js';
+import './internal-vega-event-manager-516aa721.js';
+import './dto-renderer-manager-7abc53bf.js';
+import './code-block-e8839202.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
-import './base-renderer-101f6d04.js';
 import './internal-icon-manager-f0486245.js';
+import './base-renderer-101f6d04.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';

package/dist/esm/vega-selection-tile_2.entry.js

@@ -3,7 +3,7 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { d as domNodeSubjectFactory, f as VegaChange } from './dom-node-subject-observer-factory-dca87b70.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { i as SELECTION_TILE_VALUE_CHANGE, C as CHECKBOX_VALUE_CHANGE, R as RADIO_VALUE_CHANGE, F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
@@ -11,13 +11,13 @@ import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-3504e
 import { f as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-5c3e5f7f.js';
 import { f as findParent } from './ui-bb99c0c2.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-b676cd2b.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-56380f02.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b23d9ff3.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './try-get-document-bef0f526.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';

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

@@ -4,30 +4,30 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as isObjectEmpty } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { m as InternalVegaZIndexManager } from './token-extension-b690953f.js';
+import { n as InternalVegaZIndexManager } from './function-extension-eb1d062f.js';
 import { g as getCurrentBreakpoint, P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { a as VegaInternalIconManager, V as VegaIconManager } from './internal-icon-manager-f0486245.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-56380f02.js';
 import { e as executeAfterTransition } from './effect-f50e072d.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-a41e1be7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b0712993.js';
 import { D as DomNodeSubjectObserverFactory, M as VegaStateUpdate, a as VegaClick, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-dca87b70.js';
 import { x as VegaInternalSidenavLinkClick } from './vega-internal-event-id-5c3e5f7f.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { j as SIDENAV_LINK_SELECTED_TOPIC } from './static-subject-title-52f93124.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-3504e2f2.js';
 import { f as findParent } from './ui-bb99c0c2.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-a5a5938d.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-516aa721.js';
 import './number-4398f2e1.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dark-mode-style-controller-b7e85b6a.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
 import './try-get-document-bef0f526.js';
-import './dto-renderer-manager-a1a3b6d2.js';
-import './code-block-11b2bc1c.js';
+import './dto-renderer-manager-7abc53bf.js';
+import './code-block-e8839202.js';
 import './string-a953eafc.js';
 import './type-guard-12f7654b.js';
 import './breakpoints-d9faf11c.js';

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

@@ -4,11 +4,11 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { D as DomNodeSubjectObserverFactory, a as VegaClick, f as VegaChange } from './dom-node-subject-observer-factory-dca87b70.js';
-import { f as formatAndValidResponsiveToken } from './design-token-297dc528.js';
+import { f as formatAndValidResponsiveToken } from './design-token-e9e6b011.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as deepEqual } from './object-66c37948.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b23d9ff3.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
@@ -21,19 +21,19 @@ import './type-guard-12f7654b.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-a41e1be7.js';
+import './responsive-format-facade-b0712993.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-b690953f.js';
+import './function-extension-eb1d062f.js';
 import './dark-mode-style-controller-b7e85b6a.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-a5a5938d.js';
-import './dto-renderer-manager-a1a3b6d2.js';
-import './code-block-11b2bc1c.js';
+import './internal-vega-event-manager-516aa721.js';
+import './dto-renderer-manager-7abc53bf.js';
+import './code-block-e8839202.js';
 import './vega-internal-event-id-5c3e5f7f.js';
 import './string-a953eafc.js';
 import './base-renderer-101f6d04.js';

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

@@ -5,11 +5,11 @@ import { c as convertToNumber, n as normalizeNumberByRanger } from './number-439
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b23d9ff3.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { f as VegaChange, E as VegaBlur, D as DomNodeSubjectObserverFactory, a as VegaClick } from './dom-node-subject-observer-factory-dca87b70.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { a as arrayToClassString } from './ui-bb99c0c2.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
@@ -26,7 +26,7 @@ import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './sub-state-observer-slimmer-3504e2f2.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';

package/dist/esm/vega-tab-group_2.entry.js

@@ -12,12 +12,12 @@ import { O as Observer } from './observer-3959f9dd.js';
 import { T as TAB_PANEL_ADD_OR_DEL_TO_GROUP } from './static-subject-title-52f93124.js';
 import { f as findParent } from './ui-bb99c0c2.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-a5a5938d.js';
+import './internal-vega-event-manager-516aa721.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';