@heartlandone/vega 2.78.0 → 2.80.0

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/extension-controller.js

@@ -52,13 +52,19 @@ export class RTEExtensionController extends VegaSlimmer {
    */
   initialExtensionContext() {
     if (this.extensions && this.host) {
+      const extensionContext = this.generateExtensionContext();
       for (const extension of this.extensions) {
-        extension.initialExtension({
-          host: this.host,
-          flushValue: this.flushValue,
-          isSourceEditMode: this.isSourceEditMode,
-          getSelectedNodes: this.getSelectedNodes,
-        });
+        extension.initialExtension(extensionContext);
+      }
+    }
+  }
+  /**
+   * Destroys all registered extensions.
+   */
+  destroyExtension() {
+    if (this.extensions) {
+      for (const extension of this.extensions) {
+        extension.destroyExtension();
       }
     }
   }
@@ -69,10 +75,30 @@ export class RTEExtensionController extends VegaSlimmer {
    * @param {VegaRTEExtension[]} oldValue - Old extensions array.
    */
   handleExtensionsChange(newValue, oldValue) {
+    if (oldValue) {
+      for (const extension of oldValue) {
+        extension.destroyExtension();
+      }
+    }
     if (!isArrayEqual(newValue, oldValue, false, (a, b) => a === b ? 0 : 1)) {
       this.initialExtensionContext();
     }
   }
+  /**
+   * Generates the extension context for the host component.
+   *
+   * @returns {RTEExtensionContext} - The generated extension context.
+   */
+  generateExtensionContext() {
+    return {
+      host: this.host,
+      flushValue: this.flushValue,
+      isSourceEditMode: this.isSourceEditMode,
+      getSelectedNodes: this.getSelectedNodes,
+      setSelectedNodes: this.selectionController.setSelectedNodes.bind(this.selectionController),
+      getSelection: this.selectionController.getSelection.bind(this.selectionController),
+    };
+  }
 }
 __decorate([
   MapToComponentField()
@@ -92,6 +118,9 @@ __decorate([
 __decorate([
   MapToComponentMethod('componentDidLoad')
 ], RTEExtensionController.prototype, "initialExtensionContext", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], RTEExtensionController.prototype, "destroyExtension", null);
 __decorate([
   MapToComponentMethod('watchExtensions')
 ], RTEExtensionController.prototype, "handleExtensionsChange", null);

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/bold-annotaion-handler.js

@@ -1,4 +1,5 @@
 import { AnnotationGeneratorStrategyAbstract } from './annotation-generator-strategy.abstract';
+import { BOLD_FONT_WEIGHT, BOLD_FONT_WEIGHT_KEYWORD, } from '../../../../../dto/annotations/text-format-default-styles';
 /** Handle bold annotation */
 export class BoldAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
   /**
@@ -26,8 +27,8 @@ export class BoldAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
   isBold(element) {
     return (element.nodeName === 'STRONG' ||
       element.nodeName === 'B' ||
-      element.style.fontWeight === 'bold' ||
-      element.style.fontWeight === '700' ||
+      element.style.fontWeight === BOLD_FONT_WEIGHT_KEYWORD ||
+      element.style.fontWeight === BOLD_FONT_WEIGHT ||
       element.classList.contains('v-rte--bold'));
   }
 }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/html-element-to-annotation-generator.js

@@ -10,6 +10,8 @@ import { ItalicAnnotationHandler } from './italic-annotation-handler';
 import { LinkAnnotationHandler } from './link-annotation-handler';
 import { StrikeThroughAnnotationHandler } from './strike-through-annotation-handler';
 import { UnderlineAnnotationHandler } from './underline-annotation-handler';
+import { TextStyleAnnotation } from '../../../../../dto/annotations/text-style-annotation';
+import { RTEFilterStylesStrategyRegistry } from '../../../../../dto/filter-styles-strategies/filter-styles-strategy-registry';
 import { TextStyleAnnotationHandler } from './text-style-annotation-handler';
 import { ImageSizeAnnotationHandler } from './image-size-annotation-handler';
 import { ImageAltAnnotationHandler } from './image-alt-annotation-handler';
@@ -32,11 +34,20 @@ class HtmlElementToAnnotationGenerator {
       new CustomAttributeAnnotationHandler(),
       new CustomClassAnnotationHandler(),
       new CustomStyleAnnotationHandler(),
-      new LinkAnnotationHandler(),
       new TextStyleAnnotationHandler(),
       new InlineHtmlAnnotationHandler(),
     ];
   }
+  /**
+   * Register a custom annotation handler.
+   * Custom handlers are added to the beginning of the handlers array,
+   * giving them higher priority than default handlers.
+   *
+   * @param {AnnotationGeneratorStrategyAbstract} handler - The annotation handler to register.
+   */
+  registerHandler(handler) {
+    this.handlers.unshift(handler);
+  }
   /**
    * The function generates annotations for a given target DTO and HTML element based on a set of
    * strategies.
@@ -50,7 +61,7 @@ class HtmlElementToAnnotationGenerator {
    */
   generate(targetDto, element, options = { autoMatchFormat: true }) {
     const isLinkElement = element.tagName === 'A';
-    return this.handlers
+    const annotations = this.handlers
       .filter((handler) => !options.autoMatchFormat && isLinkElement ? handler instanceof LinkAnnotationHandler : true)
       .filter((handler) => element.nodeType !== Node.TEXT_NODE &&
       handler.canHandle(targetDto, {
@@ -61,6 +72,43 @@ class HtmlElementToAnnotationGenerator {
       const result = handler.handle(element, options.parentAnnotations);
       return Object.assign(Object.assign({}, annotations), result);
     }, {});
+    this.removeTextStyleDefaultsFromCustomStyle(annotations);
+    const strategies = RTEFilterStylesStrategyRegistry.getStrategies(targetDto.name);
+    for (const strategy of strategies) {
+      if (options.autoMatchFormat || strategy.alwaysFilter) {
+        strategy.filterAnnotations(annotations);
+      }
+    }
+    return annotations;
+  }
+  /**
+   * Remove default text-style properties from customStyle.
+   * This prevents repeated styling when switching between source edit and normal mode.
+   *
+   * Note: This method mutates the customStyle object inside `annotations` in place and returns the same reference.
+   *
+   * @param {V} annotations - The generated annotations.
+   * @returns {V} The same annotations reference with customStyle cleaned up.
+   */
+  removeTextStyleDefaultsFromCustomStyle(annotations) {
+    const textStyle = 'textStyle' in annotations ? annotations.textStyle : undefined;
+    const customStyle = annotations.customStyle;
+    if (!textStyle || !customStyle) {
+      return annotations;
+    }
+    const defaultStyles = TextStyleAnnotation.getDefaultStyles(textStyle);
+    if (!defaultStyles) {
+      return annotations;
+    }
+    for (const key of Object.keys(defaultStyles)) {
+      if (customStyle[key] === defaultStyles[key]) {
+        delete customStyle[key];
+      }
+    }
+    if (Object.keys(customStyle).length === 0) {
+      delete annotations.customStyle;
+    }
+    return annotations;
   }
 }
 export default new HtmlElementToAnnotationGenerator();

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/italic-annotation-handler.js

@@ -1,4 +1,5 @@
 import { AnnotationGeneratorStrategyAbstract } from './annotation-generator-strategy.abstract';
+import { ITALIC_FONT_STYLE } from '../../../../../dto/annotations/text-format-default-styles';
 /** Handle italic annotation */
 export class ItalicAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
   /**
@@ -25,7 +26,7 @@ export class ItalicAnnotationHandler extends AnnotationGeneratorStrategyAbstract
    */
   isItalic(element) {
     return (element.nodeName === 'I' ||
-      element.style.fontStyle === 'italic' ||
+      element.style.fontStyle === ITALIC_FONT_STYLE ||
       element.nodeName === 'EM' ||
       element.classList.contains('v-rte--italic'));
   }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/strike-through-annotation-handler.js

@@ -1,4 +1,5 @@
 import { AnnotationGeneratorStrategyAbstract } from './annotation-generator-strategy.abstract';
+import { STRIKETHROUGH_TEXT_DECORATION } from '../../../../../dto/annotations/text-format-default-styles';
 /** Handle strike through annotation */
 export class StrikeThroughAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
   /**
@@ -26,7 +27,7 @@ export class StrikeThroughAnnotationHandler extends AnnotationGeneratorStrategyA
    * @returns {boolean} - boolean.
    */
   isStrikethrough(element) {
-    return (element.style.textDecoration.includes('line-through') ||
+    return (element.style.textDecoration.includes(STRIKETHROUGH_TEXT_DECORATION) ||
       element.nodeName === 'S' ||
       element.nodeName === 'DEL' ||
       element.classList.contains('v-rte--strikethrough'));

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/text-style-annotation-handler.js

@@ -86,6 +86,8 @@ export class TextStyleAnnotationHandler extends AnnotationGeneratorStrategyAbstr
    */
   getElementTypeByNodeName(element) {
     switch (element.nodeName) {
+      case 'P':
+        return 'paragraph';
       case 'H1':
         return 'heading-1';
       case 'H2':
@@ -110,7 +112,7 @@ export class TextStyleAnnotationHandler extends AnnotationGeneratorStrategyAbstr
    */
   getElementTypeByClassName(element) {
     if (element.className) {
-      const match = /\bv-rte--text-style-(title|subtitle|heading-1|heading-2|heading-3|paragraph)\b/.exec(element.className);
+      const match = /\bv-rte--text-style-(title|subtitle|heading-1|heading-2|heading-3|heading-4|heading-5|heading-6|paragraph)\b/.exec(element.className);
       if (match) {
         return match[1];
       }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/underline-annotation-handler.js

@@ -1,4 +1,5 @@
 import { AnnotationGeneratorStrategyAbstract } from './annotation-generator-strategy.abstract';
+import { UNDERLINE_TEXT_DECORATION } from '../../../../../dto/annotations/text-format-default-styles';
 /** Handle underline annotation */
 export class UnderlineAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
   /**
@@ -24,7 +25,7 @@ export class UnderlineAnnotationHandler extends AnnotationGeneratorStrategyAbstr
    * @returns {boolean} - boolean.
    */
   isUnderline(element) {
-    return (element.style.textDecoration.includes('underline') ||
+    return (element.style.textDecoration.includes(UNDERLINE_TEXT_DECORATION) ||
       element.nodeName === 'U' ||
       element.nodeName === 'INS' ||
       element.classList.contains('v-rte--underline'));

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-paragraph-handler.js

@@ -1,3 +1,4 @@
+import { RTENode } from '../../../../dto/nodes/node.abstract';
 import { BaseHandler } from './base-handler';
 import { SplitBlockWithNodeAction } from '../../../../dto/actions/split-block-with-node-action';
 import { MergeTwoBlocksNodesAction } from '../../../../dto/actions/merge-two-blocks-nodes-action';
@@ -71,7 +72,7 @@ export class InsertParagraphHandler extends BaseHandler {
    */
   breakSingleBlock() {
     const cursorNode = this.removeSelectionRange();
-    const currentBlock = cursorNode.parent;
+    const currentBlock = cursorNode instanceof RTENode ? cursorNode.parent : cursorNode;
     const { startOffset } = this.selectionController.getCurrentRange();
     if (currentBlock) {
       const breakAction = new InsertNewParagraphAction(cursorNode, startOffset);

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/selection-controller.js

@@ -91,6 +91,19 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
   getSelectedNodes() {
     return Array.from(this.selectionMap.values()).flat();
   }
+  /**
+   * Set the selected rich text nodes
+   *
+   * @param {RTENode[]} nodes - The rich text nodes to set as selected
+   * @param {RTERangeOptions} [rangeOptions] - The range options to set the selection range
+   */
+  setSelectedNodes(nodes, rangeOptions) {
+    this.clearSelectionMap();
+    this.addNodesToSelectionMap(nodes);
+    if (rangeOptions) {
+      this.currentRange = this.currentRange.updateRTERange(rangeOptions);
+    }
+  }
   /**
    * Get the selected rich text blocks
    *
@@ -246,7 +259,16 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
       node.childNodes.forEach(filterNode);
     };
     filterNode(commonAncestor);
-    selectedNodes.forEach((node) => {
+    this.addNodesToSelectionMap(selectedNodes);
+    this.getSelectedNodes().forEach((node) => node.apply(new SelectionChangeAction(range)));
+  }
+  /**
+   * Add nodes to the selection map
+   *
+   * @param {RTENode[]} nodes - The rich text nodes to add
+   */
+  addNodesToSelectionMap(nodes) {
+    nodes.forEach((node) => {
       if (this.selectionMap.has(node.parent)) {
         this.selectionMap.get(node.parent).push(node);
       }
@@ -254,7 +276,6 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
         this.selectionMap.set(node.parent, [node]);
       }
     });
-    this.getSelectedNodes().forEach((node) => node.apply(new SelectionChangeAction(range)));
   }
   /**
    * Clear the selection map.
@@ -352,6 +373,9 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
           selectedNodes.push(startNode);
           this.currentRange = this.currentRange.updateRTERange({ startNode, endNode: startNode, startOffset, endOffset: startOffset }, range);
         }
+        else {
+          this.selectionMap.set(entity, []);
+        }
       }
     }
   }

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

@@ -78,6 +78,10 @@
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
   border: 1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));
   cursor: not-allowed;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 :host .rich-text-editor-container.disabled:hover, :host .rich-text-editor-container.disabled:focus-within {
   border: 1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));

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

@@ -38,7 +38,6 @@ import { RichTextEditorRequiredRule } from '../../helpers/validator/rules/rich-t
 import { InsertImageController } from './slimmers/controllers/insert-image-controller';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { FocusController } from './slimmers/controllers/focus-controller';
-import { TextNodeColorController } from './slimmers/controllers/text-node-color-controller';
 import { InsertCompositionTextController } from './slimmers/controllers/insert-composition-text-controller';
 import { DeleteSelectedNodesController } from './slimmers/controllers/delete-selected-nodes-controller';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
@@ -102,7 +101,6 @@ export class VegaRichTextEditor {
     this.insertCompositionTextController = new InsertCompositionTextController();
     this.imageInsertedEventEmitter = createEventEmitSlimmer(VegaRichTextEditor, VegaImageInserted);
     this.changeEventPreventSlimmer = new ChildNodesEventPreventSlimmer([VegaChange], () => this.vegaRichTextEditorRenderer.getRichTextWrapperRef());
-    this.textNodeColorController = new TextNodeColorController();
     this.deleteSelectedNodesController = new DeleteSelectedNodesController();
     this.historyController = new HistoryController();
     this.internalCodeBlockSelectionController = new InternalCodeBlockSelectionController();
@@ -829,9 +827,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "changeEventPreventSlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaRichTextEditor.prototype, "textNodeColorController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "deleteSelectedNodesController", void 0);

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

@@ -89,13 +89,13 @@ export class VegaTimePickerRangeInputRenderer extends VegaSlimmer {
     return (h(Fragment, null,
       h("vega-flex", { class: "v-w-full", gap: "0", "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
         h("div", { class: "time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow" },
-          h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholderBySourceType('start'), disabled: this.disabled, size: this.size, value: startValue, ref: (ref) => {
+          h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholderBySourceType('start'), disabled: this.disabled, readOnly: this.readOnly, size: this.size, value: startValue, ref: (ref) => {
               this.handlerEvent(ref);
               return (this.startTimeInputRef = ref);
             }, "show-clear-icon": "false" })),
         h("span", { class: "range-input-divider v-min-w-min vega-flex-shrink-0" }),
         h("div", { class: "time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow" },
-          h("vega-input", { placeholder: this.getPlaceholderBySourceType('end'), disabled: this.disabled, size: this.size, value: endValue, ref: (ref) => {
+          h("vega-input", { placeholder: this.getPlaceholderBySourceType('end'), disabled: this.disabled, readOnly: this.readOnly, size: this.size, value: endValue, ref: (ref) => {
               this.handlerEvent(ref);
               return (this.endTimeInputRef = ref);
             }, "show-clear-icon": "false" }))),
@@ -176,3 +176,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTimePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTimePickerRangeInputRenderer.prototype, "readOnly", void 0);

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-input-renderer.js

@@ -41,7 +41,7 @@ export class VegaTimePickerSingleInputRenderer extends VegaSlimmer {
   /* istanbul ignore next */
   render() {
     return (h("div", { class: "time-picker-input" },
-      h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
+      h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, readOnly: this.readOnly, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
           this.timeInputRef = ref;
           this.handleVegaInputEvent(ref);
         } })));
@@ -101,3 +101,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTimePickerSingleInputRenderer.prototype, "translationSlimmer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTimePickerSingleInputRenderer.prototype, "readOnly", void 0);

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

@@ -157,6 +157,18 @@ export class VegaTimePicker {
      * @vegaVersion 1.12.0
      */
     this.disabled = false;
+    /**
+     * Specifies whether the time picker field is set to read-only.
+     *
+     * When set to `true`, prevents manual keyboard text entry in the input field on
+     *    all platforms. On touch devices, this typically suppresses the virtual keyboard.
+     *    This does not lock the component value; users can still select/update time via
+     *    the dropdown UI (and programmatic updates still work).
+     *
+     * @default false
+     * @vegaVersion 2.79.0
+     */
+    this.readOnly = false;
     /**
      * Specifies the validation status of the time picker component.
      *
@@ -455,6 +467,30 @@ export class VegaTimePicker {
       "reflect": true,
       "defaultValue": "false"
     },
+    "readOnly": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": "Specifies whether the time picker field is set to read-only.\n\nWhen set to `true`, prevents manual keyboard text entry in the input field on\n   all platforms. On touch devices, this typically suppresses the virtual keyboard.\n   This does not lock the component value; users can still select/update time via\n   the dropdown UI (and programmatic updates still work)."
+      },
+      "attribute": "read-only",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "isValid": {
       "type": "boolean",
       "mutable": true,

package/dist/collection/constants/runtime-metrics-payload-definition/vega-time-picker/runtime-metrics-payload-definition.js

@@ -47,4 +47,28 @@ export const VegaTimePickerRuntimeMetricsPayloadDefinition = [
      */
     payloadValue: (host) => host.mode === 'range',
   },
+  {
+    payloadKey: 'READ_ONLY_IS_TRUE',
+    payloadDescription: 'Specifies whether the time picker field is set to read-only',
+    /**
+     * The function checks if the `readOnly` property of the `host` element is equal to 'true'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.readOnly === true,
+  },
+  {
+    payloadKey: 'READ_ONLY_IS_FALSE',
+    payloadDescription: 'Specifies whether the time picker field is set to read-only',
+    /**
+     * The function checks if the `readOnly` property of the `host` element is equal to 'false'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.readOnly === false,
+  },
 ];

package/dist/collection/constants/ui.js

@@ -32,6 +32,8 @@ export const FlexJustifyContent = [
   'space-evenly',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
+export const GridJustifyItems = ['start', 'center', 'end', 'stretch'];
+// eslint-disable-next-line @typescript-eslint/typedef
 export const FlexWrap = ['nowrap', 'wrap', 'wrap-reverse'];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const BoxDisplay = ['block', 'inline-block', 'none'];

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

@@ -24,6 +24,7 @@ import { VegaRTETokenExtension } from '../../components/vega-rich-text-editor/ex
 import { VegaRTELanguageExtension } from '../../components/vega-rich-text-editor/extensions/languages/language-extension';
 import { VegaRTEPresetToolbarItems } from '../../components/vega-rich-text-editor/constants/constant';
 import { VegaRTEFunctionExtension } from '../../components/vega-rich-text-editor/extensions/functions/function-extension';
+import { VegaRTETableExtension } from '../../components/vega-rich-text-editor/extensions/table/table-extension';
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -196,6 +197,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTELanguageExtension = VegaRTELanguageExtension;
   globalThis.VegaRTEPresetToolbarItems = VegaRTEPresetToolbarItems;
   globalThis.VegaRTEFunctionExtension = VegaRTEFunctionExtension;
+  globalThis.VegaRTETableExtension = VegaRTETableExtension;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api

package/dist/collection/helpers/calendar/calendar-date.js

@@ -3,6 +3,7 @@ import { CalendarDateTime } from './calendar-date-time';
 import { getSystemTimezone } from './utils';
 import { DateFormatParserRegex } from '../../constants/regex';
 import { compareIsAfter, compareIsBefore, pad } from '../../utils/date';
+export const WEEKDAYS_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
 // TODO: Need rename calendar-date as vega-date to manage all date operation in vega project
 // https://gethired.atlassian.net/browse/VD-5918
 /**
@@ -373,6 +374,15 @@ export class CalendarDate {
     const adjustedDate = new Date(currentDate.getFullYear() + years, currentDate.getMonth() + months, currentDate.getDate() + days);
     return CalendarDate.from(adjustedDate);
   }
+  /**
+   * Get the short name of the week day for the calendar date.
+   *
+   * @returns {string} - The short name of the week day.
+   */
+  getWeekDayShortName() {
+    const currentDate = this.toDate();
+    return WEEKDAYS_SHORT[currentDate.getDay()];
+  }
   /**
    * Get year, month and day value by format token.
    *

package/dist/collection/helpers/calendar/calendar-view-generator/calendar-view-generator.abstract.js

@@ -1,10 +1,10 @@
 import { getWeekdays } from '../utils';
+import { WEEKDAYS_SHORT } from '../calendar-date';
 /**
  * Calendar view generator abstract class.
  */
 export class CalendarViewGenerator {
   constructor() {
-    this.WEEKDAYS_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
     this.weekdays = getWeekdays();
   }
   /**
@@ -13,7 +13,7 @@ export class CalendarViewGenerator {
    * @returns {string[]} - The weekday strings
    */
   getWeekdayNames() {
-    return this.WEEKDAYS_SHORT;
+    return WEEKDAYS_SHORT;
   }
   /**
    * Generate calendar dates

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

@@ -57,6 +57,7 @@ export const VegaInternalCalendarEventPreviewClear = new VegaInternalEventID('ca
 export const VegaInternalUpdateRTECursorPosition = new VegaInternalEventID('InternalUpdateRTECursorPosition');
 export const VegaInternalLeftNavLinkSelectedTopic = new VegaInternalEventID('leftNavLinkSelectedTopic');
 export const VegaInternalCalendarEventPreviewHide = new VegaInternalEventID('calendarEventPreviewHide');
+export const VegaInternalDialogContentReady = new VegaInternalEventID('dialogContentReady');
 export const VegaInternalFormSubmit = new VegaInternalEventID('formSubmit');
 export const VegaInternalFormReset = new VegaInternalEventID('formReset');
 export const VegaInternalProgressTrackerStepClick = new VegaInternalEventID('progressTrackerStepClick');
@@ -68,3 +69,5 @@ export const VegaInternalUpdateVegaInputValue = new VegaInternalEventID('updateV
 export const VegaInternalFocusVegaInput = new VegaInternalEventID('focusVegaInput');
 export const VegaInternalSetupVegaInputMaskConfig = new VegaInternalEventID('setupVegaInputMaskConfig');
 export const VegaInternalCodeBlockBlur = new VegaInternalEventID('codeBlockBlur');
+export const VegaInternalRTEExtensionTableCellsSelectionAnchor = new VegaInternalEventID('rteExtensionTableCellsSelectionAnchor');
+export const VegaInternalRTEExtensionTableCellSelectionChange = new VegaInternalEventID('rteExtensionTableCellSelectionChange');

package/dist/collection/helpers/formatter/responsive-map-formatter/responsive-format-facade.js

@@ -3,6 +3,7 @@ import ResponsiveMarginFormatter from './responsive-margin-formatter';
 import ResponsiveGapFormatter from './responsive-gap-formatter';
 import ResponsiveColumnsFormatter from './responsive-grid-columns-formatter';
 import ResponsiveRowsFormatter from './responsive-grid-rows-formatter';
+import ResponsiveGridJustifyItemsFormatter from './responsive-grid-justify-items-formatter';
 import ResponsiveSizeFormatter from './responsive-size-formatter';
 import ResponsiveTranslocationFormatter from './responsive-translocation-formatter';
 import ResponsiveDisplayFormatter from './responsive-display-formatter';
@@ -48,6 +49,8 @@ class ResponsiveFormatFacade {
         return ResponsiveColumnsFormatter.format(input);
       case 'gridRow':
         return ResponsiveRowsFormatter.format(input);
+      case 'gridJustifyItems':
+        return ResponsiveGridJustifyItemsFormatter.format(input);
       case 'size':
         return ResponsiveSizeFormatter.format(input);
       case 'translocation':

package/dist/collection/helpers/formatter/responsive-map-formatter/responsive-grid-justify-items-formatter.js

@@ -0,0 +1,29 @@
+import { isBreakpointsForPrefixType, isGridJustifyItemsType } from '../../../types/type-guard';
+import { LogUtility } from '../../../utils/log';
+import { GridJustifyItems } from '../../../constants/ui';
+import { ResponsiveClassStringFormatter } from './responsive-class-string-formatter';
+/**
+ * A class for formatting GridJustifyItemsType with BreakpointsForPrefixType to CSS class string.
+ *
+ * @augments ResponsiveClassStringFormatter
+ */
+class ResponsiveGridJustifyItemsFormatter extends ResponsiveClassStringFormatter {
+  /**
+   * This function takes a GridJustifyItemsType and a breakpoint and returns CSS class string.
+   *
+   * @param {GridJustifyItemsType} input - GridJustifyItemsType input
+   * @param {BreakpointsForPrefixType} [breakpoint] - Breakpoints for prefix of the class
+   * @returns {string} - A string.
+   */
+  formatToken(input, breakpoint) {
+    const prefix = isBreakpointsForPrefixType(breakpoint) ? `${breakpoint}:` : '';
+    if (isGridJustifyItemsType(input)) {
+      return `${prefix}v-justify-items-${input}`;
+    }
+    else {
+      LogUtility.warn(`The grid justifyItems value ${input} is invalid, it must be a value of: `, GridJustifyItems);
+      return '';
+    }
+  }
+}
+export default new ResponsiveGridJustifyItemsFormatter();

package/dist/collection/helpers/formatter/string-formatter/custom-formatter-strategy.js

@@ -13,12 +13,14 @@ export class CustomFormatterStrategy extends StringFormatStrategy {
    * formatter class likely contains methods or properties related to formatting strings in a specific
    * way according to your requirements.
    * @param {boolean} resetCaretPosition - The caret position should update to the last or keep the current position after format
+   * @param {boolean} overrideValue - Whether to override the value after blur, default is false
    */
-  constructor(formatter, resetCaretPosition = false) {
+  constructor(formatter, resetCaretPosition = false, overrideValue = false) {
     super();
     this.resetCaretPositionFlag = false;
     this.formatter = formatter;
     this.resetCaretPositionFlag = resetCaretPosition;
+    this.overrideValue = overrideValue;
   }
   /**
    * The format function in TypeScript takes a string input and returns the formatted output using a

package/dist/collection/helpers/formatter/string-formatter/number-mask-strategy.js

@@ -8,8 +8,9 @@ export class NumberMaskStrategy extends StringFormatStrategy {
    * It creates a new instance of the Mask class.
    *
    * @param {NumberMaskConfig} maskConfig - MaskConfig
+   * @param {boolean} overrideValue - Whether to override the value after blur, default is false
    */
-  constructor(maskConfig) {
+  constructor(maskConfig, overrideValue = false) {
     super();
     this.maskConfig = { allowNegative: true };
     /**
@@ -28,6 +29,7 @@ export class NumberMaskStrategy extends StringFormatStrategy {
           !input.startsWith('.')));
     };
     this.maskConfig = Object.assign(Object.assign({}, this.maskConfig), maskConfig);
+    this.overrideValue = overrideValue;
     this.mask = new RegExp(this.getRegExp());
   }
   /**

package/dist/collection/helpers/formatter/string-formatter/number-thousand-comma-strategy.js

@@ -7,9 +7,10 @@ export class NumberThousandCommaStrategy extends NumberMaskStrategy {
    * It creates a new instance of the Mask class.
    *
    * @param {NumberMaskConfig} maskConfig - MaskConfig
+   * @param {boolean} overrideValue - Whether to override the value after blur, default is false
    */
-  constructor(maskConfig) {
-    super(maskConfig);
+  constructor(maskConfig, overrideValue = false) {
+    super(maskConfig, overrideValue);
   }
   /**
    * If the input is a number, format it as a thousand comma string