@heartlandone/vega 2.80.0 → 2.81.0

package/dist/esm/vega-pagination.entry.js

@@ -1,15 +1,16 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { B as VegaFormSubmit, H as VegaBlur, h as VegaChange, a as VegaClick, U as VegaPageSizeChange } from './vega-event-id-4ede557a.js';
-import { a as arrayToClassString } from './ui-ba5a4758.js';
+import { n as normalizePageSizeOption, s as sortPageSizeOptions, P as PAGE_SIZE_ALL, r as resolvePageSizeValue, i as includesPageSize, h as hasAllOption } from './page-size-option-utils-50afc81a.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-151dbd10.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { t as VegaInternalPaginationPageSizeChange, u as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-70bd893d.js';
@@ -22,7 +23,7 @@ import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
 import './internal-translation-controller-b08aa9ab.js';
 import './static-subject-title-52f93124.js';
-import './type-guard-23a08026.js';
+import './type-guard-f6c9c89d.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
@@ -73,20 +74,22 @@ const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
         } }))));
 };
 
-const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dropdownProps, onChange, translationSlimmer, }) => {
-  const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
+const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dropdownProps, onChange, translationSlimmer, isAllActive, }) => {
+  const normalized = pageSizeSelectorOptions.map(normalizePageSizeOption);
+  const mergedPageSizeOptions = sortPageSizeOptions(normalized);
   const handleChange = (input) => {
     // Because input-select use single mode, so the detail is always a string type
-    const pageSize = Number(input.detail);
-    onChange(pageSize);
+    const selectedValue = Number(input.detail);
+    onChange(selectedValue);
   };
+  const selectedValue = isAllActive ? PAGE_SIZE_ALL : pageSize;
   return (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
     h("vega-field-label", { label: translationSlimmer.t('Show') }),
     h("div", null,
       h("vega-input-select", { size: "small", source: mergedPageSizeOptions.map((option) => ({
-          id: option.toString(),
-          displayName: option.toString(),
-        })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
+          id: option.value.toString(),
+          displayName: option.label,
+        })), value: selectedValue.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, handleChange);
@@ -205,7 +208,9 @@ class VegaPaginationPageSizeObserverController extends VegaSlimmer {
    */
   registerPaginationPageSizeChangeObserver() {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.host, VegaInternalPaginationPageSizeChange, (payload) => {
-      this.pageSize = Number(payload.detail);
+      const rawValue = Number(payload.detail);
+      this.isAllActive = rawValue === PAGE_SIZE_ALL;
+      this.pageSize = resolvePageSizeValue(rawValue, this.total);
     });
   }
   /**
@@ -221,6 +226,12 @@ __decorate$3([
 __decorate$3([
   MapToComponentField({ writable: true })
 ], VegaPaginationPageSizeObserverController.prototype, "pageSize", void 0);
+__decorate$3([
+  MapToComponentField({ writable: true })
+], VegaPaginationPageSizeObserverController.prototype, "isAllActive", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaPaginationPageSizeObserverController.prototype, "total", void 0);
 __decorate$3([
   MapToComponentMethod('connectedCallback')
 ], VegaPaginationPageSizeObserverController.prototype, "registerPaginationPageSizeChangeObserver", null);
@@ -390,6 +401,8 @@ const VegaPagination = class {
      * Total number of pages.
      */
     this.pageCount = 0;
+    /** Tracks whether "All" was explicitly selected or initialized. */
+    this.isAllActive = false;
     /**
      * Specifies the current page number for
      *    the pagination component.
@@ -445,6 +458,9 @@ const VegaPagination = class {
      * Specifies the options available for the page size selector
      *    in the pagination component.
      *
+     * Each option can be a number or an object with `value` and `label`.
+     * Use `{ value: -1, label: 'All' }` to show all items on a single page.
+     *
      * @vegaVersion 1.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
@@ -459,10 +475,10 @@ const VegaPagination = class {
         case 'currentPageLabel':
           return (h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize, translationSlimmer: this.translationSlimmer }));
         case 'pageSizeSelector': {
-          const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+          const pageSizeSelectorOptions = this.isAllActive || includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
+          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer, isAllActive: this.isAllActive }));
         }
         case 'pageSelector':
           return (h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
@@ -473,14 +489,15 @@ const VegaPagination = class {
           return (h("vega-pagination-page-selector-mobile", { type: item, pageCount: this.pageCount, current: this.current, total: this.total }));
         case 'pageSizeSelectorMobile':
         case 'pageSizeSelectorMobile_currentPageLabel':
-          return (h("vega-pagination-page-size-selector-mobile", { type: item, pageSize: this.pageSize, current: this.current, total: this.total, pageSizeSelectorOptions: this.pageSizeSelectorOptions, dropdownProps: this.dropdownProps }));
+          return (h("vega-pagination-page-size-selector-mobile", { type: item, pageSize: this.pageSize, current: this.current, total: this.total, pageSizeSelectorOptions: this.pageSizeSelectorOptions, dropdownProps: this.dropdownProps, isAllActive: this.isAllActive }));
       }
     };
     this.handlePaginationGoToChange = (page) => {
       this.current = page;
     };
     this.onPageSizeSelectorChange = (pageSize) => {
-      this.pageSize = pageSize;
+      this.isAllActive = pageSize === PAGE_SIZE_ALL;
+      this.pageSize = resolvePageSizeValue(pageSize, this.total);
     };
     this.calculatePages = () => {
       if (!this.total) {
@@ -538,7 +555,10 @@ const VegaPagination = class {
     this.currentValueGuard();
     this.vegaChangeEventEmitter.emit(this.current);
   }
-  watchTotal() {
+  watchTotal(newTotal) {
+    if (this.isAllActive) {
+      this.pageSize = newTotal;
+    }
     this.pageCount = this.calculatePages();
   }
   watchPageSize() {
@@ -548,9 +568,13 @@ const VegaPagination = class {
   watchLayout() {
   }
   componentWillLoad() {
+    this.isAllActive =
+      hasAllOption(this.pageSizeSelectorOptions) &&
+        this.pageSize === this.total &&
+        !includesPageSize(this.pageSizeSelectorOptions, this.pageSize);
     this.pageCount = this.calculatePages();
     this.currentValueGuard();
-    if (!this.pageSizeSelectorOptions.includes(this.pageSize)) {
+    if (!this.isAllActive && !includesPageSize(this.pageSizeSelectorOptions, this.pageSize)) {
       this.pageSizeSelectorOptions = [...this.pageSizeSelectorOptions, this.pageSize];
     }
   }

package/dist/esm/vega-popover_2.entry.js

@@ -1,20 +1,20 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-7557816f.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-c6557f50.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { b as VegaPopoverShow, c as VegaPopoverHide } from './vega-event-id-4ede557a.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-08ec429b.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-df2a2da2.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { V as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-70bd893d.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-5a2f92be.js';
-import { f as formatAndValidResponsiveToken } from './design-token-edcd787b.js';
-import './keyboard-manager-1846c6a5.js';
-import './ui-ba5a4758.js';
-import './type-guard-23a08026.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-cc6a8c3e.js';
+import { f as formatAndValidResponsiveToken } from './design-token-7566d54c.js';
+import './keyboard-manager-c7b125d7.js';
+import './ui-b7600a48.js';
+import './type-guard-f6c9c89d.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
@@ -27,7 +27,7 @@ import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
-import './responsive-format-facade-37d4d850.js';
+import './responsive-format-facade-151dbd10.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-30f7b625.js';

package/dist/esm/vega-progress-tracker_2.entry.js

@@ -3,27 +3,28 @@ import { m as VegaPageUpdate, W as VegaCurrentStepUpdate } from './vega-event-id
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { D as VegaInternalProgressTrackerStepClick } from './vega-internal-event-id-70bd893d.js';
 import { n as normalizeNumberByRanger } from './number-4398f2e1.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ee8c417b.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-6c972bb4.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
-import { x as isResponsiveType } from './type-guard-23a08026.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-151dbd10.js';
+import { x as isResponsiveType } from './type-guard-f6c9c89d.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4d30fa5c.js';
+import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-53643b5c.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-59f5bd47.js';
 import './try-get-document-bef0f526.js';
 import './object-0c277f57.js';
-import './ui-ba5a4758.js';
+import './ui-b7600a48.js';
 import './ui-93922c59.js';
 import './pixel-f32c07ce.js';
 import './breakpoints-d9faf11c.js';
@@ -96,9 +97,10 @@ class VegaProgressTrackerRenderer extends VegaSlimmer {
       ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalProgressTrackerStepClick), index);
     };
   }
-  async gotoCarouselPage() {
+  async gotoCarouselPage(current) {
+    const targetCurrent = current !== null && current !== void 0 ? current : this.current;
     if (this.carouselContainerRef.getBoundingClientRect().width > 0) {
-      await this.carouselRef.goToPage(this.current + 1);
+      await this.carouselRef.goToPage(targetCurrent + 1);
     }
   }
   render() {
@@ -572,7 +574,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 /**
  * Controls the current direction of the progress tracker component.
  */
-class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
+class VegaProgressTrackerCurrentDirectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
   constructor() {
     super(...arguments);
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer({
@@ -582,8 +584,15 @@ class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
        */
       // eslint-disable-next-line jsdoc/require-jsdoc
       callback: /* istanbul ignore next */ async () => {
+        const currentAtResize = this.current;
+        const directionBeforeResize = this.currentDirection;
         this.setCurrentDirection();
-        await this.renderer.gotoCarouselPage();
+        if (directionBeforeResize === this.currentDirection) {
+          await this.renderer.gotoCarouselPage(currentAtResize);
+          return;
+        }
+        // Sync carousel page after component re-render when direction changes.
+        this.enqueueSyncCarouselPage(currentAtResize);
       },
     });
   }
@@ -604,6 +613,25 @@ class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
   watchDirection() {
     this.setCurrentDirection();
   }
+  /**
+   * No-op: carousel sync is handled via closure-captured value in enqueueSyncCarouselPage().
+   */
+  async doTask() {
+  }
+  /**
+   * Enqueue a carousel page sync with the value captured in a closure,
+   * avoiding shared mutable state between enqueue and execution.
+   *
+   * @param {number} page - The carousel page index to sync to
+   */
+  enqueueSyncCarouselPage(page) {
+    void this.autoRunTaskQueue.enqueue({
+      /** Sync carousel to the captured page after re-render */
+      run: async () => {
+        await this.renderer.gotoCarouselPage(page);
+      },
+    }, false);
+  }
   /**
    * The function sets the current direction of a progress tracker
    * based on the component's direction and the current breakpoint.
@@ -619,6 +647,9 @@ class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
 __decorate$3([
   MapToComponentField()
 ], VegaProgressTrackerCurrentDirectionController.prototype, "direction", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaProgressTrackerCurrentDirectionController.prototype, "current", void 0);
 __decorate$3([
   MapToComponentField()
 ], VegaProgressTrackerCurrentDirectionController.prototype, "renderer", void 0);

package/dist/esm/vega-radio_2.entry.js

@@ -4,19 +4,19 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { R as RADIO_VALUE_CHANGE, h as RADIO_GROUP_DISABLED_CHANGE, F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent } from './ui-ba5a4758.js';
+import { f as findParent } from './ui-b7600a48.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { h as VegaChange, G as VegaFocus, H as VegaBlur } from './vega-event-id-4ede557a.js';
 import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-70bd893d.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-8dd39707.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-b7f0e419.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-a8cb19cf.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1ae0aa4d.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-6109039b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -33,12 +33,12 @@ import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-4d30fa5c.js';
+import './sub-state-observer-slimmer-53643b5c.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
-import './keyboard-manager-1846c6a5.js';
-import './type-guard-23a08026.js';
+import './keyboard-manager-c7b125d7.js';
+import './type-guard-f6c9c89d.js';
 import './typography-396de03f.js';
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-rich-text-content.entry.js

@@ -3,21 +3,21 @@ import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as VegaDarkModeStyleController, V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
-import { I as ImageAnnotationAction, T as TextColorToolbarButtonSlimmer } from './image-annotation-action-a6b33a81.js';
-import { g as ImageAnnotation, V as VegaRTEContent } from './content-state-084cd705.js';
-import { s as stateEntityRenderingRegistry, D as NodeAnnotationTypeEnum, a4 as ZERO_WIDTH_SPACE, M as ModifyContentAction, k as ModifyContentActionType, a5 as LinkAnnotationAction, j as InternalAnnotationTypeEnum, C as CommonAnnotationTypeEnum, N as NodeAnnotation, E as RTEDecoratorNode, a6 as UpdateCodeBlockAction, a7 as SelectionChangeAction, z as RTECodeBlock } from './code-block-7d6f231b.js';
+import { I as ImageAnnotationAction, T as TextColorToolbarButtonSlimmer } from './image-annotation-action-6048d32e.js';
+import { g as ImageAnnotation, V as VegaRTEContent } from './content-state-89f8eecb.js';
+import { s as stateEntityRenderingRegistry, F as NodeAnnotationTypeEnum, ac as ZERO_WIDTH_SPACE, M as ModifyContentAction, l as ModifyContentActionType, ad as LinkAnnotationAction, k as InternalAnnotationTypeEnum, C as CommonAnnotationTypeEnum, N as NodeAnnotation, G as RTEDecoratorNode, ae as UpdateCodeBlockAction, af as SelectionChangeAction, E as RTECodeBlock } from './code-block-cd913077.js';
 import { V as VegaRTEBaseRenderer } from './base-renderer-101f6d04.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { h as VegaChange, n as VegaRemove } from './vega-event-id-4ede557a.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
 import { R as RTEDTORendererManager } from './dto-renderer-manager-12bc9121.js';
 import { x as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-70bd893d.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4d30fa5c.js';
-import { f as findParent } from './ui-ba5a4758.js';
-import { w as waitForComponentDidRender } from './wait-for-component-did-render-03e7ccb2.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-53643b5c.js';
+import { f as findParent } from './ui-b7600a48.js';
+import { w as waitForComponentDidRender } from './wait-for-component-did-render-6980a1a6.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-f2b4f8ed.js';
 import './static-subject-title-52f93124.js';
@@ -29,11 +29,11 @@ import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './string-a953eafc.js';
 import './object-0c277f57.js';
+import './string-a953eafc.js';
+import './typography-396de03f.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
-import './typography-396de03f.js';
 import './internal-translation-controller-b08aa9ab.js';
 import './number-4398f2e1.js';
 
@@ -64,10 +64,21 @@ class RTENodeRenderer extends VegaRTEBaseRenderer {
 }
 
 class RTETextNodeRenderer extends RTENodeRenderer {
-  render(node) {
-    const inlineHtmlAnnotation = node.getAnnotationByType(NodeAnnotationTypeEnum.INLINE_HTML);
+  /**
+   * Renders the text node wrapped in the given annotation chain starting from the
+   * provided annotation level. Used by the grouped node renderer to render a node
+   * inside an already-emitted outer wrapper.
+   *
+   * @param {RTETextNode} node - The text node to render.
+   * @param {Nullable<InlineHtmlAnnotation>} annotation - Starting annotation, or null for text-only.
+   * @returns {HTMLElement} The rendered element.
+   */
+  renderFromAnnotation(node, annotation) {
     const textNodeDom = this.renderText(node);
-    return inlineHtmlAnnotation ? this.renderWithWrapper(textNodeDom, inlineHtmlAnnotation) : textNodeDom;
+    return annotation ? this.renderWithWrapper(textNodeDom, annotation) : textNodeDom;
+  }
+  render(node) {
+    return this.renderFromAnnotation(node, node.getAnnotationByType(NodeAnnotationTypeEnum.INLINE_HTML));
   }
   renderWithWrapper(textNodeDom, inlineHtmlNode) {
     const { htmlTag: HtmlTag, customStyle, customAttribute, customClass, } = inlineHtmlNode;
@@ -235,20 +246,90 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     const linkGroupAnnotation = block.getAnnotationByType(InternalAnnotationTypeEnum.LINK_GROUP);
     return linkGroupAnnotation
       ? RTELinkWrapperRenderer$1.render(block.children, linkGroupAnnotation, renderContext)
-      : block.children.map((node) => {
-        const nodeRenderer = RTEDTORendererManager.getRTERenderer(node.type);
-        if (nodeRenderer) {
-          return nodeRenderer.render(node, renderContext, h);
-        }
-      });
+      : this.renderGroupedNodesAtDepth(block.children, 0, renderContext);
+  }
+  /**
+   * Recursively groups `nodes` by their inline HTML wrapper `groupId` at the given
+   * `depth`, emitting a single shared wrapper element for adjacent siblings and
+   * descending into the next depth for each group.  Nodes without a `groupId` at
+   * the current depth are rendered individually (same as the non-grouped path).
+   *
+   * @param {RTETextNode[]} nodes - The nodes to render.
+   * @param {number} depth - Current depth in the inline HTML chain (0 = outermost).
+   * @param {RTERenderContext} renderContext - The render context.
+   * @returns {(HTMLElement | VNode)[]} Rendered nodes/elements at this depth.
+   */
+  renderGroupedNodesAtDepth(nodes, depth, renderContext) {
+    var _a;
+    const result = [];
+    let i = 0;
+    while (i < nodes.length) {
+      const tag = nodes[i].getInlineHtmlTagAtDepth(depth);
+      if (!(tag === null || tag === void 0 ? void 0 : tag.groupId)) {
+        result.push(this.renderNodeFromDepth(nodes[i], depth, renderContext));
+        i++;
+        continue;
+      }
+      let groupEnd = i + 1;
+      while (groupEnd < nodes.length &&
+        ((_a = nodes[groupEnd].getInlineHtmlTagAtDepth(depth)) === null || _a === void 0 ? void 0 : _a.groupId) === tag.groupId) {
+        groupEnd++;
+      }
+      if (groupEnd === i + 1) {
+        // Single node in group — render normally from this depth.
+        result.push(this.renderNodeFromDepth(nodes[i], depth, renderContext));
+      }
+      else {
+        // Multiple nodes share a wrapper — emit the wrapper once and recurse.
+        const attrs = tag.annotation.renderProps();
+        const inner = this.renderGroupedNodesAtDepth(nodes.slice(i, groupEnd), depth + 1, renderContext);
+        result.push(h(tag.htmlTag, attrs, inner));
+      }
+      i = groupEnd;
+    }
+    return result;
+  }
+  /**
+   * Renders a single node starting from the given inline HTML depth.
+   * At depth 0 the full annotation chain is rendered normally.
+   * At depth > 0 the chain begins at that depth (the outer wrappers have
+   * already been emitted by the grouping logic above).
+   *
+   * @param {RTETextNode} node - The node to render.
+   * @param {number} depth - Depth in the inline HTML chain to start from.
+   * @param {RTERenderContext} renderContext - The render context.
+   * @returns {HTMLElement | VNode} The rendered node.
+   */
+  renderNodeFromDepth(node, depth, renderContext) {
+    if (depth === 0) {
+      const nodeRenderer = RTEDTORendererManager.getRTERenderer(node.type);
+      return nodeRenderer.render(node, renderContext, h);
+    }
+    return TextNodeRenderer.renderFromAnnotation(node, node.getInlineHtmlAnnotationAtDepth(depth));
   }
 }
 
 class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
   render(block, renderContext) {
+    if (block.shouldRenderAsInternalWrapper()) {
+      const outerTag = this.getOuterInlineTag(block.children);
+      if (outerTag) {
+        const OuterTag = outerTag.htmlTag;
+        return (h(OuterTag, Object.assign({}, outerTag.annotation.renderProps(), { key: block.id, ref: (ref) => super.registerRef(ref, block) }), super.renderGroupedNodesAtDepth(block.children, 1, renderContext)));
+      }
+    }
     const BlockTag = block.getBlockTag();
     return (h(BlockTag, Object.assign({}, this.getCustomAttrs(block), { key: block.id, ref: (ref) => super.registerRef(ref, block), style: block.getStyles(), class: block.getClasses() }), super.renderNodes(block, renderContext)));
   }
+  /**
+   * Returns the promotable inline HTML tag when the block wraps exactly one
+   * inline-HTML element (e.g. `<summary>`, `<section>`), or `null` otherwise.
+   */
+  getOuterInlineTag(children) {
+    if (children.length !== 1)
+      return null;
+    return children[0].getInlineHtmlTagAtDepth(0);
+  }
 }
 const RTETextBlockRenderer$1 = new RTETextBlockRenderer();
 

