@heartlandone/vega 2.80.0 → 2.82.0

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

@@ -0,0 +1,142 @@
+/**
+ * Tags whose direct children are always phrasing (inline) content (P, H1-H6, LI).
+ *
+ * This is spec knowledge from the HTML Living Standard — these grouping-content
+ * elements have a phrasing-content content model and cannot contain block-level
+ * descendants. It cannot be derived from the strategy registry and must be
+ * maintained alongside the HTML spec.
+ *
+ * @see https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
+ */
+export const BLOCK_TEXT_CONTAINER_TAGS = new Set([
+  'P',
+  'H1',
+  'H2',
+  'H3',
+  'H4',
+  'H5',
+  'H6',
+  'LI',
+]);
+/**
+ * Tags with dedicated element-to-DTO block strategies
+ * (P, H1-H6, LI, UL, OL, IMG, CODE).
+ *
+ * HtmlBlockStrategy skips these to avoid double-processing or overriding their
+ * specialized block semantics.
+ *
+ * Why hard-coded: strategies use heterogeneous matching (`tagName ===`,
+ * `matchTextBlockType` via font-size/class, etc.) so there is no single
+ * declarative contract to derive this set from. It must be kept in sync with
+ * the strategies registered in `dto/setup.ts`.
+ *
+ * Intentionally independent of {@link BLOCK_TEXT_CONTAINER_TAGS} — the two
+ * sets encode different concepts (app architecture vs. HTML spec) and must
+ * be maintained separately.
+ */
+export const DEDICATED_STRATEGY_TAGS = new Set([
+  'P',
+  'H1',
+  'H2',
+  'H3',
+  'H4',
+  'H5',
+  'H6',
+  'LI',
+  'UL',
+  'OL',
+  'IMG',
+  'CODE',
+]);
+/**
+ * Tags that are always treated as phrasing (inline) content, even when they
+ * also appear in {@link DEDICATED_STRATEGY_TAGS} (CODE).
+ * A tag in this set overrides the dedicated-strategy skip in HtmlBlockStrategy.
+ *
+ * Mix of HTML5 spec phrasing-content elements (BR, CODE, A) and
+ * RTE-internal custom elements (VEGA-RICH-TEXT-LINK-EDITOR).
+ */
+export const ALWAYS_INLINE_TAGS = new Set(['BR', 'VEGA-RICH-TEXT-LINK-EDITOR', 'CODE', 'A']);
+/**
+ * Tags whose content model requires each child to be a distinct block-level
+ * element (table model and definition list).
+ *
+ * TABLE expects CAPTION/THEAD/TBODY/TFOOT/TR; TR expects TH/TD;
+ * THEAD/TBODY/TFOOT expect TR; DL expects DT/DD.
+ *
+ * Used by HtmlBlockStrategy to prevent text-only children (e.g. CAPTION,
+ * TH, TD) from being treated as inline — they must become html-blocks so
+ * the table structure round-trips correctly.
+ *
+ * Note: COLGROUP is intentionally excluded. Its only permitted child is the
+ * void element COL, which can never produce text-node children, so the
+ * text-only heuristic in HtmlBlockStrategy can never fire for a COLGROUP
+ * parent.
+ *
+ * @see https://html.spec.whatwg.org/multipage/tables.html#the-table-element
+ * @see https://html.spec.whatwg.org/multipage/grouping-content.html#the-dl-element
+ */
+export const STRUCTURED_CONTAINER_TAGS = new Set([
+  'TABLE',
+  'THEAD',
+  'TBODY',
+  'TFOOT',
+  'TR',
+  'DL',
+]);
+/**
+ * Formatting phrasing-content elements that CAN remain inline even when empty.
+ *
+ * Any element NOT in this set (DIV, SECTION, ARTICLE, custom elements, etc.)
+ * is treated as a block separator. Phrasing content is a closed, finite set
+ * per the HTML Living Standard, making an allowlist safer than blocklisting
+ * block containers (which is open-ended — custom elements default to block).
+ *
+ * Intentionally excludes:
+ * - BR, CODE, A, VEGA-RICH-TEXT-LINK-EDITOR → handled by {@link ALWAYS_INLINE_TAGS}
+ * - P, H1-H6, LI, UL, OL, IMG → handled by {@link DEDICATED_STRATEGY_TAGS}
+ * - VIDEO, AUDIO, EMBED → embedded content that carries media even when empty;
+ *   must be treated as block-level, not as inline formatting artifacts
+ *
+ * @see https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
+ */
+export const PHRASING_CONTENT_TAGS = new Set([
+  'ABBR',
+  'B',
+  'BDI',
+  'BDO',
+  'CITE',
+  'DEL',
+  'DFN',
+  'EM',
+  'I',
+  'INS',
+  'KBD',
+  'MARK',
+  'METER',
+  'OUTPUT',
+  'PROGRESS',
+  'Q',
+  'S',
+  'SAMP',
+  'SMALL',
+  'SPAN',
+  'STRONG',
+  'SUB',
+  'SUP',
+  'TIME',
+  'U',
+  'VAR',
+]);
+/**
+ * Returns true when the element is a direct child of a block text container
+ * (P, H1-H6, LI), meaning it must be treated as phrasing content regardless
+ * of its own DOM structure.
+ *
+ * @param {HTMLElement} element - Element to test.
+ * @returns {boolean} True if the element is inside a block text container.
+ */
+export function isInBlockTextContext(element) {
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  return BLOCK_TEXT_CONTAINER_TAGS.has(element.parentElement.nodeName);
+}

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/source-edit-toolbar-button-slimmer.js

