@globalpayments/vega 2.34.1 → 2.35.0

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-page-index-controller.js

@@ -24,6 +24,28 @@ export class VegaTabGroupPageIndexController extends VegaSlimmer {
   handleSelectedDataTargetChange() {
     this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget);
   }
+  /*
+   * The below method is e2e-test covered in
+   * @see{module:vega-tab-group-with-click-tab-in-dropdown}
+   */
+  /* istanbul ignore next */
+  /**
+   * Update the page index after the tab click
+   *
+   * @param {string} selectedTabDataTarget the tab item property dataTarget
+   */
+  setCurrentPageIndexBySelectedTab(selectedTabDataTarget) {
+    let pageIndex = -1;
+    this.tabPages.forEach((tabPage, index) => {
+      const tabIndex = tabPage.findIndex((tab) => tab.dataTarget === selectedTabDataTarget);
+      if (tabIndex !== -1) {
+        pageIndex = index;
+      }
+    });
+    if (pageIndex >= 0) {
+      this.currentPageIndex = pageIndex;
+    }
+  }
   /* istanbul ignore next */
   /**
    * The `setPageIndex` function sets the current page index to the specified value.
@@ -47,28 +69,6 @@ export class VegaTabGroupPageIndexController extends VegaSlimmer {
       this.currentPageIndex = this.tabPages.length - 1;
     }
   }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-tab-group-with-click-tab-in-dropdown}
-   */
-  /* istanbul ignore next */
-  /**
-   * Update the page index after the tab click
-   *
-   * @param {string} selectedTabDataTarget the tab item property dataTarget
-   */
-  setCurrentPageIndexBySelectedTab(selectedTabDataTarget) {
-    let pageIndex = -1;
-    this.tabPages.forEach((tabPage, index) => {
-      const tabIndex = tabPage.findIndex((tab) => tab.dataTarget === selectedTabDataTarget);
-      if (tabIndex !== -1) {
-        pageIndex = index;
-      }
-    });
-    if (pageIndex >= 0) {
-      this.currentPageIndex = pageIndex;
-    }
-  }
 }
 __decorate([
   MapToComponentField()

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-selected-target-controller.js

@@ -23,7 +23,12 @@ export class VegaTabGroupSelectedTargetController extends VegaSlimmer {
   handleTabItemClick(dataTarget) {
     const clickEvent = this.clickEventEmitter.emit(dataTarget);
     if (clickEvent && !clickEvent.defaultPrevented) {
-      this.setSelectedDataTarget(dataTarget);
+      if (dataTarget === this.selectedTabDataTarget) {
+        this.vegaTabGroupPageIndexController.setCurrentPageIndexBySelectedTab(dataTarget);
+      }
+      else {
+        this.setSelectedDataTarget(dataTarget);
+      }
     }
   }
 }
@@ -33,3 +38,6 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTabGroupSelectedTargetController.prototype, "selectedTabDataTarget", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTabGroupSelectedTargetController.prototype, "vegaTabGroupPageIndexController", void 0);

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-direction-button-renderer.js

@@ -55,6 +55,9 @@ export class VegaTabGroupSwitchPageButtonRenderer extends VegaSlimmer {
       ? this.currentPageIndex === 0
       : this.currentPageIndex + 1 === this.tabPages.length || this.tabPages.length <= 1;
     const icon = direction === 'left' ? 'chevron-backward-rounded' : 'chevron-forward-rounded';
+    const selectedItemKey = source.find((item) => item.key === this.selectedTabDataTarget)
+      ? this.selectedTabDataTarget
+      : '';
     return (h("div", { class: {
         'tab-left-button': direction === 'left',
         'tab-right-button': direction === 'right',
@@ -62,7 +65,7 @@ export class VegaTabGroupSwitchPageButtonRenderer extends VegaSlimmer {
       }, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: () => this.onDirectionButtonClick(direction), "aria-label": "No label defined", role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() },
-      h("vega-dropdown", { source: source, translocation: translocation, selectType: "single", selectedSourceKey: this.selectedTabDataTarget, "position-relative-to": this.positionRelativeTo, ref: (ref) => {
+      h("vega-dropdown", { source: source, translocation: translocation, selectType: "single", selectedSourceKey: selectedItemKey, "position-relative-to": this.positionRelativeTo, ref: (ref) => {
           this.dropdownRef = ref;
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownClick, (payload) => {
             this.vegaTabGroupSelectedTargetController.handleTabItemClick(payload.detail);

package/dist/collection/helpers/slimmers/field-error-ui-controller-slimmer.js

@@ -4,20 +4,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { MapToComponentField as MapToClassField, VegaSlimmer } from 'vega-slimmer/core';
+import { InjectVegaSlimmer, MapToComponentField as MapToClassField, VegaSlimmer } from 'vega-slimmer/core';
 import ChangeManager from '../change-manager/change-manager';
 import DomNodeSubjectFactory from '../change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalFieldErrorStateChange } from '../event-manager/event-id/vega-internal-event-id';
 import { SiblingContainerNestedErrorContainerRetrievalStrategy } from './field-error-ui-controller-strategies/sibling-container-nested-error-container-retrieval-strategy';
 import { SiblingContainerSelfRetrievalStrategy } from './field-error-ui-controller-strategies/sibling-container-self-retrieval-strategy';
 import { SiblingContainerErrorLabelContainerRetrievalStrategy } from './field-error-ui-controller-strategies/sibling-container-error-label-container-retrieval-strategy';
-import { VegaInternalTranslation } from '../translation';
 import { Observer } from '../change-manager/observer/observer';
 import { UPDATE_TRANSLATION } from '../change-manager/subject/static-subject/static-subject-title';
+import { FormFieldMessageTranslatorSlimmer } from './form-field-message-translator';
 /** The `FieldErrorUIControllerSlimmer` class is responsible for displaying error messages and managing the invalid UI state of a form field. */
 export class FieldErrorUIControllerSlimmer extends VegaSlimmer {
   constructor() {
     super();
+    this.formFieldMessageTranslatorSlimmer = new FormFieldMessageTranslatorSlimmer();
     this.fieldErrorUiControllerStrategies = [
       new SiblingContainerNestedErrorContainerRetrievalStrategy(),
       new SiblingContainerSelfRetrievalStrategy(),
@@ -37,7 +38,8 @@ export class FieldErrorUIControllerSlimmer extends VegaSlimmer {
     const inputContainer = this.getInputElementContainer();
     if (errorMessage && inputContainer) {
       const errorContainer = this.getErrorContainer(inputContainer);
-      errorContainer.innerHTML = this.getTranslatedMessage(errorMessage);
+      errorContainer.innerHTML =
+        this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(errorMessage);
       errorContainer.classList.remove('vega-hidden');
       inputContainer.classList.add('error');
       ChangeManager.notify(DomNodeSubjectFactory.getSubject(this.host, VegaInternalFieldErrorStateChange), {
@@ -86,18 +88,6 @@ export class FieldErrorUIControllerSlimmer extends VegaSlimmer {
       }
     }
   }
-  /**
-   * Translates a given message based on its type.
-   *
-   * @param {EvaluateResult['message'] | EvaluateResultTranslation['message']} message - The message to be translated, which can be a string or a TranslationMessage.
-   * @returns {string} The translated message.
-   */
-  getTranslatedMessage(message) {
-    if (typeof message === 'string') {
-      return VegaInternalTranslation.t(message);
-    }
-    return VegaInternalTranslation.t(message.key, ...(message.args || []));
-  }
   /**
    * Init translation observer of translation language changes
    */
@@ -109,7 +99,8 @@ export class FieldErrorUIControllerSlimmer extends VegaSlimmer {
       if (inputContainer) {
         const errorContainer = this.getErrorContainer(inputContainer);
         if (errorContainer) {
-          errorContainer.innerHTML = this.getTranslatedMessage(this.errorMessage);
+          errorContainer.innerHTML =
+            this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(this.errorMessage);
         }
       }
     });
@@ -124,6 +115,9 @@ export class FieldErrorUIControllerSlimmer extends VegaSlimmer {
     return true;
   }
 }
+__decorate([
+  InjectVegaSlimmer()
+], FieldErrorUIControllerSlimmer.prototype, "formFieldMessageTranslatorSlimmer", void 0);
 __decorate([
   MapToClassField()
 ], FieldErrorUIControllerSlimmer.prototype, "host", void 0);

package/dist/collection/helpers/slimmers/form-field-message-translator.js

@@ -0,0 +1,17 @@
+import { VegaSlimmer } from 'vega-slimmer/core';
+import { VegaInternalTranslation } from '../translation';
+/** The `FormFieldMessageTranslatorSlimmer` class is to get translated message */
+export class FormFieldMessageTranslatorSlimmer extends VegaSlimmer {
+  /**
+   * Translates a given message based on its type.
+   *
+   * @param {EvaluateResult['message'] | EvaluateResultTranslation['message']} message - The message to be translated, which can be a string or a TranslationMessage.
+   * @returns {string} The translated message.
+   */
+  getTranslatedMessage(message) {
+    if (typeof message === 'string') {
+      return VegaInternalTranslation.t(message);
+    }
+    return VegaInternalTranslation.t(message.key, ...(message.args || []));
+  }
+}

package/dist/collection/helpers/slimmers/form-field-valid-invoke-slimmer.js

@@ -21,9 +21,12 @@ export class FormFieldValidInvokeSlimmer extends VegaSlimmer {
         if (payload.timerId !== undefined) {
           clearTimeout(payload.timerId);
         }
-        const isValid = await this.validator.validate(payload.message);
-        if (typeof payload.promiseResolve === 'function') {
-          payload.promiseResolve(isValid);
+        const validationResult = await this.validator.validate(payload.message);
+        if (validationResult) {
+          const { isValid, message } = validationResult;
+          if (typeof payload.promiseResolve === 'function') {
+            payload.promiseResolve({ isValid, message });
+          }
         }
       }
     };

package/dist/collection/helpers/validator/form-field-controller.js

@@ -12,6 +12,7 @@ import { FormFieldValidationRuleHandlerChain, } from './validation-rule-handler/
 import { InjectVegaSlimmer, createDynamicSlimmer, methodPlaceholder } from 'vega-slimmer/core';
 import { FieldErrorUIControllerSlimmer } from '../slimmers/field-error-ui-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
+import { FormFieldMessageTranslatorSlimmer } from '../slimmers/form-field-message-translator';
 /**
  * The FormFieldController class is a class that validates the value of an input elements
  *
@@ -40,6 +41,7 @@ export class FormFieldController {
    */
   constructor(defaultRules, hostElement, defaultValue, options) {
     var _a, _b;
+    this.formFieldMessageTranslatorSlimmer = new FormFieldMessageTranslatorSlimmer();
     this.fieldErrorUIController = new FieldErrorUIControllerSlimmer();
     this.resizeObserverSlimmer = createDynamicSlimmer(FormFieldController, PageResizeObserverSlimmer, [], [{ mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' }], [
       {
@@ -131,7 +133,7 @@ export class FormFieldController {
    * It validates the input against the rules and returns a boolean indicating whether the input is valid or not
    *
    * @param {boolean} showError whether the validation result should be reflected in UI
-   * @returns {boolean} A boolean value.
+   * @returns {Promise<EvaluateResultBase>} A promise value.
    */
   async validate(showError) {
     return await this.valid([], showError);
@@ -206,8 +208,9 @@ export class FormFieldController {
     if (hasAsyncRules) {
       ChangeManager.notify(FORM_FIELD_PENDING_VALID_CHANGE, { host: this.host, detail: null });
     }
-    const isValid = await this.formFieldValidationRuleHandlerChain.process(input, status, triggerStatus, showError, this.handleValidationResult);
-    return isValid;
+    const { isValid, message } = await this.formFieldValidationRuleHandlerChain.process(input, status, triggerStatus, showError, this.handleValidationResult);
+    const translatedMessage = this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(message);
+    return { isValid, message: translatedMessage };
   }
   /**
    * Invoke all listeners with the given isValid value
@@ -437,6 +440,9 @@ export class FormFieldController {
     }
   }
 }
+__decorate([
+  InjectVegaSlimmer()
+], FormFieldController.prototype, "formFieldMessageTranslatorSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], FormFieldController.prototype, "fieldErrorUIController", void 0);

package/dist/collection/helpers/validator/validation-rule-handler/form-field-validation-rule-handler-chain.js

@@ -44,7 +44,7 @@ export class FormFieldValidationRuleHandlerChain {
    * @param {(keyof FormFieldStatusMeta)[]} triggerStatus - These keys represent the fields that have triggered a change in status.
    * @param {boolean | 'rule'} showError - A boolean or string rule form method call, It's a param of callback.
    * @param {ValidationCallBack} callback - The method should be call when validation result is not valid.
-   * @returns {Promise<boolean>} validate result.
+   * @returns {Promise<EvaluateResult>} validate result.
    */
   async process(input, status, triggerStatus, showError, callback) {
     const UUID = this.preProcess();
@@ -73,7 +73,12 @@ export class FormFieldValidationRuleHandlerChain {
       }
     }
     this.postProcess(UUID, showError, result, callback);
-    return result ? false : true;
+    if (result) {
+      return { isValid: false, message: result.message };
+    }
+    else {
+      return { isValid: true, message: '' };
+    }
   }
   /**
    * sets the processId to the UUID

package/dist/esm/{app-globals-48531a04.js → app-globals-5b154b6d.js}

@@ -1,19 +1,20 @@
-import { F as FeatureFlag } from './feature-flag-controller-dfde0cfa.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, d as VegaSkeletonLoader } from './block-annotation.abstract-b0554e2b.js';
-import { V as VegaThemeManager } from './node.abstract-93746055.js';
-import { M as MapToComponentMethod, V as VegaSlimmer, f as forceUpdate, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-6887a59f.js';
-import { V as VegaDialog } from './vega-dialog-controller-5b23f68c.js';
+import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, d as VegaSkeletonLoader } from './vega-skeleton-loader-controller-0aaaf1fa.js';
+import { V as VegaThemeManager } from './node-annotation.abstract-d7d52bce.js';
+import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaDialog } from './vega-dialog-controller-34eb8967.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { V as VegaIconManager } from './icon-manager-3cef32e7.js';
-import './ui-5600b48f.js';
-import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-b3fe8e74.js';
+import { V as VegaIconManager } from './icon-manager-b889176b.js';
+import './ui-62e4be97.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-a98970d8.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-2aef3ad5.js';
-import { w as waitForVega } from './text-node-a652ca87.js';
-import { V as VegaRTEContent } from './content-state-4b036bf1.js';
+import { w as waitForVega } from './list-block-ba82c846.js';
+import { V as VegaRTEContent } from './content-state-f39c4bbf.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-e06a3840.js';
-import { C as ChangeManager } from './change-manager-8f5b72c2.js';
-import { O as Observer } from './dom-node-subject-observer-factory-80358591.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
+import { f as forceUpdate } from './index-187f71d1.js';
 
 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;

package/dist/esm/{change-manager-8f5b72c2.js → change-manager-6a7eb88c.js}

@@ -1,4 +1,4 @@
-import { L as LogUtility } from './global-slimmer-registry-6887a59f.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 /**
  * The ChangeManager is a class that allows observers to register themselves to a subject

package/dist/esm/{child-nodes-event-prevent-slimmer-8ceabe63.js → child-nodes-event-prevent-slimmer-97aae8a8.js}

@@ -1,7 +1,7 @@
-import { d as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-3a3815d3.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-07e1b3d9.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { F as FeatureFlag } from './feature-flag-controller-dfde0cfa.js';
+import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
 
 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;

package/dist/esm/{child-nodes-notify-observer-slimmer-afc15e00.js → child-nodes-notify-observer-slimmer-289caacc.js}

@@ -1,7 +1,7 @@
-import { d as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { O as Observer } from './dom-node-subject-observer-factory-80358591.js';
-import { C as ChangeManager } from './change-manager-8f5b72c2.js';
-import { i as isParent } from './ui-5600b48f.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { i as isParent } from './ui-62e4be97.js';
 
 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;

package/dist/esm/{component-051a594c.js → component-cae24190.js}

@@ -1,4 +1,4 @@
-import { L as LogUtility } from './global-slimmer-registry-6887a59f.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const exemptionClasses = [
   'vega-flex-grow',

package/dist/esm/{component-global-style-slimmer-631f956f.js → component-global-style-slimmer-000e0c11.js}

@@ -1,4 +1,4 @@
-import { d as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-6887a59f.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 
 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;

package/dist/esm/{component-usage-runtime-metrics-21813c36.js → component-usage-runtime-metrics-385c7124.js}

@@ -1,4 +1,4 @@
-import { G as GlobalSlimmersRegistry, i as createSetterForVegaSlimmerField, C as ConsumerSlimmers, j as createGetterForVegaSlimmerField, d as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, L as LogUtility } from './global-slimmer-registry-6887a59f.js';
+import { G as GlobalSlimmersRegistry, d as createSetterForVegaSlimmerField, C as ConsumerSlimmers, e as createGetterForVegaSlimmerField, c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 /**
  * The function `InjectVegaGlobalSlimmer` is a TypeScript decorator that registers a property as a Vega

package/dist/esm/content-state-f39c4bbf.js

@@ -0,0 +1,132 @@
+import { B as BlockBaseOperator, R as RTEListBlock, a as RTEImageBlock, b as RTETextBlock, S as SyncUpSelectionAction, c as RTEListItemBlock, A as AppendChildNodesAction } from './list-block-ba82c846.js';
+import { b as ModifyContentActionType } from './node-annotation.abstract-d7d52bce.js';
+import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+
+/**
+ * Class representing the content state of the rich text editor.
+ */
+class VegaRTEContent extends BlockBaseOperator {
+  constructor(blocks) {
+    super();
+    blocks.forEach((block) => {
+      block.parent = this;
+    });
+    this.blocks = blocks;
+  }
+  /**
+   * Converts a JSON array of blocks to a class array of RTEContentBlock.
+   *
+   * @param {VegaRTEContentBlock[]} value The JSON array of blocks to convert.
+   * @returns {RTEContentBlock[]} The converted array of RTEContentBlock.
+   */
+  static fromJSON(value) {
+    const blocks = value.map((block) => {
+      switch (block.type) {
+        case 'paragraph':
+        case 'title':
+        case 'subtitle':
+        case 'heading-1':
+        case 'heading-2':
+        case 'heading-3': {
+          return RTETextBlock.from(block);
+        }
+        case 'image':
+          return RTEImageBlock.from(block);
+        case 'bullet-list':
+        case 'number-list':
+          return RTEListBlock.from(block);
+        default: {
+          throw new Error(`[Vega] Unknown block type: ${block.type}`);
+        }
+      }
+    });
+    return new VegaRTEContent(blocks);
+  }
+  /**
+   * Create an empty content state
+   *
+   * @returns {VegaRTEContent} An empty content state
+   */
+  static createEmptyContent() {
+    return VegaRTEContent.fromJSON([
+      {
+        id: generateUUID(),
+        type: 'paragraph',
+        nodes: [
+          {
+            id: generateUUID(),
+            type: 'text',
+            text: '',
+          },
+        ],
+      },
+    ]);
+  }
+  /**
+   * Clones the content state.
+   *
+   * @returns {VegaRTEContent} The cloned content state.
+   */
+  clone() {
+    return new VegaRTEContent([...this.blocks]);
+  }
+  /**
+   * Converts the content state to a JSON array of blocks.
+   *
+   * @returns {VegaRTEContentBlock[]} The JSON array of blocks.
+   */
+  toJSON() {
+    return this.blocks.map((block) => block.toJSON());
+  }
+  /**
+   * Internal method to add the block item, remove the block item
+   *
+   * @param {ModifyContentAction} action - Modify content action
+   */
+  apply(action) {
+    switch (action.type) {
+      case ModifyContentActionType.DELETE_CHILD:
+        this.removeChildBlock(action.entityToBeRemoved);
+        break;
+      case ModifyContentActionType.APPEND_CHILD_NODES:
+        this.appendChildBlocks(action.entityToBeAppended);
+        break;
+      case ModifyContentActionType.INSERT_BLOCKS_AFTER:
+        this.replaceBlockWithBlocks(action.referBlock, [
+          action.referBlock,
+          ...action.blocksToBeInserted,
+        ]);
+        break;
+      case ModifyContentActionType.INSERT_BLOCKS_BEFORE:
+        this.replaceBlockWithBlocks(action.referBlock, [
+          ...action.blocksToBeInserted,
+          action.referBlock,
+        ]);
+        break;
+    }
+  }
+  /**
+   * Convert text to list.
+   *
+   * @param {RTETextBlock} block - block
+   * @returns {RTEListItemBlock} list item block dto.
+   */
+  toListItem(block) {
+    block.nodes.map((node) => node.apply(new SyncUpSelectionAction()));
+    const listItemBlock = new RTEListItemBlock(generateUUID());
+    listItemBlock.apply(new AppendChildNodesAction(block['nodes']));
+    listItemBlock['annotationMap'] = block['annotationMap'];
+    return listItemBlock;
+  }
+  /**
+   * create list.
+   *
+   * @param {ListType} type - type
+   * @returns {RTEListBlock} list block dto.
+   */
+  createList(type) {
+    return new RTEListBlock(generateUUID(), type);
+  }
+}
+
+export { VegaRTEContent as V };

package/dist/esm/{create-public-api-runtime-metrics-slimmer-14cb4599.js → create-public-api-runtime-metrics-slimmer-9ab05523.js}

@@ -1,5 +1,5 @@
-import { C as ConsumerSlimmers, S as SlimmerConsumedBy, a as SlimmerMappedMethod, c as CurrentlyInvokedMethodName, V as VegaSlimmer, L as LogUtility } from './global-slimmer-registry-6887a59f.js';
-import { c as createDynamicSlimmer } from './dynamic-slimmer-85746483.js';
+import { C as ConsumerSlimmers, S as SlimmerConsumedBy, a as SlimmerMappedMethod, b as CurrentlyInvokedMethodName, V as VegaSlimmer, L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
+import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 
 /**
  * returns a string that is a random UUID

package/dist/esm/{date-655c0af8.js → date-732bc749.js}

@@ -1,4 +1,4 @@
-import { L as LogUtility } from './global-slimmer-registry-6887a59f.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 /**
  * It returns true if the input is a valid date string, and false otherwise

package/dist/esm/{deprecated-property-slimmer-9ea5019c.js → deprecated-property-slimmer-43d184b3.js}

@@ -1,5 +1,5 @@
-import { V as VegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { c as createDynamicSlimmer } from './dynamic-slimmer-85746483.js';
+import { V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { g as getValueByPath, d as deepEqual } from './object-261e7344.js';
 
 /** DeprecatedPropertySlimmer compares new property with default value, if they are different, return new property; otherwise, return old property */

package/dist/esm/{design-token-20fdba82.js → design-token-d06bc718.js}

@@ -1,9 +1,9 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-158f6d7a.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
-import { L as LogUtility } from './global-slimmer-registry-6887a59f.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-559ec469.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-c2ab9c87.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
-import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-16031a43.js';
+import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
 import { a as BorderStyle } from './ui-8424715a.js';
 
 /**

package/dist/esm/{dom-node-subject-observer-factory-80358591.js → dom-node-subject-factory-5831cdd4.js}

@@ -1,5 +1,4 @@
-import { C as ChangeManager } from './change-manager-8f5b72c2.js';
-import { i as isParent } from './ui-5600b48f.js';
+import { i as isParent } from './ui-62e4be97.js';
 
 /**
  *  An Observer is a class that has a listener method that accepts a value of type T
@@ -228,42 +227,4 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
-/**
- * The function `domAcceptableHandle` always returns `true`.
- *
- * @returns {boolean} true
- */
-const domAcceptableHandle = () => {
-  return true;
-};
-/** The `DomNodeSubjectObserverFactory` class provides methods to add and remove observers to HTML element nodes. */
-class DomNodeSubjectObserverFactory {
-  /**
-   * add observer to a given HTML element node
-   *
-   * @param {HTMLElement} node the node ref
-   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
-   * @param {(input?: unknown) => void} callback the callback handle
-   * @param {(input?: unknown) => boolean} acceptableHandle the acceptable handle
-   */
-  static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
-    if (node) {
-      const domNodesObserver = new Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
-      DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
-      ChangeManager.register(domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
-    }
-  }
-  /**
-   * The function removes observers from a given HTML element node.
-   *
-   * @param {HTMLElement} node - The `node` parameter is an `HTMLElement` object representing an HTML element in the DOM (Document Object Model).
-   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
-   */
-  static removeUniqueObserverFromNode(node, eventId) {
-    if (domNodeSubjectFactory.isExist(node, eventId)) {
-      ChangeManager.clearObserversBySubject(domNodeSubjectFactory.getSubject(node, eventId));
-    }
-  }
-}
-
-export { VegaBlur as A, VegaCountryChange as B, VegaShow as C, DomNodeSubjectObserverFactory as D, VegaHide as E, VegaToggleStatus as F, VegaOpen as G, VegaStateUpdate as H, VegaGroupClick as I, VegaMenuClick as J, VegaActionClick as K, VegaPageSizeChange as L, VegaPopoverShow as M, VegaPopoverHide as N, Observer as O, VegaCurrentStepUpdate as P, VegaImageInserted as Q, VegaSelectChange as R, VegaSelectAllChange as S, VegaRowClick as T, VegaRowExpand as U, VegaChange as V, VegaRowSelect as W, VegaRowSelectAll as X, VegaExpand as a, VegaClick as b, VegaDropdownClick as c, domNodeSubjectFactory as d, VegaClose as e, VegaActionButtonClick as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaCreate as k, VegaSearch as l, VegaDropdownShow as m, VegaDropdownHide as n, VegaDropdownSearch as o, VegaSearchTrigger as p, VegaLabelButtonClick as q, VegaSelectFileChange as r, VegaRemove as s, VegaRetry as t, VegaPreview as u, VegaFormSubmit as v, VegaFormReset as w, VegaValidate as x, VegaCancel as y, VegaFocus as z };
+export { VegaBlur as A, VegaCountryChange as B, VegaShow as C, VegaHide as D, VegaToggleStatus as E, VegaOpen as F, VegaStateUpdate as G, VegaGroupClick as H, VegaMenuClick as I, VegaActionClick as J, VegaPageSizeChange as K, VegaPopoverShow as L, VegaPopoverHide as M, VegaCurrentStepUpdate as N, Observer as O, VegaImageInserted as P, VegaSelectChange as Q, VegaSelectAllChange as R, VegaRowClick as S, VegaRowExpand as T, VegaRowSelect as U, VegaExpand as V, VegaRowSelectAll as W, VegaClick as a, VegaDropdownClick as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaCreate as k, VegaSearch as l, VegaDropdownShow as m, VegaDropdownHide as n, VegaDropdownSearch as o, VegaSearchTrigger as p, VegaLabelButtonClick as q, VegaSelectFileChange as r, VegaRemove as s, VegaRetry as t, VegaPreview as u, VegaFormSubmit as v, VegaFormReset as w, VegaValidate as x, VegaCancel as y, VegaFocus as z };

package/dist/esm/dom-node-subject-observer-factory-dc486a8b.js

@@ -0,0 +1,42 @@
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+
+/**
+ * The function `domAcceptableHandle` always returns `true`.
+ *
+ * @returns {boolean} true
+ */
+const domAcceptableHandle = () => {
+  return true;
+};
+/** The `DomNodeSubjectObserverFactory` class provides methods to add and remove observers to HTML element nodes. */
+class DomNodeSubjectObserverFactory {
+  /**
+   * add observer to a given HTML element node
+   *
+   * @param {HTMLElement} node the node ref
+   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
+   * @param {(input?: unknown) => void} callback the callback handle
+   * @param {(input?: unknown) => boolean} acceptableHandle the acceptable handle
+   */
+  static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
+    if (node) {
+      const domNodesObserver = new Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
+      DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
+      ChangeManager.register(domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
+    }
+  }
+  /**
+   * The function removes observers from a given HTML element node.
+   *
+   * @param {HTMLElement} node - The `node` parameter is an `HTMLElement` object representing an HTML element in the DOM (Document Object Model).
+   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
+   */
+  static removeUniqueObserverFromNode(node, eventId) {
+    if (domNodeSubjectFactory.isExist(node, eventId)) {
+      ChangeManager.clearObserversBySubject(domNodeSubjectFactory.getSubject(node, eventId));
+    }
+  }
+}
+
+export { DomNodeSubjectObserverFactory as D };

package/dist/esm/{dynamic-slimmer-85746483.js → dynamic-slimmer-90b8af32.js}

@@ -1,4 +1,4 @@
-import { d as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-6887a59f.js';
+import { c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 
 /**
  * The `createDynamicSlimmer` function creates an instance of a dynamically generated class based on