@heartlandone/vega 2.77.0 → 2.78.0

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

@@ -63,10 +63,20 @@ export class PositionCalculationController extends VegaSlimmer {
     }
     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');
-    appendableElement.classList.remove('vega-alignment-start', 'vega-alignment-center', 'vega-alignment-end');
-    appendableElement.classList.add(`vega-placement-${positionBox.placement}`);
-    appendableElement.classList.add(`vega-alignment-${positionBox.alignment}`);
+    appendableElement.classList.remove('vega-placement-left', 'vega-placement-right', 'vega-placement-top', 'vega-placement-bottom', 'vega-no-suitable-placement');
+    appendableElement.classList.remove('vega-alignment-start', 'vega-alignment-center', 'vega-alignment-end', 'vega-no-suitable-alignment');
+    if (positionBox.placement) {
+      appendableElement.classList.add(`vega-placement-${positionBox.placement}`);
+    }
+    else {
+      appendableElement.classList.add(`vega-no-suitable-placement`);
+    }
+    if (positionBox.alignment) {
+      appendableElement.classList.add(`vega-alignment-${positionBox.alignment}`);
+    }
+    else {
+      appendableElement.classList.add(`vega-no-suitable-alignment`);
+    }
   }
   /**
    * It sets the width of the appendable element to the width of the target element if the

package/dist/collection/helpers/slimmers/position-calculation/screen-position-calculation-strategy.js

@@ -9,6 +9,7 @@ import { BasePositionCalculationStrategy } from './base-position-calculation-str
 import { ScreenScrollPositionUpdate } from './screen-scroll-position-update';
 import { tryGetDocument } from '../../../utils/try-get-document';
 import { FeatureFlag } from '../../feature-control/feature-flag-controller';
+import { isNonNullable } from '../../../types/type-guard';
 /**
  * calculate position by screen container
  */
@@ -93,9 +94,17 @@ export class ScreenPositionCalculationStrategy extends BasePositionCalculationSt
    */
   getPosition(usePreviousPlacement) {
     const stayPlacement = usePreviousPlacement ? this.usePreviousPlacement : false;
-    const positionBox = stayPlacement
-      ? this.getPositionBox([this.previousPositionBox.placement], [this.previousPositionBox.alignment])
-      : this.getPositionBox();
+    let positionBox;
+    if (stayPlacement) {
+      positionBox = this.getPositionBox([this.previousPositionBox.placement].filter(isNonNullable), [this.previousPositionBox.alignment].filter(isNonNullable));
+      if (!FeatureFlag.isEnabled('VEGA_ELEMENT_APPENDER.AUTO_PLACEMENT')) {
+        positionBox.placement = this.previousPositionBox.placement;
+        positionBox.alignment = this.previousPositionBox.alignment;
+      }
+    }
+    else {
+      positionBox = this.getPositionBox();
+    }
     this.previousPositionBox = positionBox;
     return positionBox;
   }
@@ -154,7 +163,7 @@ export class ScreenPositionCalculationStrategy extends BasePositionCalculationSt
    * @param {ElementBoundBox} elementBox - The box of the element to place.
    * @param {ElementBoundBox} targetBox - The box of the target element.
    * @param {PlacementType[]} placements - Ordered list of placements to try.
