@heartlandone/vega 2.78.0 → 2.80.0

package/dist/cjs/token-extension-1e98ddf3.js

@@ -1,3062 +0,0 @@
-'use strict';
-
-const misc = require('./misc-3d30df91.js');
-const ui = require('./ui-234ea151.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
-const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e050cd26.js');
-const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-cc0f511c.js');
-const internalTranslationController = require('./internal-translation-controller-24df468f.js');
-const dtoRendererManager = require('./dto-renderer-manager-7557d562.js');
-const codeBlock = require('./code-block-1a5fafed.js');
-const typeGuard = require('./type-guard-a0d9ff1f.js');
-const baseRenderer = require('./base-renderer-0a3b62b7.js');
-const internalIconManager = require('./internal-icon-manager-c989189a.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const object = require('./object-e2e28e3d.js');
-
-const VegaLoaderRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'IS_LOAD_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method load of public API VegaLoaderController is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaLoaderController' && methodName === 'load',
-    /**
-     * The function checks if the method name is load.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_CLOSE_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method close of public API VegaLoaderController is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaLoaderController' && methodName === 'close',
-    /**
-     * The function checks if the method name is close.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-];
-
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * Vega loader controller to control the loading indicator
- */
-class VegaLoaderController {
-  constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaLoaderController, ['load', 'close'], VegaLoaderRuntimeMetricsPayloadDefinition);
-  }
-  /**
-   * Create a loading indicator and append it to the container
-   *
-   * @param {VegaLoaderIndicatorOptions} options - VegaLoaderOptions = {} options of the method
-   * @returns {Nullable<string>} The uuid of the loader.
-   * @vegaVersion 1.16.0
-   */
-  load(options = {}) {
-    let containerSelector = options.containerSelector || 'body';
-    let containerElement = document.querySelector(containerSelector);
-    if (containerElement &&
-      VegaLoaderController.SPECIAL_ELEMENT_TO_WRAP_FULL_BODY.includes(containerElement.tagName)) {
-      containerSelector = 'body';
-      containerElement = document.querySelector('body');
-    }
-    if (!containerElement) {
-      globalSlimmerRegistry.LogUtility.error('Container is not found by selector: ', containerSelector);
-      return null;
-    }
-    const loadingIndicator = this.createLoadingIndicator(options.indicatorOptions);
-    const loader = this.createLoader(containerSelector);
-    loader.append(loadingIndicator);
-    return this.appendLoader(loader, containerElement);
-  }
-  /**
-   * Close the loader by id
-   *
-   * @param {string} id - The id of the loader.
-   * @vegaVersion 1.16.0
-   */
-  close(id) {
-    const loader = this.findLoader(id);
-    if (loader) {
-      if (loader.dataset.container) {
-        const container = document.querySelector(loader.dataset.container);
-        if (container) {
-          if (container.dataset['vegaLoaderOriginPosition']) {
-            container.style.position = container.dataset['vegaLoaderOriginPosition'];
-          }
-        }
-      }
-      loader.remove();
-    }
-  }
-  /**
-   * Find loader by id, if the id include '>>>' it will find inside shadowRoot
-   *
-   * @param {string} id - The id of the loader.
-   * @returns {Nullable<HTMLElement>} The loader found by id.
-   */
-  findLoader(id) {
-    var _a, _b;
-    let loader;
-    if (id.includes('>>>')) {
-      const [containerSelector, loaderSelector] = id.split('>>>');
-      loader = (_b = (_a = document.querySelector(containerSelector)) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(loaderSelector);
-    }
-    else {
-      loader = document.getElementById(id);
-    }
-    return loader;
-  }
-  /**
-   * Create a loader for loading indicator
-   *
-   * @param {string} containerSelector The container which you want to append
-   * @returns {HTMLElement} a wrapper for loader
-   */
-  createLoader(containerSelector) {
-    const loader = document.createElement('vega-loader-wrapper');
-    loader.className = ui.arrayToClassString([
-      containerSelector === 'body' ? 'fixed-wrapper' : 'absolute-wrapper',
-    ]);
-    loader.dataset['container'] = containerSelector;
-    loader.id = `vega-loader-${misc.generateUUID()}`;
-    return loader;
-  }
-  /**
-   * Create a loading indicator
-   *
-   * @param {VegaLoaderIndicatorOptions} indicatorOptions the props of vega loading indicator
-   * @returns {HTMLVegaLoadingIndicatorElement} vega-loading-indicator component template
-   */
-  createLoadingIndicator(indicatorOptions = {}) {
-    const loadingIndicator = document.createElement('vega-loading-indicator');
-    Object.assign(loadingIndicator, indicatorOptions);
-    return loadingIndicator;
-  }
-  /**
-   * Append the loader to the container
-   *
-   * @param {HTMLElement} loader A loader with loading indicator
-   * @param {string} containerElement The container which you want to append the loader to
-   * @returns {string} The uuid of the loader.
-   */
-  appendLoader(loader, containerElement) {
-    containerElement.dataset['vegaLoaderOriginPosition'] = containerElement.style.position;
-    containerElement.style.position = 'relative';
-    if (containerElement.shadowRoot) {
-      containerElement.shadowRoot.append(loader);
-      return `${loader.dataset['container']}>>>${loader.id}`;
-    }
-    else {
-      containerElement.append(loader);
-      return loader.id;
-    }
-  }
-}
-VegaLoaderController.SPECIAL_ELEMENT_TO_WRAP_FULL_BODY = ['VEGA-MODAL'];
-__decorate$7([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], VegaLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaLoader = new VegaLoaderController();
-
-const VegaNotifyRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'IS_OPEN_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method open of public API VegaNotifyController is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaNotifyController' && methodName === 'open',
-    /**
-     * The function checks if the method name is open.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_CLOSE_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method close of public API VegaNotifyController is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaNotifyController' && methodName === 'close',
-    /**
-     * The function checks if the method name is close.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_CLOSEALL_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method closeAll of public API VegaNotifyController is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaNotifyController' && methodName === 'closeAll',
-    /**
-     * The function checks if the method name is closeAll.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-];
-
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * The page notification controller
- */
-class VegaNotifyController {
-  constructor() {
-    this.resizeObserverSlimmer = dynamicSlimmer.createDynamicSlimmer(VegaNotifyController, pageResizeObserverSlimmer.PageResizeObserverSlimmer, [], [{ mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' }], [
-      {
-        // eslint-disable-next-line jsdoc/require-jsdoc
-        callback: (entries) => {
-          var _a;
-          const currentVisible = entries[0].contentRect.height > 0;
-          if (!currentVisible && ((_a = this.container) === null || _a === void 0 ? void 0 : _a.classList.contains('hydrated'))) {
-            internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.container, 'top');
-            this.container.remove();
-            this.container = null;
-          }
-        },
-        // eslint-disable-next-line jsdoc/require-jsdoc
-        target: () => this.container,
-      },
-    ]);
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaNotifyController, ['open', 'close', 'closeAll'], VegaNotifyRuntimeMetricsPayloadDefinition);
-  }
-  /**
-   * It creates a new notification element, adds it to the container, and returns the notification's ID
-   *
-   * @param {VegaNotifyOption} options - VegaNotifyProps
-   * @returns {Promise<string>} The ID of the notification.
-   * @vegaVersion 1.17.0
-   */
-  async open(options) {
-    const pageNotification = this.createPageNotification(options);
-    this.getContainer().append(pageNotification);
-    return pageNotification.id;
-  }
-  /**
-   * It closes all notifications
-   *
-   * @vegaVersion 1.17.0
-   */
-  async closeAll() {
-    this.container &&
-      Array.from(this.container.children).forEach((item) => {
-        void item.close();
-      });
-  }
-  /**
-   * It closes the notification with the given id
-   *
-   * @param {string} id - The id of the notification to close.
-   * @vegaVersion 1.17.0
-   */
-  async close(id) {
-    // eslint-disable-next-line no-restricted-globals
-    await document.getElementById(id).close();
-  }
-  /**
-   * The function "connectResizeObserver" is used to connect a resize observer.
-   *
-   * @vegaVersion 1.17.0
-   */
-  connectResizeObserver() {
-  }
-  /**
-   * It creates a new page notification element, sets its properties, and returns it
-   *
-   * @param {VegaNotifyOption} props - VegaNotifyProps - the properties of the notification
-   * @returns {HTMLVegaPageNotificationElement} A function that takes in a props object and returns a pageNotification element.
-   */
-  createPageNotification(props) {
-    const pageNotification = 
-    // eslint-disable-next-line no-restricted-globals
-    document.createElement('vega-page-notification');
-    Object.keys(props).forEach((propName) => {
-      props[propName] !== undefined && (pageNotification[propName] = props[propName]);
-    });
-    pageNotification.style.marginBottom = ui.getDeviceType() === ui.DeviceType.MOBILE ? '12px' : '16px';
-    pageNotification.id = `vega-page-notification-${misc.generateUUID()}`;
-    return pageNotification;
-  }
-  /**
-   * It creates a div element, sets its z-index to be on top of everything else, adds a class to it, and
-   * then adds it to the body of the page
-   *
-   * @returns {HTMLVegaPageNotificationListElement} The container is being returned.
-   */
-  getContainer() {
-    if (this.container) {
-      return this.container;
-    }
-    // eslint-disable-next-line no-restricted-globals
-    this.container = document.createElement('vega-page-notification-list');
-    internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.container, 'top');
-    if (ui.getDeviceType() === ui.DeviceType.MOBILE) {
-      this.container.classList.add('vega-page-notification-list-bottom');
-    }
-    else {
-      this.container.classList.add('vega-page-notification-list-topRight');
-    }
-    // eslint-disable-next-line no-restricted-globals
-    document.body.append(this.container);
-    this.connectResizeObserver();
-    return this.container;
-  }
-}
-__decorate$6([
-  globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaNotifyController.prototype, "resizeObserverSlimmer", void 0);
-__decorate$6([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], VegaNotifyController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaNotify = new VegaNotifyController();
-
-const ThemeManagerRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'IS_OVERRIDECOLORS_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method overrideColors of public API ThemeManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'ThemeManager' && methodName === 'overrideColors',
-    /**
-     * The function checks if the method is be called.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_RESET_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method reset of public API ThemeManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'ThemeManager' && methodName === 'reset',
-    /**
-     * The function checks if the method is be called.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_TOGGLEDARKMODE_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method toggleDarkMode of public API ThemeManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'ThemeManager' && methodName === 'toggleDarkMode',
-    /**
-     * The function checks if the method is be called.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_ISDARKMODE_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method isDarkMode of public API ThemeManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'ThemeManager' && methodName === 'isDarkMode',
-    /**
-     * The function checks if the method is be called.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_APPLY_BRANDING_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method applyBranding of public API ThemeManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'ThemeManager' && methodName === 'applyBranding',
-    /**
-     * The function checks if the method is be called.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-];
-
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * Vega components theme manager
- */
-class ThemeManager {
-  constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(ThemeManager, ['overrideColors', 'reset', 'toggleDarkMode', 'isDarkMode', 'applyBranding'], ThemeManagerRuntimeMetricsPayloadDefinition);
-  }
-  /**
-   * It takes the colors you passed in, parses them into the correct format, and then applies them to the theme
-   *
-   * @param {VegaThemeOverrideColors} overrideColors - OverrideColors - This is the object that you pass to the function.
-   * @vegaVersion 1.20.0
-   */
-  async overrideColors(overrideColors) {
-    void darkModeStyleController.VegaInternalThemeManager.overrideColors(overrideColors);
-  }
-  /**
-   * It removes all the custom override theme styles from the DOM
-   *
-   * @vegaVersion 1.20.0
-   */
-  async reset() {
-    void darkModeStyleController.VegaInternalThemeManager.reset();
-  }
-  /**
-   * This function toggles the dark mode of a webpage by adding or removing a 'dark' class to the HTML element.
-   *
-   * @param {boolean | undefined} darkMode - A boolean or undefined value that determines whether to enable or disable dark mode.
-   * If it is true, dark mode is enabled.
-   * If it is false, dark mode is disabled.
-   * @vegaVersion 1.32.0
-   */
-  toggleDarkMode(darkMode) {
-    darkModeStyleController.VegaInternalThemeManager.toggleDarkMode(darkMode);
-  }
-  /**
-   * The function checks if the HTML element has a class of "dark" and returns a boolean value accordingly.
-   *
-   * @returns {boolean} A boolean value indicating whether the HTML element has a class of "dark", which is
-   * typically used to indicate that the website is in dark mode.
-   * @vegaVersion 1.32.0
-   */
-  isDarkMode() {
-    return darkModeStyleController.VegaInternalThemeManager.isDarkMode();
-  }
-  /**
-   * This function switches the Vega theme to a brand theme based on the provided options.
-   *
-   * @param {BrandOptions} options - The options includes 'gp', 'genius' and 'heartland' options
-   * @vegaVersion 2.47.0
-   */
-  applyBranding(options) {
-    darkModeStyleController.VegaInternalThemeManager.applyBranding(options);
-  }
-}
-__decorate$5([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], ThemeManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaThemeManager = new ThemeManager();
-
-/* istanbul ignore next */
-const VegaEventManagerRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'IS_SETSEMANTICS_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method setSemantics of public API VegaEventManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'setSemantics',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_GETSEMANTICS_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method getSemantics of public API VegaEventManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'getSemantics',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_GETENABLEDEVENTIDSBYCOMPONENT_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method getEnabledEventIdsByComponent of public API VegaEventManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'getEnabledEventIdsByComponent',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'globalEventIsNative',
-    payloadDescription: 'Indicate if the vega components will emit events without the vega prefix',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'setSemantics',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @param {unknown[]} args - The args parameter is an object
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (args) => {
-      const config = args;
-      return !!(config.global && config.global.namespace === 'native');
-    },
-  },
-  {
-    payloadKey: 'eventOfSpecificComponentsIsNative',
-    payloadDescription: 'Indicate if the vega components will emit events with the vega prefix, but special components will emit events without vega prefix',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'setSemantics',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @param {unknown[]} args - The args parameter is an object
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (args) => {
-      const config = args;
-      if (config.components) {
-        const specialComponents = Object.keys(config.components);
-        return !!(specialComponents.length > 0 &&
-          config.components[specialComponents[0]].namespace === 'native');
-      }
-      return false;
-    },
-  },
-  {
-    payloadKey: 'eventOfSpecificComponentsIsVega',
-    payloadDescription: 'Indicate if the vega components will emit events without the vega prefix, but special components will emit events with vega prefix',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'setSemantics',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @param {unknown[]} args - The args parameter is an object
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (args) => {
-      const config = args;
-      if (config.global && config.components) {
-        const specialComponents = Object.keys(config.components);
-        return !!(config.global.namespace === 'native' &&
-          specialComponents.length > 0 &&
-          config.components[specialComponents[0]].namespace === 'vega');
-      }
-      return false;
-    },
-  },
-  {
-    payloadKey: 'globalJqueryDelegatedEventIsTrue',
-    payloadDescription: 'Indicate if the use jQuery with event delegation',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'setSemantics',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @param {unknown[]} args - The args parameter is an object
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (args) => {
-      const config = args;
-      return !!(config.global && config.global.jqueryDelegatedEvent === true);
-    },
-  },
-  {
-    payloadKey: 'jqueryDelegatedEventIsCustomStrategy',
-    payloadDescription: 'Indicate if the use jQuery with event delegation',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'setSemantics',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @param {unknown[]} args - The args parameter is an object
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (args) => {
-      const config = args;
-      return !!(config.global &&
-        Array.isArray(config.global.jqueryDelegatedEvent) &&
-        config.global.jqueryDelegatedEvent.length > 0);
-    },
-  },
-  {
-    payloadKey: 'jqueryDelegatedEventOfSpecialComponentsIsTrue',
-    payloadDescription: 'Indicate if the use jQuery with event delegation',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaEventManager' && methodName === 'setSemantics',
-    /**
-     * The function checks if the method is been called.
-     *
-     * @param {unknown[]} args - The args parameter is an object
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (args) => {
-      const config = args;
-      if (config.components) {
-        const specialComponents = Object.keys(config.components);
-        return !!(specialComponents.length > 0 &&
-          config.components[specialComponents[0]].jqueryDelegatedEvent === true);
-      }
-      return false;
-    },
-  },
-];
-
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * The VegaEventManager class provides methods for setting and retrieving event semantics configuration,
- * as well as getting the corresponding native event name for a given event.
- */
-class VegaEventManager {
-  constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaEventManager, ['setSemantics', 'getSemantics', 'getEnabledEventIdsByComponent'], VegaEventManagerRuntimeMetricsPayloadDefinition);
-  }
-  /**
-   * The function sets the semantics configuration for event management.
-   *
-   * @param {EventSemanticsConfig} config - The config parameter is an object that contains the
-   * configuration settings for the event semantics. It may include properties such as the event type,
-   * event source, event target, event data, and any other relevant information for setting up the
-   * semantics of the event.
-   * @vegaVersion 2.0.0
-   */
-  setSemantics(config) {
-    internalVegaEventManager.internalVegaEventManager.setSemantics(config);
-  }
-  /**
-   * The function "getSemantics" returns the event semantics of an HTML element.
-   *
-   * @param {HTMLElement} host - The host parameter is an HTMLElement, which represents an HTML element
-   * in the DOM (Document Object Model). It can be any valid HTML element such as a div, span, button,
-   * etc.
-   * @returns {EventSemantics} an object of type EventSemantics.
-   * @vegaVersion 2.0.0
-   */
-  getSemantics(host) {
-    return internalVegaEventManager.internalVegaEventManager.getSemantics(host);
-  }
-  /**
-   * The function "getEnabledEventIdsByComponent" returns the all eventIds in component.
-   *
-   * @param {VegaComponentName} componentName - The component name,
-   * etc.
-   * @returns {Nullable<VegaEventID[]>} All eventIds.
-   * @vegaVersion 2.0.0
-   */
-  getEnabledEventIdsByComponent(componentName) {
-    return internalVegaEventManager.internalVegaEventManager.getEnabledEventIdsByComponent(componentName);
-  }
-}
-__decorate$4([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], VegaEventManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaEventManager$1 = new VegaEventManager();
-
-const ZIndexManagerRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'IS_OVERRIDEZINDEXBASICVALUES_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method overrideZIndexBasicValues of public API ZIndexManager is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaZIndexManager' && methodName === 'overrideZIndexBasicValues',
-    /**
-     * The function checks if the method name is load.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'zIndexBasicValuesGreatThanTenThousand',
-    payloadDescription: 'Indicate if the basic z-index value is great than ten thousand',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaZIndexManager' && methodName === 'overrideZIndexBasicValues',
-    /**
-     * The function checks if the method name is load.
-     *
-     * @param {unknown[]} args - The parameter of slimmer method
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (args) => {
-      return args['base'] > 10000;
-    },
-  },
-];
-
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * The VegaZIndexManager class calls a method in the ZIndexManager class to
- * change z-index values based on the input.
- */
-class VegaZIndexManager {
-  constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaZIndexManager, ['overrideZIndexBasicValues'], ZIndexManagerRuntimeMetricsPayloadDefinition);
-  }
-  /**
-   * The function "overrideZIndexBasicValues" calls a method in the "ZIndexManager" class to change the
-   * z-index values based on the input.
-   *
-   * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues.
-   * @vegaVersion 2.3.0
-   */
-  overrideZIndexBasicValues(input) {
-    internalVegaZIndexManager.InternalVegaZIndexManager.overrideZIndexBasicValues(input);
-  }
-}
-__decorate$3([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], VegaZIndexManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaZIndexManager$1 = new VegaZIndexManager();
-
-const WaitForVegaPayloadDefinition = [
-  {
-    payloadKey: 'IS_WAITFORVEGA_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method waitForVega of public API WaitForVegaHandler is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'WaitForVegaHandler' && methodName === 'handle',
-    /**
-     * The function checks if the method name is waitForVega.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-];
-
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * WaitForVegaHandler to check whether the vega component has been loaded.
- */
-class WaitForVegaHandler {
-  constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(WaitForVegaHandler, ['handle'], WaitForVegaPayloadDefinition);
-  }
-  /* istanbul ignore next */
-  /**
-   * Wait for all vega elements to be ready.
-   *
-   * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
-   *
-   * @vegaVersion 2.8.0
-   */
-  async handle() {
-    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); }));
-  }
-}
-__decorate$2([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], WaitForVegaHandler.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const WaitForVega = new WaitForVegaHandler();
-/* istanbul ignore next */
-/**
- * Wait for all vega elements to be ready.
- *
- * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
- *
- * @returns {Promise} A promise that resolves when all vega elements are ready.
- */
-const waitForVega = async () => {
-  return WaitForVega.handle();
-};
-
-const VegaSkeletonRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'IS_LOAD_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method load of public API VegaSkeletonLoaderController is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaSkeletonLoaderController' && methodName === 'load',
-    /**
-     * The function checks if the method name is load.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_UNLOAD_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method unLoad of public API VegaSkeletonLoaderController is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaSkeletonLoaderController' && methodName === 'unLoad',
-    /**
-     * The function checks if the method name is unLoad.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_UNLOADALL_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method unLoadAll of public API VegaSkeletonLoaderController is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'VegaSkeletonLoaderController' && methodName === 'unLoadAll',
-    /**
-     * The function checks if the method name is unLoadAll.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-];
-
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * Vega Skeleton Loader Controller to show skeletons in the target elements
- */
-class VegaSkeletonLoaderController {
-  constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaSkeletonLoaderController, ['load', 'unLoad', 'unLoadAll'], VegaSkeletonRuntimeMetricsPayloadDefinition);
-    this.loaderMap = new Map();
-  }
-  /**
-   * Load the skeletons in the target elements
-   *
-   * @param { VegaSkeletonLoaderConfig } config - Configuration for the loading function
-   * @param {string} config.target - Target elements to show the skeletons.
-   * @param {VegaSkeletonLoaderConfig.type} [config.type = 'text'] - Type of the skeleton.
-   * @param {VegaSkeletonLoaderConfig.width} config.width - Width of the skeleton.
-   * @param {VegaSkeletonLoaderConfig.height} config.height - Height of the skeleton.
-   * @param {VegaSkeletonLoaderConfig.items} config.items - Configuration for multiple skeleton items.
-   * @param {VegaSkeletonLoaderConfig.layout} config.layout - Layout of the skeleton items.
-   * @returns { string } - Key of the loaded skeleton items.
-   * @vegaVersion 2.16.0
-   */
-  load({ target, type = 'text', width, height, items, layout }) {
-    // eslint-disable-next-line no-restricted-globals
-    const targets = Array.from(document.body.querySelectorAll(target));
-    const key = `vega-skeleton-loader-${misc.generateUUID()}`;
-    const loaderItems = [];
-    targets.forEach((target) => {
-      const skeletonsLoaders = !items
-        ? [this.createSkeleton({ type, width, height })]
-        : items.map(this.createSkeleton);
-      const itemsWithKey = (layout ? [this.wrapLayout(skeletonsLoaders, layout)] : skeletonsLoaders).map((item) => {
-        item.dataset[VegaSkeletonLoaderController.LOADER_DATA_SET_KEY] = key;
-        return item;
-      });
-      loaderItems.push(...itemsWithKey);
-      target.append(...itemsWithKey);
-    });
-    this.loaderMap.set(key, loaderItems);
-    return key;
-  }
-  /**
-   * Remove the skeletons from the dom.
-   *
-   * @param {string} key - The key returned from {@link VegaSkeletonLoaderController.load}.
-   * @vegaVersion 2.16.0
-   */
-  unLoad(key) {
-    if (this.loaderMap.has(key)) {
-      this.loaderMap.get(key).forEach((item) => item.remove());
-      this.loaderMap.delete(key);
-    }
-  }
-  /**
-   * Remove all the skeletons from the dom.
-   *
-   * @vegaVersion 2.16.0
-   */
-  unLoadAll() {
-    for (const items of this.loaderMap.values()) {
-      items.forEach((item) => item.remove());
-    }
-    this.loaderMap.clear();
-  }
-  /**
-   * Create a skeleton item. The skeleton animated always be true
-   *
-   * @param {VegaSkeletonLoaderItem} config - Configuration for the skeleton item.
-   * @returns {HTMLVegaSkeletonElement} - Skeleton item.
-   */
-  createSkeleton(config) {
-    const { type, width, height } = config;
-    // eslint-disable-next-line no-restricted-globals
-    const skeleton = document.createElement('vega-skeleton');
-    Object.assign(skeleton, { animated: true, type, width, height });
-    return skeleton;
-  }
-  /**
-   * Wrap the flex layout for the skeletons.
-   *
-   * @param {HTMLElement[]} skeletons - Skeleton elements of the loader.
-   * @param {VegaSkeletonLoaderLayout} layout - Flex properties for the layout.
-   * @returns {HTMLVegaFlexElement} - Container wrapping the skeletons in the specified flex layout.
-   */
-  wrapLayout(skeletons, layout) {
-    // eslint-disable-next-line no-restricted-globals
-    const skeletonContainer = document.createElement('vega-flex');
-    Object.assign(skeletonContainer, Object.assign({ className: 'vega-skeleton-loader-template-container' }, layout.props));
-    Object.assign(skeletonContainer.style, layout.style);
-    skeletonContainer.append(...skeletons);
-    return skeletonContainer;
-  }
-}
-VegaSkeletonLoaderController.LOADER_DATA_SET_KEY = 'vegaSkeletonLoaderKey';
-__decorate$1([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], VegaSkeletonLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaSkeletonLoader = new VegaSkeletonLoaderController();
-
-const VegaTranslationRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'IS_INIT_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method load of public API VegaTranslation.init is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'TranslationController' && methodName === 'init',
-    /**
-     * The function checks if the method name is loaded.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-  {
-    payloadKey: 'IS_CHANGE_LANGUAGE_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method load of public API VegaTranslation.changeLanguage is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    canAccept: (scope, methodName) => scope === 'TranslationController' && methodName === 'changeLanguage',
-    /**
-     * The function checks if the method name is load.
-     *
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: () => {
-      return true;
-    },
-  },
-];
-
-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;
-  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;
-};
-/**
- * Vega Translation Public API
- *
- * @vegaVersion 2.27.0
- */
-class TranslationController {
-  constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(TranslationController, ['init', 'changeLanguage'], VegaTranslationRuntimeMetricsPayloadDefinition);
-  }
-  /**
-   * Get current language
-   *
-   * @returns {string} current language
-   * @vegaVersion 2.27.0
-   */
-  get currentLanguage() {
-    return internalTranslationController.VegaInternalTranslation.currentLanguage;
-  }
-  /**
-   * Initializes the translation controller with provided resources and language.
-   *
-   * @param {VegaTranslationConfig} config - Configuration object containing resources and initial language.
-   * @vegaVersion 2.27.0
-   */
-  init(config) {
-    internalTranslationController.VegaInternalTranslation.init(config);
-  }
-  /**
-   * Changes the current language if it exists in the resources.
-   *
-   * @param {string} language - The language code to change to.
-   * @vegaVersion 2.27.0
-   */
-  changeLanguage(language) {
-    internalTranslationController.VegaInternalTranslation.changeLanguage(language);
-  }
-}
-__decorate([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], TranslationController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaTranslation = new TranslationController();
-
-/**
- * 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;
-  }
-}
-const rteExtensionContextManager = new RTEExtensionContextManager();
-
-/**
- * Base renderer for Vega Rich Text Editor.
- */
-class VegaRTEExtensionRenderer extends baseRenderer.VegaRTEBaseRenderer {
-  /**
-   * Returns the styles to be injected into the RTE scope.
-   * Override this method to provide custom styles for the custom blocks or nodes.
-   *
-   * @returns {string} - The styles as a string.
-   */
-  injectRTEScopeStyles() {
-    return '';
-  }
-  /**
-   * Renders the given data as a DOM element.
-   *
-   * @param {RTEBlock | RTENode} renderData - The data to render, which can be a block or a node.
-   * @param {RTERenderContext} rteContext - The rte editor context.
-   * @param {VegaRTECreateElementFunction} createElement - The function to create a DOM element.
-   * @returns {VegaRTERenderResult} - The rendered DOM element.
-   */
-  render(renderData, rteContext, createElement) {
-    const element = this.doRender(createElement, renderData, rteContext);
-    this.fallbackRegisterRef(element, renderData);
-    this.appendChildren(element, renderData, rteContext, createElement);
-    return element;
-  }
-  /**
-   * Register the reference of the element in the rendering registry.
-   *
-   * @param {RTEBlock | RTENode} renderData - The data to register with the element.
-   * @returns {VegaRTEUseRef} - The function to register the element.
-   */
-  useRef(renderData) {
-    renderData[VegaRTEExtensionRenderer.REGISTER_REF_FLAG] = true;
-    return function (element) {
-      if (element) {
-        codeBlock.stateEntityRenderingRegistry.register(element, renderData);
-      }
-    };
-  }
-  /**
-   * Get a registered renderer by its key.
-   *
-   * @param {string} key - The key of the renderer.
-   * @returns {Nullable<BaseRenderer>} - The registered renderer or null if not found.
-   */
-  getDTORenderer(key) {
-    return dtoRendererManager.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
-   *
-   * @param {VegaRTERenderResult} parentElement - The parent element to append children to.
-   * @param {RTEBlock | RTENode} renderData - The data to render children for.
-   * @param {RTERenderContext} rteContext - The render context.
-   * @param {VegaRTECreateElementFunction} createElement - The function to create a DOM element.
-   */
-  appendChildren(parentElement, renderData, rteContext, createElement) {
-    if (Array.isArray(renderData['children']) &&
-      renderData['children'].length &&
-      !parentElement['$children$']) {
-      parentElement['$children$'] = renderData['children']
-        .map((child) => {
-        return this.renderChildren(child, rteContext, createElement);
-      })
-        .filter(typeGuard.isNonNullable);
-    }
-  }
-  /**
-   * Render the children node.
-   *
-   * @param {RTENode | RTEBlock} renderData - The node to render children for.
-   * @param {RTERenderContext} rteContext - The render context.
-   * @param {VegaRTECreateElementFunction} createElement - The function to create a DOM element.
-   * @returns {Nullable<VegaRTERenderResult>} - The rendered DOM element.
-   */
-  renderChildren(renderData, rteContext, createElement) {
-    const renderer = this.getDTORenderer(renderData.type);
-    if (renderer) {
-      return renderer.render(renderData, rteContext, createElement);
-    }
-  }
-  /**
-   * Fallback register reference for the element.
-   *
-   * @param {VegaRTERenderResult} element - The rendered DOM element.
-   * @param {RTEBlock | RTENode} renderData - The data to register with the element.
-   */
-  fallbackRegisterRef(element, renderData) {
-    if (!renderData[VegaRTEExtensionRenderer.REGISTER_REF_FLAG] &&
-      element['$attrs$'] &&
-      !element['$attrs$']['ref']) {
-      // eslint-disable-next-line jsdoc/require-jsdoc
-      element['$attrs$']['ref'] = this.useRef(renderData);
-    }
-  }
-}
-VegaRTEExtensionRenderer.REGISTER_REF_FLAG = '__registeredRef__';
-
-/**
- * Abstract class for Vega Rich Text Editor extensions.
- */
-class VegaRTEExtension {
-  constructor() {
-    /**
-     * The context of the RTE extension, which may include references to the host editor and other relevant information.
-     */
-    this.extensionContext = null;
-    this.hasCustomStylesRenderers = new Set();
-  }
-  /**
-   * Registers an action handle strategy for a specific node or block class.
-   *
-   * @param {string} nodeOrBlockClassName - The name of the node or block class.
-   * @param {string} actionType - The type of the action.
-   * @param {ActionHandleStrategy<ModifyContentAction, RTENode | RTEBlock | VegaRTEContent>} strategy - The strategy to register.
-   */
-  static registerActionHandleStrategy(nodeOrBlockClassName, actionType, strategy) {
-    codeBlock.ActionHandleStrategyRegistry.register(actionType, nodeOrBlockClassName, strategy);
-  }
-  /**
-   * Registers an action handler interceptor for a specific node or block class.
-   *
-   * @param {string} nodeOrBlockClassName - The name of the node or block class.
-   * @param {string} actionType - The type of the action.
-   * @param {ActionHandlerInterceptor<ModifyContentAction, RTENode | RTEBlock | VegaRTEContent>} strategy - The interceptor to register.
-   */
-  static registerActionHandlerInterceptor(nodeOrBlockClassName, actionType, strategy) {
-    codeBlock.ActionHandlerInterceptorRegistry.register(actionType, nodeOrBlockClassName, strategy);
-  }
-  /**
-   * Initializes the RTE extension with the provided context.
-   *
-   * @param {RTEExtensionContext} context - The context of the RTE extension.
-   */
-  initialExtension(context) {
-    this.extensionContext = context;
-    rteExtensionContextManager.setExtensionContext(context);
-  }
-  /**
-   * Collect custom styles for the extension renderers.
-   * If custom nodes have special styles, override this method to provide the styles.
-   *
-   * @returns {string} - The custom styles as a string.
-   */
-  collectExtensionRendererStyles() {
-    let styles = '';
-    if (this.hasCustomStylesRenderers.size > 0) {
-      this.hasCustomStylesRenderers.forEach((renderer) => {
-        styles += `${renderer.injectRTEScopeStyles()}\n`;
-      });
-    }
-    return styles;
-  }
-  /**
-   * Register a node type with the extension.
-   *
-   * @param {string} type - The type of the node or block. The type should be a string that uniquely identifies the node or block.
-   * @param {ClassType<RTEBlock | RTENode>} DTOClass - The DTO class to register.
-   */
-  registerNode(type, DTOClass) {
-    codeBlock.RTEDTOClassManager.registerRTEDTOClass(type, DTOClass);
-  }
-  /**
-   * Register a renderer for a node type with the extension.
-   *
-   * @param {string} type - The type of the node or block. The type should be a string that uniquely identifies the node or block.
-   * @param {BaseRenderer} renderer - The renderer to register.
-   */
-  registerRenderer(type, renderer) {
-    dtoRendererManager.RTEDTORendererManager.registerRTEDTORenderer(type, renderer);
-    if (renderer instanceof VegaRTEExtensionRenderer && renderer.injectRTEScopeStyles()) {
-      this.hasCustomStylesRenderers.add(renderer);
-    }
-  }
-  /**
-   * Register a toolbar button renderer for the extension.
-   *
-   * @param {string} type - The type of the toolbar button.
-   * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer to register.
-   */
-  registerToolbarButtonRenderer(type, renderer) {
-    dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRenderer(type, renderer);
-  }
-  /**
-   * This is a helper method that utilizes RTEUtils to register common strategies.
-   * Call the method with the class name of the block to make it support basic strategies like:
-   * - Delete children
-   * - Append the children
-   * - Delete the block children content
-   *
-   * @param {string} blockClassName - The class name of the block to register strategies for.
-   */
-  registerBlockBasicStrategies(blockClassName) {
-    dtoRendererManager.RTEDTOActionStrategyManager.registerBlockBasicStrategies(blockClassName);
-  }
-  /**
-   * Unregister a strategy for a specific action type and block class if not need.
-   *
-   * @param {string} actionType - The special action type or the action class name.
-   * @param {string} blockClassName - The class name of the block to unregister the strategy for.
-   */
-  unRegisterStrategy(actionType, blockClassName) {
-    codeBlock.ActionHandleStrategyRegistry.unregister(actionType, blockClassName);
-  }
-  /**
-   * Unregister a strategy for a specific action type and block class if not need.
-   *
-   * @param {string} actionType - The special action type or the action class name.
-   * @param {string} blockClassName - The class name of the block to unregister the strategy for.
-   * @param {ActionHandlerInterceptor<ModifyContentAction, RTENode | RTEBlock | VegaRTEContent>} strategy - The interceptor to unregister.
-   */
-  unRegisterInterceptor(actionType, blockClassName, strategy) {
-    codeBlock.ActionHandlerInterceptorRegistry.unregister(actionType, blockClassName, strategy);
-  }
-  /**
-   * Register an element to block DTO class strategy.
-   *
-   * @param {ElementToDTOStrategy} strategy - The strategy to register.
-   */
-  registerElementToBlockDTOClassStrategy(strategy) {
-    dtoRendererManager.ElementToDTOClassStrategyManager.registerElementToBlockStrategy(strategy);
-  }
-  /**
-   * Register an element to node DTO class strategy.
-   *
-   * @param {ElementToDTOStrategy} strategy - The strategy to register.
-   */
-  registerElementToNodeDTOClassStrategy(strategy) {
-    dtoRendererManager.ElementToDTOClassStrategyManager.registerElementToNodeStrategy(strategy);
-  }
-  /**
-   * Get the registered element to node DTO class strategies.
-   *
-   * @returns {ElementToDTOStrategy[]} - The registered element to node DTO class strategies.
-   */
-  getElementToNodeDTOClassStrategies() {
-    return dtoRendererManager.ElementToDTOClassStrategyManager.getElementToNodeStrategies();
-  }
-}
-
-/**
- * Base class for rendering extension toolbar button in the rich text editor.
- * The renderer provides common functionalities for rendering toolbar buttons, including:
- * - Rendering a button with an icon, label, and optional arrow icon.
- * - Rendering a dropdown with a list of items.
- * - Rendering dropdown items.
- * - Rendering template for dropdown list.
- * - Determining if the button should be disabled based on the editor context.
- * - Handling button and dropdown click events.
- * Override the methods to customize the rendering and behavior of the button.
- */
-class VegaRTEToolbarButtonRenderer {
-  /**
-   * Checks if the button should be hidden.
-   *
-   * @param {VegaRTEToolbarRenderContext} editorContext The render context for the editor.
-   * @returns {boolean} True if the button is hidden, false otherwise.
-   */
-  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.
-   *
-   * @param {VegaRTECreateElementFunction} h - Create element function.
-   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
-   * @param {RTEToolbarDropdownProps} dropdownProps - The properties for the dropdown.
-   * @param {VegaRTERenderResult[]} children - The children elements for the dropdown.
-   * @returns {VegaRTERenderResult} - The render result for the dropdown.
-   */
-  renderDropdown(h, editorContext, dropdownProps, children) {
-    return h('vega-dropdown', Object.assign({ trigger: 'click', searchable: false, maxWidth: '200', itemDisplayRule: 'ellipsis', 
-      // eslint-disable-next-line jsdoc/require-jsdoc
-      ref: (el) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaDropdownClick, (input) => {
-          const payload = input;
-          this.handleDropdownClick(payload.detail, editorContext);
-        });
-      } }, dropdownProps), children);
-  }
-  /**
-   * Renders the dropdown list template.
-   *
-   * @param {VegaRTECreateElementFunction} h - Create element function.
-   * @param {(RTEDropdownListItem | RTEDropdownListGroup)[]} itemList - The list of dropdown items.
-   * @returns {VegaRTERenderResult} - The render result for the dropdown list.
-   */
-  renderDropdownListTemplate(h, itemList) {
-    return h('div', {
-      slot: 'items',
-      onMouseDown: this.preventDefault,
-    }, itemList.map((item) => {
-      return 'children' in item
-        ? this.renderDropdownGroup(h, item)
-        : this.renderDropdownItem(h, item);
-    }));
-  }
-  /**
-   * Renders a dropdown item for the toolbar button.
-   *
-   * @param {VegaRTECreateElementFunction} h - Create element function.
-   * @param {RTEDropdownListItem} item - The dropdown item.
-   * @returns {VegaRTERenderResult} - The render result for the dropdown item.
-   */
-  renderDropdownItem(h, item) {
-    return h('vega-dropdown-item', {
-      key: item.key,
-      itemKey: item.key,
-      label: item.label,
-      prefixIcon: item.icon,
-    });
-  }
-  /**
-   * Renders a dropdown item for the toolbar button.
-   *
-   * @param {VegaRTECreateElementFunction} h - Create element function.
-   * @param {RTEDropdownListGroup} item - The dropdown group.
-   * @returns {VegaRTERenderResult} - The render result for the dropdown item.
-   */
-  renderDropdownGroup(h, item) {
-    return h('vega-dropdown-group', {
-      key: item.key,
-      label: item.label,
-      divide: false,
-    }, item.children.map((child) => {
-      return 'children' in child
-        ? this.renderDropdownGroup(h, child)
-        : this.renderDropdownItem(h, child);
-    }));
-  }
-  /**
-   * Renders a common toolbar button with optional icon, label, and arrow icon.
-   *
-   * @param {VegaRTECreateElementFunction} h - Create element function.
-   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
-   * @param {RTEToolbarButtonProps} buttonProps - The properties for the button.
-   * @returns {VegaRTERenderResult} - The render result for the button.
-   */
-  renderButton(h, editorContext, buttonProps) {
-    const { icon, label, showArrowIcon } = buttonProps;
-    const isDisabled = this.isDisabled(editorContext);
-    return h('vega-rich-text-editor-toolbar-button', {
-      disabled: isDisabled,
-      icon: icon,
-      hidden: this.isHidden(editorContext),
-      selected: this.isSelected(editorContext),
-      // eslint-disable-next-line jsdoc/require-jsdoc
-      ref: (el) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaClick, () => this.handleButtonClick(editorContext));
-      },
-      onMouseDown: this.preventDefault,
-    }, [
-      this.renderButtonLabel(h, editorContext, label),
-      showArrowIcon
-        ? h('vega-icon', {
-          size: 'size-8',
-          color: isDisabled ? 'text-disabled' : 'text-secondary',
-          style: { marginLeft: '8px' },
-          icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-down'),
-        })
-        : null,
-    ].filter(typeGuard.isNonNullable));
-  }
-  /**
-   * Renders the button label.
-   *
-   * @param {VegaRTECreateElementFunction} h - Create element function.
-   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
-   * @param {Nullable<string>} label - The button label if exist.
-   * @returns {Nullable<VegaRTERenderResult>} - The render result for the button.
-   */
-  renderButtonLabel(h, editorContext, label) {
-    if (label) {
-      const isDisabled = this.isDisabled(editorContext);
-      return h('vega-font', {
-        variant: 'font-field-label-sm',
-        color: isDisabled ? 'text-disabled' : 'text-primary',
-      }, label);
-    }
-    return null;
-  }
-  /**
-   * Determines if the button should be disabled based on the editor context.
-   *
-   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
-   * @returns {boolean} - True if the button should be disabled, false otherwise.
-   */
-  isDisabled(editorContext) {
-    return editorContext.host.disabled;
-  }
-  /**
-   * Checks if the button should be selected.
-   *
-   * @param {VegaRTEToolbarRenderContext} _editorContext The render context for the editor.
-   * @returns {boolean} True if the button is selected, false otherwise.
-   */
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  isSelected(_editorContext) {
-    return false;
-  }
-  /**
-   * Prevents the default action of the click event. This is to avoid losing focus from the editor when the button is clicked.
-   *
-   * @param {MouseEvent} e The mouse event to prevent default action for.
-   */
-  preventDefault(e) {
-    e.preventDefault();
-  }
-  /**
-   * Recursively searches for a dropdown list item by its key.
-   *
-   * @param {(RTEDropdownListItem | RTEDropdownListGroup)[]} itemList The list of dropdown items or groups to search through.
-   * @param {string} key The key of the item to find.
-   * @returns {Nullable<RTEDropdownListItem>} The dropdown list item if found, otherwise null.
-   */
-  getListItemByKey(itemList, key) {
-    for (const item of itemList) {
-      if ('children' in item) {
-        const foundItem = this.getListItemByKey(item.children, key);
-        if (foundItem) {
-          return foundItem;
-        }
-      }
-      else if (item.key === key) {
-        return item;
-      }
-    }
-    return null;
-  }
-}
-
-/**
- * Action to insert a token node at a specified range in the Rich Text Editor.
- *
- * @example block.apply(new InsertTokenNodeAction(rteRange, tokenNode));
- */
-class InsertTokenNodeAction extends codeBlock.ModifyContentAction {
-  constructor(rteRange, token) {
-    super();
-    this.type = 'INSERT_TOKEN_NODE';
-    this.rteRange = null;
-    this.actionHandleResult = false;
-    this.rteRange = rteRange;
-    this.token = token;
-  }
-}
-
-/**
- * Renderer for the token toolbar button in the Vega Rich Text Editor.
- */
-class RTETokenToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
-  constructor(tokenList) {
-    super();
-    this.tokenList = [];
-    this.tokenList = tokenList;
-  }
-  /**
-   * Renders the token toolbar button.
-   *
-   * @param {VegaRTECreateElementFunction} createElement Function to create elements in the rich text editor.
-   * @param {VegaRTEToolbarRenderContext} editorContext The render context for the editor.
-   * @returns {VegaRTERenderResult} Token toolbar button.
-   */
-  render(createElement, editorContext) {
-    return this.renderDropdown(createElement, editorContext, {}, [
-      this.renderButton(createElement, editorContext, { label: 'Tokens', showArrowIcon: true }),
-      this.renderDropdownListTemplate(createElement, this.tokenList),
-    ]);
-  }
-  /**
-   * 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(editorContext) {
-    const context = this.getExtensionContext(editorContext.host);
-    if (context) {
-      const { host, getSelectedNodes } = context;
-      const [startNode] = getSelectedNodes();
-      return startNode
-        ? host.disabled ||
-          !codeBlock.ActionHandleStrategyRegistry.canHandle('INSERT_TOKEN_NODE', startNode.parent)
-        : host.disabled;
-    }
-    return false;
-  }
-  /* istanbul ignore next */
-  /**
-   * Handles the button click event. No need this method for token button.
-   *
-   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
-   */
-  handleButtonClick(editorContext) {
-  }
-  /**
-   * Handles the token item click event from the dropdown.
-   *
-   * @param {string} itemKey - The key of the clicked token item.
-   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
-   */
-  handleDropdownClick(itemKey, editorContext) {
-    const token = this.getListItemByKey(this.tokenList, itemKey);
-    const { rteRange } = editorContext;
-    const { startNode } = rteRange;
-    if (startNode && startNode.parent) {
-      const action = new InsertTokenNodeAction(rteRange, token);
-      startNode.parent.apply(action);
-      if (action.actionHandleResult) {
-        this.flushEditorUI(editorContext);
-      }
-    }
-  }
-  /**
-   * Refreshes the editor UI.
-   *
-   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
-   */
-  flushEditorUI(editorContext) {
-    const context = this.getExtensionContext(editorContext.host);
-    if (context) {
-      const { host, flushValue } = context;
-      flushValue(host.value);
-    }
-  }
-}
-
-/**
- * Token node for the Vega Rich Text Editor.
- */
-class RTETokenNode extends codeBlock.RTETextNode {
-  constructor(id, token, text, parentBlock, annotations) {
-    super(id, text, parentBlock, annotations);
-    this.type = 'token';
-    this.token = token;
-    this.text = text;
-  }
-  /**
-   * @inheritDoc
-   */
-  static from(value, parent) {
-    const node = new RTETokenNode(value.id, value.token, value.text, parent);
-    if (value.annotations) {
-      node.annotationMap = this.generateTextAnnotationMap(value.annotations);
-    }
-    return node;
-  }
-  /**
-   * Converts the token node to a JSON representation.
-   *
-   * @returns {VegaRTETokenNode} - The JSON representation of the token node.
-   */
-  toJSON() {
-    const json = super.toJSON();
-    return Object.assign({ id: this.id, type: this.type, text: this.text, token: this.token }, (json.annotations ? { annotations: json.annotations } : {}));
-  }
-  /**
-   * Determines if the token node is content editable.
-   *
-   * @returns {boolean} - Always returns false for token nodes.
-   */
-  isContentEditable() {
-    return false;
-  }
-  /**
-   * Clones the token node.
-   *
-   * @param {RTETextBlock} parent - The parent block for the cloned node.
-   * @returns {RTETokenNode} - The cloned token node.
-   */
-  clone(parent) {
-    return new RTETokenNode(this.id, this.token, this.text, parent, this.annotationMap);
-  }
-  /**
-   * Converts the token node to an HTML representation.
-   *
-   * @returns {string} - The HTML representation of the token node.
-   */
-  toHtml() {
-    return `<span class="token" contenteditable="false" template-token-key="${this.token}" token-key="${this.token}"${super.generateAttributeString()}>${this.text}</span>`;
-  }
-}
-
-/**
- * Token node renderer for the rich text editor.
- */
-class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
-  /**
-   * Renders the token node as a DOM element.
-   *
-   * @param {VegaRTECreateElementFunction} createElement - The function to create a DOM element.
-   * @param {RTETokenNode} node - The token node to render.
-   * @param {RTERenderContext} editorContent - The editor content context.
-   * @returns {VegaRTERenderResult} - The rendered DOM element.
-   */
-  doRender(createElement, node, editorContent) {
-    const { id, token } = node;
-    return createElement('span', Object.assign(Object.assign({ 'key': id, 'template-token-key': token, 'token-key': token, 'contenteditable': 'false', 'style': node.getStyles(), 'class': `token ${node.getClasses()}` }, this.additionalAttributes(node)), { 'ref': this.useRef(node), 
-      // eslint-disable-next-line jsdoc/require-jsdoc
-      'onClick': (event) => {
-        event.preventDefault();
-        if (editorContent && editorContent.editable !== false) {
-          this.handleTokenElementClick(event, node, editorContent.host);
-        }
-      } }), node.text);
-  }
-  /**
-   * Override to inject RTE scope styles for the token node.
-   *
-   * @returns {string} The CSS styles for the token node.
-   */
-  injectRTEScopeStyles() {
-    return `span[token-key]{padding: 0 2px; margin: 0 1px; background-color: rgba(var(--v-bg-status-info, 205,209,211))}`;
-  }
-  /**
-   * 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, richTextEditor) {
-    event.preventDefault();
-    if (richTextEditor) {
-      richTextEditor.value.apply(new dtoRendererManager.UpdateCursorPositionAction(node, undefined, true));
-    }
-  }
-  /**
-   * Additional attributes for the token node.
-   *
-   * @param {RTETokenNode} node - The token node.
-   * @returns {Record<string, string>} Additional attributes
-   */
-  additionalAttributes(node) {
-    const annotation = node.getCustomAttributesAnnotation();
-    let result = { wrapped: 'true' };
-    if (annotation) {
-      result = Object.assign(Object.assign({}, result), annotation.render());
-    }
-    return result;
-  }
-}
-
-/**
- * Toolbar button renderer for language selection in Vega Rich Text Editor.
- */
-class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
-  constructor(languageList, languageChangeCallback, selectedLanguage) {
-    super();
-    this.languageList = [];
-    this.selectedLanguage = 'Select Language';
-    this.labelRef = null;
-    /**
-     * Handles the language selection event.
-     *
-     * @param {string} itemKey - The key of the selected language item.
-     */
-    this.handleDropdownClick = (itemKey) => {
-      this.setSelectedLanguage(itemKey);
-      if (typeof this.languageChangeCallback === 'function') {
-        this.languageChangeCallback(this.selectedLanguage);
-      }
-    };
-    this.languageList = languageList;
-    this.selectedLanguage = selectedLanguage;
-    this.languageChangeCallback = languageChangeCallback;
-  }
-  /**
-   * Public method to set the selected language.
-   *
-   * @param {string} language The language key to set as selected.
-   */
-  setSelectedLanguage(language) {
-    this.selectedLanguage = language;
-    if (this.labelRef) {
-      this.labelRef.textContent = this.getLanguageLabelByKey(language);
-    }
-  }
-  /**
-   * The source edit mode does not affect the language button visibility.
-   *
-   * @returns {boolean} True if the button is hidden, false otherwise.
-   */
-  isHidden() {
-    return false;
-  }
-  /**
-   * @inheritDoc
-   */
-  render(createElement, editorContext) {
-    return this.renderDropdown(createElement, editorContext, { source: this.languageList }, [
-      this.renderButton(createElement, editorContext, {
-        label: this.getLanguageLabelByKey(this.selectedLanguage),
-        showArrowIcon: true,
-      }),
-    ]);
-  }
-  /**
-   * Override to render the button label with custom behavior.
-   *
-   * @inheritDoc
-   */
-  renderButtonLabel(h, editorContext, label) {
-    const isDisabled = this.isDisabled(editorContext);
-    return h('vega-font', {
-      variant: 'font-field-label-sm',
-      color: isDisabled ? 'text-disabled' : 'text-primary',
-      // eslint-disable-next-line jsdoc/require-jsdoc
-      ref: (el) => (this.labelRef = el),
-    }, label);
-  }
-  /* istanbul ignore next */
-  /**
-   * Handles the button click event. No need this method for language button.
-   *
-   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
-   */
-  handleButtonClick(editorContext) {
-  }
-  /**
-   * Gets the label of a language by its key.
-   *
-   * @param {string} key The language key to look up.
-   * @returns {string} The label of the language, or the key if not found.
-   */
-  getLanguageLabelByKey(key) {
-    const language = this.getListItemByKey(this.languageList, key);
-    return language.label;
-  }
-}
-
-/**
- * Language extension for Vega Rich Text Editor.
- * This extension allows users to switch between different languages and maintain separate content for each language.
- */
-class VegaRTELanguageExtension extends VegaRTEExtension {
-  constructor(languageList, languagesState) {
-    super();
-    this.languageState = {
-      selectedLanguage: '',
-      contentMap: {},
-    };
-    /**
-     * Listener for language change events from the toolbar button renderer.
-     *
-     * @param {string} selectedLanguage - The newly selected language.
-     */
-    this.languageChangeCallBack = (selectedLanguage) => {
-      const previousLanguage = this.languageState.selectedLanguage;
-      if (this.extensionContext && previousLanguage) {
-        this.languageState.contentMap[previousLanguage] = this.getRTELatestValue(this.extensionContext.host);
-      }
-      this.languageState.selectedLanguage = selectedLanguage;
-      this.applyLanguageContent(selectedLanguage, this.languageState.contentMap);
-    };
-    if (languagesState) {
-      this.languageState = Object.assign(Object.assign({}, this.languageState), languagesState);
-    }
-    if (!this.languageState.selectedLanguage && languageList.length > 0) {
-      this.languageState.selectedLanguage = languageList[0].key;
-    }
-    this.languageToolbarButtonRenderer = new RTELanguageToolbarButtonRenderer(languageList, this.languageChangeCallBack, this.languageState.selectedLanguage);
-    this.registerToolbarButtonRenderer('languages', this.languageToolbarButtonRenderer);
-  }
-  /**
-   * Initializes the language extension.
-   * Applies the content for the selected language upon initialization.
-   *
-   * @param {RTEExtensionContext} context The extension context.
-   */
-  initialExtension(context) {
-    super.initialExtension(context);
-    const { selectedLanguage, contentMap } = this.languageState;
-    if (contentMap && contentMap[selectedLanguage]) {
-      this.applyLanguageContent(this.languageState.selectedLanguage, this.languageState.contentMap);
-    }
-  }
-  /**
-   * Invoked to set the language extension state. The method used if the state can not be provide when the editor is initialized.
-   *
-   * @param {RTELanguageExtensionState} state The language extension state to set.
-   */
-  setState(state) {
-    const { selectedLanguage, contentMap } = state;
-    this.languageToolbarButtonRenderer.setSelectedLanguage(selectedLanguage);
-    this.languageState.selectedLanguage = selectedLanguage;
-    this.languageState.contentMap = Object.assign({}, contentMap);
-    this.applyLanguageContent(selectedLanguage, contentMap);
-  }
-  /**
-   * Invoked to get the language extension state.
-   *
-   * @returns {RTELanguageExtensionState} The current language extension state.
-   */
-  getState() {
-    const { selectedLanguage, contentMap } = this.languageState;
-    if (this.extensionContext) {
-      contentMap[selectedLanguage] = this.getRTELatestValue(this.extensionContext.host);
-    }
-    return this.languageState;
-  }
-  /**
-   * Applies the content for the selected language.
-   *
-   * @param {string} selectedLanguage - The newly selected language.
-   * @param {RTELanguageExtensionState['contentMap']} contentMap - The content map for all languages.
-   */
-  applyLanguageContent(selectedLanguage, contentMap) {
-    if (this.extensionContext && contentMap) {
-      let content = contentMap[selectedLanguage];
-      const { host, flushValue } = this.extensionContext;
-      if (content) {
-        content =
-          content instanceof dtoRendererManager.VegaRTEContent
-            ? content
-            : dtoRendererManager.VegaRTEContent.fromJSON(content, host.sourceEditConfig);
-      }
-      else {
-        content = dtoRendererManager.VegaRTEContent.createEmptyContent();
-      }
-      if (host.value !== content) {
-        flushValue(content, true);
-      }
-    }
-  }
-  /**
-   * Get the RTE latest value. The value is from the code block when in source edit mode; otherwise, it's from the host value.
-   *
-   * @param {HTMLElement} host - The host element of the rich text editor.
-   * @returns {VegaRTEContent} - The content.
-   */
-  getRTELatestValue(host) {
-    let result = host.value;
-    if (this.extensionContext && this.extensionContext.isSourceEditMode() && host.shadowRoot) {
-      const codeBlock = host.shadowRoot.querySelector('.source-view-container vega-code-block');
-      if (codeBlock) {
-        result = dtoRendererManager.VegaRTEContent.fromHtml(codeBlock.value.code, {
-          autoMatchFormat: host.sourceEditConfig.autoMatchFormat,
-        });
-      }
-    }
-    return result;
-  }
-}
-
-const INSERT_FUNCTION_BLOCK = 'INSERT_FUNCTION_BLOCK';
-/**
- * Action to insert a function block into the rich text editor.
- *
- * @example focusedBlock.apply(new InsertFunctionBlockAction('IF'))
- * @example host.value.apply(new InsertFunctionBlockAction('IF'))
- */
-class InsertFunctionBlockAction extends codeBlock.ModifyContentAction {
-  constructor(functionType) {
-    super();
-    this.type = INSERT_FUNCTION_BLOCK;
-    this.functionType = functionType;
-  }
-}
-
-/**
- * RTE Function Block
- */
-class RTEFunctionBlock extends codeBlock.RTEBlock {
-  constructor(id) {
-    super(id);
-    this.type = 'function-block';
-    this.children = [];
-  }
-  /**
-   * Creates an RTEFunctionBlock from a VegaFunctionBlock.
-   *
-   * @param {VegaFunctionBlock} block - The custom block to convert.
-   * @param {VegaRTETransformOptions} [options] - Optional transformation options.
-   * @returns {RTEFunctionBlock} The resulting RTEFunctionBlock.
-   */
-  static from(block, options) {
-    const functionBlock = new RTEFunctionBlock(block.id);
-    const defaultAnnotation = { customClass: ['statement'] };
-    let { annotations } = block;
-    annotations = annotations
-      ? Object.assign(Object.assign({}, annotations), defaultAnnotation) : defaultAnnotation;
-    super.convertAnnotationsToMap(functionBlock.annotationMap, annotations);
-    functionBlock.children = this.generateBlockChildren(block.children, options, functionBlock);
-    return functionBlock;
-  }
-  /**
-   * Converts the RTEFunctionBlock and its children to an HTML string.
-   *
-   * @returns {string} The HTML string representation of the function block.
-   */
-  toHtml() {
-    const childrenHtml = this.children
-      .map((child) => {
-      if (child instanceof codeBlock.RTETextBlock) {
-        const attrStr = this.getFunctionContentStyle(child);
-        return `<div class="statementelement"${attrStr}>${child.getChildrenHtml()}</div>`;
-      }
-      else {
-        return child.toHtml();
-      }
-    })
-      .join('');
-    return `<div class="statement">${childrenHtml}</div>`;
-  }
-  /**
-   * @inheritDoc
-   */
-  clone(parent) {
-    const clonedBlock = new RTEFunctionBlock(misc.generateUUID());
-    clonedBlock.parent = parent;
-    clonedBlock.children = this.children.map((child) => {
-      const clonedChild = child.clone(clonedBlock);
-      return clonedChild;
-    });
-    clonedBlock.annotationMap = super.cloneAnnotations();
-    return clonedBlock;
-  }
-  /**
-   * @inheritDoc
-   */
-  getLastNode() {
-    return this.children[this.children.length - 1].getLastNode();
-  }
-  /**
-   * @inheritDoc
-   */
-  isNotEmpty() {
-    return this.children.length > 0;
-  }
-  /**
-   * @inheritDoc
-   */
-  toJSON() {
-    return Object.assign(Object.assign({}, super.toJSON()), { id: this.id, type: this.type, children: this.children.map((child) => child.toJSON()) });
-  }
-  /**
-   * Get the style string for function content block, excluding default paragraph styles.
-   *
-   * @param {RTETextBlock} block - The text block to extract styles from
-   * @returns {string} - The style attribute string
-   */
-  getFunctionContentStyle(block) {
-    const blockAnnotationStyle = new codeBlock.RTEAnnotationStyle(block);
-    let styles = blockAnnotationStyle.toCssText({ standalone: true });
-    const textStyleAnnotation = block.getAnnotationByType('TEXT_STYLE');
-    if (textStyleAnnotation && textStyleAnnotation.textStyle === 'paragraph') {
-      const defaultParagraphStyles = blockAnnotationStyle.toCssText(undefined, undefined, textStyleAnnotation.renderStyle({ standalone: true }));
-      styles = styles.replace(defaultParagraphStyles, '').trim();
-    }
-    return styles ? ` style="${styles}"` : '';
-  }
-}
-
-/**
- * Strategy to handle the insertion of a function block into the rich text editor.
- */
-class InsertFunctionBlockStrategy extends codeBlock.ActionHandleStrategy {
-  /**
-   * @inheritDoc
-   */
-  handleAction(action, target) {
-    const { functionType } = action;
-    const functionBlock = this.getFunctionBlock(functionType);
-    const emptyParagraph = this.createNewParagraph('');
-    const referenceBlock = this.getReferenceBlock(target);
-    if (referenceBlock) {
-      referenceBlock.parent.apply(new codeBlock.InsertChildrenAfterAction(referenceBlock, functionBlock, emptyParagraph));
-    }
-    else {
-      target.apply(new codeBlock.AppendChildrenAction([functionBlock, emptyParagraph]));
-    }
-    if (emptyParagraph) {
-      action.nextFocusNode = emptyParagraph.children[0];
-    }
-  }
-  /**
-   * Get a function block based on the specified type.
-   *
-   * @param {string} type - The type of function block to create.
-   * @returns {RTEFunctionBlock} The function block instance.
-   */
-  getFunctionBlock(type) {
-    const id = misc.generateUUID();
-    return RTEFunctionBlock.from({
-      id: id,
-      type: 'function-block',
-      children: [
-        {
-          id: `${id}-1`,
-          type: 'logic-control-block',
-          statementText: type.toUpperCase(),
-        },
-        {
-          id: `${id}-2`,
-          annotations: {
-            customClass: ['statementelement'],
-          },
-          type: 'paragraph',
-          nodes: [
-            {
-              id: `${id}-2-1`,
-              type: 'text',
-              text: '   ',
-            },
-          ],
-        },
-        {
-          id: `${id}-3`,
-          type: 'logic-control-block',
-          statementText: 'SHOW',
-        },
-        {
-          id: `${id}-4`,
-          annotations: {
-            customClass: ['statementelement'],
-          },
-          type: 'paragraph',
-          nodes: [
-            {
-              id: `${id}-4-1`,
-              type: 'text',
-              text: '   ',
-            },
-          ],
-        },
-      ],
-    });
-  }
-  /**
-   * We need to get the correct block if the current target is a function block element to avoid nesting function blocks.
-   *
-   * @param {RTEBlock | VegaRTEContent} currentTarget - The current target block or content.
-   * @returns {Nullable<RTEBlock>} The reference block.
-   */
-  getReferenceBlock(currentTarget) {
-    if (!(currentTarget instanceof dtoRendererManager.VegaRTEContent)) {
-      const parentBlock = currentTarget.parent;
-      if (parentBlock instanceof RTEFunctionBlock) {
-        return parentBlock;
-      }
-      else {
-        return currentTarget;
-      }
-    }
-  }
-}
-
-/**
- * Class representing a logic control node in the rich text editor.
- */
-class RTELogicControlNode extends codeBlock.RTENode {
-  constructor(id, text, parent) {
-    super(id);
-    this.type = 'logic-control-node';
-    this.text = '';
-    this.text = text;
-    this.parent = parent;
-  }
-  /**
-   * Clone the current node instance.
-   *
-   * @returns {RTELogicControlNode} - A new instance of RTELogicControlNode.
-   */
-  clone() {
-    return new RTELogicControlNode(this.id, this.text, this.parent);
-  }
-  /**
-   * Convert the node to its HTML representation.
-   *
-   * @returns {string} - The HTML string of the logic control node.
-   */
-  toHtml() {
-    return this.text;
-  }
-  /**
-   * Convert the node to a JSON representation.
-   *
-   * @returns {unknown} - The JSON object of the statement syntax node.
-   */
-  toJSON() {
-    return {
-      id: this.id,
-      type: this.type,
-      text: this.text,
-    };
-  }
-  /**
-   * Get the end offset of the node's range.
-   *
-   * @returns {number} - The end offset of the node's range.
-   */
-  getRangeEndOffset() {
-    return 1;
-  }
-  /**
-   * Get the container element for the node's range.
-   *
-   * @returns {Nullable<Node>} - The container node for the range.
-   */
-  getRangeContainer() {
-    const element = codeBlock.stateEntityRenderingRegistry.getDOMByEntity(this);
-    if (element) {
-      return element.parentElement;
-    }
-  }
-  /**
-   * Get the content editable state of the node.
-   *
-   * @returns {boolean} - The content editable state of the node.
-   */
-  isContentEditable() {
-    return false;
-  }
-}
-
-/**
- * Class representing a logic control block in the rich text editor.
- */
-class RTELogicControlBlock extends codeBlock.RTEBlock {
-  constructor(id, statementText, parent) {
-    super(id);
-    this.type = 'logic-control-block';
-    this.children = [];
-    this.statementText = '';
-    this.statementText = statementText;
-    this.children = [new RTELogicControlNode(`${id}-node-1`, statementText, this)];
-    if (parent) {
-      this.parent = parent;
-    }
-  }
-  /**
-   * Create a logic control block from a JSON representation.
-   *
-   * @param {VegaRTELogicControlBlock} json - The JSON object representing the logic control block.
-   * @returns {RTELogicControlBlock} - The created logic control block.
-   */
-  static from(json) {
-    const block = new RTELogicControlBlock(json.id, json.statementText);
-    return block;
-  }
-  /**
-   * Check the block is not empty.
-   *
-   * @returns {boolean} - Always true for logic control block.
-   */
-  isNotEmpty() {
-    return true;
-  }
-  /**
-   * Get the last node of the block.
-   *
-   * @returns {RTELogicControlNode} - The last node in the block.
-   */
-  getLastNode() {
-    return this.children[this.children.length - 1];
-  }
-  /**
-   * Convert the block to its HTML representation.
-   *
-   * @returns {string} - The HTML string of the logic control block.
-   */
-  toHtml() {
-    return `<div class='statementsyntax' contenteditable='false'>${this.statementText}</div>`;
-  }
-  /**
-   * Clone the current block instance.
-   *
-   * @param { RTEFunctionBlock } parent - The parent function block for the cloned instance.
-   * @returns {RTELogicControlBlock} - A new instance of RTEStatementSyntaxBlock.
-   */
-  clone(parent) {
-    return new RTELogicControlBlock(this.id, this.statementText, parent);
-  }
-  /**
-   * Get the JSON representation of the block.
-   *
-   * @returns {VegaRTELogicControlBlock} - The JSON object of the logic control block.
-   */
-  toJSON() {
-    return {
-      id: this.id,
-      type: this.type,
-      statementText: this.statementText,
-    };
-  }
-}
-
-/**
- * Function toolbar button renderer class.
- */
-class FunctionToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
-  /**
-   * @inheritDoc
-   */
-  render(h, editorContext) {
-    return this.renderDropdown(h, editorContext, {}, [
-      this.renderButton(h, editorContext, {
-        label: 'Functions',
-        showArrowIcon: true,
-      }),
-      this.renderDropdownListTemplate(h, FunctionToolbarButtonRenderer.FUNCTION_LIST),
-    ]);
-  }
-  /**
-   * 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(editorContext) {
-    const context = this.getExtensionContext(editorContext.host);
-    if (context) {
-      const { host, getSelectedNodes } = context;
-      const focusNode = getSelectedNodes()[0];
-      let enableInsert = true;
-      if (focusNode) {
-        enableInsert = codeBlock.ActionHandleStrategyRegistry.canHandle(INSERT_FUNCTION_BLOCK, focusNode.parent);
-      }
-      return host.disabled || !enableInsert;
-    }
-    return false;
-  }
-  /* istanbul ignore next */
-  // eslint-disable-next-line jsdoc/require-jsdoc
-  handleButtonClick() {
-    throw new Error('Method not implemented.');
-  }
-  /**
-   * Handles dropdown click event
-   *
-   * @param {RTEExtensionFunctionType} itemKey - key of the clicked item
-   * @param {VegaRTEToolbarRenderContext} editorContext The render context for the editor.
-   */
-  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 dtoRendererManager.UpdateCursorPositionAction(action.nextFocusNode, 1));
-        }
-      }
-    }
-  }
-}
-FunctionToolbarButtonRenderer.FUNCTION_LIST = [
-  { key: 'IF', label: 'Conditional' },
-  { key: 'FOREACH', label: 'Foreach' },
-];
-
-/**
- * Renders a logic control block in the rich text editor.
- */
-class RTELogicControlBlockRenderer extends VegaRTEExtensionRenderer {
-  /**
-   * @inheritDoc
-   */
-  doRender(h, renderData) {
-    return h('div', {
-      key: renderData.id,
-      class: 'statementsyntax',
-      ref: this.useRef(renderData),
-    }, h('span', {
-      key: `${renderData.id}-1`,
-      contenteditable: 'false',
-      ref: this.useRef(renderData.children[0]),
-    }, renderData.statementText));
-  }
-}
-
-/**
- * Strategy to convert a div with class 'statementsyntax' into an RTELogicControlBlock DTO.
- */
-class DivToLogicControlBlockStrategy extends dtoRendererManager.BlockToRTEBlockStrategyAbstract {
-  constructor() {
-    super(...arguments);
-    this.blockClassName = 'statementsyntax';
-  }
-  /**
-   * @inheritDoc
-   */
-  canHandle(elementsArray, currentIndex) {
-    const element = elementsArray[currentIndex];
-    return element &&
-      element.nodeType === Node.ELEMENT_NODE &&
-      element.classList.contains(this.blockClassName) &&
-      this.isFunctionBlockChild(element)
-      ? 1
-      : 0;
-  }
-  /**
-   * @inheritDoc
-   */
-  handle(elementsArray) {
-    const element = elementsArray[0];
-    return RTELogicControlBlock.from({
-      id: misc.generateUUID(),
-      type: 'logic-control-block',
-      statementText: element.innerText,
-    });
-  }
-  /**
-   * The logic control block does not have child blocks to append. so this method is intentionally left empty.
-   */
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  appendChildBlocks() { }
-  /**
-   * @inheritDoc
-   */
-  shouldProceedToElementChildren() {
-    return false;
-  }
-  /**
-   * Checks if the given element is a child of a function block
-   *
-   * @param {HTMLElement} element - The HTML element to check
-   * @returns {boolean} True if the element is a child of a function block, false otherwise
-   */
-  isFunctionBlockChild(element) {
-    return !!(element.parentElement && element.parentElement.classList.contains('statement'));
-  }
-}
-
-/**
- * Strategy to convert a div with class 'statement' into an function block.
- */
-class DivToFunctionBlockStrategy extends dtoRendererManager.ElementToDTOStrategy {
-  /**
-   * @inheritDoc
-   */
-  canHandle(elementsArray, currentIndex) {
-    const element = elementsArray[currentIndex];
-    return element &&
-      element.tagName === 'DIV' &&
-      element.classList.contains('statement') &&
-      element.childNodes.length &&
-      element.querySelector('.statementsyntax')
-      ? 1
-      : 0;
-  }
-  /**
-   * @inheritDoc
-   */
-  handle() {
-    return RTEFunctionBlock.from({
-      id: misc.generateUUID(),
-      type: 'function-block',
-      annotations: {
-        customClass: ['statement'],
-      },
-      children: [],
-    });
-  }
-  /**
-   * @inheritDoc
-   */
-  appendChildBlocks(currentBlock, childBlocks) {
-    currentBlock.children = childBlocks.map((block) => {
-      block.parent = currentBlock;
-      return block;
-    });
-  }
-  /**
-   * @inheritDoc
-   */
-  shouldProceedToElementChildren() {
-    return true;
-  }
-}
-
-/**
- * Strategy to convert a div with class 'statementelement' into an function block.
- */
-class DivToFunctionContentStrategy extends DivToLogicControlBlockStrategy {
-  constructor() {
-    super(...arguments);
-    this.blockClassName = 'statementelement';
-  }
-  /**
-   * @inheritDoc
-   */
-  handle(elementsArray, options) {
-    const element = elementsArray[0];
-    const annotations = dtoRendererManager.htmlElementToAnnotationGenerator.generate(codeBlock.RTETextBlock, element);
-    const nodes = Array.from(elementsArray[0].childNodes);
-    return codeBlock.RTETextBlock.from({
-      id: misc.generateUUID(),
-      type: 'paragraph',
-      annotations: Object.assign({ customClass: [this.blockClassName] }, annotations),
-      nodes: this.generateChildNodes(nodes, undefined, options),
-    });
-  }
-}
-
-const functionBlockStylesCss = "div.statement{padding:2px 4px;background:rgba(var(--v-bg-accent3-secondary, 255, 239, 200));border:1px solid rgba(var(--v-bg-accent3-primary, 255, 220, 131));border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:4px}div.statement .statementsyntax{padding:3px 0;line-height:22px}.rich-text-content div.statement .statementsyntax,.rich-text-content div.statement .statementelement{display:inline-block}div.statement+div.statement{margin-top:2px}div.statement .statementsyntax span{color:rgb(38, 42, 255);font-weight:bold}div.statement .statementelement{padding:2px 4px;background:rgba(var(--v-bg-secondary, 245, 247, 247));border:1px solid rgba(var(--v-border-color-input-field, 171, 198, 216));border-radius:4px;margin:0;min-width:8px}";
-
-/**
- * Renderer for Function Block
- */
-class RTEFunctionBlockRenderer extends VegaRTEExtensionRenderer {
-  /**
-   * @inheritDoc
-   */
-  doRender(createElement, renderData) {
-    return createElement('div', {
-      key: renderData.id,
-      class: this.getElementClassName(renderData),
-      ref: this.useRef(renderData),
-    });
-  }
-  /**
-   * Defines the function block styles to be injected into the RTE scope.
-   *
-   * @returns {string} - The styles as a string.
-   */
-  injectRTEScopeStyles() {
-    return functionBlockStylesCss;
-  }
-  /**
-   * Gets the class name for the function block element.
-   *
-   * @param {RTEFunctionBlock} block - The function block.
-   * @returns {string} The class name for the function block element.
-   */
-  getElementClassName(block) {
-    let classes = block.getClasses();
-    if (classes.indexOf('statement') < 0) {
-      classes = 'statement ' + classes;
-    }
-    return classes.trim();
-  }
-}
-
-/**
- * Abstract class for action handler interceptors, which can intercept actions before they are handled.
- */
-class ActionHandlerInterceptor {
-}
-
-/**
- * Prevent special type input in function block.
- */
-class PreventNewParagraphInterceptor extends ActionHandlerInterceptor {
-  /**
-   * Checks the target block parent whether is function block.
-   *
-   * @param {InsertNewParagraphAction} _action - the action to be intercepted
-   * @param {RTETextBlock} target - the target block
-   * @returns {boolean} - true if the target block parent is function block, false otherwise
-   */
-  canIntercept(_action, target) {
-    return target.parent && target.parent instanceof RTEFunctionBlock;
-  }
-  /**
-   * Insert a new paragraph behind of the function block instead of the target block.
-   *
-   * @param {ActionHandlerExecution} _execution - the original execution function
-   * @param {ModifyContentAction} _action - the action to be intercepted
-   * @param {RTETextBlock} target - the target block
-   */
-  intercept(_execution, _action, target) {
-    const insertParagraphAction = new dtoRendererManager.InsertNewParagraphAction(target.children[0], 0);
-    insertParagraphAction.isFlushable = true;
-    target.parent.apply(insertParagraphAction);
-  }
-}
-
-/**
- * Insert a new paragraph behind of current function block strategy.
- */
-class FunctionBlockInsertParagraphStrategy extends codeBlock.ActionHandleStrategy {
-  /**
-   * @inheritDoc
-   */
-  handleAction(action, target) {
-    const newParagraph = this.createNewParagraph('');
-    if (newParagraph) {
-      target.parent.apply(new codeBlock.InsertChildrenAfterAction(target, newParagraph));
-      action.newBlock = newParagraph;
-      this.focusToNextLine(newParagraph);
-    }
-  }
-  /**
-   * Focus to next paragraph.
-   *
-   * @param {RTETextBlock} block - The paragraph need to focus.
-   */
-  focusToNextLine(block) {
-    const root = this.getRootContent(block);
-    if (root) {
-      root.apply(new dtoRendererManager.UpdateCursorPositionAction(block.children[0], 1));
-    }
-  }
-}
-
-const PASTE_PLAIN_TEXT = 'PASTE_PLAIN_TEXT';
-/**
- * Action to paste plain text content into function block.
- *
- * @example functionBlock.apply(new PastePlainTextAction('content', range))
- * @example host.value.apply(new PastePlainTextAction('content', range))
- */
-class PastePlainTextAction extends codeBlock.ModifyContentAction {
-  constructor(blocksToBeInserted, startNode, startOffset) {
-    super();
-    this.type = PASTE_PLAIN_TEXT;
-    this.blocksToBeInserted = blocksToBeInserted;
-    this.startNode = startNode;
-    this.startOffset = startOffset;
-  }
-}
-
-/**
- * Prevent special type input in function block.
- */
-class PreventPasteContentInterceptor extends PreventNewParagraphInterceptor {
-  /**
-   * Paste plain text into text block.
-   *
-   * @param {ActionHandlerExecution} _execution - the original execution function
-   * @param {ModifyContentAction} action - the action to be intercepted
-   * @param {RTETextBlock} target - the target block
-   */
-  intercept(_execution, action, target) {
-    const { blocksToBeInserted, rteRange } = action;
-    let { startNode, startOffset } = action;
-    // Set the start offset from rteRange if available, this is to handle the paste issue https://gethired.atlassian.net/browse/VD-7779
-    if (rteRange) {
-      startNode = rteRange.startNode;
-      startOffset = rteRange.startOffset;
-    }
-    const pastePlainTextAction = new PastePlainTextAction(blocksToBeInserted, startNode, startOffset);
-    target.apply(pastePlainTextAction);
-  }
-}
-
-/**
- * Strategy to handle the paste content into function block.
- */
-class PastePlainTextStrategy extends codeBlock.ActionHandleStrategy {
-  /**
-   * @inheritDoc
-   */
-  handleAction(action, target) {
-    const { blocksToBeInserted, startNode, startOffset } = action;
-    if (startNode instanceof codeBlock.RTETextNode) {
-      const textNodes = blocksToBeInserted.flatMap((block) => {
-        if (block instanceof codeBlock.RTETextBlock) {
-          this.copyLinkGroupAnnotations(target.annotationMap, block.annotationMap);
-          return block.children;
-        }
-        return [];
-      });
-      if (textNodes.length > 0) {
-        if (startOffset > 0) {
-          target.apply(new codeBlock.InsertChildrenAfterAction(startNode, ...textNodes));
-        }
-        else {
-          target.apply(new codeBlock.InsertChildrenBeforeAction(startNode, ...textNodes));
-        }
-        this.focusToNextLine(textNodes[textNodes.length - 1], textNodes[textNodes.length - 1].getRangeEndOffset());
-      }
-    }
-  }
-  /**
-   * Focus to next paragraph.
-   *
-   * @param {RTETextNode} node - The text node need to focus.
-   * @param {number} startOffset - The offset need to focus.
-   */
-  focusToNextLine(node, startOffset) {
-    const root = this.getRootContent(node);
-    if (root) {
-      root.apply(new dtoRendererManager.UpdateCursorPositionAction(node, startOffset));
-    }
-  }
-  /**
-   * Copy link group annotations from copied block to target block.
-   *
-   * @param {BlockAnnotations} blockAnnotationMap - The target block annotation map.
-   * @param {BlockAnnotations} copiedAnnotationMap - The copied block annotation map.
-   */
-  copyLinkGroupAnnotations(blockAnnotationMap, copiedAnnotationMap) {
-    if (copiedAnnotationMap && copiedAnnotationMap.has(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP)) {
-      const copiedLinkGroupAnnotation = copiedAnnotationMap.get(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP);
-      if (!blockAnnotationMap.has(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP)) {
-        blockAnnotationMap.set(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP, copiedAnnotationMap.get(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP));
-      }
-      else {
-        copiedLinkGroupAnnotation.linkGroups.forEach((nodes, groupKey) => {
-          const existingAnnotation = blockAnnotationMap.get(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP);
-          existingAnnotation.linkGroups.set(groupKey, nodes);
-        });
-      }
-    }
-  }
-}
-
-const convertLogicControlBlockStrategy = new DivToLogicControlBlockStrategy();
-const convertFunctionContentStrategy = new DivToFunctionContentStrategy();
-const convertFunctionBlockStrategy = new DivToFunctionBlockStrategy();
-/**
- * Function extension class for Vega Rich Text Editor.
- */
-class VegaRTEFunctionExtension extends VegaRTEExtension {
-  constructor() {
-    super();
-    this.toolbarButtonRenderer = new FunctionToolbarButtonRenderer();
-    this.registerBlockBasicStrategies(RTELogicControlBlock.name);
-    this.registerBlockBasicStrategies(RTEFunctionBlock.name);
-    this.preventFunctionBlockDefaultInsertNewParagraph();
-    this.registerNode('logic-control-block', RTELogicControlBlock);
-    this.registerRenderer('logic-control-block', new RTELogicControlBlockRenderer());
-    this.registerNode('function-block', RTEFunctionBlock);
-    this.registerRenderer('function-block', new RTEFunctionBlockRenderer());
-    this.registerToolbarButtonRenderer('functions', this.toolbarButtonRenderer);
-    this.registerElementToBlockDTOClassStrategy(convertLogicControlBlockStrategy);
-    this.registerElementToBlockDTOClassStrategy(convertFunctionContentStrategy);
-    this.registerElementToBlockDTOClassStrategy(convertFunctionBlockStrategy);
-  }
-  /**
-   * Remove the appen children strategies to prevent default insert new paragraph logic in function block
-   */
-  preventFunctionBlockDefaultInsertNewParagraph() {
-    this.unRegisterStrategy(codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, RTELogicControlBlock.name);
-    this.unRegisterStrategy(codeBlock.ModifyContentActionType.APPEND_CHILDREN, RTEFunctionBlock.name);
-    this.unRegisterStrategy(codeBlock.ModifyContentActionType.INSERT_CHILDREN_AFTER, RTEFunctionBlock.name);
-    this.unRegisterStrategy(codeBlock.ModifyContentActionType.INSERT_CHILDREN_BEFORE, RTEFunctionBlock.name);
-    this.unRegisterStrategy(codeBlock.ModifyContentActionType.PASTE_CONTENT, RTELogicControlBlock.name);
-    VegaRTEExtension.registerActionHandleStrategy(RTEFunctionBlock.name, codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, new FunctionBlockInsertParagraphStrategy());
-  }
-}
-(() => {
-  const insertFunctionBlockStrategy = new InsertFunctionBlockStrategy();
-  VegaRTEExtension.registerActionHandleStrategy(dtoRendererManager.VegaRTEContent.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(dtoRendererManager.RTEImageBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(RTELogicControlBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, PASTE_PLAIN_TEXT, new PastePlainTextStrategy());
-  VegaRTEExtension.registerActionHandlerInterceptor(codeBlock.RTETextBlock.name, codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, new PreventNewParagraphInterceptor());
-  VegaRTEExtension.registerActionHandlerInterceptor(codeBlock.RTETextBlock.name, codeBlock.ModifyContentActionType.PASTE_CONTENT, new PreventPasteContentInterceptor());
-})();
-
-/**
- * Insert a new children to the nearest position of the parent container
- *
- * @example parent.apply(new InsertNodeToNearestRoot(rteRange, nodeToBeInserted))
- */
-class InsertNodeToNearestRootAction extends codeBlock.ModifyContentAction {
-  constructor(rteRange, nodeToBeInserted) {
-    super();
-    this.type = codeBlock.ModifyContentActionType.INSERT_NODE_TO_NEAREST_ROOT;
-    this.rteRange = rteRange;
-    this.nodeToBeInserted = nodeToBeInserted;
-  }
-}
-
-/**
- * Strategy to handle the insertion of a token node into the nearest root block.
- */
-class InsertTokenNodeStrategy extends codeBlock.ActionHandleStrategy {
-  /**
-   * @inheritDoc
-   */
-  handleAction(action, block) {
-    const { rteRange, token } = action;
-    if (rteRange && rteRange.startNode) {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      const { key, label, customAttrs = { wrapped: 'true' } } = token;
-      const tokenNode = new RTETokenNode(misc.generateUUID(), key, label, block);
-      tokenNode.annotationMap.set('CUSTOM_ATTRIBUTE', new codeBlock.CustomAttributeAnnotation(customAttrs));
-      block.apply(new InsertNodeToNearestRootAction(rteRange, tokenNode));
-      action.actionHandleResult = true;
-    }
-  }
-}
-
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
-/**
- * Strategy to convert <span class="token" token-key="...">...</span> to a token node
- */
-class SpanToTokenNodeStrategy extends dtoRendererManager.ElementToDTOStrategy {
-  /**
-   * @inheritDoc
-   */
-  canHandle(elementsArray, currentIndex) {
-    const element = elementsArray[currentIndex];
-    if (element.nodeName === 'SPAN' &&
-      element.classList.contains('token') &&
-      element.hasAttribute('token-key')) {
-      return 1;
-    }
-    return 0;
-  }
-  /**
-   * @inheritDoc
-   */
-  handle(elementsArray) {
-    const element = elementsArray[0];
-    const tokenKey = element.getAttribute('token-key');
-    const text = element.textContent;
-    const annotations = dtoRendererManager.htmlElementToAnnotationGenerator.generate(codeBlock.RTETextNode, element);
-    // Exclude customAttribute and customClass from annotations
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const { customAttribute, customClass } = annotations, restAnnotations = __rest(annotations, ["customAttribute", "customClass"]);
-    return {
-      id: misc.generateUUID(),
-      type: 'token',
-      token: tokenKey,
-      text,
-      annotations: Object.assign(Object.assign({}, restAnnotations), { customAttribute: this.createCustomAttrs(customAttribute) }),
-    };
-  }
-  /**
-   * @inheritDoc
-   */
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  appendChildBlocks() { }
-  /**
-   * @inheritDoc
-   */
-  shouldProceedToElementChildren() {
-    return false;
-  }
-  /**
-   * Creates custom attributes record from the given custom attribute object, clean some fixed attributes.
-   *
-   * @param {Record<string, string>} customAttribute - The custom attribute object
-   * @returns {Record<string, string>} The processed custom attributes
-   */
-  createCustomAttrs(customAttribute) {
-    const result = Object.assign(Object.assign({}, customAttribute), { 'contenteditable': null, 'template-token-key': null, 'token-key': null, 'wrapped': customAttribute.wrapped === 'false' ? 'false' : 'true' });
-    return object.cleanObject(result);
-  }
-}
-
-const spanToTokenNodeStrategy = new SpanToTokenNodeStrategy();
-/**
- * Vega Rich Text Editor Token Extension
- */
-class VegaRTETokenExtension extends VegaRTEExtension {
-  constructor(tokenList = []) {
-    super();
-    this.tokenRenderer = new RTETokenNodeRenderer();
-    this.registerNode('token', RTETokenNode);
-    this.registerRenderer('token', this.tokenRenderer);
-    this.tokenToolbarButtonRenderer = new RTETokenToolbarButtonRenderer(tokenList);
-    this.registerToolbarButtonRenderer('token', this.tokenToolbarButtonRenderer);
-    this.registerElementToNodeDTOClassStrategy(spanToTokenNodeStrategy);
-  }
-}
-(() => {
-  const insertTokenNodeStrategy = new InsertTokenNodeStrategy();
-  VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, 'INSERT_TOKEN_NODE', insertTokenNodeStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(dtoRendererManager.RTEListItemBlock.name, 'INSERT_TOKEN_NODE', insertTokenNodeStrategy);
-})();
-
-exports.ActionHandlerInterceptor = ActionHandlerInterceptor;
-exports.InsertNodeToNearestRootAction = InsertNodeToNearestRootAction;
-exports.RTELanguageToolbarButtonRenderer = RTELanguageToolbarButtonRenderer;
-exports.RTETokenNode = RTETokenNode;
-exports.RTETokenNodeRenderer = RTETokenNodeRenderer;
-exports.RTETokenToolbarButtonRenderer = RTETokenToolbarButtonRenderer;
-exports.VegaEventManager = VegaEventManager$1;
-exports.VegaLoader = VegaLoader;
-exports.VegaNotify = VegaNotify;
-exports.VegaRTEExtension = VegaRTEExtension;
-exports.VegaRTEExtensionRenderer = VegaRTEExtensionRenderer;
-exports.VegaRTEFunctionExtension = VegaRTEFunctionExtension;
-exports.VegaRTELanguageExtension = VegaRTELanguageExtension;
-exports.VegaRTETokenExtension = VegaRTETokenExtension;
-exports.VegaRTEToolbarButtonRenderer = VegaRTEToolbarButtonRenderer;
-exports.VegaSkeletonLoader = VegaSkeletonLoader;
-exports.VegaThemeManager = VegaThemeManager;
-exports.VegaTranslation = VegaTranslation;
-exports.VegaZIndexManager = VegaZIndexManager$1;
-exports.waitForVega = waitForVega;