@globalpayments/vega 2.66.0 → 2.68.0

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

@@ -3,23 +3,24 @@ import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-b7e85b6a.js';
-import { T as TextNodeRenderingRegistry, I as ImageAnnotationAction, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-fc46c920.js';
-import { R as RTEDTORendererManager, I as ImageAnnotation, V as VegaRTEContent } from './dto-renderer-manager-a1a3b6d2.js';
-import { s as stateEntityRenderingRegistry, u as NodeAnnotationTypeEnum, Z as ZERO_WIDTH_SPACE, M as ModifyContentAction, b as ModifyContentActionType, L as LinkAnnotationAction, O as InternalAnnotationTypeEnum, P as CommonAnnotationTypeEnum, N as NodeAnnotation, v as RTEDecoratorNode, Q as UpdateCodeBlockAction, T as SelectionChangeAction, q as RTECodeBlock } from './code-block-11b2bc1c.js';
+import { T as TextNodeRenderingRegistry, I as ImageAnnotationAction, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-7957653a.js';
+import { R as RTEDTORendererManager, g as ImageAnnotation, V as VegaRTEContent } from './dto-renderer-manager-7abc53bf.js';
+import { s as stateEntityRenderingRegistry, y as NodeAnnotationTypeEnum, Z as ZERO_WIDTH_SPACE, M as ModifyContentAction, c as ModifyContentActionType, W as LinkAnnotationAction, k as InternalAnnotationTypeEnum, X as CommonAnnotationTypeEnum, N as NodeAnnotation, z as RTEDecoratorNode, Y as UpdateCodeBlockAction, _ as SelectionChangeAction, x as RTECodeBlock } from './code-block-e8839202.js';
 import { V as VegaRTEBaseRenderer } from './base-renderer-101f6d04.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { D as DomNodeSubjectObserverFactory, f as VegaChange, l as VegaRemove } from './dom-node-subject-observer-factory-dca87b70.js';
 import { i as isNonNullable } from './type-guard-12f7654b.js';
 import { r as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-5c3e5f7f.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
+import { v as vegaNonceManager } from './vega-nonce-manager-87615d3c.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-3504e2f2.js';
 import { f as findParent } from './ui-bb99c0c2.js';
 import { a as waitForComponentDidRender } from './index-c943d263.js';
+import { i as isArrayEqual } from './array-7888f339.js';
 import './static-subject-title-52f93124.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
-import './vega-nonce-manager-87615d3c.js';
 import './internal-icon-manager-f0486245.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -29,6 +30,7 @@ import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './typography-396de03f.js';
 import './wait-for-vega-handler-c2c07ac3.js';
+import './number-4398f2e1.js';
 
 class RTEBlockRenderer extends VegaRTEBaseRenderer {
   registerRef(ref, block) {
@@ -603,7 +605,7 @@ class RTEBlockRendererFactory {
 }
 const RTEBlockRendererFactory$1 = new RTEBlockRendererFactory();
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -629,7 +631,9 @@ class VegaRichTextContentRenderer extends VegaSlimmer {
     return this.richTextContentRef;
   }
   render() {
-    return h(Host, null, this.renderRichTextContent());
+    return (h(Host, null,
+      this.extensionStyles ? (h("style", { nonce: vegaNonceManager.nonce, class: "rte-extension-styles" }, this.extensionStyles)) : null,
+      this.renderRichTextContent()));
   }
   setRTEContent() {
     if (this.content && !(this.content instanceof VegaRTEContent)) {
@@ -666,23 +670,26 @@ class VegaRichTextContentRenderer extends VegaSlimmer {
     return true;
   }
 }
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaRichTextContentRenderer.prototype, "placeholder", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaRichTextContentRenderer.prototype, "contentEditable", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField({ writable: true })
 ], VegaRichTextContentRenderer.prototype, "content", void 0);
-__decorate$2([
+__decorate$3([
+  MapToComponentField()
+], VegaRichTextContentRenderer.prototype, "extensionStyles", void 0);
+__decorate$3([
   MapToComponentMethod('componentWillLoad')
 ], VegaRichTextContentRenderer.prototype, "componentWillLoad", null);
-__decorate$2([
+__decorate$3([
   MapToComponentMethod('watchValueUpdate')
 ], VegaRichTextContentRenderer.prototype, "watchValueUpdate", null);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -709,16 +716,75 @@ class VegaRichTextContentStateController extends SubStateObserverSlimmer {
     });
   }
 }
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaRichTextContentStateController.prototype, "host", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField({ writable: true })
 ], VegaRichTextContentStateController.prototype, "placeholder", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField({ writable: true })
 ], VegaRichTextContentStateController.prototype, "contentEditable", void 0);
 
+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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * attach the extension styles to the host.
+ */
+class RTEExtensionStylesController extends VegaSlimmer {
+  /**
+   * Attach extension styles to the host after load.
+   */
+  attachExtensionStyles() {
+    this.attachStylesToHost();
+  }
+  /**
+   * Update extension context when extensions property changes.
+   *
+   * @param {VegaRTEExtension[]} newValue - New extensions array.
+   * @param {VegaRTEExtension[]} oldValue - Old extensions array.
+   */
+  handleExtensionsChange(newValue, oldValue) {
+    if (!isArrayEqual(newValue, oldValue, false, (a, b) => a === b ? 0 : 1)) {
+      this.attachStylesToHost();
+    }
+  }
+  /**
+   * Collects and attaches custom styles from all extensions to the host component.
+   */
+  attachStylesToHost() {
+    if (this.extensions) {
+      let customStyles = '';
+      for (const extension of this.extensions) {
+        const extensionStyles = extension.collectExtensionRendererStyles();
+        if (extensionStyles) {
+          customStyles += `${extensionStyles}\n`;
+        }
+      }
+      this.extensionStyles = customStyles;
+    }
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], RTEExtensionStylesController.prototype, "extensions", void 0);
+__decorate$1([
+  MapToComponentField()
+], RTEExtensionStylesController.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], RTEExtensionStylesController.prototype, "extensionStyles", void 0);
+__decorate$1([
+  MapToComponentMethod('componentWillLoad')
+], RTEExtensionStylesController.prototype, "attachExtensionStyles", null);
+__decorate$1([
+  MapToComponentMethod('watchExtensions')
+], RTEExtensionStylesController.prototype, "handleExtensionsChange", null);
+
 const vegaRichTextContentCss = ":host{display:flex;flex-direction:column;width:100%}:host .rich-text-content{position:relative;height:100%;outline:2px solid transparent;outline-offset:2px;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:\"Roboto Mono\";white-space:pre-wrap}:host .rich-text-content img{cursor:pointer}:host .rich-text-content ul.v-rte--list,:host .rich-text-content ol.v-rte--list{padding-left:8px;margin-left:16px}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}:host .rich-text-content .code-block-container{margin-top:22px;margin-bottom:22px}:host .rich-text-content vega-code-block.focus{outline:none}:host .rich-text-content .v-rte--bold{font-weight:700}:host .rich-text-content .v-rte--italic{font-style:italic}:host .rich-text-content .v-rte--image-base img,:host .rich-text-content .v-rte--image-size-lg img,:host .rich-text-content .v-rte--image-size-md img,:host .rich-text-content .v-rte--image-size-sm img{vertical-align:bottom}:host .rich-text-content .v-rte--image-size-sm{width:25%}:host .rich-text-content .v-rte--image-size-md{width:50%}:host .rich-text-content .v-rte--image-size-lg{width:100%}:host .rich-text-content .v-rte--text-style-paragraph{font-family:\"Inter\";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-title{font-family:\"Inter\";font-size:36px;line-height:40px;font-weight:500}:host .rich-text-content .v-rte--text-style-subtitle{font-family:\"Inter\";font-size:28px;line-height:32px;font-weight:500}:host .rich-text-content .v-rte--text-style-heading-1{font-family:\"Inter\";font-size:22px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-2{font-family:\"Inter\";font-size:20px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-3{font-family:\"Inter\";font-size:18px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-4{font-family:\"Inter\";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-5{font-family:\"Inter\";font-size:14px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-6{font-family:\"Inter\";font-size:12px;line-height:22px;font-weight:500;margin:0}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -738,12 +804,17 @@ const VegaRichTextContent = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaRichTextContentRenderer = new VegaRichTextContentRenderer();
     this.vegaRichTextContentStateController = new VegaRichTextContentStateController();
+    this.vegaRichTextContentExtensionsStylesController = new RTEExtensionStylesController();
     /**
      * Specifies whether the rich text content is editable.
      *
      * @vegaVersion 2.34.0
      */
     this.contentEditable = false;
+    /**
+     * Holds the custom styles generated by extensions.
+     */
+    this.extensionStyles = '';
     /**
      * Defines the configuration for rich text content extensions.
      * It enables support for custom nodes, ensuring that extended content is rendered correctly.
@@ -754,6 +825,8 @@ const VegaRichTextContent = class {
   }
   watchValueUpdate() {
   }
+  watchExtensions(newValue, oldValue) {
+  }
   /**
    * Invoke this method to focus on rich text content editable div
    *
@@ -771,7 +844,8 @@ const VegaRichTextContent = class {
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "content": ["watchValueUpdate"]
+    "content": ["watchValueUpdate"],
+    "extensions": ["watchExtensions"]
   }; }
 };
 __decorate([
@@ -786,6 +860,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextContent.prototype, "vegaRichTextContentStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextContent.prototype, "vegaRichTextContentExtensionsStylesController", void 0);
 VegaRichTextContent.style = vegaRichTextContentCss;
 
 export { VegaRichTextContent as vega_rich_text_content };

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';