-   * @returns {PlacementType} The chosen placement.
+   * @returns {Nullable<PlacementType>} The chosen placement.
    */
   getSuitablePlacement(containerBox, elementBox, targetBox, placements) {
     const alignments = this.getAlignments();

package/dist/collection/helpers/slimmers/position-calculation/test/body-position-calculation-strategy.test.js

@@ -18,7 +18,7 @@ export class PositionCalculationMockedComponent {
   setIsScreenPosition(isScreenPosition) {
     this.isScreenPosition = isScreenPosition;
   }
-  getPositionBox(container, element, target, placement, alignment, translocation = { X: 0, Y: 0 }) {
+  getPositionBox(container, element, target, placement, alignment, translocation = { X: 0, Y: 0 }, positionRelativeTo) {
     this.container = container;
     this.showConfig = {
       target: target,
@@ -27,11 +27,12 @@ export class PositionCalculationMockedComponent {
       alignment: alignment,
       translocation: translocation,
       isScreenPosition: this.isScreenPosition,
+      positionRelativeTo: positionRelativeTo,
     };
     this.positionCalculationController.setCalculationStrategy();
     this.positionCalculationController.adjustPosition();
-    let placementResult;
-    let alignmentResult;
+    let placementResult = null;
+    let alignmentResult = null;
     element.className.split(' ').forEach((item) => {
       if (item.includes('vega-placement')) {
         placementResult = item.replace('vega-placement-', '');
@@ -291,7 +292,7 @@ describe('component.getPositionBox', () => {
         X: 100,
         Y: 100,
       });
-      expect(positionBox).toEqual({ top: -60, left: 200, placement: 'top', alignment: 'start' });
+      expect(positionBox).toEqual({ top: 0, left: 200, placement: 'top', alignment: 'start' });
       const positionBox1 = component.getPositionBox(container, element, target, 'right', undefined, {
         X: 100,
         Y: 100,
@@ -301,7 +302,7 @@ describe('component.getPositionBox', () => {
         X: 100,
         Y: 100,
       });
-      expect(positionBox2).toEqual({ top: 200, left: -60, placement: 'left', alignment: 'start' });
+      expect(positionBox2).toEqual({ top: 200, left: 0, placement: 'left', alignment: 'start' });
     });
     test('return result as expected when container scrolled', () => {
       container.scrollTop = 20;
@@ -310,7 +311,7 @@ describe('component.getPositionBox', () => {
         X: 100,
         Y: 100,
       });
-      expect(positionBox).toEqual({ top: -40, left: 220, placement: 'top', alignment: 'start' });
+      expect(positionBox).toEqual({ top: 0, left: 220, placement: 'top', alignment: 'start' });
       const positionBox1 = component.getPositionBox(container, element, target, 'right', undefined, {
         X: 100,
         Y: 100,

package/dist/collection/helpers/slimmers/position-calculation/test/screen-position-calculation-strategy.test.js

@@ -11,28 +11,30 @@ describe('BodyPositionCalculationStrategy.getPositionBox', () => {
   const element = document.querySelector('.element');
   const target = document.querySelector('.target');
   const container = document.querySelector('.container');
-  function mockElementReturn(element, method, value) {
-    spyOn(element, method).and.returnValue(value);
-  }
   beforeAll(() => {
     Object.assign(window, { innerWidth: 500 });
     Object.assign(window, { innerHeight: 500 });
   });
   describe('directions', () => {
     let component;
+    let elementRectSpy;
+    let targetRectSpy;
     beforeEach(() => {
       component = new PositionCalculationMockedComponent();
       component.setIsScreenPosition(true);
-    });
-    beforeAll(() => {
-      mockElementReturn(element, 'getBoundingClientRect', { width: 50, height: 50 });
-      mockElementReturn(target, 'getBoundingClientRect', {
+      elementRectSpy = jest
+        .spyOn(element, 'getBoundingClientRect')
+        .mockReturnValue({ width: 50, height: 50 });
+      targetRectSpy = jest.spyOn(target, 'getBoundingClientRect').mockReturnValue({
         width: 100,
         height: 100,
         top: 100,
         left: 100,
       });
     });
+    afterEach(() => {
+      jest.restoreAllMocks();
+    });
     test('return result as expected in top-start', () => {
       expect(component.getPositionBox(container, element, target, ['top'], ['start'])).toEqual({
         top: 50,
@@ -129,6 +131,159 @@ describe('BodyPositionCalculationStrategy.getPositionBox', () => {
         alignment: 'end',
       });
     });
+    test('nudges element up when bottom placement slightly overflows viewport bottom edge', () => {
+      // no space for bottom → suitablePlacement=null, uses default bottom
+      // top=420+50=470, overflowBottom=470+50-500=20 < targetH(50) → top=450
+      Object.assign(window, { innerHeight: 500, innerWidth: 500 });
+      elementRectSpy.mockReturnValue({ width: 50, height: 50 });
+      targetRectSpy.mockReturnValue({
+        width: 100,
+        height: 50,
+        top: 420,
+        left: 100,
+      });
+      expect(component.getPositionBox(container, element, target, ['bottom'], ['start'])).toEqual({
+        top: 450,
+        left: 100,
+        placement: null,
+        alignment: null,
+      });
+    });
+    test('nudges element down when top placement slightly overflows viewport top edge', () => {
+      // no space for top → suitablePlacement=null, uses default top
+      // top=30-50=-20, overflowTop=20 < targetH(50) → top=0
+      Object.assign(window, { innerHeight: 500, innerWidth: 500 });
+      elementRectSpy.mockReturnValue({ width: 50, height: 50 });
+      targetRectSpy.mockReturnValue({
+        width: 100,
+        height: 50,
+        top: 30,
+        left: 100,
+      });
+      expect(component.getPositionBox(container, element, target, ['top'], ['start'])).toEqual({
+        top: 0,
+        left: 100,
+        placement: null,
+        alignment: null,
+      });
+    });
+    test('nudges element left when right placement slightly overflows viewport right edge', () => {
+      // no space for right → suitablePlacement=null, uses default right
+      // left=380+100=480, overflowRight=480+50-500=30 < targetW(100) → left=450
+      Object.assign(window, { innerHeight: 500, innerWidth: 500 });
+      elementRectSpy.mockReturnValue({ width: 50, height: 50 });
+      targetRectSpy.mockReturnValue({
+        width: 100,
+        height: 50,
+        top: 100,
+        left: 380,
+      });
+      expect(component.getPositionBox(container, element, target, ['right'], ['start'])).toEqual({
+        top: 100,
+        left: 450,
+        placement: null,
+        alignment: null,
+      });
+    });
+    test('nudges element right when left placement slightly overflows viewport left edge', () => {
+      // no space for left → suitablePlacement=null, uses default left
+      // left=30-50=-20, overflowLeft=20 < targetW(100) → left=0
+      Object.assign(window, { innerHeight: 500, innerWidth: 500 });
+      elementRectSpy.mockReturnValue({ width: 50, height: 50 });
+      targetRectSpy.mockReturnValue({
+        width: 100,
+        height: 50,
+        top: 100,
+        left: 30,
+      });
+      expect(component.getPositionBox(container, element, target, ['left'], ['start'])).toEqual({
+        top: 100,
+        left: 0,
+        placement: null,
+        alignment: null,
+      });
+    });
+    test('positions element correctly for bottom+start when fully within viewport', () => {
+      // top=200+50=250, left=50, both within viewport → no adjustment
+      Object.assign(window, { innerHeight: 500, innerWidth: 500 });
+      elementRectSpy.mockReturnValue({ width: 100, height: 100 });
+      targetRectSpy.mockReturnValue({
+        width: 100,
+        height: 50,
+        top: 200,
+        left: 50,
+      });
+      expect(component.getPositionBox(container, element, target, ['bottom'], ['start'])).toEqual({
+        top: 250,
+        left: 50,
+        placement: 'bottom',
+        alignment: 'start',
+      });
+    });
+    test('positions element correctly for right+center when fully within viewport', () => {
+      // top=200-(100-100)/2=200, left=200+100=300, both within viewport → no adjustment
+      Object.assign(window, { innerHeight: 500, innerWidth: 500 });
+      elementRectSpy.mockReturnValue({ width: 100, height: 100 });
+      targetRectSpy.mockReturnValue({
+        width: 100,
+        height: 100,
+        top: 200,
+        left: 200,
+      });
+      expect(component.getPositionBox(container, element, target, ['right'], ['center'])).toEqual({
+        top: 200,
+        left: 300,
+        placement: 'right',
+        alignment: 'center',
+      });
+    });
+    describe('positionRelativeTo — viewport adjustment is skipped', () => {
+      beforeEach(() => {
+        Object.assign(window, { innerHeight: 500, innerWidth: 500 });
+      });
+      test('does not clamp top when positionRelativeTo is set and element overflows window bottom', () => {
+        // Without positionRelativeTo: keepVerticallyInView would clamp top from 821 → 393
+        // (Math.min(821, 911-518)=393). With positionRelativeTo the raw calculated top is kept.
+        elementRectSpy.mockReturnValue({ width: 300, height: 518 });
+        targetRectSpy.mockReturnValue({
+          width: 137,
+          height: 40,
+          top: 781,
+          left: 11,
+        });
+        const result = component.getPositionBox(container, element, target, ['bottom'], ['start'], { X: 0, Y: 0 }, '#test2');
+        // top = 781 + 40 = 821, not clamped to 393
+        expect(result.top).toBe(821);
+        expect(result.left).toBe(11);
+      });
+      test('applies viewport adjustment normally when positionRelativeTo is not set', () => {
+        // Same geometry — without positionRelativeTo, keepVerticallyInView clamps top to 393
+        Object.assign(window, { innerHeight: 911, innerWidth: 500 });
+        elementRectSpy.mockReturnValue({ width: 300, height: 518 });
+        targetRectSpy.mockReturnValue({
+          width: 137,
+          height: 40,
+          top: 781,
+          left: 11,
+        });
+        const result = component.getPositionBox(container, element, target, ['bottom'], ['start']);
+        // keepVerticallyInView: Math.min(821, 911-518) = 393
+        expect(result.top).toBe(393);
+        expect(result.left).toBe(11);
+      });
+      test('does not clamp left when positionRelativeTo is set and element overflows window right', () => {
+        elementRectSpy.mockReturnValue({ width: 200, height: 50 });
+        targetRectSpy.mockReturnValue({
+          width: 60,
+          height: 40,
+          top: 100,
+          left: 380,
+        });
+        const result = component.getPositionBox(container, element, target, ['bottom'], ['start'], { X: 0, Y: 0 }, '#test2');
+        // left = 380, not clamped to Math.min(380, 500-200)=300
+        expect(result.left).toBe(380);
+      });
+    });
   });
 });
 describe('ScreenScrollPositionUpdate.shouldUpdatePosition', () => {

package/dist/collection/helpers/translation/locales/en.js

@@ -31,6 +31,8 @@ export const staticTranslations = {
   'Upload': 'Upload',
   'Clear': 'Clear',
   'Today': 'Today',
+  'Previous month': 'Previous month',
+  'Next month': 'Next month',
   'Day': 'Day',
   'Week': 'Week',
   'Month': 'Month',
@@ -48,6 +50,13 @@ export const staticTranslations = {
   'Thu-short': 'T',
   'Fri-short': 'F',
   'Sat-short': 'S',
+  'Sun-full': 'Sunday',
+  'Mon-full': 'Monday',
+  'Tue-full': 'Tuesday',
+  'Wed-full': 'Wednesday',
+  'Thu-full': 'Thursday',
+  'Fri-full': 'Friday',
+  'Sat-full': 'Saturday',
   'January': 'January',
   'February': 'February',
   'March': 'March',
@@ -103,6 +112,10 @@ export const staticTranslations = {
   'Less Indent': 'Less Indent',
   'Link': 'Link',
   'Image': 'Image',
+  'Upload from computer': 'Upload from computer',
+  'Insert via URL': 'Insert via URL',
+  'Image via URL': 'Image via URL',
+  'Insert': 'Insert',
   'Clear Style': 'Clear Style',
   'URL': 'URL',
   'Text': 'Text',
@@ -145,5 +158,8 @@ export const staticTranslations = {
   'Saturday': 'Saturday',
   'am': 'am',
   'pm': 'pm',
+  '{0} Selected': '{0} Selected',
+  'date picker': 'Date Picker',
+  'Selected result': 'Selected result',
 };
 export default staticTranslations;

package/dist/collection/helpers/translation/tests/internal-translation-controller.test.js

@@ -119,6 +119,8 @@ describe('VegaTranslationController', () => {
       'Upload': 'Upload',
       'Clear': 'Clear',
       'Today': 'Today',
+      'Previous month': 'Previous month',
+      'Next month': 'Next month',
       'Day': 'Day',
       'Week': 'Week',
       'Month': 'Month',
@@ -136,6 +138,13 @@ describe('VegaTranslationController', () => {
       'Thu-short': 'T',
       'Fri-short': 'F',
       'Sat-short': 'S',
+      'Sun-full': 'Sunday',
+      'Mon-full': 'Monday',
+      'Tue-full': 'Tuesday',
+      'Wed-full': 'Wednesday',
+      'Thu-full': 'Thursday',
+      'Fri-full': 'Friday',
+      'Sat-full': 'Saturday',
       'January': 'January',
       'February': 'February',
       'March': 'March',
@@ -191,6 +200,10 @@ describe('VegaTranslationController', () => {
       'Less Indent': 'Less Indent',
       'Link': 'Link',
       'Image': 'Image',
+      'Image via URL': 'Image via URL',
+      'Insert': 'Insert',
+      'Insert via URL': 'Insert via URL',
+      'Upload from computer': 'Upload from computer',
       'Clear Style': 'Clear Style',
       'URL': 'URL',
       'Text': 'Text',
@@ -214,6 +227,8 @@ describe('VegaTranslationController', () => {
       'Select Language': 'Select Language',
       'Code Block': 'Code Block',
       'Copied': 'Copied',
+      'date picker': 'Date Picker',
+      'Selected result': 'Selected result',
       'Repeat every {0} days': 'Repeat every {0} days',
       'Repeat daily': 'Repeat daily',
       'Repeat every {0} weeks on {1}': 'Repeat every {0} weeks on {1}',
@@ -235,6 +250,7 @@ describe('VegaTranslationController', () => {
       'pm': 'pm',
       'The value does not exist in the source': 'The value does not exist in the source',
       'There are values that do not exist in the source': 'There are values that do not exist in the source',
+      '{0} Selected': '{0} Selected',
     });
     /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
   });
@@ -246,6 +262,7 @@ describe('VegaTranslationController', () => {
         // eslint-disable-next-line @typescript-eslint/naming-convention,spellcheck/spell-checker
         'This field is required': 'Ce champ est obligatoire',
         'Custom text': 'Texte personnalisé',
+        '{0} Selected': '{0} Sélectionné',
       },
       /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
     };

package/dist/collection/helpers/translation/tests/translation.test.js

@@ -29,4 +29,18 @@ describe('VegaTranslation', () => {
     VegaTranslation.changeLanguage('en');
     expect(VegaTranslation.currentLanguage).toBe('en');
   });
+  it('should translate Selected word to expected message', () => {
+    const resources = {
+      en: VegaTranslationResourceEN,
+      fr: {
+        // eslint-disable-next-line @typescript-eslint/naming-convention,spellcheck/spell-checker
+        '{0} Selected': '{0} Sélectionné',
+      },
+    };
+    VegaTranslation.init({ resources, language: 'fr' });
+    // eslint-disable-next-line spellcheck/spell-checker
+    expect(VegaInternalTranslation.t('{0} Selected', 1)).toBe('1 Sélectionné');
+    VegaTranslation.changeLanguage('en');
+    expect(VegaInternalTranslation.t('{0} Selected', 1)).toBe('1 Selected');
+  });
 });

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

@@ -192,7 +192,7 @@ test('content should append to modal while in modal', () => {
 	  <div class="modal-dialog"></div>
 	</mock:shadow-root>
 	<vega-input-select slot="content"></vega-input-select>
-	<div class="dropdown vega-element-appender-appendable vega-alignment-start vega-placement-top" slot="content" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
+	<div class="dropdown vega-element-appender-appendable vega-no-suitable-alignment vega-no-suitable-placement" slot="content" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
   </vega-modal>`);
   drop.hide();
 });
@@ -213,7 +213,7 @@ test('content append proper while positionRelativeTo set', () => {
   expect(document.body).toEqualHtml(`
 	<div id="container">
 		<vega-input-select></vega-input-select>
-		<div class="dropdown vega-element-appender-appendable vega-placement-top vega-alignment-start" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
+		<div class="dropdown vega-element-appender-appendable vega-no-suitable-alignment vega-no-suitable-placement" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
 	</div>
 	`);
   drop.hide();
@@ -244,7 +244,7 @@ test('content should append to modal content while in scroll modal content', ()
 	  </div>
 	</mock:shadow-root>
 	<vega-input-select></vega-input-select>
-	<div class="dropdown vega-element-appender-appendable vega-alignment-start vega-placement-top" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
+	<div class="dropdown vega-element-appender-appendable vega-no-suitable-alignment vega-no-suitable-placement" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
   </vega-modal>`);
   drop.hide();
 });
@@ -267,7 +267,7 @@ test('content should append to popover content while in scroll modal content', (
 	<vega-modal>
 		<vega-popover class="vega-popover">
 			<vega-input-select></vega-input-select>
-			<div class="dropdown vega-element-appender-appendable vega-placement-top vega-alignment-start" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
+			<div class="dropdown vega-element-appender-appendable vega-no-suitable-alignment vega-no-suitable-placement" style="box-sizing: border-box; left: NaNpx; top: NaNpx; z-index: 10001;"></div>
 		</vega-popover>
 	</vega-modal>
 	`);
@@ -515,6 +515,7 @@ describe('screen position', () => {
     drop1.show();
     expect(element).toHaveClass('vega-placement-top');
     expect(element.style.top).toEqual('50px');
+    expect(element.style.left).toEqual('100px');
     targetRectSpyOn.and.returnValue({
       width: 100,
       height: 100,
@@ -523,6 +524,7 @@ describe('screen position', () => {
     });
     drop1.onScroll();
     expect(element).toHaveClass('vega-placement-top');
-    expect(element.style.top).toEqual('-10px');
+    expect(element.style.top).toEqual('0px');
+    expect(element.style.left).toEqual('100px');
   });
 });

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

@@ -1,6 +1,7 @@
 import { newE2EPage } from '@stencil/core/testing';
 import * as axe from 'axe-core';
 import { TestIcons } from '../test-assets/test-icons';
+import { getViewportByDeviceType } from './test-utils';
 /**
  * NOTE: This method is only for **E2E** test cases.
  * Clear the input field and type the input
@@ -241,10 +242,15 @@ export const getScreenshotDiffResults = async (page, desc, selector) => {
  * @param {number} config.timeout --sets the content timeout
  * @param {InjectFeatureFlagsConfig} config.featureFlags -inject feature flags.
  * @param {string} config.timezone -sets the browser timezone (defaults to 'Asia/Shanghai' for consistent behavior across environments).
+ * @param {boolean} config.isMobile - whether to set the viewport to a mobile device size (defaults to false).
  */
 export const initVegaE2EPage = async (content, config) => {
   var _a, _b, _c;
   const page = await newE2EPage();
+  if (config === null || config === void 0 ? void 0 : config.isMobile) {
+    await page.setUserAgent('Mobile');
+    await page.setViewport(getViewportByDeviceType('mobile'));
+  }
   // Set timezone to ensure consistent behavior across different environments
   const timezone = (_a = config === null || config === void 0 ? void 0 : config.timezone) !== null && _a !== void 0 ? _a : 'Asia/Shanghai';
   const pageWithTimezone = page;

package/dist/esm/{app-globals-32055795.js → app-globals-3b97bb20.js}

@@ -1,19 +1,19 @@
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, d as VegaZIndexManager, w as waitForVega, e as VegaSkeletonLoader, f as VegaTranslation, g as VegaRTETokenExtension, h as VegaRTELanguageExtension, i as VegaRTEFunctionExtension } from './token-extension-73e4460a.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, d as VegaZIndexManager, w as waitForVega, e as VegaSkeletonLoader, f as VegaTranslation, g as VegaRTETokenExtension, h as VegaRTELanguageExtension, i as VegaRTEFunctionExtension } from './token-extension-ffd98170.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-bbb2fc52.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as VegaIconManager } from './icon-manager-539d7cf7.js';
-import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-911515f9.js';
-import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-22ce81db.js';
+import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-0787a7a7.js';
+import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-c023326d.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.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';
 import { f as forceUpdate } from './index-090d31ca.js';
-import { V as VegaRTEContent } from './dto-renderer-manager-6fd22ab7.js';
+import { V as VegaRTEContent } from './dto-renderer-manager-73df5cbe.js';
 import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-import { V as VegaRTEPresetToolbarItems } from './code-block-b6247a45.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-d65bab61.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -394,7 +394,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-25cc3a39.js').then((module) => {
+  void import('./public-rules-49912d52.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{aria-attributes-value-mapper-d4fef46a.js → aria-attributes-value-mapper-2c632641.js}

@@ -102,7 +102,7 @@ class AriaAttributesValueMapper extends MutationObserverSlimmer {
         }
       }
       if (finalValue === null || finalValue === undefined || String(finalValue).trim() === '') {
-        finalValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : '';
+        finalValue = defaultValue;
       }
       try {
         if (String(finalValue).trim() === '') {
@@ -110,8 +110,15 @@ class AriaAttributesValueMapper extends MutationObserverSlimmer {
           return;
         }
         const existing = target.getAttribute(ariaAttr);
-        if (existing !== finalValue) {
-          target.setAttribute(ariaAttr, finalValue);
+        if (finalValue === null || finalValue === undefined) {
+          if (existing !== null) {
+            target.removeAttribute(ariaAttr);
+          }
+          return;
+        }
+        const stringValue = String(finalValue);
+        if (existing !== stringValue) {
+          target.setAttribute(ariaAttr, stringValue);
         }
       }
       catch (e) {

package/dist/esm/{breakpoints-56e5407b.js → breakpoints-13353e09.js}

@@ -1,4 +1,4 @@
-import { e as BreakpointKeys } from './ui-28fd4193.js';
+import { e as BreakpointKeys } from './ui-41f725b7.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 
 /**

package/dist/esm/{child-nodes-event-prevent-slimmer-331312b8.js → child-nodes-event-prevent-slimmer-4feabae0.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-32a3d848.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-3aebbe55.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 

package/dist/esm/{code-block-b6247a45.js → code-block-d65bab61.js}

@@ -1,9 +1,9 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { a as VegaInternalRichTextEditorFlushChanges, b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-799d012e.js';
+import { a as VegaInternalRichTextEditorFlushChanges, b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-12783594.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-f50e34d6.js';
+import { i as isNonNullable } from './type-guard-f69d2935.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
 import { c as cleanObject } from './object-66c37948.js';

package/dist/esm/{component-value-history-controller-slimmer.abstract-2bb8533d.js → component-value-history-controller-slimmer.abstract-556fcf2a.js}

@@ -1,15 +1,15 @@
 import { M as MapToComponentMethod, V as VegaSlimmer, L as LogUtility, c as MapToComponentField } from './global-slimmer-registry-17c4efd4.js';
-import { a0 as RTECodeBlockNode, b as RTETextNode, Z as ZERO_WIDTH_SPACE, _ as SelectionChangeAction, j as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, c as RTEBlock, h as RTENode, z as RTEDecoratorNode, x as RTECodeBlock } from './code-block-b6247a45.js';
+import { a0 as RTECodeBlockNode, b as RTETextNode, Z as ZERO_WIDTH_SPACE, _ as SelectionChangeAction, j as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, c as RTEBlock, h as RTENode, z as RTEDecoratorNode, x as RTECodeBlock } from './code-block-d65bab61.js';
 import { d as debounce } from './timer-9321173b.js';
 import { g as getActiveElement } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { b as VegaInternalRichTextEditorSelectionRangeChange, V as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-799d012e.js';
+import { b as VegaInternalRichTextEditorSelectionRangeChange, V as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-12783594.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { R as RTERange } from './range-663f44dc.js';
+import { R as RTERange } from './range-0a22b512.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { i as isHTMLElement } from './ui-ee31416b.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-9984d922.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-87bf68f1.js';
 
 let processing = false;
 /**

package/dist/esm/{date-required-rule-e771e7d9.js → date-required-rule-4ffd9cae.js}

@@ -1,4 +1,4 @@
-import { Q as isDateStr } from './type-guard-f50e34d6.js';
+import { Q as isDateStr } from './type-guard-f69d2935.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**

package/dist/esm/{design-token-5bc034e1.js → design-token-b518a2aa.js}

@@ -1,9 +1,9 @@
-import { j as StateVariantFormatter, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as StateBackgroundColorFormatter, q as isSpacingTokenType, r as isBorderRadiusTokenType, s as isBackgroundColorTokenType, t as isTextColorTokenType, u as isBreakpointsTokenType, h as Spacing, v as isBorderStyleType, B as BorderRadius, C as Colors, w as isTypographyTokenType } from './type-guard-f50e34d6.js';
+import { j as StateVariantFormatter, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as StateBackgroundColorFormatter, q as isSpacingTokenType, r as isBorderRadiusTokenType, s as isBackgroundColorTokenType, t as isTextColorTokenType, u as isBreakpointsTokenType, h as Spacing, v as isBorderStyleType, B as BorderRadius, C as Colors, w as isTypographyTokenType } from './type-guard-f69d2935.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-aa705823.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3799ff9.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
-import { B as BorderStyle } from './ui-28fd4193.js';
+import { B as BorderStyle } from './ui-41f725b7.js';
 
 /**
  * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on