@globalpayments/vega 2.52.0 → 2.54.0

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-d0a47531.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-8c0ce819.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-bcc2fd21.js';
 import { a as arrayToClassString } from './ui-7d177fb0.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-2060cd0d.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-9bbefd23.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-c51f1912.js';
+import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
@@ -19,7 +19,7 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './vega-skeleton-loader-controller-06f48dd2.js';
+import './vega-skeleton-loader-controller-9d1ffa6c.js';
 import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dark-mode-style-controller-ea798fc8.js';
@@ -37,8 +37,8 @@ import './content-state-69d29a07.js';
 import './code-block-ef2f04ca.js';
 import './vega-internal-event-id-178b2743.js';
 import './state-background-color-formatter-121ae7d3.js';
-import './dom-node-subject-observer-factory-c345ca2e.js';
 import './try-get-document-bef0f526.js';
+import './dom-node-subject-observer-factory-c345ca2e.js';
 
 const VegaChipRuntimeMetricsPayloadDefinition = [
   {

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

@@ -10,7 +10,7 @@ import { a as arrayToClassString } from './ui-7d177fb0.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
 import { d as deepEqual } from './object-261e7344.js';
 import { T as TranslationSlimmer } from './translation-slimmer-e6b130bf.js';
-import { A as AutoRunWhenReRenderTaskQueueSlimmer, S as ShadowSelectionPolyfill, a as SelectionController } from './selection-controller-3d6dfc87.js';
+import { A as AutoRunWhenReRenderTaskQueueSlimmer, S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-0a0ef33f.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { o as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-178b2743.js';
 import { d as debounce } from './timer-9321173b.js';
@@ -33,6 +33,8 @@ import './regex-dfe11abf.js';
 import './typography-396de03f.js';
 import './dark-mode-style-controller-ea798fc8.js';
 import './synchronize-task-queue-ac8acc3b.js';
+import './keyboard-manager-slimmer-a4cc9593.js';
+import './keyboard-manager-f496a623.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-0fbe8fb0.js';
 import './index-44c794b4.js';
@@ -48,7 +50,7 @@ var CodeLanguage;
   CodeLanguage["TSX"] = "tsx";
 })(CodeLanguage || (CodeLanguage = {}));
 
-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;
@@ -133,38 +135,38 @@ class VegaCodeBlockRenderer extends VegaSlimmer {
     'trash-can': trashCan,
   });
 })();
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "readOnly", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "host", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "disabled", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "showCopyButton", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "value", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "contentRenderer", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "valueController", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "removeEventEmitter", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "translationSlimmer", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaCodeBlockRenderer.prototype, "copyButtonRenderer", void 0);
 
