@globalpayments/vega 2.49.1 → 2.51.0

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/code-block.test.js

@@ -0,0 +1,54 @@
+import { RTECodeBlock } from '../../../dto/blocks/code-block';
+describe('RTECodeBlock', () => {
+  it('initial', () => {
+    const codeBlock = RTECodeBlock.from({
+      id: '1',
+      type: 'code-block',
+      language: 'js',
+      content: 'const',
+    });
+    expect(codeBlock.id).toEqual('1');
+    expect(codeBlock.type).toEqual('code-block');
+    expect(codeBlock.getLastNode()['language']).toEqual('js');
+    expect(codeBlock.getLastNode()['text']).toEqual('const');
+  });
+  it('toJSON', () => {
+    const codeBlock = RTECodeBlock.from({
+      id: '1',
+      type: 'code-block',
+      language: 'js',
+      content: 'const',
+    });
+    expect(codeBlock.nodes[0].toJSON()).toEqual({
+      id: '1-1',
+      type: 'text',
+      language: 'js',
+      text: 'const',
+    });
+    expect(codeBlock.toJSON()).toEqual({ id: '1', type: 'code-block', language: 'js', content: 'const' });
+  });
+  it('isNotEmpty', () => {
+    const codeBlock = RTECodeBlock.from({
+      id: '1',
+      type: 'code-block',
+      language: 'js',
+      content: 'const',
+    });
+    expect(codeBlock.isNotEmpty()).toBeTruthy();
+  });
+  it('clone', () => {
+    const codeBlock = RTECodeBlock.from({
+      id: '1',
+      type: 'code-block',
+      language: 'js',
+      content: 'const',
+    });
+    const cloneBlock = codeBlock.clone();
+    const cloneNode = codeBlock.nodes[0].clone();
+    expect(cloneBlock.id).toEqual(codeBlock.id);
+    expect(cloneBlock.type).toEqual(codeBlock.type);
+    expect(cloneNode.type).toEqual(codeBlock.nodes[0].type);
+    expect(cloneNode.text).toEqual(codeBlock.nodes[0].text);
+    expect(cloneNode.language).toEqual(codeBlock.nodes[0].language);
+  });
+});

package/dist/collection/components/vega-rich-text-editor/test/e2e-utils.js

@@ -62,19 +62,23 @@ export const changeAlignStyle = async (page, style) => {
   switch (style) {
     case 'left':
       await (await find(page, 'vega-popover-content-box div:nth-of-type(1) vega-rich-text-editor-toolbar-button >>> button')).click();
+      await page.waitForChanges();
       break;
     case 'center': {
       const centerAlignBtn = await find(page, 'vega-popover-content-box div:nth-of-type(2) vega-rich-text-editor-toolbar-button >>> button');
       await centerAlignBtn.click();
+      await page.waitForChanges();
       break;
     }
     case 'right': {
       const rightAlignBtn = await page.find('vega-popover-content-box div:nth-of-type(3) vega-rich-text-editor-toolbar-button >>> button');
       await rightAlignBtn.click();
+      await page.waitForChanges();
       break;
     }
     case 'justified':
       await (await find(page, 'vega-popover-content-box div:nth-of-type(4) vega-rich-text-editor-toolbar-button >>> button')).click();
+      await page.waitForChanges();
       break;
   }
 };