@@ -43,6 +43,7 @@ export class SourceEditToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     if (typeof sourceViewValue === 'string') {
       await this.valueController.flushChanges(VegaRTEContent.fromHtml(sourceViewValue, {
         autoMatchFormat: this.sourceEditConfig.autoMatchFormat,
+        filterInlineStyles: this.sourceEditConfig.filterInlineStyles,
       }));
     }
   }

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-source-view-renderer.js

@@ -24,11 +24,13 @@ export 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;
@@ -62,7 +64,7 @@ export class VegaRichTextEditorSourceViewRenderer extends VegaSlimmer {
   render() {
     if (!this.allowSourceEdit)
       return;
-    const sourceCode = this.value.toHtml();
+    const sourceCode = this.getSourceTemplate();
     const sourceViewValue = this.sourceView ? CodeFormatter.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;
@@ -75,6 +77,14 @@ export 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([
   MapToComponentField()

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

@@ -447,7 +447,7 @@ export class VegaRichTextEditor {
       "mutable": false,
       "complexType": {
         "original": "VegaRTESourceEditConfig",
-        "resolved": "{ autoMatchFormat?: boolean; }",
+        "resolved": "{ autoMatchFormat?: boolean; filterInlineStyles?: boolean; }",
         "references": {
           "VegaRTESourceEditConfig": {
             "location": "import",

package/dist/collection/components/vega-section-title/slimmers/renderers/vega-section-title-renderer.js

@@ -8,7 +8,7 @@ import { h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 export class VegaSectionTitleRenderer extends VegaSlimmer {
   render() {
-    return (h("vega-flex", { "align-items": "start", "justify-content": "start", gap: "size-8" },
+    return (h("vega-flex", { "align-items": "start", "justify-content": "start", gap: "size-8", class: this.size === 'small' ? 'section-title-small' : undefined },
       this.renderPrefixIcon(),
       this.renderText()));
   }
@@ -34,7 +34,7 @@ export class VegaSectionTitleRenderer extends VegaSlimmer {
       this.iconAlign === 'right' && h("div", { class: "right-icon-container" }, this.renderIcon()));
   }
   renderIcon() {
-    return (h("vega-icon", { icon: this.icon, color: "text-primary", size: "size-20", class: "vega-flex-shrink-0" }));
+    return (h("vega-icon", { icon: this.icon, color: this.iconColor, size: this.size === 'small' ? 'size-16' : 'size-20', class: "vega-flex-shrink-0" }));
   }
 }
 __decorate([
@@ -52,3 +52,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaSectionTitleRenderer.prototype, "iconAlign", void 0);
+__decorate([
+  MapToComponentField()
+], VegaSectionTitleRenderer.prototype, "iconColor", void 0);
+__decorate([
+  MapToComponentField()
+], VegaSectionTitleRenderer.prototype, "size", void 0);

package/dist/collection/components/vega-section-title/vega-section-title.css

@@ -88,4 +88,39 @@
   margin-left: 8px;
   margin-top: 4px;
   vertical-align: middle;
+}
+
+.section-title-small .section-title-text {
+  font-family: "Inter", sans-serif;
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 25px;
+  letter-spacing: 0px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .section-title-small .section-title-text {
+    font-family: "Inter", sans-serif;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 25px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  .section-title-small .section-title-text {
+    font-family: "Inter", sans-serif;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 25px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  .section-title-small .section-title-text {
+    font-family: "Inter", sans-serif;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 25px;
+    letter-spacing: 0px;
+  }
 }

package/dist/collection/components/vega-section-title/vega-section-title.js

@@ -31,6 +31,18 @@ export class VegaSectionTitle {
      * @vegaVersion 2.1.0
      */
     this.iconAlign = 'left';
+    /**
+     * Specifies the color of the icon displayed
+     *    within the section title.
+     * @vegaVersion 2.81.0
+     */
+    this.iconColor = 'text-primary';
+    /**
+     * Specifies the size of the section title.
+     *
+     * @vegaVersion 2.81.0
+     */
+    this.size = 'default';
   }
   render() {
     return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
@@ -130,6 +142,58 @@ export class VegaSectionTitle {
       "attribute": "icon-align",
       "reflect": false,
       "defaultValue": "'left'"
+    },
+    "iconColor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "TextColorsTokenType",
+        "resolved": "\"text-primary\" | \"text-secondary\" | \"text-inverted-primary\" | \"text-inverted-secondary\" | \"text-black\" | \"text-white\" | \"text-brand\" | \"text-danger-link\" | \"text-danger-link-hover\" | \"text-danger-link-active\" | \"text-danger-link-focus\" | \"text-danger-link-visited\" | \"text-disabled\" | \"text-error\" | \"text-input-disabled\" | \"text-input-placeholder\" | \"text-link\" | \"text-link-hover\" | \"text-link-active\" | \"text-link-focus\" | \"text-link-visited\" | \"text-on-action\" | \"text-on-danger\" | \"text-on-disabled\" | \"text-sidebar-link\" | \"text-sidebar-link-hover\" | \"text-sidebar-link-selected\" | \"text-site-footer-link\" | \"text-site-footer-link-hover\" | \"text-site-footer-link-active\" | \"text-success\" | \"text-inverted-success\" | \"text-accent1-primary\" | \"text-accent2-primary\" | \"text-accent3-primary\" | \"text-accent4-primary\" | \"text-accent5-primary\" | \"text-accent6-primary\" | \"text-accent7-primary\" | \"text-accent8-primary\" | \"text-accent9-primary\" | \"text-accent10-primary\"",
+        "references": {
+          "TextColorsTokenType": {
+            "location": "import",
+            "path": "../../types/design-token.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.81.0"
+          }],
+        "text": "Specifies the color of the icon displayed\n   within the section title."
+      },
+      "attribute": "icon-color",
+      "reflect": false,
+      "defaultValue": "'text-primary'"
+    },
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaSectionTitleSizeType",
+        "resolved": "\"default\" | \"small\"",
+        "references": {
+          "VegaSectionTitleSizeType": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.81.0"
+          }],
+        "text": "Specifies the size of the section title."
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "'default'"
     }
   }; }
   static get elementRef() { return "host"; }

package/dist/collection/components/vega-stepper/vega-stepper.css

@@ -50,6 +50,9 @@
   display: inline-flex;
   justify-content: center;
   align-items: center;
+}
+
+:host > label + div {
   margin-top: 8px;
 }
 
@@ -107,4 +110,16 @@
   outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
   outline-offset: 3px;
   border: 1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));
+}
+
+.aria-announcement {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
 }

package/dist/collection/components/vega-stepper/vega-stepper.js

@@ -191,7 +191,8 @@ export class VegaStepper {
           }, "data-aria-label": this.label || 'stepper' }),
         h("vega-button-circle", { label: "Increase", showTooltip: false, ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => this.onIncrease());
-          }, icon: "plus-sign", disabled: this.value >= this.max || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' }))), this.host);
+          }, icon: "plus-sign", disabled: this.value >= this.max || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' })),
+      h("div", { class: "aria-announcement", "aria-live": "polite", "aria-atomic": "true" }, `${this.label || 'stepper'}: ${this.value}`)), this.host);
   }
   renderLabelDom() {
     return this.label ? (h("label", { class: "v-text-center v-text-medium-typeset-1", htmlFor: this.stepperId }, this.label)) : null;

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-render-input-controller.js

@@ -6,8 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalColumnBodyCellRenderInputRIC, VegaInternalColumnHeadCellRenderInputRIC, VegaInternalColumnHeadRowRenderInputRIC, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaInternalVegaTableRenderInputChange, VegaInternalColumnBodyCellRenderInputRIC, VegaInternalColumnHeadCellRenderInputRIC, VegaInternalColumnHeadRowRenderInputRIC, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
+import changeManager from '../../../../helpers/change-manager/change-manager';
+import { SynchronizeTaskQueue } from '../../../../helpers/queue/synchronize-task-queue';
 import { ColumnRenderInputModel } from './dto/column-render-input-model';
 /**
  * VegaTableRenderInputController
@@ -24,6 +26,7 @@ export class VegaTableRenderInputController extends VegaSlimmer {
     this.headRowRenderInputMap = new Map();
     this.headCellRenderInputMap = new Map();
     this.pinnedColumnBodyCellRenderInputMap = new Map();
+    this.cellRenderInputChangeTaskQueue = new SynchronizeTaskQueue();
   }
   /**
    * Register remote invocation observers when controller is connected.
@@ -46,12 +49,29 @@ export class VegaTableRenderInputController extends VegaSlimmer {
   componentWillLoad() {
     this.setRenderInputModel();
   }
+  /**
+   * Notify body cells about render input changes after the table has re-rendered.
+   * This ensures ref callbacks have fired and the pinnedColumnBodyCellRenderInputMap is up-to-date.
+   * Called via component lifecycle mapping.
+   */
+  async componentDidRender() {
+    await this.cellRenderInputChangeTaskQueue.runTask();
+  }
   /**
    * Recompute head context when the column structure model changes.
    * Called via watch mapping.
    */
-  watchColumnStructureModel() {
+  async watchColumnStructureModel() {
     this.setRenderInputModel();
+    this.pinnedColumnBodyCellRenderInputMap.clear();
+    await this.cellRenderInputChangeTaskQueue.enqueue({
+      /**
+       * Notify body-cell render-input changes after render completes.
+       */
+      run: async () => {
+        changeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalVegaTableRenderInputChange), {});
+      },
+    }, false);
   }
   /**
    * Return render input models for table body (flattened leaves).
@@ -166,6 +186,9 @@ __decorate([
 __decorate([
   MapToComponentMethod('componentWillLoad')
 ], VegaTableRenderInputController.prototype, "componentWillLoad", null);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], VegaTableRenderInputController.prototype, "componentDidRender", null);
 __decorate([
   MapToComponentMethod('watchColumnStructureModel')
 ], VegaTableRenderInputController.prototype, "watchColumnStructureModel", null);

package/dist/collection/components/vega-table/slimmers/renderers/vega-table-pinned-renderer.js

@@ -8,6 +8,7 @@ import { InjectVegaSlimmer, MapToComponentField, MapToComponentMethod, methodPla
 import { isNonNullable } from '../../../../types/type-guard';
 import { PageResizeObserverSlimmer } from '../../../../helpers/slimmers/page-resize-observer-slimmer';
 import { extractNumberFromString } from '../../../../utils/ui';
+import { SynchronizeTaskQueue } from '../../../../helpers/queue/synchronize-task-queue';
 export class VegaTablePinnedRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -26,14 +27,24 @@ export class VegaTablePinnedRenderer extends VegaSlimmer {
         });
       },
     });
+    this.previouslyStyledCells = new Set();
+    this.clearPinnedPositionsTaskQueue = new SynchronizeTaskQueue(1);
   }
   componentDidLoad() {
     methodPlaceholder;
   }
-  componentDidRender() {
+  async componentDidRender() {
+    await this.clearPinnedPositionsTaskQueue.runTask();
     this.updateTableRowPinnedPosition();
     this.updateTableCellPinnedPosition();
   }
+  watchColumnStructureModel() {
+    void this.clearPinnedPositionsTaskQueue.enqueue({
+      run: async () => {
+        this.clearAllPinnedPositions();
+      },
+    }, false);
+  }
   updateTableCellPinnedPosition() {
     if (!this.columnStructureModel.hasLeftPinnedColumn() &&
       !this.columnStructureModel.hasRightPinnedColumn())
@@ -144,12 +155,25 @@ export class VegaTablePinnedRenderer extends VegaSlimmer {
       }
     });
   }
+  clearAllPinnedPositions() {
+    this.previouslyStyledCells.forEach((cell) => {
+      cell.style.position = '';
+      cell.style.zIndex = '';
+      cell.style.left = '';
+      cell.style.right = '';
+      if (cell.classList.contains('expanded-row-slot-inner')) {
+        cell.style.width = '';
+      }
+    });
+    this.previouslyStyledCells.clear();
+  }
   updatePinnedPosition(cell, type, position) {
     if (!cell)
       return;
     cell.style.position = 'sticky';
     cell.style.zIndex = '1';
     cell.style[type] = `${position}px`;
+    this.previouslyStyledCells.add(cell);
   }
 }
 __decorate([
@@ -173,3 +197,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('componentDidRender')
 ], VegaTablePinnedRenderer.prototype, "componentDidRender", null);
+__decorate([
+  MapToComponentMethod('watchColumnStructureModel')
+], VegaTablePinnedRenderer.prototype, "watchColumnStructureModel", null);

package/dist/collection/components/vega-table/vega-table-cell/vega-table-cell.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, Host, h, Prop, Element, State } from '@stencil/core';
 import { generateResponsiveClass, generateTextAlignClass } from '../utils';
-import { arrayToClassString, findParent } from '../../../utils/ui';
+import { arrayToClassString } from '../../../utils/ui';
 import { sanitizeVegaComponent } from '../../../utils/component';
 import { VegaTableCellStateController } from './slimmers/controllers/vega-table-cell-state-controller';
 import ResponsiveFormatFacade from '../../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
@@ -16,9 +16,8 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { FeatureFlag } from '../../../helpers/feature-control/feature-flag-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTableRowStateSubscriber } from './slimmers/controllers/vega-table-row-state-subscriber';
-import domNodeSubjectFactory from '../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaTableChildRenderInputConsumerSlimmer } from '../../../helpers/slimmers/vega-table-child-render-input-consumer-slimmer';
 import { VegaInternalColumnBodyCellRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
-import remoteInvocationRegistry from '../../../helpers/remote-invocation/remote-invocation-registry';
 /**
  * @vegaVersion 1.44.0
  */
