@heartlandone/vega 2.80.0 → 2.81.0

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

@@ -5,15 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const number = require('./number-4816603d.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const ui = require('./ui-9e8c9732.js');
+const pageSizeOptionUtils = require('./page-size-option-utils-d038dd3a.js');
+const ui = require('./ui-ae4ee13d.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const translationSlimmer = require('./translation-slimmer-c069ca84.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const responsiveFormatFacade = require('./responsive-format-facade-9cae7f27.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
@@ -26,7 +27,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
 require('./internal-translation-controller-9f58a4e4.js');
 require('./static-subject-title-5829a298.js');
-require('./type-guard-d760850a.js');
+require('./type-guard-362d7da3.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
@@ -77,20 +78,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(pageSizeOptionUtils.normalizePageSizeOption);
+  const mergedPageSizeOptions = pageSizeOptionUtils.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 ? pageSizeOptionUtils.PAGE_SIZE_ALL : pageSize;
   return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
     index.h("vega-field-label", { label: translationSlimmer.t('Show') }),
     index.h("div", null,
       index.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.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, handleChange);
@@ -209,7 +212,9 @@ class VegaPaginationPageSizeObserverController extends globalSlimmerRegistry.Veg
    */
   registerPaginationPageSizeChangeObserver() {
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.host, vegaInternalEventId.VegaInternalPaginationPageSizeChange, (payload) => {
-      this.pageSize = Number(payload.detail);
+      const rawValue = Number(payload.detail);
+      this.isAllActive = rawValue === pageSizeOptionUtils.PAGE_SIZE_ALL;
+      this.pageSize = pageSizeOptionUtils.resolvePageSizeValue(rawValue, this.total);
     });
   }
   /**
@@ -225,6 +230,12 @@ __decorate$3([
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaPaginationPageSizeObserverController.prototype, "pageSize", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaPaginationPageSizeObserverController.prototype, "isAllActive", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaPaginationPageSizeObserverController.prototype, "total", void 0);
 __decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaPaginationPageSizeObserverController.prototype, "registerPaginationPageSizeChangeObserver", null);
@@ -394,6 +405,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.
@@ -449,6 +462,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 */
@@ -463,10 +479,10 @@ const VegaPagination = class {
         case 'currentPageLabel':
           return (index.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 || pageSizeOptionUtils.includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
+          return (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer, isAllActive: this.isAllActive }));
         }
         case 'pageSelector':
           return (index.h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
@@ -477,14 +493,15 @@ const VegaPagination = class {
           return (index.h("vega-pagination-page-selector-mobile", { type: item, pageCount: this.pageCount, current: this.current, total: this.total }));
         case 'pageSizeSelectorMobile':
         case 'pageSizeSelectorMobile_currentPageLabel':
-          return (index.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 (index.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 === pageSizeOptionUtils.PAGE_SIZE_ALL;
+      this.pageSize = pageSizeOptionUtils.resolvePageSizeValue(pageSize, this.total);
     };
     this.calculatePages = () => {
       if (!this.total) {
@@ -542,7 +559,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() {
@@ -552,9 +572,13 @@ const VegaPagination = class {
   watchLayout() {
   }
   componentWillLoad() {
+    this.isAllActive =
+      pageSizeOptionUtils.hasAllOption(this.pageSizeSelectorOptions) &&
+        this.pageSize === this.total &&
+        !pageSizeOptionUtils.includesPageSize(this.pageSizeSelectorOptions, this.pageSize);
     this.pageCount = this.calculatePages();
     this.currentValueGuard();
-    if (!this.pageSizeSelectorOptions.includes(this.pageSize)) {
+    if (!this.isAllActive && !pageSizeOptionUtils.includesPageSize(this.pageSizeSelectorOptions, this.pageSize)) {
       this.pageSizeSelectorOptions = [...this.pageSizeSelectorOptions, this.pageSize];
     }
   }

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

@@ -4,21 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const injectKeyboardManager = require('./inject-keyboard-manager-d1a82089.js');
+const injectKeyboardManager = require('./inject-keyboard-manager-12b65e98.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-7a66229b.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-be1b4d57.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-5a0a78fe.js');
-const designToken = require('./design-token-3f9589eb.js');
-require('./keyboard-manager-9dbbb0d4.js');
-require('./ui-9e8c9732.js');
-require('./type-guard-d760850a.js');
+const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-ced9566d.js');
+const designToken = require('./design-token-40276b11.js');
+require('./keyboard-manager-c89a66d3.js');
+require('./ui-ae4ee13d.js');
+require('./type-guard-362d7da3.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
@@ -31,7 +31,7 @@ require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
-require('./responsive-format-facade-4419b4ae.js');
+require('./responsive-format-facade-9cae7f27.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');

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

@@ -7,27 +7,28 @@ const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
 const number = require('./number-4816603d.js');
 const observer = require('./observer-f49483e8.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-39bfcfe3.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const responsiveFormatFacade = require('./responsive-format-facade-9cae7f27.js');
+const typeGuard = require('./type-guard-362d7da3.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
+const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e5b50cbf.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-cc0f511c.js');
 require('./try-get-document-c0ebd39a.js');
 require('./object-b53e9416.js');
-require('./ui-9e8c9732.js');
+require('./ui-ae4ee13d.js');
 require('./ui-32120990.js');
 require('./pixel-98f2a10c.js');
 require('./breakpoints-ebde4837.js');
@@ -100,9 +101,10 @@ class VegaProgressTrackerRenderer extends globalSlimmerRegistry.VegaSlimmer {
       changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.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() {
@@ -576,7 +578,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 /**
  * Controls the current direction of the progress tracker component.
  */
-class VegaProgressTrackerCurrentDirectionController extends globalSlimmerRegistry.VegaSlimmer {
+class VegaProgressTrackerCurrentDirectionController extends autoRunWhenReRenderTaskQueueSlimmer_abstract.AutoRunWhenReRenderTaskQueueSlimmer {
   constructor() {
     super(...arguments);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
@@ -586,8 +588,15 @@ class VegaProgressTrackerCurrentDirectionController extends globalSlimmerRegistr
        */
       // 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);
       },
     });
   }
@@ -608,6 +617,25 @@ class VegaProgressTrackerCurrentDirectionController extends globalSlimmerRegistr
   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.
@@ -623,6 +651,9 @@ class VegaProgressTrackerCurrentDirectionController extends globalSlimmerRegistr
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaProgressTrackerCurrentDirectionController.prototype, "direction", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaProgressTrackerCurrentDirectionController.prototype, "current", void 0);
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaProgressTrackerCurrentDirectionController.prototype, "renderer", void 0);

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

@@ -8,19 +8,19 @@ const component = require('./component-1e352960.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-a8d13f4c.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-982dbfe4.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2631c381.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-68cff676.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-93fcbf46.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -37,12 +37,12 @@ require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
+require('./sub-state-observer-slimmer-e5b50cbf.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
-require('./keyboard-manager-9dbbb0d4.js');
-require('./type-guard-d760850a.js');
+require('./keyboard-manager-c89a66d3.js');
+require('./type-guard-362d7da3.js');
 require('./typography-4560e7f1.js');
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -7,21 +7,21 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
 const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
-const imageAnnotationAction = require('./image-annotation-action-4e72af4b.js');
-const contentState = require('./content-state-afa26456.js');
-const codeBlock = require('./code-block-71a330a1.js');
+const imageAnnotationAction = require('./image-annotation-action-e0df5a20.js');
+const contentState = require('./content-state-0f26036c.js');
+const codeBlock = require('./code-block-24b3d0e7.js');
 const baseRenderer = require('./base-renderer-0a3b62b7.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const typeGuard = require('./type-guard-362d7da3.js');
 const dtoRendererManager = require('./dto-renderer-manager-ae5fcbba.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
-const ui = require('./ui-9e8c9732.js');
-const waitForComponentDidRender = require('./wait-for-component-did-render-b6aba2de.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e5b50cbf.js');
+const ui = require('./ui-ae4ee13d.js');
+const waitForComponentDidRender = require('./wait-for-component-did-render-b6d12d51.js');
 const array = require('./array-249289f2.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-8a87ec08.js');
 require('./static-subject-title-5829a298.js');
@@ -33,11 +33,11 @@ require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
-require('./string-39438062.js');
 require('./object-b53e9416.js');
+require('./string-39438062.js');
+require('./typography-4560e7f1.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./typography-4560e7f1.js');
 require('./internal-translation-controller-9f58a4e4.js');
 require('./number-4816603d.js');
 
@@ -68,10 +68,21 @@ class RTENodeRenderer extends baseRenderer.VegaRTEBaseRenderer {
 }
 
 class RTETextNodeRenderer extends RTENodeRenderer {
-  render(node) {
-    const inlineHtmlAnnotation = node.getAnnotationByType(codeBlock.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(codeBlock.NodeAnnotationTypeEnum.INLINE_HTML));
   }
   renderWithWrapper(textNodeDom, inlineHtmlNode) {
     const { htmlTag: HtmlTag, customStyle, customAttribute, customClass, } = inlineHtmlNode;
@@ -239,20 +250,90 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     const linkGroupAnnotation = block.getAnnotationByType(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP);
     return linkGroupAnnotation
       ? RTELinkWrapperRenderer$1.render(block.children, linkGroupAnnotation, renderContext)
-      : block.children.map((node) => {
-        const nodeRenderer = dtoRendererManager.RTEDTORendererManager.getRTERenderer(node.type);
-        if (nodeRenderer) {
-          return nodeRenderer.render(node, renderContext, index.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(index.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 = dtoRendererManager.RTEDTORendererManager.getRTERenderer(node.type);
+      return nodeRenderer.render(node, renderContext, index.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 (index.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 (index.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/cjs/vega-rich-text-editor_4.cjs.entry.js

@@ -8,28 +8,28 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const component = require('./component-1e352960.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
 const dtoRendererManager = require('./dto-renderer-manager-ae5fcbba.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const typeGuard = require('./type-guard-362d7da3.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
-const codeBlock = require('./code-block-71a330a1.js');
-const imageAnnotationAction = require('./image-annotation-action-4e72af4b.js');
+const codeBlock = require('./code-block-24b3d0e7.js');
+const imageAnnotationAction = require('./image-annotation-action-e0df5a20.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const misc = require('./misc-3d30df91.js');
-const waitForComponentDidRender = require('./wait-for-component-did-render-b6aba2de.js');
+const waitForComponentDidRender = require('./wait-for-component-did-render-b6d12d51.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
-const contentState = require('./content-state-afa26456.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-982dbfe4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-39bfcfe3.js');
+const contentState = require('./content-state-0f26036c.js');
 const alignLeft = require('./align-left-4a76df69.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-fd077a6c.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-bd662b32.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
 const timer = require('./timer-5f33058b.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-8a87ec08.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-7d4c2973.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-4b919054.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
 const translationSlimmer = require('./translation-slimmer-c069ca84.js');
 const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
@@ -37,7 +37,7 @@ const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re
 const array = require('./array-249289f2.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const trashCan = require('./trash-can-46a5e19a.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
@@ -54,11 +54,11 @@ require('./breakpoints-1cc2c4c6.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
+require('./sub-state-observer-slimmer-e5b50cbf.js');
 require('./internal-vega-event-manager-cc0f511c.js');
-require('./range-fa15d524.js');
-require('./keyboard-manager-slimmer-68cff676.js');
-require('./keyboard-manager-9dbbb0d4.js');
+require('./range-cdd61881.js');
+require('./keyboard-manager-slimmer-93fcbf46.js');
+require('./keyboard-manager-c89a66d3.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
@@ -3563,6 +3563,7 @@ class SourceEditToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
     if (typeof sourceViewValue === 'string') {
       await this.valueController.flushChanges(contentState.VegaRTEContent.fromHtml(sourceViewValue, {
         autoMatchFormat: this.sourceEditConfig.autoMatchFormat,
+        filterInlineStyles: this.sourceEditConfig.filterInlineStyles,
       }));
     }
   }
@@ -3901,11 +3902,13 @@ class VegaRichTextEditorSourceViewRenderer extends globalSlimmerRegistry.VegaSli
       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 = contentState.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;
@@ -3939,7 +3942,7 @@ class VegaRichTextEditorSourceViewRenderer extends globalSlimmerRegistry.VegaSli
   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;
@@ -3952,6 +3955,14 @@ class VegaRichTextEditorSourceViewRenderer extends globalSlimmerRegistry.VegaSli
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaInternalEventId.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([
   globalSlimmerRegistry.MapToComponentField()