@@ -106,6 +110,7 @@ export const changeIndent = async (page, style) => {
 export const clickClearBtn = async (page) => {
   const clearStyleButton = await find(page, 'vega-rich-text-editor >>> vega-rich-text-editor-toolbar-button >>> button');
   await clearStyleButton.click();
+  await page.waitForChanges();
 };
 /**
  * set RTE link

package/dist/collection/components/vega-rich-text-editor/test/element-to-dto-strategy/jira-code-to-rte-code-block-strategy.test.js

@@ -0,0 +1,32 @@
+import { RTECodeBlock } from '../../dto/blocks/code-block';
+import { JiraCodeToRTECodeBlockStrategy } from '../../slimmers/controllers/helper/element-to-dto-strategy/jira-code-to-rte-code-block-strategy';
+describe('CodeToRteCodeBlockStrategy', () => {
+  const strategy = new JiraCodeToRTECodeBlockStrategy();
+  it('should return result correct when call method canHandle', () => {
+    const codeElement = document.createElement('code');
+    const preElement = document.createElement('pre');
+    expect(strategy.canHandle([codeElement], 0)).toBeFalsy();
+    expect(strategy.canHandle([preElement], 0)).toBeFalsy();
+    codeElement.setAttribute('data-language', 'js');
+    preElement.setAttribute('data-language', 'js');
+    expect(strategy.canHandle([codeElement], 0)).toBeTruthy();
+    expect(strategy.canHandle([preElement], 0)).toBeTruthy();
+  });
+  it('should return result correct when call method shouldProceedToElementChildren', () => {
+    expect(strategy.shouldProceedToElementChildren()).toBeFalsy();
+  });
+  it('should return result correct when call method handle', () => {
+    expect(strategy.handle([])).toBeUndefined();
+    const codeElement = document.createElement('code');
+    codeElement.setAttribute('data-language', 'js');
+    codeElement.textContent = 'console.log("Hello, World!");';
+    const result = strategy.handle([codeElement]);
+    expect(result instanceof RTECodeBlock).toBeTruthy();
+    expect(result.toJSON()).toEqual({
+      id: expect.any(String),
+      type: 'code-block',
+      language: 'js',
+      content: 'console.log("Hello, World!");',
+    });
+  });
+});

package/dist/collection/components/vega-rich-text-editor/test/element-to-dto-strategy/vega-code-block-to-rte-code-block-strategy.test.js

@@ -0,0 +1,61 @@
+import { RTECodeBlock } from '../../dto/blocks/code-block';
+import { VegaCodeBlockToRTECodeBlockStrategy } from '../../slimmers/controllers/helper/element-to-dto-strategy/vega-code-block-to-rte-code-block-strategy';
+describe('CodeToRteCodeBlockStrategy', () => {
+  const strategy = new VegaCodeBlockToRTECodeBlockStrategy();
+  it('should return result correct when call method canHandle', () => {
+    const pre = document.createElement('pre');
+    const codeElement = document.createElement('vega-code-block');
+    expect(strategy.canHandle([codeElement], 0)).toBeTruthy();
+    expect(strategy.canHandle([pre], 0)).toBeFalsy();
+    pre.classList.add('code-block-container');
+    pre.appendChild(codeElement);
+    expect(strategy.canHandle([pre], 0)).toBeTruthy();
+    // Test with code element inside vega-code-block
+    codeElement.appendChild(document.createElement('vega-code-block'));
+    expect(strategy.canHandle([codeElement], 0)).toBeFalsy();
+    pre.appendChild(codeElement);
+    expect(strategy.canHandle([pre], 0)).toBeFalsy();
+  });
+  it('should return result correct when call method handle', () => {
+    const pre = document.createElement('pre');
+    const codeElement = document.createElement('vega-code-block');
+    const code = document.createElement('code');
+    code.setAttribute('data-language', 'js');
+    code.textContent = 'console.log("Hello, World!");';
+    codeElement.appendChild(code);
+    let result = strategy.handle([codeElement]);
+    expect(strategy.handle([codeElement]) instanceof RTECodeBlock).toBeTruthy();
+    expect(result.toJSON()).toEqual({
+      id: expect.any(String),
+      type: 'code-block',
+      language: 'js',
+      content: 'console.log("Hello, World!");',
+    });
+    pre.classList.add('code-block-container');
+    pre.appendChild(codeElement);
+    result = strategy.handle([pre]);
+    expect(strategy.handle([pre]) instanceof RTECodeBlock).toBeTruthy();
+    expect(result.toJSON()).toEqual({
+      id: expect.any(String),
+      type: 'code-block',
+      language: 'js',
+      content: 'console.log("Hello, World!");',
+    });
+  });
+  it('should return result correct when call method shouldProceedToElementChildren', () => {
+    expect(strategy.shouldProceedToElementChildren()).toBeFalsy();
+  });
+  it('should get code content properly when the vega-code-block is empty', () => {
+    const codeElement = document.createElement('vega-code-block');
+    codeElement.setAttribute('data-language', 'js');
+    codeElement.setAttribute('data-content', 'console.log("Hello, World!");');
+    const result = strategy.handle([codeElement]);
+    expect(strategy.handle([codeElement]) instanceof RTECodeBlock).toBeTruthy();
+    expect(result.toJSON()).toEqual({
+      id: expect.any(String),
+      type: 'code-block',
+      language: 'js',
+      content: 'console.log("Hello, World!");',
+    });
+  });
+});

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js

@@ -44,6 +44,8 @@ import { DeleteSelectedNodesController } from './slimmers/controllers/delete-sel
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaInternalThemeManager } from '../../helpers/theme/internal-theme-manager';
 import { HistoryController } from './slimmers/controllers/history-controller';
+import { CodeBlockToolbarButtonSlimmer } from './slimmers/renderers/tools/code-block-toolbar-button-slimmer';
+import { InternalCodeBlockSelectionController } from './slimmers/controllers/internal-code-block-selection-controller';
 /**
  * @vegaVersion 2.34.0
  */
@@ -86,6 +88,7 @@ export class VegaRichTextEditor {
     this.lessIndentToolbarButtonSlimmer = new LessIndentToolbarButtonSlimmer();
     this.bulletsNumbersToolbarButtonSlimmer = new BulletsNumbersToolbarButtonSlimmer();
     this.horizontalAlignmentToolbarButtonSlimmer = new HorizontalAlignmentToolbarButtonSlimmer();
+    this.codeBlockToolbarButtonSlimmer = new CodeBlockToolbarButtonSlimmer();
     this.placeholderNotifySlimmer = createSubStateNotifySlimmer(VegaRichTextEditor, 'placeholder', 'watchPlaceholder');
     this.disabledNotifySlimmer = createSubStateNotifySlimmer(VegaRichTextEditor, 'richTextContentEditable', 'watchRichTextContentEditable');
     this.richTextContentController = new RichTextContentController(this);
@@ -97,6 +100,7 @@ export class VegaRichTextEditor {
     this.textNodeColorController = new TextNodeColorController();
     this.deleteSelectedNodesController = new DeleteSelectedNodesController();
     this.historyController = new HistoryController();
+    this.internalCodeBlockSelectionController = new InternalCodeBlockSelectionController();
     this.richTextContentEditable = true;
     this.selectionMap = new Map();
     this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
@@ -661,6 +665,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "horizontalAlignmentToolbarButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextEditor.prototype, "codeBlockToolbarButtonSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "placeholderNotifySlimmer", void 0);
@@ -694,3 +701,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "historyController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextEditor.prototype, "internalCodeBlockSelectionController", void 0);

package/dist/collection/components/vega-sidenav/slimmers/controllers/vega-sidenav-backdrop-controller.js

@@ -58,10 +58,13 @@ export class VegaSidenavBackdropController extends VegaSlimmer {
    * Appends a backdrop element to the body of the document and sets its visibility based on a breakpoint.
    */
   append() {
+    // eslint-disable-next-line no-restricted-globals
     let backdrop = document.querySelector(`vega-backdrop.${VegaSidenavBackdropController.backdropClassName}`);
     if (!backdrop) {
+      // eslint-disable-next-line no-restricted-globals
       backdrop = document.createElement('vega-backdrop');
       backdrop.classList.add(VegaSidenavBackdropController.backdropClassName);
+      // eslint-disable-next-line no-restricted-globals
       document.querySelector('body').append(backdrop);
     }
     backdrop.visible = this.getBackdropVisibleByBreakpoint();

package/dist/collection/components/vega-sidenav/slimmers/controllers/vega-sidenav-open-status-controller.js

@@ -226,6 +226,7 @@ export class VegaSidenavOpenStatusController extends PageResizeObserverSlimmer {
    */
   updateOverflowAvailability() {
     var _a;
+    // eslint-disable-next-line no-restricted-globals
     const bodyElement = document.querySelector('body');
     if (!((_a = this.responsiveBehavior) === null || _a === void 0 ? void 0 : _a.canBeScrolled) && this.openState === 'open') {
       bodyElement.style['overflow'] = 'hidden';

package/dist/collection/components/vega-signature-capture/slimmers/written-mode/controllers/written-mode-svg-controller.js

@@ -37,6 +37,7 @@ export class WrittenModeSvgController extends VegaSlimmer {
         return;
       this.isDrawing = true;
       const { x, y } = this.getPoint(e);
+      // eslint-disable-next-line no-restricted-globals
       this.currentPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
       this.currentPath.setAttribute('d', `M ${x} ${y}`);
       Object.assign(this.currentPath.style, {

package/dist/collection/components/vega-table/vega-table-head-cell/slimmers/controllers/vega-table-head-cell-sort-config-controller.js

@@ -0,0 +1,92 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField } from '../../../../../../../vega-slimmer/src/decorators/map-to-component-field';
+import { MapToComponentMethod } from '../../../../../../../vega-slimmer/src/decorators/map-to-component-method';
+import { VegaSlimmer } from '../../../../../../../vega-slimmer/src/decorators/vega-slimmer';
+import changeManager from '../../../../../helpers/change-manager/change-manager';
+import { Observer } from '../../../../../helpers/change-manager/observer/observer';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalTableHeadCellSortEvent } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { findParent } from '../../../../../utils/ui';
+/**
+ * Controller for the table head cell sort configuration
+ */
+export class VegaTableHeadCellSortConfigController extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const parent = findParent(this.host, 'vega-table-head');
+    if (parent) {
+      changeManager.unregister(domNodeSubjectFactory.getSubject(parent, VegaInternalTableHeadCellSortEvent), this.observer);
+    }
+  }
+  /**
+   * Component lifecycle - [componentWillLoad]
+   */
+  componentWillLoad() {
+    const topParent = findParent(this.host, 'vega-table-head');
+    if (topParent) {
+      this.hostTable = findParent(topParent, 'vega-table');
+      this.isTemplateRenderMode = this.checkIsTemplateRenderMode();
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      changeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalTableHeadCellSortEvent), this.observer);
+    }
+  }
+  /**
+   * Notify other table head cells on click sort
+   */
+  notifyOtherHeadCellOnClickSort() {
+    const parent = findParent(this.host, 'vega-table-head');
+    if (parent) {
+      changeManager.notify(domNodeSubjectFactory.getSubject(parent, VegaInternalTableHeadCellSortEvent), { host: this.host });
+    }
+  }
+  /**
+   * The function isAcceptableObserver checks if the input host matches a specified vega table head cell.
+   *
+   * @param {TableHeadCellObserverPayload} input - The `input` parameter is of type `TableHeadCellObserverPayload`
+   * @returns {boolean} The `isAcceptableObserver` function is returns `true`.
+   */
+  isAcceptableObserver(input) {
+    return input['host'] !== this.host;
+  }
+  /**
+   * The function checks if table is in template render mode and if sortConfig is of type single
+   */
+  observerListener() {
+    var _a;
+    if (this.isTemplateRenderMode) {
+      if (((_a = this.hostTable.sortConfig) === null || _a === void 0 ? void 0 : _a.type) === 'single') {
+        this.sortOrder = undefined;
+      }
+    }
+  }
+  /**
+   * Check whether render mode is template render
+   *
+   * @returns {boolean} return true if the mode is template, otherwise false
+   */
+  checkIsTemplateRenderMode() {
+    return Array.from(this.hostTable.children).some((el) => el.tagName.startsWith('VEGA-TABLE-'));
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTableHeadCellSortConfigController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableHeadCellSortConfigController.prototype, "sortOrder", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableHeadCellSortConfigController.prototype, "sortConfig", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaTableHeadCellSortConfigController.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaTableHeadCellSortConfigController.prototype, "componentWillLoad", null);

package/dist/collection/components/vega-table/vega-table-head-cell/vega-table-head-cell.js

@@ -25,6 +25,7 @@ import circleArrowUp from '../../../global/icons/circle-arrow-up';
 import { FeatureFlag } from '../../../helpers/feature-control/feature-flag-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { SortIconRenderer } from './slimmers/renderers/sort-icon-renderer';
+import { VegaTableHeadCellSortConfigController } from './slimmers/controllers/vega-table-head-cell-sort-config-controller';
 /**
  * @vegaVersion 1.44.0
  */
@@ -36,10 +37,12 @@ export class VegaTableHeadCell {
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.sortIconRenderer = new SortIconRenderer();
+    this.vegaTableHeadCellSortConfigController = new VegaTableHeadCellSortConfigController();
     this.currentBreakpoint = getCurrentBreakpoint();
     this.handleSort = (e) => {
       this.sortOrder = this.getNextSortOrder(this.sortOrder);
       this.clickEventEmitter.emit({ sortOrder: this.sortOrder }, e);
+      this.vegaTableHeadCellSortConfigController.notifyOtherHeadCellOnClickSort();
     };
     /**
      * Get the next sorter order
@@ -314,3 +317,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableHeadCell.prototype, "sortIconRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadCell.prototype, "vegaTableHeadCellSortConfigController", void 0);

package/dist/collection/components/vega-text/slimmers/renderers/vega-text-tooltip-renderer.js

@@ -58,6 +58,7 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
       var _a;
       this.tooltipRef = this.host.querySelector('vega-tooltip');
       if (!this.tooltipRef) {
+        // eslint-disable-next-line no-restricted-globals
         this.tooltipRef = document.createElement('vega-tooltip');
         this.tooltipRef.text = this.content;
         this.tooltipRef.innerText = this.content;
@@ -136,6 +137,7 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
   insertMinWidthStyle() {
     let placeholder = this.host.shadowRoot.querySelector('#min-width-placeholder');
     if (!placeholder) {
+      // eslint-disable-next-line no-restricted-globals
       placeholder = document.createElement('span');
       placeholder.id = 'min-width-placeholder';
       placeholder.style.cssText = 'position:absolute; visibility:hidden; word-break:keep-all;';

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-clear-button-renderer.js

@@ -22,7 +22,7 @@ export class VegaTimePickerRangeClearButtonRenderer extends VegaSlimmer {
     return (h("div", { class: {
         'vega-time-picker-range-clear-icon': true,
         'invisible': !this.isInvisible(),
-      }, "aria-label": "clear input", role: "button", tabindex: "-1", onClick: this.onClickClearIcon, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+      }, "aria-label": "clear input", role: "button", tabindex: !this.disabled ? 0 : -1, onClick: this.onClickClearIcon, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
   }
   /**

package/dist/collection/components/vega-time-picker/vega-time-picker.css

@@ -74,6 +74,10 @@ vega-input::part(field-error-message) {
   border-radius: 8px;
   border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
 }
+.vega-time-picker-input-container.error .vega-time-picker-range-clear-icon:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+  outline-offset: 2px;
+}
 
 .vega-time-picker-input-container.error:hover {
   border: 1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));
@@ -152,6 +156,12 @@ vega-input::part(field-error-message) {
   right: 16px;
   transform: translateY(-50%);
 }
+.range-mode .vega-time-picker-range-clear-icon:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+  border-radius: 4px;
+  padding: 2px;
+}
 
 .range-mode.mobile .vega-time-picker-range-clear-icon {
   top: 75%;

package/dist/collection/global/scripts/before-vega-load.js

@@ -108,11 +108,14 @@ function injectVegaTypography() {
   Object.keys(TypographyUrls).forEach((key) => {
     const { url } = TypographyUrls[key];
     const typographyLinkId = `vega-typography-${key}`;
+    // eslint-disable-next-line no-restricted-globals
     if (!document.querySelector(`#${typographyLinkId}`)) {
+      // eslint-disable-next-line no-restricted-globals
       const typographyLink = document.createElement('link');
       typographyLink.id = typographyLinkId;
       typographyLink.href = url;
       typographyLink.rel = 'stylesheet';
+      // eslint-disable-next-line no-restricted-globals
       document.head.append(typographyLink);
     }
   });

package/dist/collection/helpers/chart/graph-context-factory.js

@@ -15,6 +15,7 @@ export class GraphContextFactory {
         context = canvas;
       }
       else {
+        // eslint-disable-next-line no-restricted-globals
         context = document.createElement('canvas');
         context = container.appendChild(context);
       }
@@ -27,6 +28,7 @@ export class GraphContextFactory {
         context = svg;
       }
       else {
+        // eslint-disable-next-line no-restricted-globals
         context = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
         context = container.appendChild(context);
       }

package/dist/collection/helpers/common/wait-for-vega-handler.js

@@ -23,7 +23,9 @@ class WaitForVegaHandler {
    * @vegaVersion 2.8.0
    */
   async handle() {
-    return await Promise.all(Array.from(document.querySelectorAll('*:not(.hydrated)'))
+    return await Promise.all(
+    // eslint-disable-next-line no-restricted-globals
+    Array.from(document.querySelectorAll('*:not(.hydrated)'))
       .filter((item) => item.tagName.startsWith('VEGA'))
       .map((item) => { var _a; return (_a = item.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(item); }));
   }

package/dist/collection/helpers/dialog/vega-dialog-controller.js

@@ -35,6 +35,7 @@ class VegaDialogController {
    * @vegaVersion 1.24.0
    */
   open(options) {
+    // eslint-disable-next-line no-restricted-globals
     const dialog = document.createElement('vega-dialog');
     const { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, title, handleClose } = options, dialogProps = __rest(options, ["isVerticallyCenter", "isVerticallyCentered", "showCloseButton", "size", "title", "handleClose"]);
     dialog.id = `vega-dialog-${generateUUID()}`;
@@ -45,6 +46,7 @@ class VegaDialogController {
         dialog[propName] = dialogProps[propName];
       }
     });
+    // eslint-disable-next-line no-restricted-globals
     document.body.append(dialog);
     return dialog;
   }

package/dist/collection/helpers/event-manager/event-delegated/vega-button-click-strategy.js

@@ -15,6 +15,7 @@ export class VegaButtonClickStrategy extends BaseStrategy {
    * @returns {HTMLButtonElement} an HTMLButtonElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const button = document.createElement('button');
     this.copyAttributesToTarget(delegatedTarget, button);
     button.type = delegatedTarget.type;

package/dist/collection/helpers/event-manager/event-delegated/vega-checkbox-change-strategy.js

@@ -14,6 +14,7 @@ export class VegaCheckboxChangeStrategy extends BaseStrategy {
    * @returns {HTMLInputElement} an HTMLInputElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const input = document.createElement('input');
     this.copyAttributesToTarget(delegatedTarget, input);
     input.type = 'checkbox';

package/dist/collection/helpers/event-manager/event-delegated/vega-input-select-change-strategy.js

@@ -14,6 +14,7 @@ export class VegaInputSelectChangeStrategy extends BaseStrategy {
    * @returns {HTMLSelectElement} an HTMLSelectElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const select = document.createElement('select');
     this.copyAttributesToTarget(delegatedTarget, select);
     if (delegatedTarget.value) {

package/dist/collection/helpers/event-manager/event-delegated/vega-input-strategy.js

@@ -21,6 +21,7 @@ export class VegaInputStrategy extends BaseStrategy {
    * @returns {HTMLInputElement} an HTMLInputElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const input = document.createElement('input');
     this.copyAttributesToTarget(delegatedTarget, input);
     input.type = delegatedTarget.type;

package/dist/collection/helpers/event-manager/event-delegated/vega-radio-change-strategy.js

@@ -14,6 +14,7 @@ export class VegaRadioChangeStrategy extends BaseStrategy {
    * @returns {HTMLInputElement} an HTMLInputElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const input = document.createElement('input');
     this.copyAttributesToTarget(delegatedTarget, input);
     input.type = 'radio';

package/dist/collection/helpers/event-manager/event-delegated/vega-textarea-change-strategy.js

@@ -13,6 +13,7 @@ export class VegaTextareaChangeStrategy extends BaseStrategy {
    * @returns {HTMLTextAreaElement} an HTMLTextAreaElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const textarea = document.createElement('textarea');
     this.copyAttributesToTarget(delegatedTarget, textarea);
     textarea.value = delegatedTarget.value;

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -13,6 +13,7 @@ const entries = [
   ['vega-checkbox', [VegaChange]],
   ['vega-checkbox-group', [VegaChange]],
   ['vega-chip', [VegaClose, VegaClick]],
+  ['vega-code-block', [VegaChange, VegaRemove]],
   ['vega-color-picker', [VegaChange]],
   ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch]],
   ['vega-date-picker', [VegaChange]],

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -48,3 +48,5 @@ export const VegaInternalPaginationPageSizeChange = new VegaInternalEventID('pag
 export const VegaInternalPaginationCurrentChange = new VegaInternalEventID('paginationCurrentChange');
 export const VegaInternalPasteEvent = new VegaInternalEventID('pasteEvent');
 export const VegaInternalNestEAHierarchyTreeChange = new VegaInternalEventID('nestEAHierarchyTreeChange');
+export const VegaInternalTableHeadCellSortEvent = new VegaInternalEventID('tableHeadCellSortEvent');
+export const VegaInternalCodeBlockSelectionChange = new VegaInternalEventID('nestEAHierarchyTreeChange');

package/dist/collection/helpers/event-manager/slimmers/event-emit-slimmer.js

@@ -12,6 +12,7 @@ import InternalVegaEventManager from '../internal-vega-event-manager';
 import { VegaEventEmitHandlerSlimmer } from './event-emit-handlers/vega-event-emit-handler';
 import { NativeEventEmitHandlerSlimmer } from './event-emit-handlers/native-event-emit-handler';
 import { JqueryDelegatedEventEmitHandlerSlimmer } from './event-emit-handlers/jquery-delegated-event-emit-handler';
+import { safeDocument } from '../../../utils/safe-document';
 /** The EventEmitSlimmerBase class is a TypeScript class that extends VegaSlimmer and provides methods for emitting events with or without notifications. */
 export class EventEmitSlimmerBase extends VegaSlimmer {
   /**
@@ -79,9 +80,10 @@ export class EventEmitSlimmerBase extends VegaSlimmer {
    * @returns {boolean} a boolean value.
    */
   isNodeRemovedFromDocument(node) {
+    var _a;
     // elementAppender#show will call the HTMLElement#append method, and the append method will call the component disconnectedCallback, but the component not remove from the page.
     // see the issue in test case vega-popover.e2e.ts->should behavior normal while click app header button and time picker nested in popover
-    if (node && !document.body.contains(node) && !node.parentNode) {
+    if (node && !((_a = safeDocument()) === null || _a === void 0 ? void 0 : _a.body.contains(node)) && !node.parentNode) {
       return true;
     }
     return false;

package/dist/collection/helpers/event-manager/test/event-emit-slimmer.test.js

@@ -4,11 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { createEventEmitSlimmer, } from '../slimmers/event-emit-slimmer';
+import { EventEmitSlimmerBase, createEventEmitSlimmer, } from '../slimmers/event-emit-slimmer';
 import { InjectVegaSlimmer, methodPlaceholder } from 'vega-slimmer/core';
 import { VegaClick } from '../event-id/vega-event-id';
 import InternalVegaEventManager from '../internal-vega-event-manager';
 import { DomNodeSubjectObserverFactory } from '../../change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { safeDocument } from '../../../utils/safe-document';
 describe('EventEmitSlimmer ', () => {
   class MockedComponent {
     constructor() {
@@ -131,4 +132,13 @@ describe('EventEmitSlimmer ', () => {
     expect(click).toBeCalledTimes(1);
     expect(component['mockEvent'].preventDefault).toBeCalledTimes(1);
   });
+  it('should work when call removeObserverFromHost(document is not defined)', async () => {
+    const divElement = document.createElement('div');
+    const originalDocument = globalThis.document;
+    delete globalThis.document;
+    expect(safeDocument()).toBeUndefined();
+    const eventEmitSlimmerBase = new EventEmitSlimmerBase({ eventID: VegaClick });
+    eventEmitSlimmerBase['isNodeRemovedFromDocument'](divElement);
+    globalThis.document = originalDocument;
+  });
 });

package/dist/collection/helpers/keyboard/keyboard-manager.js

@@ -37,10 +37,12 @@ class KeyboardManager {
    * invoke the listener's callback
    */
   listenKeyPress() {
+    // eslint-disable-next-line no-restricted-globals
     document.addEventListener('keydown', (e) => {
       this.invokeListeners('keydown', e);
     });
     // listen keyup is waiting activeElement changed.
+    // eslint-disable-next-line no-restricted-globals
     document.addEventListener('keyup', (e) => {
       this.invokeListeners('keyup', e);
     });