@@ -29,6 +28,7 @@ export class VegaTableCell {
     this.vegaTableRowStateSubscriber = new VegaTableRowStateSubscriber();
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalColumnBodyCellRenderInputRIC);
     this.currentBreakpoint = getCurrentBreakpoint();
     this.getCellOverflowClass = () => {
       switch (this.overflow) {
@@ -40,6 +40,7 @@ export class VegaTableCell {
     };
   }
   render() {
+    var _a, _b, _c;
     const responsiveClass = generateResponsiveClass(this.breakpoint, 'v-table-cell');
     const columnAlignClass = generateTextAlignClass(this.textAlign);
     const overflowClass = this.getCellOverflowClass();
@@ -47,16 +48,13 @@ export class VegaTableCell {
     if (!FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE')) {
       columnClasses.push('break-word');
     }
-    const table = findParent(this.host, 'vega-table');
-    const renderInput = table &&
-      remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(table, VegaInternalColumnBodyCellRenderInputRIC), this.host);
-    if (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isRightStartPinned) {
+    if ((_a = this.renderInput) === null || _a === void 0 ? void 0 : _a.isRightStartPinned) {
       columnClasses.push('left-divider');
     }
-    if (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isLeftEndPinned) {
+    if ((_b = this.renderInput) === null || _b === void 0 ? void 0 : _b.isLeftEndPinned) {
       columnClasses.push('right-divider');
     }
-    if (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isNoPinnedEnd) {
+    if ((_c = this.renderInput) === null || _c === void 0 ? void 0 : _c.isNoPinnedEnd) {
       columnClasses.push('hide-right-border');
     }
     return sanitizeVegaComponent(h(Host, { class: arrayToClassString([
@@ -187,7 +185,8 @@ export class VegaTableCell {
     "clickable": {},
     "checked": {},
     "striped": {},
-    "expanded": {}
+    "expanded": {},
+    "renderInput": {}
   }; }
   static get elementRef() { return "host"; }
 }
@@ -206,3 +205,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableCell.prototype, "vegaTableRenderInputConsumerSlimmer", void 0);

package/dist/collection/components/vega-table/vega-table-head-cell/vega-table-head-cell.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Component, Host, h, Prop, Element, Event, State } from '@stencil/core';
-import { arrayToClassString, findParent } from '../../../utils/ui';
+import { arrayToClassString } from '../../../utils/ui';
 import { generateResponsiveClass } from '../utils';
 import { createEnterKeyHandlerToTriggerClick } from '../../../utils/accessibility';
 import { sanitizeVegaComponent } from '../../../utils/component';
@@ -26,9 +26,8 @@ import { FeatureFlag } from '../../../helpers/feature-control/feature-flag-contr
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { SortIconRenderer } from './slimmers/renderers/sort-icon-renderer';
 import { VegaTableHeadCellSortConfigController } from './slimmers/controllers/vega-table-head-cell-sort-config-controller';
-import RemoteInvocationRegistry from '../../../helpers/remote-invocation/remote-invocation-registry';
-import domNodeSubjectFactory from '../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalColumnHeadCellRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaTableChildRenderInputConsumerSlimmer } from '../../../helpers/slimmers/vega-table-child-render-input-consumer-slimmer';
 /**
  * @vegaVersion 1.44.0
  */
@@ -41,6 +40,7 @@ export class VegaTableHeadCell {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.sortIconRenderer = new SortIconRenderer();
     this.vegaTableHeadCellSortConfigController = new VegaTableHeadCellSortConfigController();
+    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalColumnHeadCellRenderInputRIC);
     this.currentBreakpoint = getCurrentBreakpoint();
     this.handleSort = (e) => {
       this.sortOrder = this.getNextSortOrder(this.sortOrder);
@@ -66,6 +66,7 @@ export class VegaTableHeadCell {
     };
   }
   render() {
+    var _a, _b, _c, _d, _e, _f, _g;
     const sortableConfig = this.sorter
       ? {
         role: 'button',
@@ -74,9 +75,6 @@ export class VegaTableHeadCell {
         onClick: (e) => this.handleSort(e),
       }
       : null;
-    const table = findParent(this.host, 'vega-table');
-    const renderInput = table &&
-      RemoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(table, VegaInternalColumnHeadCellRenderInputRIC), this.host);
     return sanitizeVegaComponent(h(Host, { class: {
         [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
         'sortable': !!this.sorter,
@@ -85,12 +83,12 @@ export class VegaTableHeadCell {
       h("th", Object.assign({ class: {
           'vega-table-cell': true,
           'break-word': !FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE'),
-          'is-group-cell': renderInput === null || renderInput === void 0 ? void 0 : renderInput.headHasGroupColumn,
-          'hide-right-border': (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isViewEnd) || (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isNoPinnedEnd),
-          'right-divider': renderInput === null || renderInput === void 0 ? void 0 : renderInput.isLeftEndPinned,
-          'left-divider': renderInput === null || renderInput === void 0 ? void 0 : renderInput.isRightStartPinned,
+          'is-group-cell': (_a = this.renderInput) === null || _a === void 0 ? void 0 : _a.headHasGroupColumn,
+          'hide-right-border': ((_b = this.renderInput) === null || _b === void 0 ? void 0 : _b.isViewEnd) || ((_c = this.renderInput) === null || _c === void 0 ? void 0 : _c.isNoPinnedEnd),
+          'right-divider': (_d = this.renderInput) === null || _d === void 0 ? void 0 : _d.isLeftEndPinned,
+          'left-divider': (_e = this.renderInput) === null || _e === void 0 ? void 0 : _e.isRightStartPinned,
           [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
-        } }, sortableConfig, { colSpan: renderInput === null || renderInput === void 0 ? void 0 : renderInput.colSpan, rowSpan: renderInput === null || renderInput === void 0 ? void 0 : renderInput.rowSpan }),
+        } }, sortableConfig, { colSpan: (_f = this.renderInput) === null || _f === void 0 ? void 0 : _f.colSpan, rowSpan: (_g = this.renderInput) === null || _g === void 0 ? void 0 : _g.rowSpan }),
         h("div", { class: arrayToClassString(['vega-table-column', this.textAlign]) },
           h("span", { class: "vega-table-column-label" },
             h("slot", null)),
@@ -272,7 +270,8 @@ export class VegaTableHeadCell {
   static get states() { return {
     "currentBreakpoint": {},
     "density": {},
-    "columnDivider": {}
+    "columnDivider": {},
+    "renderInput": {}
   }; }
   static get events() { return [{
       "method": "vegaClick",
@@ -356,3 +355,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableHeadCell.prototype, "vegaTableHeadCellSortConfigController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadCell.prototype, "vegaTableRenderInputConsumerSlimmer", void 0);