@heartlandone/vega 2.71.0 → 2.72.0-RTE-table-preview

package/dist/collection/helpers/calendar/test/calendar-period/day-period.test.js

@@ -78,6 +78,15 @@ describe('day-period', () => {
     dayPeriod = dayPeriod.previous();
     expect(dayPeriod.current.date).toEqual(8);
   });
+  it('should return proper when call equal', () => {
+    const period1 = new DayPeriod(new CalendarDate(2022, 4, 5));
+    const period2 = new DayPeriod(new CalendarDate(2022, 4, 5));
+    const period3 = new DayPeriod(new CalendarDate(2022, 4, 6));
+    const period4 = new DayPeriod(new CalendarDate(2022, 5, 5));
+    expect(period1.equal(period2)).toEqual(true);
+    expect(period1.equal(period3)).toEqual(false);
+    expect(period1.equal(period4)).toEqual(false);
+  });
 });
 describe('DayPeriod Timezone', () => {
   beforeEach(() => {

package/dist/collection/helpers/calendar/test/calendar-period/month-period.test.js

@@ -47,6 +47,36 @@ describe('month-period', () => {
       endDate: new CalendarDate(2020, 6, 6),
     });
   });
+  it('should go to next month when call next with timezone', () => {
+    const monthPeriod = new MonthPeriod(CalendarDate.fromString('12/01/2025', 'Etc/GMT+12'), true, 'Etc/GMT+12');
+    const { current, count, startDate, endDate } = monthPeriod.next();
+    expect({ current, count, startDate, endDate }).toEqual({
+      count: 42,
+      current: new CalendarDate(2026, 1, 1),
+      startDate: new CalendarDate(2025, 12, 28),
+      endDate: new CalendarDate(2026, 2, 7),
+    });
+  });
+  it('should go to next month when call next with last day of month', () => {
+    const monthPeriod = new MonthPeriod(new CalendarDate(2020, 1, 31));
+    const { current, count, startDate, endDate } = monthPeriod.next();
+    expect({ current, count, startDate, endDate }).toEqual({
+      count: 42,
+      current: new CalendarDate(2020, 2, 29),
+      startDate: new CalendarDate(2020, 1, 26),
+      endDate: new CalendarDate(2020, 3, 7),
+    });
+  });
+  it('should go to previous month when call previous with last day of month', () => {
+    const monthPeriod = new MonthPeriod(new CalendarDate(2020, 3, 31));
+    const { current, count, startDate, endDate } = monthPeriod.previous();
+    expect({ current, count, startDate, endDate }).toEqual({
+      count: 42,
+      current: new CalendarDate(2020, 2, 29),
+      startDate: new CalendarDate(2020, 1, 26),
+      endDate: new CalendarDate(2020, 3, 7),
+    });
+  });
   it('should go to previous month when call previous', () => {
     const monthPeriod = new MonthPeriod();
     const { current, count, startDate, endDate } = monthPeriod.previous();
@@ -65,6 +95,17 @@ describe('month-period', () => {
       date: 1,
     });
   });
+  it('should return proper when call equal', () => {
+    const period1 = new MonthPeriod(new CalendarDate(2022, 4, 5));
+    const period2 = new MonthPeriod(new CalendarDate(2022, 4, 5));
+    const period3 = new MonthPeriod(new CalendarDate(2022, 4, 30));
+    const period4 = new MonthPeriod(new CalendarDate(2022, 5, 5));
+    const period5 = new MonthPeriod(new CalendarDate(2021, 4, 5));
+    expect(period1.equal(period2)).toEqual(true);
+    expect(period1.equal(period3)).toEqual(true);
+    expect(period1.equal(period4)).toEqual(false);
+    expect(period1.equal(period5)).toEqual(false);
+  });
 });
 describe('MonthPeriod Timezone', () => {
   beforeEach(() => {

package/dist/collection/helpers/calendar/test/calendar-period/week-period.test.js

@@ -57,6 +57,17 @@ describe('week-period', () => {
       endDate: new CalendarDate(2020, 3, 28),
     });
   });
+  it('should return proper when call equal', () => {
+    const period1 = new WeekPeriod(new CalendarDate(2022, 4, 5));
+    const period2 = new WeekPeriod(new CalendarDate(2022, 4, 5));
+    const period3 = new WeekPeriod(new CalendarDate(2022, 4, 9));
+    const period4 = new WeekPeriod(new CalendarDate(2022, 4, 10));
+    const period5 = new WeekPeriod(new CalendarDate(2021, 4, 5));
+    expect(period1.equal(period2)).toEqual(true);
+    expect(period1.equal(period3)).toEqual(true);
+    expect(period1.equal(period4)).toEqual(false);
+    expect(period1.equal(period5)).toEqual(false);
+  });
 });
 describe('WeekPeriod Timezone', () => {
   beforeEach(() => {

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -16,7 +16,8 @@ const entries = [
   ['vega-code-block', [VegaChange, VegaRemove]],
   ['vega-color-picker', [VegaChange]],
   ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch]],
-  ['vega-date-picker', [VegaMonthYearChange, VegaChange]],
+  ['vega-date-picker', [VegaChange, VegaMonthYearChange]],
+  ['vega-date-picker-calendar', [VegaClear, VegaMonthYearChange, VegaSelectionChange]],
   [
     'vega-dropdown',
     [

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

@@ -101,7 +101,9 @@ export const VegaRetry = new VegaEventID('vegaRetry', 'retry');
 export const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 export const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 export const VegaReset = new VegaEventID('vegaReset', 'reset');
-export const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
+export const VegaClear = new VegaEventID('vegaClear', 'clear');
 export const VegaComplete = new VegaEventID('vegaComplete', 'complete');
 export const VegaPaste = new VegaEventID('vegaPaste', 'paste');
 export const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur, VegaPaste];
+export const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
+export const VegaSelectionChange = new VegaEventID('vegaSelectionChange', 'selectionChange');

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

@@ -36,7 +36,6 @@ export const VegaInternalSidenavLinkClick = new VegaInternalEventID('sidenavLink
 export const VegaInternalLeftNavGroupExpand = new VegaInternalEventID('leftNavGroupExpand');
 export const VegaInternalLeftNavLinkSelected = new VegaInternalEventID('leftNavLinkSelected');
 export const VegaInternalInitializeLeftNavLinkSelected = new VegaInternalEventID('initializeLeftNavLinkSelected');
-export const VegaInternalDropdownUpdateTarget = new VegaInternalEventID('dropdownUpdateTarget');
 export const VegaInternalRichTextEditorFlushChanges = new VegaInternalEventID('richTextEditorFlushChanges');
 export const VegaInternalRichTextEditorSelectionRangeChange = new VegaInternalEventID('richTextEditorSelectionRangeChange');
 export const VegaInternalRichTextImageClick = new VegaInternalEventID('richTextImageClick');
@@ -56,8 +55,12 @@ export const VegaInternalColumnBodyCellRenderInputRIC = new VegaInternalEventID(
 export const VegaInternalCalendarEventPreviewUpdate = new VegaInternalEventID('calendarEventPreviewUpdate');
 export const VegaInternalCalendarEventPreviewClear = new VegaInternalEventID('calendarEventPreviewClear');
 export const VegaInternalUpdateRTECursorPosition = new VegaInternalEventID('InternalUpdateRTECursorPosition');
-export const VegaInternalMonthYearChange = new VegaInternalEventID('internalMonthYearChange');
 export const VegaInternalLeftNavLinkSelectedTopic = new VegaInternalEventID('leftNavLinkSelectedTopic');
 export const VegaInternalCalendarEventPreviewHide = new VegaInternalEventID('calendarEventPreviewHide');
 export const VegaInternalFormSubmit = new VegaInternalEventID('formSubmit');
 export const VegaInternalFormReset = new VegaInternalEventID('formReset');
+export const VegaInternalProgressTrackerStepClick = new VegaInternalEventID('progressTrackerStepClick');
+export const VegaInternalDatePickerCalendarSelectionChange = new VegaInternalEventID('datePickerCalendarSelectionChange');
+export const VegaInternalDatePickerCalendarInputClick = new VegaInternalEventID('datePickerCalendarInputClick');
+export const VegaInternalDatePickerCalendarClear = new VegaInternalEventID('datePickerCalendarClear');
+export const VegaInternalDatePickerCalendarUpdatePeriodByUser = new VegaInternalEventID('datePickerCalendarUpdatePeriodByUser');

package/dist/collection/helpers/slimmers/element-appender/element-appender-slimmer.js

@@ -98,7 +98,8 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
         this.showConfig &&
         !isParent(currentTarget, this.showConfig.appendableElement) &&
         !isParent(currentTarget, this.showConfig.target) &&
-        findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal')) {
+        (this.showConfig.isScreenPosition ||
+          findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal'))) {
         this.hide();
       }
     };

package/dist/collection/helpers/slimmers/position-calculation/position-calculation-controller.js

@@ -42,9 +42,16 @@ export class PositionCalculationController extends VegaSlimmer {
    */
   applyPosition(positionBox) {
     const appendableElement = this.showConfig.appendableElement;
+    // TODO: should control position style in element appender but in component level
+    // https://gethired.atlassian.net/browse/VD-7883
     if (this.showConfig.isScreenPosition) {
       appendableElement.style.position = 'fixed';
     }
+    else {
+      if (appendableElement.classList.contains('date-picker-content-box')) {
+        appendableElement.style.position = 'absolute';
+      }
+    }
     appendableElement.style.left = `${positionBox.left}px`;
     appendableElement.style.top = `${positionBox.top}px`;
     appendableElement.classList.remove('vega-placement-left', 'vega-placement-right', 'vega-placement-top', 'vega-placement-bottom');

package/dist/collection/helpers/ui/element-appender.js

@@ -31,7 +31,7 @@ export class ElementAppender {
    * target for the showConfigCallback.
    */
   constructor(showConfigCallback, showConfigCallbackTarget) {
-    var _a, _b;
+    var _a;
     this.resizeObserverSlimmer = createDynamicSlimmer(ElementAppender, PageResizeObserverSlimmer, [], [
       { mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' },
       { mapFrom: 'disconnectResizeObserver', mapTo: 'disconnectResizeObserver' },
@@ -61,8 +61,8 @@ export class ElementAppender {
     this.showConfigCallback = showConfigCallback;
     this.showConfigCallbackTarget = showConfigCallbackTarget;
     const config = this.getShowConfig();
-    (_a = config.appendableElement) === null || _a === void 0 ? void 0 : _a.classList.add('vega-force-hidden');
-    (_b = config.appendableElement) === null || _b === void 0 ? void 0 : _b.classList.add('vega-element-appender-appendable');
+    this.hideElementAppender(config.appendableElement);
+    (_a = config.appendableElement) === null || _a === void 0 ? void 0 : _a.classList.add('vega-element-appender-appendable');
   }
   /**
    * It takes an element and appends it to the DOM, then adjusts its position and size to match the
@@ -143,14 +143,44 @@ export class ElementAppender {
    */
   toggleShow(show) {
     if (show) {
-      this.showConfig.appendableElement.classList.remove('vega-force-hidden');
+      this.showElementAppender(this.showConfig.appendableElement);
       this.saveVisibleAppendElement(this.showConfig.appendableElement);
     }
     else {
-      this.showConfig.appendableElement.classList.add('vega-force-hidden');
+      this.hideElementAppender(this.showConfig.appendableElement);
       this.removeVisibleAppendElement(this.showConfig.appendableElement);
     }
   }
+  /**
+   * Show the appendable element by removing hidden styles
+   * TODO: should directly control display style. https://gethired.atlassian.net/browse/VD-7884
+   *
+   * @param {HTMLElement} appendableElement - Appendable element controlled by ElementAppender
+   */
+  showElementAppender(appendableElement) {
+    if (appendableElement.classList.contains('date-picker-content-box')) {
+      appendableElement.style.display = 'block';
+    }
+    else {
+      appendableElement.classList.remove('vega-force-hidden');
+    }
+  }
+  /**
+   * Hide the appendable element by adding hidden styles.
+   * TODO: should directly control display style. https://gethired.atlassian.net/browse/VD-7884
+   *
+   * @param {HTMLElement} appendableElement - Appendable element controlled by ElementAppender
+   */
+  hideElementAppender(appendableElement) {
+    if (!appendableElement)
+      return;
+    if (appendableElement.classList.contains('date-picker-content-box')) {
+      appendableElement.style.display = 'none';
+    }
+    else {
+      appendableElement.classList.add('vega-force-hidden');
+    }
+  }
   /**
    * Save visible AppendableElement from the container state
    *

package/dist/collection/types/type-guard.js

@@ -7,6 +7,7 @@ import { BorderStyle, BoxDisplay, CssStates, FlexAlignItem, FlexDirections, Flex
 import { GridColumnsRegex, GridRowsRegex } from '../constants/regex';
 import { TypographyKeys } from '../constants/public-api';
 import { Borders } from '../constants/tokens/borders';
+import { CalendarDate } from '../helpers/calendar';
 /**
  * Returns true if the input is a string that is one of the four directions.
  *
@@ -385,3 +386,12 @@ export const isVegaTableColumnGroupingModelType = (input) => {
     'label' in input &&
     typeof input.label === 'string');
 };
+/**
+ * Check is calendar date type
+ *
+ * @param {unknown} input - Value to test.
+ * @returns {input is CalendarDate} True when input matches the calendar date type.
+ */
+export const isCalendarDateType = (input) => {
+  return input instanceof CalendarDate;
+};

package/dist/collection/utils/date.js

@@ -1,6 +1,15 @@
 import { LogUtility } from './log';
+// TODO: Need rename calendar-date as vega-date to manage all date operation in vega project
+// https://gethired.atlassian.net/browse/VD-5918
 /**
- * It returns true if the input is a valid date string, and false otherwise
+ * It returns true if the input is a valid date string, and false otherwise.
+ * Note:
+ *  This is not a strict date validation, it just use Date.parse to check the input string can be parsed to a valid date or not.
+ *  For strict date validation, please use CalendarDate.fromString method in calendar-date.ts
+ *  Example:
+ *      For Chrome: Date.parse('Jan/08/2026') => 1767801600000
+ *      For Safari: Date.parse('Jan/08/2026') => NaN
+ *      Format is DD/MM/YYYY: Date.parse('20/11/2024') => NaN
  *
  * @param {string} input - The string to check.
  * @returns {boolean} is a valid date string or not
@@ -52,11 +61,13 @@ export const isTimeStr = (input, timeFormat) => {
  * It takes a number and returns a string
  *
  * @param {number} number - number - The number to pad
+ * @param {number} [length=2] - The length of the resulting string.
+ * @param {string} [padChar='0'] - The character to pad the number with.
  * @returns {Nullable<string>} A function that takes a number as an argument and returns a nullable string.
  */
-export const pad = (number) => {
+export const pad = (number, length = 2, padChar = '0') => {
   if (number || number === 0) {
-    return number.toString().padStart(2, '0');
+    return number.toString().padStart(length, padChar);
   }
   else {
     LogUtility.error(`The input should be a number`);

package/dist/collection/utils/e2e-utils.js

@@ -239,8 +239,10 @@ export const getScreenshotDiffResults = async (page, desc, selector) => {
  * @param {EventSemanticsConfig} config.eventSemanticsConfig - sets the event semantics configuration for the EventManager
  * @param {string} config.date --sets the date want to mock
  * @param {number} config.timeout --sets the content timeout
+ * @param {InjectFeatureFlagsConfig} config.featureFlags -inject feature flags.
  */
 export const initVegaE2EPage = async (content, config) => {
+  var _a, _b;
   const page = await newE2EPage();
   await mockDate(page, config === null || config === void 0 ? void 0 : config.date);
   const script = (config === null || config === void 0 ? void 0 : config.eventSemanticsConfig)
@@ -249,9 +251,13 @@ export const initVegaE2EPage = async (content, config) => {
   const injectTestIcons = `<script type='module'>
     window.VegaIconManager.register(${JSON.stringify(TestIcons)});
   </script>`;
+  const injectFeatureFlags = `<script>
+		window.VegaEnabledFeatureKeys = ${JSON.stringify(((_a = config === null || config === void 0 ? void 0 : config.featureFlags) === null || _a === void 0 ? void 0 : _a.enabled) || [])};
+		window.VegaDisabledFeatureKeys = ${JSON.stringify(((_b = config === null || config === void 0 ? void 0 : config.featureFlags) === null || _b === void 0 ? void 0 : _b.disabled) || [])};
+	</script>`;
   const contentHtml = (config === null || config === void 0 ? void 0 : config.wrapped)
-    ? `${injectTestIcons}${script}<div style="padding: 10px" id="visual-container">${content}</div>`
-    : injectTestIcons + script + content;
+    ? `${injectTestIcons}${script}${injectFeatureFlags}<div style="padding: 10px" id="visual-container">${content}</div>`
+    : injectTestIcons + script + injectFeatureFlags + content;
   (config === null || config === void 0 ? void 0 : config.timeout)
     ? await page.setContent(contentHtml, { timeout: config.timeout })
     : await page.setContent(contentHtml);

package/dist/collection/utils/spec-utils.js

@@ -66,13 +66,14 @@ export const setPropOnMockHTMLElement = (element, propertyKey, value) => {
  *
  * @param {HTMLElement} element - The element to trigger the event on.
  * @param {string} eventName - The name of the event to trigger.
+ * @param {MouseEventInit} [options] - MouseEventInit - An object that contains properties
  */
-export const triggerMouseEvent = (element, eventName) => {
+export const triggerMouseEvent = (element, eventName, options = { bubbles: true, cancelable: true, view: window }) => {
   if (element instanceof HTMLElement) {
-    element.dispatchEvent(new MouseEvent(eventName, { bubbles: true, cancelable: true, view: window }));
+    element.dispatchEvent(new MouseEvent(eventName, options));
   }
   else {
-    element.dispatchEvent(new MockMouseEvent(eventName, { bubbles: true, cancelable: true, view: window }));
+    element.dispatchEvent(new MockMouseEvent(eventName, options));
   }
 };
 /* istanbul ignore next */

package/dist/collection/utils/test/date.test.js

@@ -78,6 +78,8 @@ describe('pad', () => {
     expect(pad(1)).toEqual('01');
     expect(pad(0)).toEqual('00');
     expect(pad(102)).toEqual('102');
+    expect(pad(26, 4, '20')).toEqual('2026');
+    expect(pad(2126, 4, '20')).toEqual('2126');
   });
   test('return value should log an error', () => {
     spyOn(LogUtility, 'error');

package/dist/esm/{app-globals-fd4b7d97.js → app-globals-e7a8d0cc.js}

@@ -1,18 +1,19 @@
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension, h as VegaRTEFunctionExtension } from './function-extension-8d39db56.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension, h as VegaRTEFunctionExtension, i as VegaRTETableExtension } from './table-extension-164b0d6c.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './internal-icon-manager-f0486245.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './ui-bb99c0c2.js';
 import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-96e5debd.js';
-import { V as VegaRTEContent } from './dto-renderer-manager-d862ae78.js';
+import { V as VegaRTEContent } from './dto-renderer-manager-23784148.js';
 import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-import { V as VegaRTEPresetToolbarItems } from './code-block-ecb4491b.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-3d3a9030.js';
+import './type-guard-b48aec98.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
-import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-81443274.js';
-import { w as waitForVega } from './index-c943d263.js';
-import { V as VegaRTELanguageExtension } from './language-extension-8f51f5ff.js';
+import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-96eaf9b1.js';
+import { w as waitForVega } from './index-d72e7fb3.js';
+import { V as VegaRTELanguageExtension } from './language-extension-710fe56d.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -392,12 +393,13 @@ function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTELanguageExtension = VegaRTELanguageExtension;
   globalThis.VegaRTEPresetToolbarItems = VegaRTEPresetToolbarItems;
   globalThis.VegaRTEFunctionExtension = VegaRTEFunctionExtension;
+  globalThis.VegaRTETableExtension = VegaRTETableExtension;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-d10e76f4.js').then((module) => {
+  void import('./public-rules-522ba4b1.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{child-nodes-event-prevent-slimmer-76331524.js → child-nodes-event-prevent-slimmer-9ae34332.js}

@@ -1,5 +1,5 @@
 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-516aa721.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-4f51b17c.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
 

package/dist/esm/{code-block-ecb4491b.js → code-block-3d3a9030.js}

@@ -1,9 +1,9 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-dca87b70.js';
-import { b as VegaInternalRichTextEditorFlushChanges, c as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-5c3e5f7f.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-f81f215f.js';
+import { c as VegaInternalRichTextEditorFlushChanges, d as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-54ce7562.js';
 import { c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { i as isNonNullable } from './type-guard-12f7654b.js';
+import { i as isNonNullable } from './type-guard-b48aec98.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-de88a117.js';
 import { c as cleanObject } from './object-66c37948.js';
@@ -1248,7 +1248,7 @@ class RTEBlock {
    * Get annotation by type
    *
    * @typedef T generic type
-   * @param {keyof typeof BlockAnnotationTypeEnum} type - Annotation type
+   * @param {string} type - Annotation type
    * @returns {Nullable<T>} - Annotation
    */
   getAnnotationByType(type) {
@@ -1271,6 +1271,20 @@ class RTEBlock {
       }
     }
   }
+  /**
+   * Get the first node of the block
+   *
+   * @returns {Nullable<RTENode>} The first RTENode or null if no children exist.
+   */
+  getFirstNode() {
+    if (!this.children || !this.children[0])
+      return null;
+    const firstItem = this.children[0];
+    if (firstItem instanceof RTEBlock) {
+      return firstItem.getFirstNode();
+    }
+    return firstItem;
+  }
   /**
    * Check if the block is a list item block
    *
@@ -3029,93 +3043,41 @@ class TextStyleAnnotation extends BlockAnnotation {
   renderStyle(options) {
     if (!(options === null || options === void 0 ? void 0 : options.standalone))
       return null;
-    const paragraphStyle = {
+    const textStyleBase = {
       fontFamily: 'Inter',
       fontSize: '16px',
       lineHeight: '22px',
+      minHeight: '22px',
       fontWeight: '500',
-      marginTop: '0px',
-      marginBottom: '0px',
     };
+    const paragraphStyle = Object.assign(Object.assign({}, textStyleBase), { marginTop: '0px', marginBottom: '0px' });
     switch (this.textStyle) {
       case 'paragraph': {
         return paragraphStyle;
       }
       case 'title': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '36px',
-          lineHeight: '40px',
-          fontWeight: '500',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '36px', lineHeight: '40px', minHeight: '40px' });
       }
       case 'subtitle': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '28px',
-          lineHeight: '32px',
-          fontWeight: '500',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '28px', lineHeight: '32px', minHeight: '32px' });
       }
       case 'heading-1': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '22px',
-          lineHeight: '24px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '22px', lineHeight: '24px', minHeight: '24px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-2': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '20px',
-          lineHeight: '24px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '20px', lineHeight: '24px', minHeight: '24px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-3': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '18px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '18px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-4': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '16px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '16px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-5': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '14px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '14px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-6': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '12px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '12px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
     }
   }
@@ -4413,4 +4375,4 @@ class RTECodeBlock extends RTEBlock {
 })();
 RTECodeBlock.CODE_BLOCK_PLACEHOLDER_CLASS_NAME = 'code-block-placeholder-element';
 
-export { TextColorAnnotationAction as $, ActionHandleStrategyRegistry as A, BlockUpdateTextStyleStrategy as B, CustomStyleAnnotation as C, NodeTypeEnum as D, CommonAnnotation as E, AnnotationAction as F, ReplaceChildNodesAction as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, SplitBlockWithNodeAction as J, BlockDeleteNodeContentStrategy as K, RemoveChildrenStrategy as L, ModifyContentAction as M, NodeAnnotation as N, RTE_TEXT_COLORS as O, RTE_DEFAULT_TEXT_COLOR as P, CodeLanguage as Q, RTEDTOClassManager$1 as R, SyncUpSelectionAction as S, TextStyleAnnotationAction as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, LinkAnnotationAction as W, CommonAnnotationTypeEnum as X, UpdateCodeBlockAction as Y, ZERO_WIDTH_SPACE as Z, SelectionChangeAction as _, ActionHandlerInterceptorRegistry as a, RTECodeBlockNode as a0, BoldAnnotationAction as a1, ItalicAnnotationAction as a2, UnderlineAnnotationAction as a3, TextStyleAnnotation as a4, BoldAnnotation as a5, ClearFormattingAnnotationAction as a6, CodeAnnotationAction as a7, StrikethroughAnnotationAction as a8, IndentAnnotationAction as a9, RTETextNode as b, ModifyContentActionType as c, ActionHandleStrategy as d, RTETextBlock as e, RTEBlock as f, RTEAnnotationStyle as g, AppendChildrenAction as h, RTENode as i, InsertChildrenBeforeAction as j, InternalAnnotationTypeEnum as k, BlockUpdateHorizontalAlignmentStrategy as l, BlockInsertLineBreakStrategy as m, BlockInsertLineBreakWithBlocksStrategy as n, BlockSplitWithTextNodeStrategy as o, BlockReplaceNodesStrategy as p, BlockMergeNodesStrategy as q, RemoveChildrenAction as r, stateEntityRenderingRegistry as s, BlockAnnotation as t, BlockAnnotationTypeEnum as u, CustomClassAnnotation as v, CustomAttributeAnnotation as w, RTECodeBlock as x, NodeAnnotationTypeEnum as y, RTEDecoratorNode as z };
+export { TextColorAnnotationAction as $, ActionHandleStrategyRegistry as A, BlockAnnotation as B, CustomAttributeAnnotation as C, NodeTypeEnum as D, CommonAnnotation as E, AnnotationAction as F, ReplaceChildNodesAction as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, SplitBlockWithNodeAction as J, BlockDeleteNodeContentStrategy as K, RemoveChildrenStrategy as L, ModifyContentAction as M, NodeAnnotation as N, RTE_TEXT_COLORS as O, RTE_DEFAULT_TEXT_COLOR as P, CodeLanguage as Q, RTEDTOClassManager$1 as R, SyncUpSelectionAction as S, TextStyleAnnotationAction as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, LinkAnnotationAction as W, CommonAnnotationTypeEnum as X, UpdateCodeBlockAction as Y, ZERO_WIDTH_SPACE as Z, SelectionChangeAction as _, ActionHandlerInterceptorRegistry as a, RTECodeBlockNode as a0, BoldAnnotationAction as a1, ItalicAnnotationAction as a2, UnderlineAnnotationAction as a3, TextStyleAnnotation as a4, BoldAnnotation as a5, ClearFormattingAnnotationAction as a6, CodeAnnotationAction as a7, StrikethroughAnnotationAction as a8, IndentAnnotationAction as a9, RTETextNode as b, ModifyContentActionType as c, ActionHandleStrategy as d, RTETextBlock as e, RTEBlock as f, RTEAnnotationStyle as g, AppendChildrenAction as h, RTENode as i, InsertChildrenBeforeAction as j, InternalAnnotationTypeEnum as k, RemoveChildrenAction as l, BlockUpdateTextStyleStrategy as m, BlockUpdateHorizontalAlignmentStrategy as n, BlockInsertLineBreakStrategy as o, BlockInsertLineBreakWithBlocksStrategy as p, BlockSplitWithTextNodeStrategy as q, BlockReplaceNodesStrategy as r, stateEntityRenderingRegistry as s, BlockMergeNodesStrategy as t, BlockAnnotationTypeEnum as u, CustomStyleAnnotation as v, CustomClassAnnotation as w, RTECodeBlock as x, NodeAnnotationTypeEnum as y, RTEDecoratorNode as z };