-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;
@@ -258,29 +260,29 @@ class VegaCodeBlockContentRenderer extends 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$9([
+__decorate$a([
   MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "host", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "readOnly", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "disabled", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "value", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaCodeBlockContentRenderer.prototype, "contentParseController", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('componentDidLoad')
 ], VegaCodeBlockContentRenderer.prototype, "registerEventListener", null);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('disconnectedCallback')
 ], VegaCodeBlockContentRenderer.prototype, "unregisterEventListener", 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;
@@ -295,14 +297,21 @@ class VegaCodeBlockValueController extends VegaSlimmer {
    *
    * @param {string} code - The new code content.
    * @param {string} language - The new code language.
+   * @param {CodeBlockHistoryState} codeBlockHistoryState - Update the history or not.
    */
-  updateValue(code, language) {
+  updateValue(code, language, codeBlockHistoryState) {
     if (!this.value || this.value.code !== code || this.value.language !== language) {
       this.value = {
         language: language,
         code,
       };
       this.changeEventEmitter.emit(this.value);
+      if (codeBlockHistoryState && codeBlockHistoryState.recordHistory) {
+        this.historyController.registerHistory({
+          value: this.value,
+          offset: codeBlockHistoryState.offset,
+        });
+      }
     }
   }
   /**
@@ -314,17 +323,20 @@ class VegaCodeBlockValueController extends VegaSlimmer {
     }
   }
 }
-__decorate$8([
+__decorate$9([
   MapToComponentField({ writable: true })
 ], VegaCodeBlockValueController.prototype, "value", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaCodeBlockValueController.prototype, "changeEventEmitter", void 0);
-__decorate$8([
+__decorate$9([
+  MapToComponentField()
+], VegaCodeBlockValueController.prototype, "historyController", void 0);
+__decorate$9([
   MapToComponentMethod('connectedCallback')
 ], VegaCodeBlockValueController.prototype, "initialValue", null);
 
-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;
@@ -367,10 +379,10 @@ class CodeContentParseController extends VegaSlimmer {
     return result;
   }
 }
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], CodeContentParseController.prototype, "prismCodeHighlightParser", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], CodeContentParseController.prototype, "defaultCodeHighlightParser", void 0);
 
@@ -504,7 +516,7 @@ class CodeBlockRange {
   }
 }
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -610,26 +622,26 @@ class VegaCodeBlockSelectionController extends AutoRunWhenReRenderTaskQueueSlimm
 }
 // Must make sure the debounce time will not greater than the RTE selection range debounce time.
 VegaCodeBlockSelectionController.SELECTION_CHANGE_DEBOUNCE_TIME = Math.min(SelectionController.SELECTION_CHANGE_DEBOUNCE_TIME, 40);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaCodeBlockSelectionController.prototype, "host", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaCodeBlockSelectionController.prototype, "contentRenderer", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaCodeBlockSelectionController.prototype, "contentParseController", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaCodeBlockSelectionController.prototype, "insertCompositionTextController", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentMethod('componentDidLoad')
 ], VegaCodeBlockSelectionController.prototype, "addSelectionChangeEventListener", null);
-__decorate$6([
+__decorate$7([
   MapToComponentMethod('disconnectedCallback')
 ], VegaCodeBlockSelectionController.prototype, "removeSelectionChangeEventListener", 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;
@@ -658,30 +670,37 @@ class CodeBlockInputController extends VegaSlimmer {
     this.handleBeforeInput = (e) => {
       e.stopPropagation();
       const inputType = e.inputType;
-      if (inputType === 'insertFromPaste' && e.dataTransfer) {
-        // Should prevent the paste action if the content is a file.
-        if (e.dataTransfer.files && e.dataTransfer.files.length) {
-          e.preventDefault();
+      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();
+          }
+          else {
+            this.handleDeleteAction(e);
+          }
           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) {
+        case 'historyUndo':
+        case 'historyRedo':
           e.preventDefault();
           return;
-        }
-      }
-      else if (inputType === 'deleteContentBackward') {
-        if (!this.value || !this.value.code || this.value.code === '') {
-          e.preventDefault();
-        }
-        else {
-          this.handleDeleteAction(e);
-        }
-        return;
       }
       this.updateCodeBlockRange(e);
     };
@@ -735,8 +754,11 @@ class CodeBlockInputController extends VegaSlimmer {
         content = content.slice(0, contentStartOffset - 1) + content.slice(contentStartOffset);
         nextOffset -= 1;
       }
-      this.valueController.updateValue(content, this.value.language);
       this.selectionController.setNextCodeBlockRange(nextOffset);
+      this.valueController.updateValue(content, this.value.language, {
+        recordHistory: true,
+        offset: nextOffset,
+      });
     }
   }
   /**
@@ -817,7 +839,10 @@ class CodeBlockInputController extends VegaSlimmer {
       if (this.isInsertLineBreakInLowVersionFirefox(newText)) {
         newText = newText + '\n';
       }
-      this.valueController.updateValue(newText, (_a = this.value) === null || _a === void 0 ? void 0 : _a.language);
+      this.valueController.updateValue(newText, (_a = this.value) === null || _a === void 0 ? void 0 : _a.language, {
+        recordHistory: true,
+        offset: this.selectionController.getCurrentRange().contentOffset,
+      });
     }
   }
   /**
@@ -844,32 +869,32 @@ class CodeBlockInputController extends VegaSlimmer {
     return false;
   }
 }
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], CodeBlockInputController.prototype, "selectionController", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], CodeBlockInputController.prototype, "contentRenderer", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], CodeBlockInputController.prototype, "valueController", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], CodeBlockInputController.prototype, "contentParseController", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], CodeBlockInputController.prototype, "insertCompositionTextController", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], CodeBlockInputController.prototype, "value", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('componentDidLoad')
 ], CodeBlockInputController.prototype, "registerInputEvent", null);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('disconnectedCallback')
 ], CodeBlockInputController.prototype, "unregisterEventListener", null);
 
-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;
@@ -901,28 +926,28 @@ class VegaCodeBlockFocusController extends VegaSlimmer {
     }
   }
 }
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "host", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "value", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "readOnly", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "disabled", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "contentRenderer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaCodeBlockFocusController.prototype, "selectionController", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentMethod('doFocus')
 ], VegaCodeBlockFocusController.prototype, "focusAndUpdateSelection", null);
-__decorate$4([
+__decorate$5([
   MapToComponentMethod('watchEditableChange')
 ], VegaCodeBlockFocusController.prototype, "removeFocusAfterDisabled", null);
 
@@ -930,7 +955,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$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;
@@ -979,16 +1004,16 @@ class VegaCodeBlockCopyButtonRenderer extends VegaSlimmer {
   });
 })();
 VegaCodeBlockCopyButtonRenderer.RESET_TOOLTIP_TIME = 1000;
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaCodeBlockCopyButtonRenderer.prototype, "value", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaCodeBlockCopyButtonRenderer.prototype, "readOnly", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaCodeBlockCopyButtonRenderer.prototype, "showCopyButton", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaCodeBlockCopyButtonRenderer.prototype, "translationSlimmer", void 0);
 
@@ -3699,7 +3724,7 @@ delete Prism.languages.c['boolean'];
 	tag.lookbehind = true;
 }(Prism));
 
-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;
@@ -3781,7 +3806,7 @@ class CodeHighlightParser extends VegaSlimmer {
     return /[<|>|\\/]/.test(text);
   }
 }
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], CodeHighlightParser.prototype, "value", void 0);
 
@@ -3897,7 +3922,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$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;
@@ -3975,28 +4000,115 @@ class InsertCompositionTextController extends VegaSlimmer {
     e.stopPropagation();
   }
 }
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], InsertCompositionTextController.prototype, "selectionController", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], InsertCompositionTextController.prototype, "contentRenderer", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], InsertCompositionTextController.prototype, "valueController", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], InsertCompositionTextController.prototype, "contentParseController", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], InsertCompositionTextController.prototype, "value", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentMethod('componentDidLoad')
 ], InsertCompositionTextController.prototype, "registerInputEvent", null);
-__decorate$1([
+__decorate$2([
   MapToComponentMethod('disconnectedCallback')
 ], InsertCompositionTextController.prototype, "unregisterEventListener", 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;
+};
+/**
+ * The class used to control the code block history.
+ * It extends the ComponentValueHistoryControllerSlimmer to manage the history of code block states.
+ */
+class VegaCodeBlockHistoryController extends ComponentValueHistoryControllerSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Get the effective target elements for the code block history.
+     *
+     * @returns {HTMLElement[]} - An array of effective target elements.
+     */
+    this.getEffectiveTargets = () => {
+      return [this.contentRenderer.getCodeContentContainerRef()];
+    };
+  }
+  /**
+   * Invoke the method to back up the current code block state.
+   */
+  async undo() {
+    if (this.undoStack.length > 1) {
+      const clonedState = this.undoStack.pop();
+      this.redoStack.push(clonedState);
+      const prev = this.undoStack[this.undoStack.length - 1];
+      if (prev) {
+        await this.restoreState(prev);
+      }
+    }
+  }
+  /**
+   * Invoke the redo action to restore the last undone state.
+   */
+  async redo() {
+    const clonedState = this.redoStack.pop();
+    this.undoStack.push(clonedState);
+    await this.restoreState(clonedState);
+  }
+  /**
+   * Set the initial state of the code block history when the component is loaded.
+   */
+  initialHistory() {
+    this.registerHistory({
+      value: this.value,
+      offset: this.value.code.length,
+    }, true);
+  }
+  /**
+   * Get the ineffective target elements for the code block history.
+   *
+   * @returns { HTMLElement[]} - An empty array, as there are no ineffective targets for the code block.
+   */
+  getIneffectiveTargets() {
+    return [];
+  }
+  /**
+   * Restore the state of the code block from the given state.
+   *
+   * @param {CodeBlockState} state - The state to restore.
+   */
+  async restoreState(state) {
+    const { value, offset } = state;
+    this.selectionController.setNextCodeBlockRange(offset);
+    this.valueController.updateValue(value.code, value.language);
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaCodeBlockHistoryController.prototype, "contentRenderer", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaCodeBlockHistoryController.prototype, "value", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaCodeBlockHistoryController.prototype, "valueController", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaCodeBlockHistoryController.prototype, "selectionController", void 0);
+__decorate$1([
+  MapToComponentMethod('componentDidLoad')
+], VegaCodeBlockHistoryController.prototype, "initialHistory", 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) {
@@ -4032,6 +4144,7 @@ const VegaCodeBlock = class {
     this.inputController = new CodeBlockInputController();
     this.insertCompositionTextController = new InsertCompositionTextController();
     this.focusController = new VegaCodeBlockFocusController();
+    this.historyController = new VegaCodeBlockHistoryController();
     this.changeEventEmitter = createEventEmitSlimmer(VegaCodeBlock, VegaChange);
     this.removeEventEmitter = createEventEmitSlimmer(VegaCodeBlock, VegaRemove);
     this.eventPreventSlimmer = new ChildNodesEventPreventSlimmer([VegaChange], () => this.codeBlockRenderer.getToolbarContainerRef());
@@ -4143,6 +4256,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaCodeBlock.prototype, "focusController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCodeBlock.prototype, "historyController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaCodeBlock.prototype, "changeEventEmitter", void 0);

package/dist/esm/vega-color-picker.entry.js

@@ -3,7 +3,7 @@ import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString, h as hexToRGB, b as getHexFromShorthand } from './ui-7d177fb0.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-846cda92.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-6f49d396.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.js';
@@ -17,9 +17,10 @@ import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
 import './vega-internal-event-id-178b2743.js';
 import './translation-71e0711d.js';
-import './page-resize-observer-slimmer-c51f1912.js';
+import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
+import './try-get-document-bef0f526.js';
 import './dom-node-subject-observer-factory-c345ca2e.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
@@ -27,7 +28,6 @@ import './array-7888f339.js';
 import './number-4398f2e1.js';
 import './sub-state-observer-slimmer-93eeb87d.js';
 import './internal-vega-event-manager-d80c53c5.js';
-import './try-get-document-bef0f526.js';
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {