@globalpayments/vega 2.33.0 → 2.34.0

package/dist/cjs/{vega-skeleton-loader-controller-4a1eedcd.js → node.abstract-f8075f84.js}

@@ -1,358 +1,18 @@
 'use strict';
 
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-const ui = require('./ui-08f33116.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.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-a8cf1874.js');
-const index = require('./index-5792390b.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-5fe83465.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$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;
-};
-/**
- * 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 {string} The uuid of the loader.
-   * @vegaVersion 1.16.0
-   */
-  load(options = {}) {
-    const containerSelector = options.containerSelector || 'body';
-    const containerElement = document.querySelector(containerSelector);
-    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) {
-          container.style.position = container.dataset['vegaLoaderOriginPosition'] || 'static';
-        }
-      }
-      loader.remove();
-    }
-  }
-  /**
-   * Find loader by id, if the id include '>>>' it will find inside shadowRoot
-   *
-   * @param {string} id - The id of the loader.
-   * @returns {string} 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-${createPublicApiRuntimeMetricsSlimmer.generateUUID()}`;
-    return loader;
-  }
-  /**
-   * Create a loading indicator
-   *
-   * @param {VegaLoaderIndicatorOptions} indicatorOptions the props of vega loading indicator
-   * @returns {HTMLElement} 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;
-    }
-  }
-}
-__decorate$6([
-  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$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;
-};
-/**
- * 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 {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) {
-    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 {HTMLElement} A function that takes in a props object and returns a pageNotification element.
-   */
-  createPageNotification(props) {
-    const pageNotification = 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-${createPublicApiRuntimeMetricsSlimmer.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 {HTMLElement} The container is being returned.
-   */
-  getContainer() {
-    if (this.container) {
-      return this.container;
-    }
-    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');
-    }
-    document.body.append(this.container);
-    this.connectResizeObserver();
-    return this.container;
-  }
-}
-__decorate$5([
-  globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaNotifyController.prototype, "resizeObserverSlimmer", void 0);
-__decorate$5([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], VegaNotifyController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaNotify = new VegaNotifyController();
-
-var tinycolor = index.createCommonjsModule(function (module, exports) {
+const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+require('./global-slimmer-registry-dd2691b8.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+
+var tinycolor = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.
 (function (global, factory) {
   module.exports = factory() ;
-})(index.commonjsGlobal, (function () {
+})(_commonjsHelpers.commonjsGlobal, (function () {
   // https://github.com/bgrins/TinyColor
   // Brian Grinstead, MIT License
 
@@ -3150,15 +2810,37 @@ const CustomDarkModeColorTokens = {
  * Vega components dark mode style controller
  */
 class DarkModeStyleController {
+  constructor() {
+    this.dynamicCustomDarkModeColor = {};
+    this.darkModeColorAllTokens = {};
+    this.observer = new domNodeSubjectObserverFactory.Observer(this.isAcceptObserver.bind(this), (isDark) => {
+      if (isDark) {
+        this.generateDarkModeStyle();
+      }
+      else {
+        this.removeDarkModeStyleContainer();
+      }
+    });
+    changeManager.ChangeManager.register(staticSubjectTitle.DARK_MODE_CHANGE, this.observer);
+  }
+  /**
+   * This method dynamically registers a custom dark color.
+   *
+   * @param {Record<string, string>} customDarkModeColor - custom dark mode color
+   */
+  registerCustomDarkModeColor(customDarkModeColor) {
+    this.dynamicCustomDarkModeColor = Object.assign(Object.assign({}, this.dynamicCustomDarkModeColor), customDarkModeColor);
+    this.generateDarkModeStyle();
+  }
   /**
    * It generates a CSS style for dark mode to override the style.
    */
   generateDarkModeStyle() {
-    const tokens = Object.assign(DarkModeColorTokens, DarkModeBorderTokens, DarkModeRingTokens, DarkModeShadowTokens, CustomDarkModeColorTokens);
-    const keys = Object.keys(tokens);
+    this.darkModeColorAllTokens = Object.assign(DarkModeColorTokens, DarkModeBorderTokens, DarkModeRingTokens, DarkModeShadowTokens, CustomDarkModeColorTokens, this.dynamicCustomDarkModeColor);
+    const keys = Object.keys(this.darkModeColorAllTokens);
     this.getDarkModeStyleContainer().innerHTML = `
 html.dark {
-\t\t${keys.map((key) => `--v-${key}: ${tokens[key]};`).join('\n\t\t')}`;
+\t\t${keys.map((key) => `--v-${key}: ${this.darkModeColorAllTokens[key]};`).join('\n\t\t')}}`;
   }
   /**
    * It creates a `vegaDarkModeStyle` style tag in the head of the document if it doesn't exist, and returns it.
@@ -3174,6 +2856,23 @@ html.dark {
     }
     return vegaDarkModeStyleContainer;
   }
+  /**
+   * Remove the vegaDarkModeStyle style element.
+   */
+  removeDarkModeStyleContainer() {
+    const vegaDarkModeStyleContainer = document.head.querySelector(`#vegaDarkModeStyle`);
+    if (vegaDarkModeStyleContainer) {
+      vegaDarkModeStyleContainer.remove();
+    }
+  }
+  /**
+   * Determines whether the observer should accept changes.
+   *
+   * @returns {boolean} Always returns true in the current implementation.
+   */
+  isAcceptObserver() {
+    return true;
+  }
 }
 const VegaDarkModeStyleController = new DarkModeStyleController();
 
@@ -3260,7 +2959,7 @@ const ThemeManagerRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -3307,6 +3006,7 @@ class ThemeManager {
     else {
       document.documentElement.classList.remove('dark');
     }
+    changeManager.ChangeManager.notify(staticSubjectTitle.DARK_MODE_CHANGE, darkMode);
   }
   /**
    * The function checks if the HTML element has a class of "dark" and returns a boolean value accordingly.
@@ -3319,354 +3019,11 @@ class ThemeManager {
     return document.documentElement.classList.contains('dark');
   }
 }
-__decorate$4([
+__decorate$1([
   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$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 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$3([
-  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$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;
-};
-/**
- * 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$2([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], VegaZIndexManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaZIndexManager$1 = new VegaZIndexManager();
-
 const WaitForVegaPayloadDefinition = [
   {
     payloadKey: 'IS_WAITFORVEGA_METHOD_CALLED',
@@ -3690,7 +3047,7 @@ const WaitForVegaPayloadDefinition = [
   },
 ];
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -3717,179 +3074,216 @@ class WaitForVegaHandler {
       .map((item) => { var _a; return (_a = item.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(item); }));
   }
 }
-__decorate$1([
+__decorate([
   createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
 ], WaitForVegaHandler.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const WaitForVega = new WaitForVegaHandler();
 
-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;
-    },
-  },
-];
+exports.InternalAnnotationTypeEnum = void 0;
+(function (InternalAnnotationTypeEnum) {
+  InternalAnnotationTypeEnum["SELECTION_RANGE"] = "SELECTION_RANGE";
+  InternalAnnotationTypeEnum["CLEAR_FORMATTING"] = "CLEAR_FORMATTING";
+  InternalAnnotationTypeEnum["LINK_GROUP"] = "LINK_GROUP";
+})(exports.InternalAnnotationTypeEnum || (exports.InternalAnnotationTypeEnum = {}));
+/**
+ * Abstract class for all annotations
+ */
+class Annotation {
+}
 
-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 Skeleton Loader Controller to show skeletons in the target elements
+ * This class is responsible for keeping track of the DOM elements and their corresponding entities.
  */
-class VegaSkeletonLoaderController {
+class StateEntityRenderingRegistry {
   constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaSkeletonLoaderController, ['load', 'unLoad', 'unLoadAll'], VegaSkeletonRuntimeMetricsPayloadDefinition);
-    this.loaderMap = new Map();
+    this.domToEntity = new WeakMap();
+    this.entityToDOM = new WeakMap();
   }
   /**
-   * Load the skeletons in the target elements
+   * Registers a DOM element and its corresponding entity.
    *
-   * @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
+   * @param {HTMLElement} dom The DOM element to register.
+   * @param {RTEBlock | RTENode} entity The entity to register.
    */
-  load({ target, type = 'text', width, height, items, layout }) {
-    const targets = Array.from(document.body.querySelectorAll(target));
-    const key = `vega-skeleton-loader-${createPublicApiRuntimeMetricsSlimmer.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;
+  register(dom, entity) {
+    this.domToEntity.set(dom, entity);
+    this.entityToDOM.set(entity, dom);
+  }
+  /**
+   * Retrieves the entity corresponding to a DOM element.
+   *
+   * @param {HTMLElement} dom The DOM element to retrieve the entity for.
+   * @returns {Nullable<RTEBlock | RTENode>} The entity corresponding to the DOM element, or null if not found.
+   */
+  getEntityByDOM(dom) {
+    return this.domToEntity.get(dom);
+  }
+  /**
+   * Retrieves the DOM element corresponding to an entity.
+   *
+   * @param {RTEBlock | RTENode} entity The entity to retrieve the DOM element for.
+   * @returns {Nullable<HTMLElement>} The DOM element corresponding to the entity, or null if not found.
+   */
+  getDOMByEntity(entity) {
+    return this.entityToDOM.get(entity);
+  }
+}
+const stateEntityRenderingRegistry = new StateEntityRenderingRegistry();
+
+exports.ModifyContentActionType = void 0;
+(function (ModifyContentActionType) {
+  ModifyContentActionType["DELETE_CHILD"] = "DELETE_CHILD";
+  ModifyContentActionType["DELETE_NEST_LIST"] = "DELETE_NEST_LIST";
+  ModifyContentActionType["UPDATE_TEXT"] = "UPDATE_TEXT";
+  ModifyContentActionType["REPLACE_SELECTED_TEXT"] = "REPLACE_SELECTED_TEXT";
+  ModifyContentActionType["APPEND_CHILD_NODES"] = "APPEND_CHILD_NODES";
+  ModifyContentActionType["CLEAR_CHILD_NODES"] = "CLEAR_CHILD_NODES";
+  ModifyContentActionType["INSERT_BLOCKS_AFTER"] = "INSERT_BLOCKS_AFTER";
+  ModifyContentActionType["INSERT_BLOCKS_BEFORE"] = "INSERT_BLOCKS_BEFORE";
+  ModifyContentActionType["INSERT_NODES_AFTER"] = "INSERT_NODES_AFTER";
+  ModifyContentActionType["INSERT_NODES_BEFORE"] = "INSERT_NODES_BEFORE";
+  ModifyContentActionType["SPLIT_BLOCK_WITH_NODE"] = "SPLIT_BLOCK_WITH_NODE";
+  ModifyContentActionType["REPLACE_CHILD_NODES"] = "REPLACE_CHILD_NODES";
+  ModifyContentActionType["REPLACE_NEST_LIST"] = "REPLACE_NEST_LIST";
+  ModifyContentActionType["MERGE_TWO_BLOCKS_NODES"] = "MERGE_TWO_BLOCKS_NODES";
+  ModifyContentActionType["BREAK_SINGLE_BLOCK"] = "BREAK_SINGLE_BLOCK";
+  ModifyContentActionType["LINE_BREAK_SINGLE_BLOCK"] = "LINE_BREAK_SINGLE_BLOCK";
+  ModifyContentActionType["LINE_BREAK_MULTIPLE_BLOCKS"] = "LINE_BREAK_MULTIPLE_BLOCKS";
+  ModifyContentActionType["TRANSFORM_LIST_BLOCK"] = "TRANSFORM_LIST_BLOCK";
+  ModifyContentActionType["TRANSFORM_PARAGRAPH_BLOCK"] = "TRANSFORM_PARAGRAPH_BLOCK";
+  ModifyContentActionType["DELETE_BLOCK_CONTENT"] = "DELETE_BLOCK_CONTENT";
+  ModifyContentActionType["INSERT_IMAGE_TO_BLOCK"] = "INSERT_IMAGE_TO_BLOCK";
+})(exports.ModifyContentActionType || (exports.ModifyContentActionType = {}));
+/**
+ * Abstract class for update node content, delete node, insert node
+ */
+class ModifyContentAction {
+  constructor() {
+    this.isFlushable = false;
+  }
+}
+
+exports.NodeAnnotationTypeEnum = void 0;
+(function (NodeAnnotationTypeEnum) {
+  NodeAnnotationTypeEnum["BOLD"] = "BOLD";
+  NodeAnnotationTypeEnum["ITALIC"] = "ITALIC";
+  NodeAnnotationTypeEnum["UNDERLINE"] = "UNDERLINE";
+  NodeAnnotationTypeEnum["STRIKETHROUGH"] = "STRIKETHROUGH";
+  NodeAnnotationTypeEnum["SELECTION_RANGE"] = "SELECTION_RANGE";
+  NodeAnnotationTypeEnum["IMAGE"] = "IMAGE";
+  NodeAnnotationTypeEnum["CODE"] = "CODE";
+  NodeAnnotationTypeEnum["TEXT_COLOR"] = "TEXT_COLOR";
+  NodeAnnotationTypeEnum["LINK"] = "LINK";
+})(exports.NodeAnnotationTypeEnum || (exports.NodeAnnotationTypeEnum = {}));
+/**
+ * Abstract class for all annotations
+ */
+class NodeAnnotation extends Annotation {
+}
+
+exports.NodeTypeEnum = void 0;
+(function (NodeTypeEnum) {
+  NodeTypeEnum["TEXT"] = "TEXT";
+  NodeTypeEnum["IMAGE"] = "IMAGE";
+})(exports.NodeTypeEnum || (exports.NodeTypeEnum = {}));
+/**
+ * Abstract class for all nodes
+ */
+class RTENode {
+  constructor(id, annotationMap) {
+    this.annotationMap = new Map();
+    this.id = id;
+    if (annotationMap) {
+      this.annotationMap = annotationMap;
+    }
   }
   /**
-   * Remove the skeletons from the dom.
+   * Get annotation by type
    *
-   * @param {string} key - The key returned from {@link VegaSkeletonLoaderController.load}.
-   * @vegaVersion 2.16.0
+   * @param {RTENodeAnnotationMapKey} type - Annotation type
+   * @returns {Nullable<RTENodeAnnotationMapValue>} - Annotation
    */
-  unLoad(key) {
-    if (this.loaderMap.has(key)) {
-      this.loaderMap.get(key).forEach((item) => item.remove());
-      this.loaderMap.delete(key);
+  getAnnotationByType(type) {
+    return this.annotationMap.get(type);
+  }
+  /**
+   * Delete annotation by type
+   *
+   * @param {RTENodeAnnotationMapKey} type - Annotation type
+   */
+  deleteAnnotationByType(type) {
+    this.annotationMap.delete(type);
+    this.flushChange();
+  }
+  /**
+   * Apply action to node
+   *
+   * @param {AnnotationAction} action - Annotation action
+   * @returns {this} - Node
+   */
+  apply(action) {
+    this.doApply(action);
+    if (action.isFlushable) {
+      this.flushChange();
     }
+    return this;
   }
   /**
-   * Remove all the skeletons from the dom.
+   * apply annotation action or modify content action
    *
-   * @vegaVersion 2.16.0
+   * @param {AnnotationAction | ModifyContentAction} action annotation type action or modify content type action
    */
-  unLoadAll() {
-    for (const items of this.loaderMap.values()) {
-      items.forEach((item) => item.remove());
+  doApply(action) {
+    if (action instanceof ModifyContentAction) {
+      this.doModifyActionApply(action);
+    }
+    else {
+      this.doAnnotationActionApply(action);
     }
-    this.loaderMap.clear();
   }
   /**
-   * Create a skeleton item. The skeleton animated always be true
+   * Get styles from annotations
    *
-   * @param {VegaSkeletonLoaderItem} config - Configuration for the skeleton item.
-   * @returns {HTMLElement} - Skeleton item.
+   * @returns {AnnotationStyle} - Annotation style
    */
-  createSkeleton(config) {
-    const { type, width, height } = config;
-    const skeleton = document.createElement('vega-skeleton');
-    Object.assign(skeleton, { animated: true, type, width, height });
-    return skeleton;
+  getStyles() {
+    return Array.from(this.annotationMap.values())
+      .filter((annotation) => annotation instanceof NodeAnnotation)
+      .map((annotation) => annotation.render())
+      .filter(Boolean)
+      .reduce((current, obj) => (Object.assign(Object.assign({}, current), obj)), {});
   }
   /**
-   * Wrap the flex layout for the skeletons.
+   * Get classes from annotations
    *
-   * @param {HTMLElement[]} skeletons - Skeleton elements of the loader.
-   * @param {VegaSkeletonLoaderLayout} layout - Flex properties for the layout.
-   * @returns {HTMLElement} - Container wrapping the skeletons in the specified flex layout.
+   * @returns {AnnotationStyle} - Annotation style
    */
-  wrapLayout(skeletons, layout) {
-    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;
+  getClasses() {
+    return Array.from(this.annotationMap.values())
+      .filter((annotation) => annotation instanceof NodeAnnotation)
+      .map((annotation) => { var _a; return (_a = annotation.renderClass) === null || _a === void 0 ? void 0 : _a.call(annotation); })
+      .filter(Boolean)
+      .reduce((pre, cur) => [pre, cur].join(' '), '');
+  }
+  /**
+   * Flush the value change
+   */
+  flushChange() {
+    const domNode = stateEntityRenderingRegistry.getDOMByEntity(this);
+    if (domNode) {
+      const nodeSubject = domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubjectFromParentNodeByEventId(domNode, vegaInternalEventId.VegaInternalRichTextEditorFlushChanges);
+      if (nodeSubject) {
+        changeManager.ChangeManager.notify(nodeSubject, {});
+      }
+    }
   }
 }
-VegaSkeletonLoaderController.LOADER_DATA_SET_KEY = 'vegaSkeletonLoaderKey';
-__decorate([
-  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
-], VegaSkeletonLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const VegaSkeletonLoader = new VegaSkeletonLoaderController();
 
-exports.VegaEventManager = VegaEventManager$1;
-exports.VegaLoader = VegaLoader;
-exports.VegaNotify = VegaNotify;
-exports.VegaSkeletonLoader = VegaSkeletonLoader;
+exports.Annotation = Annotation;
+exports.ModifyContentAction = ModifyContentAction;
+exports.NodeAnnotation = NodeAnnotation;
+exports.RTENode = RTENode;
+exports.VegaDarkModeStyleController = VegaDarkModeStyleController;
 exports.VegaThemeManager = VegaThemeManager;
-exports.VegaZIndexManager = VegaZIndexManager$1;
 exports.WaitForVega = WaitForVega;
+exports.stateEntityRenderingRegistry = stateEntityRenderingRegistry;