@heartlandone/vega 2.63.0 → 2.63.1

package/dist/cjs/vega-code-block.cjs.entry.js

@@ -9,18 +9,18 @@ const component = require('./component-1e352960.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const trashCan = require('./trash-can-46a5e19a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
-const codeBlock = require('./code-block-eb66d852.js');
+const codeBlock = require('./code-block-cc740807.js');
 const ui = require('./ui-4ce1fa08.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 const object = require('./object-e2e28e3d.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-62cdf04c.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-0bb81172.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 const timer = require('./timer-5f33058b.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
-const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-b0b4b997.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-d5216fa7.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./observer-f49483e8.js');
@@ -29,12 +29,13 @@ require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./dark-mode-style-controller-ab0703e1.js');
+require('./dark-mode-style-controller-b1e9ec82.js');
 require('./static-subject-title-85732e0f.js');
-require('./internal-vega-event-manager-28b957c8.js');
+require('./vega-nonce-manager-f927497f.js');
 require('./try-get-document-c0ebd39a.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./translation-cde4dce3.js');
-require('./range-cfc45f9e.js');
+require('./range-44f08955.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./keyboard-manager-slimmer-138a90e5.js');
 require('./keyboard-manager-7f4e1f43.js');
@@ -42,7 +43,7 @@ require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (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;
@@ -127,38 +128,38 @@ class VegaCodeBlockRenderer extends globalSlimmerRegistry.VegaSlimmer {
     'trash-can': trashCan.trashCan,
   });
 })();
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "readOnly", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "host", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "disabled", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "showCopyButton", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "value", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "contentRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "valueController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "removeEventEmitter", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "translationSlimmer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "copyButtonRenderer", void 0);
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (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;
@@ -252,29 +253,29 @@ class VegaCodeBlockContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return `code{--v-code-line-number-width:${space}px;--v-code-line-number-ml:-${space + gap}px;--v-code-block-pl:${space + gap}px}`;
   }
 }
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "host", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "readOnly", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "disabled", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "value", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "contentParseController", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaCodeBlockContentRenderer.prototype, "registerEventListener", null);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaCodeBlockContentRenderer.prototype, "unregisterEventListener", null);
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (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;
@@ -315,20 +316,20 @@ class VegaCodeBlockValueController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaCodeBlockValueController.prototype, "value", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockValueController.prototype, "changeEventEmitter", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockValueController.prototype, "historyController", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaCodeBlockValueController.prototype, "initialValue", null);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (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;
@@ -371,10 +372,10 @@ class CodeContentParseController extends globalSlimmerRegistry.VegaSlimmer {
     return result;
   }
 }
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeContentParseController.prototype, "prismCodeHighlightParser", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeContentParseController.prototype, "defaultCodeHighlightParser", void 0);
 
@@ -508,7 +509,7 @@ class CodeBlockRange {
   }
 }
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (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;
@@ -614,26 +615,91 @@ class VegaCodeBlockSelectionController extends componentValueHistoryControllerSl
 }
 // Must make sure the debounce time will not greater than the RTE selection range debounce time.
 VegaCodeBlockSelectionController.SELECTION_CHANGE_DEBOUNCE_TIME = Math.min(componentValueHistoryControllerSlimmer_abstract.SelectionController.SELECTION_CHANGE_DEBOUNCE_TIME, 40);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockSelectionController.prototype, "host", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockSelectionController.prototype, "contentRenderer", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockSelectionController.prototype, "contentParseController", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockSelectionController.prototype, "insertCompositionTextController", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaCodeBlockSelectionController.prototype, "addSelectionChangeEventListener", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaCodeBlockSelectionController.prototype, "removeSelectionChangeEventListener", null);
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+/**
+ * The abstract class used to control the code block input paste action.
+ */
+class CodeInputPaste extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Delete the selected text from a string.
+   *
+   * @param {string} oldValue - The original string value.
+   * @param {number} contentStartOffset - The start index for deletion.
+   * @param {number} length - The length of text to delete.
+   * @returns {string} The content after deletion.
+   */
+  deleteSelectedText(oldValue, contentStartOffset, length) {
+    if (length >= oldValue.length) {
+      oldValue = '';
+    }
+    else {
+      oldValue = oldValue.slice(0, contentStartOffset) + oldValue.slice(contentStartOffset + length);
+    }
+    return oldValue;
+  }
+  /**
+   * Collect the code nodes content from the code nodes array.
+   *
+   * @param {CodeNodeType[]} codeNodes - The code nodes array.
+   * @returns {string} The concatenated content of code nodes.
+   */
+  getCodeNodesContent(codeNodes) {
+    return codeNodes.map((codeNode) => codeNode.text).join('');
+  }
+  /**
+   * Stop event propagation.
+   *
+   * @param {Event} e - The event object.
+   */
+  stopEventPropagation(e) {
+    if (e && typeof e.stopPropagation === 'function') {
+      e.stopPropagation();
+    }
+  }
+  /**
+   * Re-calculate the next offset and content after insert or delete operation.
+   *
+   * @param {CodeBlockRange} range - The current code block range.
+   * @param {string} content - The current code content.
+   * @param {string} newlyAddedContent - The new content to be inserted.
+   * @returns {NextOffsetAndContentResult} The next offset and updated content.
+   */
+  reCalculateRangeAndContent(range, content, newlyAddedContent) {
+    let nextOffset = range.contentOffset;
+    let updatedContent = content;
+    if (range) {
+      if (range.selectedText.length) {
+        updatedContent = this.deleteSelectedText(updatedContent, range.contentOffset, range.selectedText.length);
+      }
+      updatedContent =
+        updatedContent.slice(0, range.contentOffset) +
+          newlyAddedContent +
+          updatedContent.slice(range.contentOffset);
+      nextOffset = range.contentOffset + newlyAddedContent.length;
+    }
+    return { nextOffset, updatedContent };
+  }
+}
+
+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;
   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;
