@globalpayments/vega 2.50.0 → 2.51.0

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

@@ -1,32 +1,32 @@
 import { h, F as Fragment, f as forceUpdate, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-d0a47531.js';
-import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-6083d518.js';
-import { a as VegaClick, f as VegaChange, b as VegaDropdownClick, d as domNodeSubjectFactory, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick } from './dom-node-subject-factory-eb6bba5d.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
+import { a as VegaClick, f as VegaChange, b as VegaDropdownClick, d as domNodeSubjectFactory, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick } from './dom-node-subject-factory-6374611f.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-58cf8aa6.js';
 import { p as pad } from './date-c55b97f0.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-480d3b54.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1142fb79.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-7428cc01.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2b975cbf.js';
 import { t as VegaInternalCalendarMonthEventsChange } from './vega-internal-event-id-178b2743.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { f as flatNestedArray } from './array-7888f339.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-c51f1912.js';
 import { d as debounce } from './timer-9321173b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-6768a092.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-b6c8051c.js';
 import { T as TranslationSlimmer } from './translation-slimmer-e6b130bf.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { q as isBackgroundColorTokenType } from './type-guard-158f6d7a.js';
 import { s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-2958d1a3.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-93eeb87d.js';
 import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
 import './observer-3959f9dd.js';
-import './ui-ed1283bb.js';
+import './ui-7d177fb0.js';
 import './icon-manager-638dd4d4.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-56c6469a.js';
+import './internal-vega-event-manager-d80c53c5.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-0fbe8fb0.js';
 import './index-44c794b4.js';

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

@@ -1,37 +1,37 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-d0a47531.js';
-import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-5672a708.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-2060cd0d.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { f as findParent, a as arrayToClassString } from './ui-ed1283bb.js';
+import { f as findParent, a as arrayToClassString } from './ui-7d177fb0.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
 import './type-guard-158f6d7a.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-738b3413.js';
-import './page-resize-observer-slimmer-15a84d26.js';
+import './responsive-format-facade-8c0ce819.js';
+import './page-resize-observer-slimmer-c51f1912.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './vega-skeleton-loader-controller-878e1b28.js';
+import './vega-skeleton-loader-controller-06f48dd2.js';
 import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
-import './dark-mode-style-controller-2ada8e22.js';
+import './dark-mode-style-controller-ea798fc8.js';
 import './static-subject-title-ca83d6b6.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-56c6469a.js';
-import './dom-node-subject-factory-eb6bba5d.js';
+import './internal-vega-event-manager-d80c53c5.js';
+import './dom-node-subject-factory-6374611f.js';
 import './feature-flag-controller-0fbe8fb0.js';
 import './index-44c794b4.js';
 import './icon-manager-638dd4d4.js';
-import './wait-for-vega-handler-b18eb955.js';
+import './wait-for-vega-handler-e0a928cd.js';
 import './translation-71e0711d.js';
-import './content-state-120176f3.js';
-import './code-block-527df049.js';
+import './content-state-69d29a07.js';
+import './code-block-ef2f04ca.js';
 import './vega-internal-event-id-178b2743.js';
 import './state-background-color-formatter-121ae7d3.js';
 

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d0a47531.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { r as reflow, e as executeAfterTransition } from './effect-8efd2c3c.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-738b3413.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
+import { r as reflow, e as executeAfterTransition } from './effect-f50e072d.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-8c0ce819.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 { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-480d3b54.js';
-import { j as VegaPageUpdate } from './dom-node-subject-factory-eb6bba5d.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-c51f1912.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-7428cc01.js';
+import { j as VegaPageUpdate } from './dom-node-subject-factory-6374611f.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-32575f02.js';
 import './type-guard-158f6d7a.js';
 import './breakpoints-d9faf11c.js';
@@ -19,25 +19,25 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './vega-skeleton-loader-controller-878e1b28.js';
+import './vega-skeleton-loader-controller-06f48dd2.js';
 import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
-import './ui-ed1283bb.js';
-import './dark-mode-style-controller-2ada8e22.js';
+import './ui-7d177fb0.js';
+import './dark-mode-style-controller-ea798fc8.js';
 import './static-subject-title-ca83d6b6.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-56c6469a.js';
+import './internal-vega-event-manager-d80c53c5.js';
 import './feature-flag-controller-0fbe8fb0.js';
 import './index-44c794b4.js';
 import './icon-manager-638dd4d4.js';
-import './wait-for-vega-handler-b18eb955.js';
+import './wait-for-vega-handler-e0a928cd.js';
 import './translation-71e0711d.js';
-import './content-state-120176f3.js';
-import './code-block-527df049.js';
+import './content-state-69d29a07.js';
+import './code-block-ef2f04ca.js';
 import './vega-internal-event-id-178b2743.js';
-import './dom-node-subject-observer-factory-6083d518.js';
+import './dom-node-subject-observer-factory-c345ca2e.js';
 import './object-261e7344.js';
 
 var TouchDirection;
@@ -426,15 +426,18 @@ const VegaCarousel = class {
     const carouselItemWrapperList = [];
     const carouselContentElementArray = this.carouselContentElements;
     for (let j = 0; j < this.totalPages; j++) {
+      // eslint-disable-next-line no-restricted-globals
       const carouselItemWrapper = document.createElement('vega-grid');
       carouselItemWrapper.setAttribute('gap', this.spacing);
       carouselItemWrapper.setAttribute('column', this.currentItemsPerPage.toString());
       carouselItemWrapper.setAttribute('row', '1');
       for (let i = j * this.currentItemsPerPage; i < carouselContentElementArray.length && i < this.currentItemsPerPage * (j + 1); i++) {
+        // eslint-disable-next-line no-restricted-globals
         const divInner = document.createElement('div');
         divInner.appendChild(carouselContentElementArray[i]);
         carouselItemWrapper.appendChild(divInner);
       }
+      // eslint-disable-next-line no-restricted-globals
       const divOuter = document.createElement('div');
       divOuter.classList.add('carousel-item');
       j === 0 && divOuter.classList.add('active');

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

@@ -1,36 +1,36 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d0a47531.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { C as CHECKBOX_VALUE_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE, i as CHECKBOX_GROUP_DISABLED_CHANGE } from './static-subject-title-ca83d6b6.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent, a as arrayToClassString } from './ui-ed1283bb.js';
+import { f as findParent, a as arrayToClassString } from './ui-7d177fb0.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-ec2000c0.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-480d3b54.js';
-import { d as domNodeSubjectFactory, f as VegaChange } from './dom-node-subject-factory-eb6bba5d.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-87d80e46.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-7428cc01.js';
+import { d as domNodeSubjectFactory, f as VegaChange } from './dom-node-subject-factory-6374611f.js';
 import { c as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-178b2743.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1142fb79.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2b975cbf.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-ddaad39a.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-eeed5986.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-be824360.js';
 import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
 import './translation-71e0711d.js';
-import './page-resize-observer-slimmer-15a84d26.js';
+import './page-resize-observer-slimmer-c51f1912.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
-import './dom-node-subject-observer-factory-6083d518.js';
+import './dom-node-subject-observer-factory-c345ca2e.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-2958d1a3.js';
-import './internal-vega-event-manager-56c6469a.js';
+import './sub-state-observer-slimmer-93eeb87d.js';
+import './internal-vega-event-manager-d80c53c5.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-0fbe8fb0.js';
 import './index-44c794b4.js';

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

@@ -1,15 +1,15 @@
 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-cae24190.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-738b3413.js';
-import { a as arrayToClassString } from './ui-ed1283bb.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-5672a708.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-8c0ce819.js';
+import { a as arrayToClassString } from './ui-7d177fb0.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-2060cd0d.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-15a84d26.js';
+import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-c51f1912.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-480d3b54.js';
-import { a as VegaClick, c as VegaClose } from './dom-node-subject-factory-eb6bba5d.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1142fb79.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-7428cc01.js';
+import { a as VegaClick, c as VegaClose } from './dom-node-subject-factory-6374611f.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2b975cbf.js';
 import './type-guard-158f6d7a.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
@@ -19,25 +19,25 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './vega-skeleton-loader-controller-878e1b28.js';
+import './vega-skeleton-loader-controller-06f48dd2.js';
 import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
-import './dark-mode-style-controller-2ada8e22.js';
+import './dark-mode-style-controller-ea798fc8.js';
 import './static-subject-title-ca83d6b6.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-56c6469a.js';
+import './internal-vega-event-manager-d80c53c5.js';
 import './feature-flag-controller-0fbe8fb0.js';
 import './index-44c794b4.js';
 import './icon-manager-638dd4d4.js';
-import './wait-for-vega-handler-b18eb955.js';
+import './wait-for-vega-handler-e0a928cd.js';
 import './translation-71e0711d.js';
-import './content-state-120176f3.js';
-import './code-block-527df049.js';
+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-6083d518.js';
+import './dom-node-subject-observer-factory-c345ca2e.js';
 
 const VegaChipRuntimeMetricsPayloadDefinition = [
   {

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

@@ -1,36 +1,36 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-d0a47531.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-385c7124.js';
-import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-58cf8aa6.js';
 import { t as trashCan } from './trash-can-8819a939.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-6083d518.js';
-import { f as VegaChange, a as VegaClick, d as domNodeSubjectFactory, k as VegaRemove } from './dom-node-subject-factory-eb6bba5d.js';
-import { a as arrayToClassString } from './ui-ed1283bb.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-480d3b54.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
+import { f as VegaChange, a as VegaClick, d as domNodeSubjectFactory, k as VegaRemove } from './dom-node-subject-factory-6374611f.js';
+import { a as arrayToClassString } from './ui-7d177fb0.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-7428cc01.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-c04f1e18.js';
+import { A as AutoRunWhenReRenderTaskQueueSlimmer, S as ShadowSelectionPolyfill, a as SelectionController } from './selection-controller-3d6dfc87.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';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1142fb79.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2b975cbf.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
-import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-000e0c11.js';
+import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-dad40b64.js';
 import './icon-manager-638dd4d4.js';
 import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-56c6469a.js';
+import './internal-vega-event-manager-d80c53c5.js';
 import './translation-71e0711d.js';
 import './static-subject-title-ca83d6b6.js';
-import './code-block-527df049.js';
+import './code-block-ef2f04ca.js';
 import './type-guard-158f6d7a.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './dark-mode-style-controller-2ada8e22.js';
+import './dark-mode-style-controller-ea798fc8.js';
 import './synchronize-task-queue-ac8acc3b.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-0fbe8fb0.js';
@@ -553,12 +553,14 @@ class VegaCodeBlockSelectionController extends AutoRunWhenReRenderTaskQueueSlimm
    */
   addSelectionChangeEventListener() {
     this.codeBlockRange = new CodeBlockRange(this.contentRenderer.getCodeContentContainerRef());
+    // eslint-disable-next-line no-restricted-globals
     document.addEventListener('selectionchange', this.handleSelectionWithDebounce);
   }
   /**
    * Component lifecycle
    */
   removeSelectionChangeEventListener() {
+    // eslint-disable-next-line no-restricted-globals
     document.removeEventListener('selectionchange', this.handleSelectionWithDebounce);
   }
   /**
@@ -663,6 +665,7 @@ class CodeBlockInputController extends VegaSlimmer {
         }
         // 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) {
@@ -671,20 +674,13 @@ class CodeBlockInputController extends VegaSlimmer {
         }
       }
       else if (inputType === 'deleteContentBackward') {
-        if (!this.value || !this.value.code || this.value.code === ' ') {
+        if (!this.value || !this.value.code || this.value.code === '') {
           e.preventDefault();
-          return;
         }
-        // In low version firefox, the selected text could not delete when press delete key, so we handle the action manually.
-        const range = this.selectionController.getCurrentRange();
-        if (range && range.selectedText.length) {
-          const contentStartOffset = range.contentOffset;
-          const newValue = this.deleteSelectedText(contentStartOffset, range.selectedText.length);
-          e.preventDefault();
-          this.valueController.updateValue(newValue, this.value.language);
-          this.selectionController.setNextCodeBlockRange(contentStartOffset);
-          return;
+        else {
+          this.handleDeleteAction(e);
         }
+        return;
       }
       this.updateCodeBlockRange(e);
     };
@@ -717,15 +713,40 @@ class CodeBlockInputController extends VegaSlimmer {
   stopEventPropagation(e) {
     e.stopPropagation();
   }
+  /**
+   * Modify the component code content when user press delete key.
+   *
+   * @param {InputEvent} e - The input event object.
+   */
+  handleDeleteAction(e) {
+    const range = this.selectionController.getCurrentRange();
+    if (range) {
+      e.preventDefault();
+      const contentStartOffset = range.contentOffset;
+      const currentNodes = this.contentParseController.getCurrentCodeNodes();
+      let content = this.getCodeNodesContent(currentNodes);
+      let nextOffset = contentStartOffset;
+      // In low version firefox, the selected text could not delete when press delete key, so we handle the action manually.
+      if (range.selectedText.length) {
+        content = this.deleteSelectedText(content, contentStartOffset, range.selectedText.length);
+      }
+      else if (contentStartOffset > 0) {
+        content = content.slice(0, contentStartOffset - 1) + content.slice(contentStartOffset);
+        nextOffset -= 1;
+      }
+      this.valueController.updateValue(content, this.value.language);
+      this.selectionController.setNextCodeBlockRange(nextOffset);
+    }
+  }
   /**
    * 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(contentStartOffset, length) {
-    let oldValue = this.value.code;
+  deleteSelectedText(oldValue, contentStartOffset, length) {
     if (length >= oldValue.length) {
       oldValue = '';
     }
@@ -758,31 +779,13 @@ class CodeBlockInputController extends VegaSlimmer {
         return data.length; // For insert text, we return the length of the inserted text.
       case 'insertParagraph':
       case 'insertLineBreak':
-        return this.getLineBreakLength();
-      case 'deleteContentBackward':
-        return -1; // For delete backward, we return -1.
+        return 1;
       case 'insertFromPaste':
         return this.getPasteContentLength(e);
       default:
         return 0; // For other input types, we return 0.
     }
   }
-  /**
-   * Get the insert text length when press enter.
-   *
-   * @returns {number} - The text length.
-   */
-  getLineBreakLength() {
-    const range = this.selectionController.getCurrentRange();
-    let length = 1; // For line break, we consider it as a single character.
-    const content = range['getCodeContent'](this.contentParseController.getCurrentCodeNodes());
-    if (content.charAt(range.contentOffset - 1) === '' ||
-      content.charAt(range.contentOffset - 1) === '\n') {
-      // There will add a blank space when wrapping at a boundary or behind a line break, the length should be 2.
-      length++;
-    }
-    return length;
-  }
   /**
    * Get the paste content text length.
    *
@@ -792,6 +795,7 @@ class CodeBlockInputController extends VegaSlimmer {
   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;
@@ -808,40 +812,32 @@ class CodeBlockInputController extends VegaSlimmer {
     var _a;
     if (!this.insertCompositionTextController.isComposing()) {
       const codeContentContainerRef = this.contentRenderer.getCodeContentContainerRef();
-      // Remove the unnecessary line break tag before get the code content.
-      this.removeUnnecessaryLineBreak(codeContentContainerRef.querySelector('br'));
-      let newContent = codeContentContainerRef.innerText;
-      if (newContent.endsWith('\n\n')) {
-        newContent = newContent.slice(0, newContent.length - '\n'.length) + ' ';
-      }
-      if (this.isInsertSingleLineBreakAtEnd(newContent)) {
-        newContent = newContent + ' ';
-      }
-      if (newContent.endsWith('\n')) {
-        newContent = newContent.slice(0, newContent.length - '\n'.length);
+      let newText = codeContentContainerRef.innerText;
+      if (this.isInsertLineBreakInLowVersionFirefox(newText)) {
+        newText = newText + '\n';
       }
-      this.valueController.updateValue(newContent, (_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);
     }
   }
   /**
-   * If remove all content of span element, browser will create a new <br/> element, we need remove the unnecessary element.
-   * In firefox, the new <br/> element will append in span element when insert line break at end of content, and the current element should not remove.
+   * Collect the code nodes content from the code nodes array.
    *
-   * @param {Nullable<HTMLElement>} br - The new create line break element.
+   * @param {CodeNodeType[]} codeNodes - The code nodes array.
+   * @returns {string} - The content of code nodes.
    */
-  removeUnnecessaryLineBreak(br) {
-    if (br && br.parentElement && br.parentElement.tagName !== 'SPAN') {
-      br.remove();
-    }
+  getCodeNodesContent(codeNodes) {
+    return codeNodes.map((codeNode) => codeNode.text).join('');
   }
   /**
-   * In some low versions of firefox, there are only one line break tag when insert line break at end of content. We need check this and add white space to make the line break work properly.
+   * Check if the new content update by insert line break in low version Firefox.
    *
-   * @param {string} newValue - The new code content.
-   * @returns {boolean} - Boolean result.
+   * @param {string} newText - The new text content.
+   * @returns {boolean} - Boolean value.
    */
-  isInsertSingleLineBreakAtEnd(newValue) {
-    if ((!this.value && newValue === ' \n') || (this.value && this.value.code + '\n' === newValue)) {
+  isInsertLineBreakInLowVersionFirefox(newText) {
+    var _a;
+    const oldValue = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.code) || '';
+    if (!oldValue.endsWith('\n') && newText === oldValue + '\n') {
       return true;
     }
     return false;
@@ -3749,6 +3745,31 @@ class CodeHighlightParser extends VegaSlimmer {
   isHighlightLanguage(language) {
     return language !== 'plainText' && presetLanguages.includes(language);
   }
+  /**
+   * Mark the line number class for the first node of each line.
+   *
+   * @param {CodeNodeType[]} codeNodes - The code nodes array.
+   * @returns {CodeNodeType[]} - The code node array with line number tag.
+   */
+  markLineNumberNodes(codeNodes) {
+    if (codeNodes.length === 0) {
+      codeNodes.push({ text: '\n', key: '0', className: '' });
+    }
+    let lineNumber = 0;
+    return codeNodes.map((node, index) => {
+      let className = node.className;
+      if (index === 0 || codeNodes[index - 1].text === '\n') {
+        lineNumber++;
+        className = `v-code-line-number ${node.className}`;
+      }
+      return {
+        text: node.text,
+        key: `${index}`,
+        className,
+        mark: `${lineNumber}`,
+      };
+    });
+  }
   /**
    * Check the text has special character.
    *
@@ -3787,20 +3808,7 @@ class PrismCodeHighlightParseController extends CodeHighlightParser {
     const parseLanguage = prism.languages[language];
     const tokens = prism.tokenize(code, parseLanguage);
     result = this.getHighlightNodes(tokens);
-    let lineNumber = 0;
-    return result.map((node, index) => {
-      let className = node.className;
-      if (index === 0 || result[index - 1].text === '\n') {
-        lineNumber++;
-        className = `v-code-line-number ${node.className}`;
-      }
-      return {
-        text: node.text,
-        key: `${index}`,
-        className,
-        mark: `${lineNumber}`,
-      };
-    });
+    return this.markLineNumberNodes(result);
   }
   /**
    * Parse the plugin parse result to a usable array.
@@ -3873,29 +3881,15 @@ class DefaultCodeHighlightParseController extends CodeHighlightParser {
   parse() {
     var _a, _b;
     const code = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : '';
-    const nodes = code.split('\n');
+    const nodes = code.split(/(\n)/);
     let result = [];
-    nodes.forEach((item, index) => {
-      result = result.concat(this.splitTag(item).map((text, textIndex) => {
-        return {
-          text: text,
-          key: '',
-          mark: `${index + 1}`,
-          className: textIndex === 0 ? 'v-code-line-number' : '',
-        };
-      }));
-      if (index < nodes.length - 1) {
-        result.push({
-          text: '\n',
-          key: `line-break${index}`,
-          className: 'v-code-line-break',
-          mark: `${index + 1}`,
-        });
+    nodes.forEach((item) => {
+      if (item) {
+        const textArray = this.splitTag(item);
+        result.push(...textArray.map((text) => ({ text, key: '', className: '' })));
       }
     });
-    result = result.map((item, index) => {
-      return Object.assign(Object.assign({}, item), { text: item.text || ' ', key: `${index}` });
-    });
+    result = this.markLineNumberNodes(result);
     return result;
   }
 }
@@ -4002,7 +3996,7 @@ __decorate$1([
   MapToComponentMethod('disconnectedCallback')
 ], InsertCompositionTextController.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:0px}: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)}";
+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) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;