package/dist/esm/vega-rich-text-editor_4.entry.js

@@ -4,28 +4,28 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { s as VegaInternalComponentDidRender, d as VegaInternalRichTextEditorFlushChanges, K as VegaInternalRichTextEditDeleteSelectedNodes, L as VegaInternalRichTextImageClick, M as VegaInternalRichTextImageDeleteButtonClicked, y as VegaInternalCodeBlockBlur, V as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-70bd893d.js';
 import { R as RTEDTORendererManager } from './dto-renderer-manager-12bc9121.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
-import { b as RTETextNode, aa as BoldAnnotationAction, D as NodeAnnotationTypeEnum, ab as ItalicAnnotationAction, ac as UnderlineAnnotationAction, d as RTETextBlock, T as TextStyleAnnotationAction, $ as TextStyleAnnotation, ad as BoldAnnotation, w as BlockAnnotationTypeEnum, ae as ClearFormattingAnnotationAction, af as CodeAnnotationAction, ag as StrikethroughAnnotationAction, a7 as SelectionChangeAction, a5 as LinkAnnotationAction, ah as IndentAnnotationAction, M as ModifyContentAction, k as ModifyContentActionType, a9 as RTECodeBlockNode, A as ActionHandleStrategyRegistry, H as HorizontalAlignmentAnnotationAction, s as stateEntityRenderingRegistry, g as AppendChildrenAction, a4 as ZERO_WIDTH_SPACE, U as UpdateTextAction, i as InsertChildrenBeforeAction, K as SplitBlockWithNodeAction, h as RTENode, m as RemoveChildrenAction, J as ReplaceChildNodesAction, z as RTECodeBlock, I as InsertChildrenAfterAction, V as VegaRTEPresetToolbarItems } from './code-block-7d6f231b.js';
-import { V as VisualModeToolbarButtonSlimmer, I as ImageAnnotationAction, a as ToolbarButtonSlimmer, T as TextColorToolbarButtonSlimmer } from './image-annotation-action-a6b33a81.js';
+import { c as RTETextNode, ah as BoldAnnotationAction, F as NodeAnnotationTypeEnum, ai as ItalicAnnotationAction, aj as UnderlineAnnotationAction, e as RTETextBlock, T as TextStyleAnnotationAction, a3 as TextStyleAnnotation, ak as BoldAnnotation, y as BlockAnnotationTypeEnum, al as ClearFormattingAnnotationAction, am as CodeAnnotationAction, an as StrikethroughAnnotationAction, af as SelectionChangeAction, ad as LinkAnnotationAction, ao as IndentAnnotationAction, M as ModifyContentAction, l as ModifyContentActionType, a9 as RTECodeBlockNode, A as ActionHandleStrategyRegistry, H as HorizontalAlignmentAnnotationAction, s as stateEntityRenderingRegistry, h as AppendChildrenAction, ac as ZERO_WIDTH_SPACE, U as UpdateTextAction, j as InsertChildrenBeforeAction, O as SplitBlockWithNodeAction, i as RTENode, n as RemoveChildrenAction, L as ReplaceChildNodesAction, E as RTECodeBlock, I as InsertChildrenAfterAction, V as VegaRTEPresetToolbarItems } from './code-block-cd913077.js';
+import { V as VisualModeToolbarButtonSlimmer, I as ImageAnnotationAction, a as ToolbarButtonSlimmer, T as TextColorToolbarButtonSlimmer } from './image-annotation-action-6048d32e.js';
 import { V as VegaDropdownClick, h as VegaChange, a as VegaClick, X as VegaImageInserted, Y as VegaSourceCodeChange, b as VegaPopoverShow, c as VegaPopoverHide } from './vega-event-id-4ede557a.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { w as waitForComponentDidRender } from './wait-for-component-did-render-03e7ccb2.js';
+import { w as waitForComponentDidRender } from './wait-for-component-did-render-6980a1a6.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-8dd39707.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ee8c417b.js';
-import { f as RTEImageNode, d as RTEListItemBlock, V as VegaRTEContent, M as MergeTwoBlocksNodesAction, I as InsertNewParagraphAction, S as StylePreservator, i as ElementToDtoStrategyProcessor, b as RTEImageBlock } from './content-state-084cd705.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-6c972bb4.js';
+import { f as RTEImageNode, d as RTEListItemBlock, V as VegaRTEContent, M as MergeTwoBlocksNodesAction, I as InsertNewParagraphAction, S as StylePreservator, i as ElementToDtoStrategyProcessor, b as RTEImageBlock } from './content-state-89f8eecb.js';
 import { b as AlignLeft, A as AlignCenter, c as AlignRight, a as AlignJustify } from './align-left-7f959adf.js';
-import { R as RTESelectionState, C as ComponentValueHistoryControllerSlimmer, a as SelectionController } from './component-value-history-controller-slimmer.abstract-acf65b17.js';
+import { R as RTESelectionState, C as ComponentValueHistoryControllerSlimmer, a as SelectionController } from './component-value-history-controller-slimmer.abstract-e595761d.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { d as debounce } from './timer-9321173b.js';
 import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-f2b4f8ed.js';
-import { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-6487ec94.js';
+import { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-1fc7c040.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
 import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
@@ -33,7 +33,7 @@ import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-ren
 import { i as isArrayEqual } from './array-7888f339.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { t as trashCan } from './trash-can-8819a939.js';
-import { f as findParent } from './ui-ba5a4758.js';
+import { f as findParent } from './ui-b7600a48.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
@@ -50,11 +50,11 @@ import './breakpoints-332702ed.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-4d30fa5c.js';
+import './sub-state-observer-slimmer-53643b5c.js';
 import './internal-vega-event-manager-59f5bd47.js';
-import './range-00afe462.js';
-import './keyboard-manager-slimmer-1ae0aa4d.js';
-import './keyboard-manager-1846c6a5.js';
+import './range-b76edec7.js';
+import './keyboard-manager-slimmer-6109039b.js';
+import './keyboard-manager-c7b125d7.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
@@ -3559,6 +3559,7 @@ class SourceEditToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     if (typeof sourceViewValue === 'string') {
       await this.valueController.flushChanges(VegaRTEContent.fromHtml(sourceViewValue, {
         autoMatchFormat: this.sourceEditConfig.autoMatchFormat,
+        filterInlineStyles: this.sourceEditConfig.filterInlineStyles,
       }));
     }
   }
@@ -3897,11 +3898,13 @@ class VegaRichTextEditorSourceViewRenderer extends VegaSlimmer {
       var _a;
       // If source view is closed while blurring, it means the user switch back to normal mode, so we can skip emitting the change event.
       if (this.sourceView) {
+        const filterInlineStyles = Boolean(this.sourceEditConfig.filterInlineStyles);
         const sourceCode = this.getSourceCode();
         const newValue = VegaRTEContent.fromHtml(sourceCode, {
           autoMatchFormat: (_a = this.sourceEditConfig.autoMatchFormat) !== null && _a !== void 0 ? _a : true,
+          filterInlineStyles,
         });
-        const newSourceCode = newValue.toHtml();
+        const newSourceCode = newValue.toHtml({ filterInlineStyles });
         if (newSourceCode !== this.prevRecord) {
           this.sourceCodeChangeEventEmitter.emit(newSourceCode);
           this.prevRecord = newSourceCode;
@@ -3935,7 +3938,7 @@ class VegaRichTextEditorSourceViewRenderer extends VegaSlimmer {
   render() {
     if (!this.allowSourceEdit)
       return;
-    const sourceCode = this.value.toHtml();
+    const sourceCode = this.getSourceTemplate();
     const sourceViewValue = this.sourceView ? CodeFormatter$1.format(sourceCode) : '';
     // Record the source view value when rendering, which will be used to compare with the current source view value when blurring the code block to determine whether to emit the source code change event.
     this.prevRecord = sourceCode;
@@ -3948,6 +3951,14 @@ class VegaRichTextEditorSourceViewRenderer extends VegaSlimmer {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaInternalCodeBlockBlur, this.handleCodeBlockBlur);
         }, disabled: this.disabled, value: { language: 'html', code: sourceViewValue } })));
   }
+  /**
+   * Get the source view template string based on the current value of the rich text editor.
+   *
+   * @returns {string} The HTML template string
+   */
+  getSourceTemplate() {
+    return this.value.toHtml({ filterInlineStyles: this.sourceEditConfig.filterInlineStyles });
+  }
 }
 __decorate$7([
   MapToComponentField()