@@ -642,7 +708,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
 /**
  * The class used to control the code block modify content action.
  */
-class CodeBlockInputController extends globalSlimmerRegistry.VegaSlimmer {
+class CodeBlockInputController extends CodeInputPaste {
   constructor() {
     super(...arguments);
     /**
@@ -663,24 +729,6 @@ class CodeBlockInputController extends globalSlimmerRegistry.VegaSlimmer {
       e.stopPropagation();
       const inputType = e.inputType;
       switch (inputType) {
-        case 'insertFromPaste':
-          if (e.dataTransfer) {
-            // Should prevent the paste action if the content is a file.
-            if (e.dataTransfer.files && e.dataTransfer.files.length) {
-              e.preventDefault();
-              return;
-            }
-            // Should prevent the paste action if the plain text is empty.
-            const htmlContent = e.dataTransfer.getData('text/html');
-            // eslint-disable-next-line no-restricted-globals
-            const tempContainer = document.createElement('div');
-            tempContainer.innerHTML = htmlContent;
-            if (htmlContent && !tempContainer.innerText) {
-              e.preventDefault();
-              return;
-            }
-          }
-          break;
         case 'deleteContentBackward':
           if (!this.value || !this.value.code || this.value.code === '') {
             e.preventDefault();
@@ -717,14 +765,6 @@ class CodeBlockInputController extends globalSlimmerRegistry.VegaSlimmer {
       codeContentContainerRef.removeEventListener('input', this.handleInputEvent);
     }
   }
-  /**
-   * Stop the event bubbles.
-   *
-   * @param {Event} e - The event object.
-   */
-  stopEventPropagation(e) {
-    e.stopPropagation();
-  }
   /**
    * Modify the component code content when user press delete key.
    *
@@ -753,23 +793,6 @@ class CodeBlockInputController extends globalSlimmerRegistry.VegaSlimmer {
       });
     }
   }
-  /**
-   * Delete the selected text manually.
-   *
-   * @param {string} oldValue - The old value.
-   * @param {number} contentStartOffset - The start index.
-   * @param {number} length - The selected text length.
-   * @returns {string} - The content after delete.
-   */
-  deleteSelectedText(oldValue, contentStartOffset, length) {
-    if (length >= oldValue.length) {
-      oldValue = '';
-    }
-    else {
-      oldValue = oldValue.slice(0, contentStartOffset) + oldValue.slice(contentStartOffset + length);
-    }
-    return oldValue;
-  }
   /**
    * Update the code block range base on input data.
    *
@@ -795,31 +818,10 @@ class CodeBlockInputController extends globalSlimmerRegistry.VegaSlimmer {
       case 'insertParagraph':
       case 'insertLineBreak':
         return 1;
-      case 'insertFromPaste':
-        return this.getPasteContentLength(e);
       default:
         return 0; // For other input types, we return 0.
     }
   }
-  /**
-   * Get the paste content text length.
-   *
-   * @param {InputEvent} e - The input event object.
-   * @returns {number} - The text length.
-   */
-  getPasteContentLength(e) {
-    const htmlContent = e.dataTransfer.getData('text/html');
-    if (htmlContent) {
-      // eslint-disable-next-line no-restricted-globals
-      const tempContainer = document.createElement('div');
-      tempContainer.innerHTML = htmlContent;
-      return tempContainer.innerText.length;
-    }
-    else {
-      const plainText = e.dataTransfer.getData('text/plain');
-      return plainText.length;
-    }
-  }
   /**
    * Update the code content after user modify action.
    */
@@ -837,15 +839,6 @@ class CodeBlockInputController extends globalSlimmerRegistry.VegaSlimmer {
       });
     }
   }
