@heartlandone/vega 2.76.0 → 2.77.0

package/dist/collection/components/vega-input-phone-number/slimmers/controllers/country-select-controller.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
-import { getCountries } from 'libphonenumber-js';
+import { getCountries } from '../../../../polyfill/libphonenumber';
 import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
 import { COUNTRIES } from '../../assets/countries';
 import { VegaDropdownSearchInternalOverridden } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';

package/dist/collection/components/vega-input-phone-number/slimmers/controllers/vega-input-phone-number-value-controller.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { FORM_ELEMENT_VALUE_CHANGE } from '../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import ChangeManager from '../../../../helpers/change-manager/change-manager';
-import { AsYouType, formatIncompletePhoneNumber, getCountryCallingCode, parseIncompletePhoneNumber, } from 'libphonenumber-js';
+import { AsYouType, formatIncompletePhoneNumber, getCountryCallingCode, parseIncompletePhoneNumber, } from '../../../../polyfill/libphonenumber';
 import { CountrySelectController } from './country-select-controller';
 /**
  * The `VegaInputPhoneNumberValueController` class in TypeScript manages input phone number values and

package/dist/collection/components/vega-input-phone-number/slimmers/renderers/country-select-renderer.js

@@ -9,7 +9,7 @@ import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-sli
 import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaChange } from '../../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInternalIconManager } from '../../../../helpers/icon/internal-icon-manager';
-import { getCountryCallingCode } from 'libphonenumber-js';
+import { getCountryCallingCode } from '../../../../polyfill/libphonenumber';
 import { COUNTRIES } from '../../assets/countries';
 import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
 import { VegaDropdownRenderItemInternalOverridden, VegaInputSelectRenderPrefixIconInternalOverridden, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';

package/dist/collection/components/vega-input-phone-number/slimmers/renderers/phone-number-input-renderer.js

@@ -8,7 +8,7 @@ import { h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaChange } from '../../../../helpers/event-manager/event-id/vega-event-id';
-import { parseIncompletePhoneNumber } from 'libphonenumber-js';
+import { parseIncompletePhoneNumber } from '../../../../polyfill/libphonenumber';
 import { VegaPhoneNumberInputStrategy } from '../../../../helpers/formatter/string-formatter/vega-phone-number-input-strategy';
 export class PhoneNumberInputRenderer extends VegaSlimmer {
   constructor() {

package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.js

@@ -10,7 +10,7 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from '
 import { VegaInputPhoneNumberRenderer } from './slimmers/renderers/vega-input-phone-number-renderer';
 import { CountrySelectRenderer } from './slimmers/renderers/country-select-renderer';
 import { PhoneNumberInputRenderer } from './slimmers/renderers/phone-number-input-renderer';
-import { getCountryCallingCode } from 'libphonenumber-js';
+import { getCountryCallingCode } from '../../polyfill/libphonenumber';
 import { VegaInputPhoneNumberValueController } from './slimmers/controllers/vega-input-phone-number-value-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
@@ -298,7 +298,7 @@ export class VegaInputPhoneNumber {
       "mutable": false,
       "complexType": {
         "original": "VegaCountryCode[]",
-        "resolved": "CountryCode[]",
+        "resolved": "VegaCountryCode[]",
         "references": {
           "VegaCountryCode": {
             "location": "import",
@@ -533,7 +533,7 @@ export class VegaInputPhoneNumber {
       },
       "complexType": {
         "original": "VegaCountryType",
-        "resolved": "{ callingCode: string; countryCode: CountryCode; name: string; }",
+        "resolved": "{ callingCode: string; countryCode: VegaCountryCode; name: string; }",
         "references": {
           "VegaCountryType": {
             "location": "import",
@@ -559,7 +559,7 @@ export class VegaInputPhoneNumber {
       },
       "complexType": {
         "original": "VegaCountryType",
-        "resolved": "{ callingCode: string; countryCode: CountryCode; name: string; }",
+        "resolved": "{ callingCode: string; countryCode: VegaCountryCode; name: string; }",
         "references": {
           "VegaCountryType": {
             "location": "import",

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

@@ -11,6 +11,7 @@ import { TextColorToolbarButtonSlimmer } from '../../../vega-rich-text-editor/sl
 import { VegaRTEContent } from '../../../vega-rich-text-editor/dto/content-state';
 import RTEBlockRendererFactory from '../../../vega-rich-text-editor/dto/renderers/renderer-factory';
 import { vegaNonceManager } from '../../../../helpers/csp/vega-nonce-manager';
+import stateEntityRenderingRegistry from '../../../vega-rich-text-editor/slimmers/controllers/state-entity-rendering-registry';
 export class VegaRichTextContentRenderer extends VegaSlimmer {
   constructor() {
     super();
@@ -47,6 +48,7 @@ export class VegaRichTextContentRenderer extends VegaSlimmer {
   renderContent() {
     var _a;
     const renderContext = { editable: this.contentEditable };
+    this.injectRTERefIntoContext(renderContext);
     return (_a = this.content) === null || _a === void 0 ? void 0 : _a.children.map((block) => {
       const blockRenderer = RTEBlockRendererFactory.getBlockRenderer(block.type);
       if (blockRenderer) {
@@ -69,6 +71,19 @@ export class VegaRichTextContentRenderer extends VegaSlimmer {
     }
     return true;
   }
+  /**
+   * Inject the reference of rich text editor into render context for the usage of extensions.
+   *
+   * @param {RTERenderContext} renderContext - The render context which may contain the host reference.
+   */
+  injectRTERefIntoContext(renderContext) {
+    const content = this.content;
+    if (content) {
+      const ref = stateEntityRenderingRegistry.getDOMByEntity(content);
+      // The ref will be null if the content is not rendered by VegaRichTextEditor, in that case we will not inject the ref into context to avoid potential error on extensions which use the ref.
+      ref && (renderContext.host = ref);
+    }
+  }
 }
 __decorate([
   MapToComponentField()

package/dist/collection/components/vega-rich-text-editor/extensions/base-extension-renderer.js

@@ -1,4 +1,5 @@
 import RTEDTORendererManager from '../../../helpers/rte-manager/dto-renderer-manager';
+import rteExtensionContextManager from '../helpers/extension-context-manager';
 import { isNonNullable } from '../../../types/type-guard';
 import { VegaRTEBaseRenderer } from '../dto/renderers/base-renderer';
 import stateEntityRenderingRegistry from '../slimmers/controllers/state-entity-rendering-registry';
@@ -52,6 +53,16 @@ export class VegaRTEExtensionRenderer extends VegaRTEBaseRenderer {
   getDTORenderer(key) {
     return RTEDTORendererManager.getRTERenderer(key);
   }
+  /**
+   * Get the extension context for the given rich text editor host element.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type definition for the rich text editor host element.
+   * @param {HTMLVegaRichTextEditorElement} el - The host rich text editor element.
+   * @returns {Nullable<RTEExtensionContext>} - The extension context associated with the host.
+   */
+  getExtensionContext(el) {
+    return rteExtensionContextManager.getExtensionContext(el);
+  }
   /**
    * Auto render the block children if the block element is not exist
    *

package/dist/collection/components/vega-rich-text-editor/extensions/base-toolbar-button-renderer.js

@@ -1,6 +1,7 @@
 import { DomNodeSubjectObserverFactory } from '../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaClick, VegaDropdownClick } from '../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInternalIconManager } from '../../../helpers/icon/internal-icon-manager';
+import rteExtensionContextManager from '../helpers/extension-context-manager';
 import { isNonNullable } from '../../../types/type-guard';
 /**
  * Base class for rendering extension toolbar button in the rich text editor.
@@ -23,6 +24,16 @@ export class VegaRTEToolbarButtonRenderer {
   isHidden(editorContext) {
     return editorContext.sourceEditMode;
   }
+  /**
+   * Get the extension context for the given rich text editor host element.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type definition for the rich text editor host element.
+   * @param {HTMLVegaRichTextEditorElement} el - The host rich text editor element.
+   * @returns {Nullable<RTEExtensionContext>} - The extension context associated with the host.
+   */
+  getExtensionContext(el) {
+    return rteExtensionContextManager.getExtensionContext(el);
+  }
   /**
    * Renders a dropdown component with the specified properties and children.
    *
@@ -36,7 +47,10 @@ export class VegaRTEToolbarButtonRenderer {
     return h('vega-dropdown', Object.assign({ trigger: 'click', searchable: false, maxWidth: '200', itemDisplayRule: 'ellipsis', 
       // eslint-disable-next-line jsdoc/require-jsdoc
       ref: (el) => {
-        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownClick, (input) => this.handleDropdownClick(input.detail, editorContext));
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownClick, (input) => {
+          const payload = input;
+          this.handleDropdownClick(payload.detail, editorContext);
+        });
       } }, dropdownProps), children);
   }
   /**

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

@@ -2,6 +2,7 @@ import RTEDTOClassManager from '../../../helpers/rte-manager/dto-class-manager';
 import RTEDTORendererManager from '../../../helpers/rte-manager/dto-renderer-manager';
 import RTEDTOActionStrategyManager from '../../../helpers/rte-manager/dto-action-strategy-manager';
 import ElementToDTOClassStrategyManager from '../../../helpers/rte-manager/element-dto-class-strategy-manager';
+import rteExtensionContextManager from '../helpers/extension-context-manager';
 import { ActionHandleStrategyRegistry } from '../dto/action-handle-strategies/action-handle-strategy-registry';
 import { VegaRTEExtensionRenderer } from './base-extension-renderer';
 import { ActionHandlerInterceptorRegistry } from '../dto/action-handle-strategies/action-handle-interceptor-registry';
@@ -43,6 +44,7 @@ export class VegaRTEExtension {
    */
   initialExtension(context) {
     this.extensionContext = context;
+    rteExtensionContextManager.setExtensionContext(context);
   }
   /**
    * Collect custom styles for the extension renderers.

package/dist/collection/components/vega-rich-text-editor/extensions/functions/function-extension.js

@@ -40,17 +40,6 @@ export class VegaRTEFunctionExtension extends VegaRTEExtension {
     this.registerElementToBlockDTOClassStrategy(convertFunctionContentStrategy);
     this.registerElementToBlockDTOClassStrategy(convertFunctionBlockStrategy);
   }
-  /**
-   * Initializes the extension with the given context
-   *
-   * @param {RTEExtensionContext} context - extension context
-   */
-  initialExtension(context) {
-    super.initialExtension(context);
-    if (this.toolbarButtonRenderer) {
-      this.toolbarButtonRenderer.injectExtensionContext(context);
-    }
-  }
   /**
    * Remove the appen children strategies to prevent default insert new paragraph logic in function block
    */

package/dist/collection/components/vega-rich-text-editor/extensions/functions/renderers/function-toolbar-button-renderer.js

@@ -6,14 +6,6 @@ import { INSERT_FUNCTION_BLOCK, InsertFunctionBlockAction, } from '../actions/in
  * Function toolbar button renderer class.
  */
 export class FunctionToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
-  /**
-   * Injects the extension context
-   *
-   * @param {RTEExtensionContext} context - extension context
-   */
-  injectExtensionContext(context) {
-    this.extensionContext = context;
-  }
   /**
    * @inheritDoc
    */
@@ -29,11 +21,13 @@ export class FunctionToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer
   /**
    * Overrides the isDisabled method to determine if the button should be disabled.
    *
+   * @param {VegaRTEToolbarRenderContext} editorContext The render context for the editor.
    * @returns {boolean} - true if the button should be disabled, false otherwise.
    */
-  isDisabled() {
-    if (this.extensionContext) {
-      const { host, getSelectedNodes } = this.extensionContext;
+  isDisabled(editorContext) {
+    const context = this.getExtensionContext(editorContext.host);
+    if (context) {
+      const { host, getSelectedNodes } = context;
       const focusNode = getSelectedNodes()[0];
       let enableInsert = true;
       if (focusNode) {
@@ -52,19 +46,25 @@ export class FunctionToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer
    * Handles dropdown click event
    *
    * @param {RTEExtensionFunctionType} itemKey - key of the clicked item
+   * @param {VegaRTEToolbarRenderContext} editorContext The render context for the editor.
    */
-  handleDropdownClick(itemKey) {
-    const { host, getSelectedNodes } = this.extensionContext;
-    const focusNode = getSelectedNodes()[0];
-    const action = new InsertFunctionBlockAction(itemKey);
-    if (!focusNode) {
-      host.value.apply(action);
-    }
-    else if (focusNode.parent) {
-      focusNode.parent.apply(action);
-    }
-    if (action.nextFocusNode) {
-      host.value.apply(new UpdateCursorPositionAction(action.nextFocusNode, 1));
+  handleDropdownClick(itemKey, editorContext) {
+    if (editorContext) {
+      const context = this.getExtensionContext(editorContext.host);
+      if (context) {
+        const { host, getSelectedNodes } = context;
+        const focusNode = getSelectedNodes()[0];
+        const action = new InsertFunctionBlockAction(itemKey);
+        if (!focusNode) {
+          host.value.apply(action);
+        }
+        else if (focusNode.parent) {
+          focusNode.parent.apply(action);
+        }
+        if (action.nextFocusNode) {
+          host.value.apply(new UpdateCursorPositionAction(action.nextFocusNode, 1));
+        }
+      }
     }
   }
 }

package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-extension.js

@@ -20,16 +20,6 @@ export class VegaRTETokenExtension extends VegaRTEExtension {
     this.registerToolbarButtonRenderer('token', this.tokenToolbarButtonRenderer);
     this.registerElementToNodeDTOClassStrategy(spanToTokenNodeStrategy);
   }
-  /**
-   * @inheritDoc
-   */
-  initialExtension(context) {
-    super.initialExtension(context);
-    this.tokenRenderer.injectExtensionContext(context);
-    if (this.tokenToolbarButtonRenderer) {
-      this.tokenToolbarButtonRenderer.injectExtensionContext(context);
-    }
-  }
 }
 (() => {
   const insertTokenNodeStrategy = new InsertTokenNodeStrategy();

package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-node-renderer.js

@@ -1,13 +1,9 @@
-import { UpdateCursorPositionAction } from '../../public-api';
+import { UpdateCursorPositionAction } from '../../dto/actions/update-cursor-position-action';
 import { VegaRTEExtensionRenderer } from '../base-extension-renderer';
 /**
  * Token node renderer for the rich text editor.
  */
 export class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
-  constructor() {
-    super(...arguments);
-    this.extensionContext = null;
-  }
   /**
    * Renders the token node as a DOM element.
    *
@@ -23,18 +19,10 @@ export class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
       'onClick': (event) => {
         event.preventDefault();
         if (editorContent && editorContent.editable !== false) {
-          this.handleTokenElementClick(event, node);
+          this.handleTokenElementClick(event, node, editorContent.host);
         }
       } }), node.text);
   }
-  /**
-   * Sets the RTE extension context.
-   *
-   * @param {RTEExtensionContext} context - The context of the RTE extension.
-   */
-  injectExtensionContext(context) {
-    this.extensionContext = context;
-  }
   /**
    * Override to inject RTE scope styles for the token node.
    *
@@ -46,13 +34,15 @@ export class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
   /**
    * Handle the click event on the token element.
    *
+   * @typedef HTMLVegaRichTextEditorElement - The type definition for the rich text editor host element.
    * @param {MouseEvent} event - The click event.
    * @param {RTETokenNode} node - The token node that was clicked.
+   * @param {HTMLVegaRichTextEditorElement} [richTextEditor] - The rich text editor host element.
    */
-  handleTokenElementClick(event, node) {
+  handleTokenElementClick(event, node, richTextEditor) {
     event.preventDefault();
-    if (this.extensionContext) {
-      this.extensionContext.host.value.apply(new UpdateCursorPositionAction(node, undefined, true));
+    if (richTextEditor) {
+      richTextEditor.value.apply(new UpdateCursorPositionAction(node, undefined, true));
     }
   }
   /**

package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-toolbar-button-renderer.js

@@ -9,17 +9,8 @@ export class RTETokenToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer
   constructor(tokenList) {
     super();
     this.tokenList = [];
-    this.extensionContext = null;
     this.tokenList = tokenList;
   }
-  /**
-   * Sets the RTE extension context.
-   *
-   * @param {RTEExtensionContext} context - The context of the RTE extension.
-   */
-  injectExtensionContext(context) {
-    this.extensionContext = context;
-  }
   /**
    * Renders the token toolbar button.
    *
@@ -36,11 +27,13 @@ export class RTETokenToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer
   /**
    * Checks if the token toolbar button is disabled.
    *
+   * @param {VegaRTEToolbarRenderContext} editorContext The render context for the editor.
    * @returns {boolean} True if the button is disabled, false otherwise.
    */
-  isDisabled() {
-    if (this.extensionContext) {
-      const { host, getSelectedNodes } = this.extensionContext;
+  isDisabled(editorContext) {
+    const context = this.getExtensionContext(editorContext.host);
+    if (context) {
+      const { host, getSelectedNodes } = context;
       const [startNode] = getSelectedNodes();
       return startNode
         ? host.disabled ||
@@ -72,16 +65,19 @@ export class RTETokenToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer
       const action = new InsertTokenNodeAction(rteRange, token);
       startNode.parent.apply(action);
       if (action.actionHandleResult) {
-        this.flushEditorUI();
+        this.flushEditorUI(editorContext);
       }
     }
   }
   /**
    * Refreshes the editor UI.
+   *
+   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
    */
-  flushEditorUI() {
-    if (this.extensionContext) {
-      const { host, flushValue } = this.extensionContext;
+  flushEditorUI(editorContext) {
+    const context = this.getExtensionContext(editorContext.host);
+    if (context) {
+      const { host, flushValue } = context;
       flushValue(host.value);
     }
   }

package/dist/collection/components/vega-rich-text-editor/helpers/extension-context-manager.js

@@ -0,0 +1,31 @@
+/**
+ * Manager for storing and retrieving the extension context associated with each rich text editor host element.
+ *
+ * @todo Currently, there are three types of contexts in RTE: toolbar render context, extension context, and DTO render context. The second and third types are bound to the extension context via host props. We are considering optimizing these three types of contexts to make the program more flexible and easier to maintain.
+ */
+class RTEExtensionContextManager {
+  constructor() {
+    this.extensionContextMap = new WeakMap();
+  }
+  /**
+   * Store the extension context for the given rich text editor host element.
+   *
+   * @param {RTEExtensionContext} context - The extension context to store.
+   */
+  setExtensionContext(context) {
+    if (context && context.host) {
+      this.extensionContextMap.set(context.host, context);
+    }
+  }
+  /**
+   * Get the extension context for the given rich text editor host element.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type definition for the rich text editor host element.
+   * @param {Nullable<HTMLVegaRichTextEditorElement>} el - The host rich text editor element.
+   * @returns {Nullable<RTEExtensionContext>} - The extension context associated with the host.
+   */
+  getExtensionContext(el) {
+    return el ? this.extensionContextMap.get(el) : null;
+  }
+}
+export default new RTEExtensionContextManager();

package/dist/collection/components/vega-rich-text-editor/helpers/extension-context-manager.test.js

@@ -0,0 +1,19 @@
+import extensionContextManager from './extension-context-manager';
+describe('extension context manager', () => {
+  it('should store and retrieve context by host element', () => {
+    const host = document.createElement('vega-rich-text-editor');
+    const context = {
+      host,
+      isSourceEditMode: jest.fn().mockReturnValue(false),
+      getSelectedNodes: jest.fn().mockReturnValue([]),
+      flushValue: jest.fn(),
+    };
+    extensionContextManager.setExtensionContext(context);
+    expect(extensionContextManager.getExtensionContext(host)).toBe(context);
+    expect(extensionContextManager.getExtensionContext(null)).toBeNull();
+  });
+  it('should return null when no context registered for host', () => {
+    const host = document.createElement('vega-rich-text-editor');
+    expect(extensionContextManager.getExtensionContext(host)).toBeUndefined();
+  });
+});

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

@@ -0,0 +1,41 @@
+import extensionContextManager from '../../helpers/extension-context-manager';
+import { tryGetDocument } from '../../../../utils/try-get-document';
+import { RTERange } from '../../dto/range';
+/**
+ * Gets a mock rich text editor element for testing purposes.
+ *
+ * @returns {HTMLElement} A mock rich text editor element.
+ */
+export function getMockRichTextEditor() {
+  var _a;
+  return (_a = tryGetDocument()) === null || _a === void 0 ? void 0 : _a.createElement('vega-rich-text-editor');
+}
+/**
+ * Mocks the extension context for testing purposes.
+ *
+ * @param {Partial<RTEExtensionContext>} context - Partial context to override default mock values.
+ * @returns {RTEExtensionContext} The mocked extension context.
+ */
+export function mockExtensionContext(context = {}) {
+  const extensionContext = {
+    host: context.host || getMockRichTextEditor(),
+    isSourceEditMode: context.isSourceEditMode || jest.fn().mockReturnValue(false),
+    getSelectedNodes: context.getSelectedNodes || jest.fn().mockReturnValue([]),
+    flushValue: context.flushValue || jest.fn(),
+  };
+  extensionContextManager.setExtensionContext(extensionContext);
+  return extensionContext;
+}
+/**
+ * Mocks the toolbar render context for testing purposes.
+ *
+ * @param {Partial<VegaRTEToolbarRenderContext>} context - Partial context to override default mock values.
+ * @returns {VegaRTEToolbarRenderContext} The mocked toolbar render context.
+ */
+export function mockToolbarRenderContext(context = {}) {
+  return {
+    host: context.host || getMockRichTextEditor(),
+    rteRange: context.rteRange || new RTERange(),
+    sourceEditMode: context.sourceEditMode || false,
+  };
+}

package/dist/collection/helpers/chart/input-processors/format-time-positions-input-processor.js

@@ -1,5 +1,5 @@
 import { convertArrayToNestedArray, flatNestedArray } from '../../../utils/array';
-import { map as d3Map, timeParse as d3TimeParse } from 'd3';
+import { map as d3Map, timeParse as d3TimeParse } from '../../../polyfill/d3';
 /** The FormatTimePositionsInputProcessor class processes input data for a line chart by formatting time positions if the x-axis type is 'time'. */
 export class FormatTimePositionsInputProcessor {
   /**
@@ -30,7 +30,7 @@ export class FormatTimePositionsInputProcessor {
     let lengthArray = [];
     const flatArray = flatNestedArray(data);
     const flatArray_date = d3Map(flatArray, (d) => {
-      return { x: typeof d.x === 'string' ? d3TimeParse('%Y-%m-%d')(d.x) : d.x, y: d.y };
+      return { x: (typeof d.x === 'string' ? d3TimeParse('%Y-%m-%d')(d.x) : d.x), y: d.y };
     });
     if (data && Array.isArray(data[0])) {
       lengthArray = data.map((item) => item.length);

package/dist/collection/helpers/chart/input-processors/pie-chart-arc-path-input-processor.js

@@ -1,4 +1,4 @@
-import { pie as d3Pie } from 'd3';
+import { pie as d3Pie } from '../../../polyfill/d3';
 /** The PieChartArchPathInputProcessor class processes input data to generate options for rendering a pie or donut chart with D3.js. */
 export class PieChartArchPathInputProcessor {
   /**

package/dist/collection/helpers/chart/input-processors/x-axis-input-processor.js

@@ -1,5 +1,5 @@
 import { flatNestedArray } from '../../../utils/array';
-import { scaleTime, scaleLinear, scaleBand, extent as d3Extent } from 'd3';
+import { scaleTime, scaleLinear, scaleBand, extent as d3Extent } from '../../../polyfill/d3';
 /** The XAxisInputProcessor class generates X-axis options for a line chart based on input data and previous layout results. */
 export class XAxisInputProcessor {
   /**
@@ -43,16 +43,18 @@ export class XAxisInputProcessor {
     const xData = flatData.map((item) => item.x);
     let xScale;
     if (xAxisType === 'time') {
+      const ext = d3Extent(xData);
       xScale = scaleTime()
-        .domain(d3Extent(xData))
+        .domain(ext[0] !== undefined ? ext : [new Date(), new Date()])
         .range([0, width]);
     }
     else if (xAxisType === 'category') {
       xScale = scaleBand(typeof sorter === 'function' ? xData.sort(sorter) : xData, [0, width]).padding(padding);
     }
     else {
+      const ext = d3Extent(xData);
       xScale = scaleLinear()
-        .domain(d3Extent(xData))
+        .domain(ext[0] !== undefined ? ext : [0, 0])
         .range([0, width]);
     }
     return xScale;

package/dist/collection/helpers/chart/input-processors/x-axis-label-formatter-input-processor.js

@@ -1,4 +1,5 @@
-import { timeFormat, timeSecond, timeMinute, timeHour, timeDay, timeMonth, timeWeek, timeYear } from 'd3';
+import { timeFormat } from '../../../polyfill/d3/d3-time-format-polyfill';
+import { timeSecond, timeMinute, timeHour, timeDay, timeMonth, timeWeek, timeYear, } from '../../../polyfill/d3/d3-time-polyfill';
 /** The XAxisInputProcessor class generates X-axis options for a line chart based on input data and previous layout results. */
 export class XAxisLabelFormatterInputProcessor {
   constructor() {

package/dist/collection/helpers/chart/input-processors/y-axis-input-processor.js

@@ -1,5 +1,5 @@
 import { flatNestedArray } from '../../../utils/array';
-import { min as d3Min, max as d3Max, extent as d3Extent, scaleLinear } from 'd3';
+import { min as d3Min, max as d3Max, extent as d3Extent, scaleLinear } from '../../../polyfill/d3';
 /** The YAxisInputProcessor class generates Y-axis options for a line chart based on input data and previous layout results. */
 export class YAxisInputProcessor {
   /**
@@ -37,14 +37,16 @@ export class YAxisInputProcessor {
    * @returns {ScaleType}y scale
    */
   getScale(data, range, ticks) {
+    var _a, _b;
     const flatData = flatNestedArray(data);
     const yData = flatData.map((item) => item.y).concat(0);
-    let maxYData = d3Max(yData);
-    let minYData = d3Min(yData);
+    let maxYData = (_a = d3Max(yData)) !== null && _a !== void 0 ? _a : 0;
+    let minYData = (_b = d3Min(yData)) !== null && _b !== void 0 ? _b : 0;
     let yScale = scaleLinear().domain([minYData, maxYData]);
-    const ticksValue = yScale.ticks(ticks);
+    const ticksValue = (yScale.ticks ? yScale.ticks(ticks) : []);
     const step = Math.abs(ticksValue[ticksValue.length - 1] - ticksValue[ticksValue.length - 2]);
-    const [minTickValue, maxTickValue] = d3Extent(ticksValue);
+    const ext = d3Extent(ticksValue);
+    const [minTickValue, maxTickValue] = ext[0] !== undefined ? ext : [0, 0];
     if (minYData < minTickValue) {
       minYData = minTickValue - step;
       ticks += 1;

package/dist/collection/helpers/chart/interacting-entry-generator/arc-path-hover-generator.js

@@ -1,5 +1,5 @@
 import { InteractingEntryGenerator } from './interacting-entry-generator';
-import { select as d3Select } from 'd3';
+import { select as d3Select } from '../../../polyfill/d3';
 /** The `ArcPathHoverGenerator` class is a TypeScript function that handles mouseover events on SVG elements with a specific class and modifies their appearance. */
 export class ArcPathHoverGenerator extends InteractingEntryGenerator {
   constructor() {

package/dist/collection/helpers/chart/interacting-entry-generator/pie-legend-hover-generator.js

@@ -1,5 +1,5 @@
 import { InteractingEntryGenerator } from './interacting-entry-generator';
-import { select as d3Select } from 'd3';
+import { select as d3Select } from '../../../polyfill/d3';
 /** The PieLegendHoverGenerator class generates an InteractingEntry object that handles mouseover events on a legend of a D3 pie chart and triggers a mouseover event on the corresponding path element. */
 export class PieLegendHoverGenerator extends InteractingEntryGenerator {
   constructor() {

package/dist/collection/helpers/chart/renderers/canvas-renderer.js

@@ -1,5 +1,5 @@
 import { BaseRenderer } from './base-renderer';
-import { line as d3Line, create as d3Create } from 'd3';
+import { line as d3Line, create as d3Create } from '../../../polyfill/d3';
 /**
  * The CanvasRenderer class is a TypeScript class that extends the BaseRenderer class and provides
  * methods for drawing various shapes and elements on a canvas.

package/dist/collection/helpers/chart/renderers/svg-renderer.js

@@ -1,5 +1,5 @@
 import { BaseRenderer } from './base-renderer';
-import { select as d3Select, create as d3Create, line as d3Line, axisBottom, axisLeft, arc as d3Arc, } from 'd3';
+import { select as d3Select, create as d3Create, line as d3Line, axisBottom, axisLeft, arc as d3Arc, } from '../../../polyfill/d3';
 /**  This class is used to render charts using SVG elements. */
 export class SVGRenderer extends BaseRenderer {
   /**

package/dist/collection/helpers/chart/test/drawers/arc-path-drawer.test.js

@@ -1,6 +1,6 @@
 import { SVGRenderer } from '../../renderers/svg-renderer';
 import { ArcPathDrawer } from '../../drawers/arc-path-drawer';
-import { pie as d3Pie } from 'd3';
+import { pie as d3Pie } from '../../../../polyfill/d3';
 import { SVGInteractor } from '../../interactors/svg-interactor';
 describe('path drawer', () => {
   it('should call renderer function when run the execute function', () => {