-  /**
-   * Collect the code nodes content from the code nodes array.
-   *
-   * @param {CodeNodeType[]} codeNodes - The code nodes array.
-   * @returns {string} - The content of code nodes.
-   */
-  getCodeNodesContent(codeNodes) {
-    return codeNodes.map((codeNode) => codeNode.text).join('');
-  }
   /**
    * Check if the new content update by insert line break in low version Firefox.
    *
@@ -861,32 +854,32 @@ class CodeBlockInputController extends globalSlimmerRegistry.VegaSlimmer {
     return false;
   }
 }
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockInputController.prototype, "selectionController", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockInputController.prototype, "contentRenderer", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockInputController.prototype, "valueController", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockInputController.prototype, "contentParseController", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockInputController.prototype, "insertCompositionTextController", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockInputController.prototype, "value", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], CodeBlockInputController.prototype, "registerInputEvent", null);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], CodeBlockInputController.prototype, "unregisterEventListener", null);
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (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;
@@ -918,28 +911,28 @@ class VegaCodeBlockFocusController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "host", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "value", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "readOnly", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "disabled", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "contentRenderer", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "selectionController", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('doFocus')
 ], VegaCodeBlockFocusController.prototype, "focusAndUpdateSelection", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('watchEditableChange')
 ], VegaCodeBlockFocusController.prototype, "removeFocusAfterDisabled", null);
 
@@ -947,7 +940,7 @@ const copy = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><g clip-path="url(#clip0_70002_574)"><path fill="currentColor" d="M11.7794 1.65539L10.3439 0.219844C10.2044 0.0790078 10.0122 0 9.81303 0H5.97865C5.15014 0 4.47865 0.671719 4.47865 1.5L4.47911 7.5C4.49975 8.32969 5.1724 9 5.99975 9H10.4997C11.3247 9 11.9997 8.325 11.9997 7.5V2.18555C11.9997 1.9868 11.9201 1.79602 11.7794 1.65539ZM10.8747 7.5C10.8747 7.70709 10.7068 7.875 10.4997 7.875H5.97865C5.77151 7.875 5.60365 7.70709 5.60365 7.5V1.50305C5.60365 1.29595 5.77156 1.12805 5.97865 1.12805H8.97865L8.99975 2.25C8.99975 2.66414 9.33561 3 9.74975 3H10.8537V7.5H10.8747ZM6.37475 10.5C6.37475 10.7071 6.20684 10.875 5.99975 10.875H1.47865C1.27151 10.875 1.10365 10.7071 1.10365 10.5L1.12428 4.50234C1.12428 4.29525 1.29218 4.12734 1.49928 4.12734H3.74975V3H1.49951C0.670996 3 -0.000488281 3.67148 -0.000488281 4.5L-0.000258594 10.5C-0.000207031 11.3273 0.671465 12 1.49975 12H5.99975C6.82475 12 7.49975 11.325 7.49975 10.5V9.75H6.39584L6.37475 10.5Z"/></g><defs><clipPath id="clip0_70002_574"><rect width="12" height="12" fill="currentColor"/></clipPath></defs></svg>`,
 };
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (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;
@@ -996,16 +989,16 @@ class VegaCodeBlockCopyButtonRenderer extends globalSlimmerRegistry.VegaSlimmer
   });
 })();
 VegaCodeBlockCopyButtonRenderer.RESET_TOOLTIP_TIME = 1000;
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockCopyButtonRenderer.prototype, "value", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockCopyButtonRenderer.prototype, "readOnly", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockCopyButtonRenderer.prototype, "showCopyButton", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockCopyButtonRenderer.prototype, "translationSlimmer", void 0);
 
@@ -3716,7 +3709,7 @@ delete Prism.languages.c['boolean'];
 	tag.lookbehind = true;
 }(Prism));
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   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;
@@ -3798,7 +3791,7 @@ class CodeHighlightParser extends globalSlimmerRegistry.VegaSlimmer {
     return /[<|>|\\/]/.test(text);
   }
 }
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeHighlightParser.prototype, "value", void 0);
 
@@ -3914,7 +3907,7 @@ class DefaultCodeHighlightParseController extends CodeHighlightParser {
 
 const codeColorVariableCss = ":root{--code-orange:#cd3e00;--code-green:#007e7e;--code-purple:#6851f5;--code-gray:#67727e;--code-neutral:rgb(15, 36, 51);--code-neutral-8:rgba(15, 36, 51, 0.8);--code-neutral-7:rgba(15, 36, 51, 0.7)}.dark{--code-orange:#ff9571;--code-green:#73e6dc;--code-purple:#c7bdff;--code-gray:#8b959f;--code-neutral:rgb(252, 252, 252);--code-neutral-8:rgba(252, 252, 252, 0.8);--code-neutral-7:rgba(252, 252, 252, 0.7)}";
 
-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;
@@ -3992,29 +3985,29 @@ class InsertCompositionTextController extends globalSlimmerRegistry.VegaSlimmer
     e.stopPropagation();
   }
 }
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "selectionController", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "contentRenderer", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "valueController", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "contentParseController", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "value", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], InsertCompositionTextController.prototype, "registerInputEvent", null);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], InsertCompositionTextController.prototype, "unregisterEventListener", 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;
@@ -4085,22 +4078,130 @@ class VegaCodeBlockHistoryController extends componentValueHistoryControllerSlim
     this.valueController.updateValue(value.code, value.language);
   }
 }
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockHistoryController.prototype, "contentRenderer", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockHistoryController.prototype, "value", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockHistoryController.prototype, "valueController", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCodeBlockHistoryController.prototype, "selectionController", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaCodeBlockHistoryController.prototype, "initialHistory", null);
 
+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;
+};
+/**
+ * Controller for handling paste events in VegaCodeBlock.
+ * Handles insertion, selection, and content update logic for pasted code.
+ */
+class CodeBlockPasteController extends CodeInputPaste {
+  constructor() {
+    super(...arguments);
+    /**
+     * Handle the paste event.
+     *
+     * @param {ClipboardEvent} e - The clipboard event object.
+     * @returns {void}
+     */
+    this.handlePasteEvent = (e) => {
+      var _a, _b;
+      e.preventDefault();
+      this.stopEventPropagation(e);
+      const pasteData = e.clipboardData;
+      if ((_a = pasteData === null || pasteData === void 0 ? void 0 : pasteData.files) === null || _a === void 0 ? void 0 : _a.length) {
+        // Prevent paste if the clipboard contains files.
+        return;
+      }
+      const pastedContent = (_b = pasteData === null || pasteData === void 0 ? void 0 : pasteData.getData('text/plain')) !== null && _b !== void 0 ? _b : '';
+      if (!pastedContent) {
+        return;
+      }
+      this.updateCodeBlockRangeAndContent(pastedContent);
+    };
+  }
+  /**
+   *  Register paste event listener on component load.
+   */
+  registerInputEvent() {
+    const codeContentContainerRef = this.contentRenderer.getCodeContentContainerRef();
+    if (codeContentContainerRef) {
+      codeContentContainerRef.addEventListener('paste', this.handlePasteEvent);
+    }
+  }
+  /**
+   * Remove the event listener.
+   */
+  unregisterEventListener() {
+    const codeContentContainerRef = this.contentRenderer.getCodeContentContainerRef();
+    if (codeContentContainerRef) {
+      codeContentContainerRef.removeEventListener('paste', this.handlePasteEvent);
+    }
+  }
+  /**
+   * Update the code block range based on pasted data.
+   *
+   * @param {string} pastedContent - The content that has been pasted.
+   * @returns {void}
+   */
+  updateCodeBlockRangeAndContent(pastedContent) {
+    const { nextOffset: updatedOffset, updatedContent } = this.getLatestRangeAndContent(pastedContent);
+    this.selectionController.setNextCodeBlockRange(updatedOffset);
+    this.valueController.updateValue(updatedContent, this.value.language, {
+      recordHistory: true,
+      offset: this.selectionController.getCurrentRange().contentOffset,
+    });
+  }
+  /**
+   * Get the latest range and content after paste operation.
+   *
+   * @param {string} pastedContent - The content that has been pasted.
+   * @returns {NextOffsetAndContentResult}} The next offset and updated content.
+   */
+  getLatestRangeAndContent(pastedContent) {
+    const range = this.selectionController.getCurrentRange();
+    const currentNodes = this.contentParseController.getCurrentCodeNodes();
+    const content = this.getCodeNodesContent(currentNodes);
+    return this.reCalculateRangeAndContent(range, content, pastedContent);
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], CodeBlockPasteController.prototype, "host", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], CodeBlockPasteController.prototype, "valueController", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], CodeBlockPasteController.prototype, "contentRenderer", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], CodeBlockPasteController.prototype, "value", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], CodeBlockPasteController.prototype, "selectionController", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], CodeBlockPasteController.prototype, "contentParseController", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], CodeBlockPasteController.prototype, "inputController", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
+], CodeBlockPasteController.prototype, "registerInputEvent", null);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], CodeBlockPasteController.prototype, "unregisterEventListener", null);
+
 const vegaCodeBlockCss = ":host{display:block;border-radius:2px;background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px}:host code{display:block;box-sizing:border-box;color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;font-family:\"Roboto Mono\";font-weight:400;line-height:22px;font-size:16px;white-space:pre-wrap;min-height:22px;tab-size:2px;word-break:break-word}:host code:focus-visible{outline:none}:host .editor-toolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:12px;border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-left-width:0px;border-right-width:0px;margin-bottom:12px;user-select:none}:host .editor-toolbar vega-input-select{width:auto;min-width:161px}:host(.show-line-number) code .v-code-line-number::before{content:attr(data-mark);width:var(--v-code-line-number-width);margin-left:var(--v-code-line-number-ml);padding-right:16px;text-align:right;user-select:none;font-style:normal;word-break:keep-all;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:inline-block}:host(.show-line-number) code{padding-left:var(--v-code-block-pl)}:host::part(select-container){padding-top:0px;padding-bottom:0px;padding-left:8px;padding-right:8px;border-radius:4px}:host::part(selected-box),:host::part(placeholder){font-size:14px;user-select:none}:host::part(toggle-icon-container){width:12px;height:12px;line-height:12px}:host::part(toggle-icon){width:12px;height:12px}:host(.readonly) .copy-button-container{position:relative}:host(.readonly) .copy-button-container .copy-code-button{position:absolute;top:0px;right:0px}:host(.disabled:not(.highlight)) code{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.disabled.highlight){opacity:0.5}:host(.focus:not(.disabled,.readonly)){outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host(.highlight) code{color:var(--code-neutral)}code .comment,code .prolog,code .doctype,code .cdata{color:var(--code-gray);font-style:italic}code .namespace{color:var(--code-neutral-7)}code .string,code .attr-value,code .builtin{color:var(--code-green)}code .punctuation,code .operator,code .attr-equals{color:var(--code-gray)}code .entity,code .url,code .symbol,code .number,code .boolean,code .variable,code .constant,code .property,code .regex,code .inserted{color:var(--code-neutral-8)}code .atrule,code .function,code .attr-name{color:var(--code-orange)}code .deleted{color:var(--code-neutral)}code .function-variable{color:#ff0000}code .tag,code .selector,code .keyword{color:var(--code-purple)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -4139,6 +4240,7 @@ const VegaCodeBlock = class {
     this.historyController = new VegaCodeBlockHistoryController();
     this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCodeBlock, domNodeSubjectObserverFactory.VegaChange);
     this.removeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCodeBlock, domNodeSubjectObserverFactory.VegaRemove);
+    this.codeBlockPasteController = new CodeBlockPasteController();
     this.eventPreventSlimmer = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.codeBlockRenderer.getToolbarContainerRef());
     /**
      * Specifies whether the code block editor is in read-only mode.
@@ -4257,6 +4359,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCodeBlock.prototype, "removeEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaCodeBlock.prototype, "codeBlockPasteController", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCodeBlock.prototype, "eventPreventSlimmer", void 0);