@heartlandone/vega 2.81.0 → 2.82.0

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -187,6 +187,22 @@ export class VegaInputSelect {
      * @vegaVersion 1.3.0
      */
     this.vegaDropdownProps = {};
+    /**
+     * Provides tooltip configuration for the selected label text.
+     *
+     * Use this to control tooltip placement, width, and other display properties.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.selectedLabelTooltipProps = {};
+    /**
+     * Provides tooltip configuration for dropdown items.
+     *
+     * Use this to control tooltip placement and width for long item labels.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.dropdownItemTooltipProps = {};
     /**
      * Defines the size of the input select field.
      *
@@ -209,6 +225,12 @@ export class VegaInputSelect {
   watchVegaDropdownProps() {
     methodPlaceholder();
   }
+  watchSelectedLabelTooltipProps() {
+    methodPlaceholder();
+  }
+  watchDropdownItemTooltipProps() {
+    methodPlaceholder();
+  }
   componentWillLoad() {
     methodPlaceholder();
   }
@@ -599,6 +621,54 @@ export class VegaInputSelect {
       },
       "defaultValue": "{}"
     },
+    "selectedLabelTooltipProps": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaInputSelectTooltipProps",
+        "resolved": "{ minWidth?: ResponsiveType<SizeType>; maxWidth?: ResponsiveType<SizeType>; placement?: ElementAppenderPlacementType; }",
+        "references": {
+          "VegaInputSelectTooltipProps": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.82.0"
+          }],
+        "text": "Provides tooltip configuration for the selected label text.\n\nUse this to control tooltip placement, width, and other display properties."
+      },
+      "defaultValue": "{}"
+    },
+    "dropdownItemTooltipProps": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaInputSelectDropdownTooltipProps",
+        "resolved": "{ minWidth?: ResponsiveType<SizeType>; maxWidth?: ResponsiveType<SizeType>; placement?: ElementAppenderPlacementType; }",
+        "references": {
+          "VegaInputSelectDropdownTooltipProps": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.82.0"
+          }],
+        "text": "Provides tooltip configuration for dropdown items.\n\nUse this to control tooltip placement and width for long item labels."
+      },
+      "defaultValue": "{}"
+    },
     "size": {
       "type": "string",
       "mutable": false,
@@ -966,6 +1036,12 @@ export class VegaInputSelect {
     }, {
       "propName": "vegaDropdownProps",
       "methodName": "watchVegaDropdownProps"
+    }, {
+      "propName": "selectedLabelTooltipProps",
+      "methodName": "watchSelectedLabelTooltipProps"
+    }, {
+      "propName": "dropdownItemTooltipProps",
+      "methodName": "watchDropdownItemTooltipProps"
     }]; }
 }
 __decorate([

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.js

@@ -216,7 +216,6 @@ export class VegaModalOpenStateController extends VegaSlimmer {
     this.backdropController.setBackdrop();
     this.zIndexController.setModalZIndex();
     this.removeBackdropWhileNoModalShow();
-    this.layoutController.setModalWidth();
     this.emitEvent();
     this.setModalVisibility();
     this.ariaDialogToggle(this.openState.isOpen);
@@ -318,9 +317,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "openEventEmitter", void 0);
-__decorate([
-  MapToComponentField()
-], VegaModalOpenStateController.prototype, "layoutController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "backdropController", void 0);

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

@@ -8,7 +8,8 @@ import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { Fragment, h, Host } from '@stencil/core';
 import { generateUUID } from '../../../../utils/misc';
 import { createEnterKeyHandlerToTriggerClick } from '../../../../utils/accessibility';
-import { formatAndValidResponsiveToken } from '../../../../utils/design-token';
+import { DefaultModalSize } from '../../../../constants/ui';
+import { isResponsiveSizeType } from '../../../../types/type-guard';
 /**
  * Modal renderer
  */
@@ -23,59 +24,49 @@ export class VegaModalRenderer extends VegaSlimmer {
   getModalFooterRef() {
     return this.modalFooter;
   }
-  getModalDialogRef() {
-    return this.modalDialog;
-  }
   getModalContainerRef() {
     return this.modalContainer;
   }
   render() {
-    const margin = formatAndValidResponsiveToken(this.margin, 'margin');
     return (h(Host, { class: {
         'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
       } },
-      h("div", { class: {
-          'modal-dialog': true,
-          [margin]: !!margin,
-        }, role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, tabIndex: -1, ref: (node) => (this.modalDialog = node) }, this.renderContainer())));
+      h("vega-box", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, width: isResponsiveSizeType(this.size) ? this.size : DefaultModalSize, height: this.height, margin: this.margin }, this.renderContainer())));
   }
   renderContainer() {
-    const padding = formatAndValidResponsiveToken(this.padding, 'padding');
     return (h("div", { class: "modal-container", ref: (node) => (this.modalContainer = node) },
-      this.renderHeader(padding),
-      this.renderContent(padding),
-      this.renderFooter(padding)));
+      this.renderHeader(),
+      this.renderContent(),
+      this.renderFooter()));
   }
-  renderHeader(padding) {
-    return (h("div", { class: {
+  renderHeader() {
+    return (h("vega-box", { class: {
         'vega-modal-header': true,
         'vega-modal-header-with-title': this.hasModalTitle(),
+        'vega-modal-header-with-slot': this.useModalSlotTitle(),
         'vega-modal-header-with-icon': this.showCloseButton,
         'vega-modal-header-with-content-scroll': this.isContentScrollable(),
-        [padding]: true,
-      }, id: this.titleId },
+      }, padding: this.padding, id: this.titleId },
       this.renderTitle(),
       this.showCloseButton && this.renderCloseBtn()));
   }
-  renderContent(padding) {
-    return (h("div", { class: {
+  renderContent() {
+    return (h("vega-box", { class: {
         'vega-modal-content': true,
         'vega-modal-content-with-scroll': this.isContentScrollable(),
-        [padding]: true,
-      }, ref: (e) => (this.modalContent = e) },
+      }, padding: this.padding, maxHeight: this.contentMaxHeight, ref: (e) => (this.modalContent = e) },
       h(Fragment, null,
         h("slot", null),
         h("slot", { name: "content" }),
         h("slot", { name: "modal-content" }))));
   }
-  renderFooter(padding) {
-    return (h("div", { class: {
+  renderFooter() {
+    return (h("vega-box", { class: {
         'vega-modal-footer': true,
         'vega-modal-footer-with-slot': this.hasModalFooter(),
         'vega-modal-footer-with-content-scroll': this.isContentScrollable(),
-        [padding]: true,
-      }, ref: (e) => (this.modalFooter = e) },
+      }, padding: this.padding, ref: (e) => (this.modalFooter = e) },
       h(Fragment, null,
         h("slot", { name: "footer" }),
         h("slot", { name: "modal-footer" }))));
@@ -97,9 +88,12 @@ export class VegaModalRenderer extends VegaSlimmer {
     return Boolean(this.contentMaxHeight);
   }
   hasModalTitle() {
-    return (Boolean(this.modalTitle) ||
-      this.host.querySelector(`[slot='modal-title']`) !== null ||
-      this.host.querySelector(`[slot='title']`) !== null);
+    return Boolean(this.modalTitle) || this.useModalSlotTitle();
+  }
+  useModalSlotTitle() {
+    return (!this.modalTitle &&
+      (this.host.querySelector(`[slot='modal-title']`) !== null ||
+        this.host.querySelector(`[slot='title']`) !== null));
   }
 }
 __decorate([
@@ -120,6 +114,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "margin", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "size", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "height", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "showCloseButton", void 0);

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

@@ -5243,8 +5243,8 @@
   padding-bottom: 0px;
 }
 
-.vega-modal-header.vega-modal-header-with-title,
-.vega-modal-header.vega-modal-header-with-icon {
+.vega-modal-header.vega-modal-header-with-title:not(.vega-modal-header-with-slot),
+.vega-modal-header.vega-modal-header-with-icon:not(.vega-modal-header-with-slot) {
   padding-bottom: 16px;
 }
 

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

@@ -17,7 +17,6 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { VegaModalRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-modal/runtime-metrics-payload-definition';
 import { VegaNestedModalController } from './slimmers/controllers/vega-nested-modal-controller';
 import { VegaModalRenderer } from './slimmers/renderers/vega-modal-renderer';
-import { VegaModalLayoutController } from './slimmers/controllers/vega-modal-layout-controller';
 import { VegaModalMobileController } from './slimmers/controllers/vega-modal-mobile-controller';
 import { VegaModalScrollController } from './slimmers/controllers/vega-modal-scroll-controller';
 import { VegaModalOpenStateController } from './slimmers/controllers/vega-modal-open-state-controller';
@@ -35,7 +34,6 @@ export class VegaModal {
     this.openStateController = new VegaModalOpenStateController();
     this.mobileController = new VegaModalMobileController();
     this.scrollController = new VegaModalScrollController();
-    this.layoutController = new VegaModalLayoutController();
     this.backdropController = new VegaModalBackdropController();
     this.openedModalStackController = new VegaModalOpenedModalStackController();
     this.zIndexController = new VegaModalZIndexController();
@@ -738,9 +736,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaModal.prototype, "scrollController", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaModal.prototype, "layoutController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaModal.prototype, "backdropController", void 0);

package/dist/collection/components/vega-progress-tracker/slimmers/controllers/vega-progress-tracker-current-step-controller.js

@@ -24,7 +24,9 @@ export class VegaProgressTrackerCurrentStepController extends VegaSlimmer {
      * @param {number} current - current step index
      */
     this.updateCurrent = (current) => {
-      this.current = normalizeNumberByRanger(current, 0, this.currentSteps.length - 1);
+      const maxIndex = Math.max(0, this.currentSteps.length - 1);
+      const minIndex = this.allowNoCurrentStep ? -1 : 0;
+      this.current = normalizeNumberByRanger(current, minIndex, maxIndex);
     };
   }
   /** connectedCallback */
@@ -62,7 +64,10 @@ export class VegaProgressTrackerCurrentStepController extends VegaSlimmer {
   }
   /** watch prevStep method call*/
   prevStep() {
-    this.updateCurrent(--this.current);
+    // In no-current-step mode, prevStep should keep -1 as the lower bound.
+    const minIndex = this.allowNoCurrentStep && this.current <= -1 ? -1 : 0;
+    const maxIndex = Math.max(0, this.currentSteps.length - 1);
+    this.current = normalizeNumberByRanger(--this.current, minIndex, maxIndex);
   }
   /**
    * watch setCurrent method call
@@ -112,6 +117,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaProgressTrackerCurrentStepController.prototype, "current", void 0);
+__decorate([
+  MapToComponentField()
+], VegaProgressTrackerCurrentStepController.prototype, "allowNoCurrentStep", void 0);
 __decorate([
   MapToComponentField()
 ], VegaProgressTrackerCurrentStepController.prototype, "currentStepUpdateEventEmitter", void 0);

package/dist/collection/components/vega-progress-tracker/slimmers/renderers/vega-progress-tracker-renderer.js

@@ -43,7 +43,7 @@ export class VegaProgressTrackerRenderer extends VegaSlimmer {
   }
   async gotoCarouselPage(current) {
     const targetCurrent = current !== null && current !== void 0 ? current : this.current;
-    if (this.carouselContainerRef.getBoundingClientRect().width > 0) {
+    if (targetCurrent >= 0 && this.carouselContainerRef.getBoundingClientRect().width > 0) {
       await this.carouselRef.goToPage(targetCurrent + 1);
     }
   }

package/dist/collection/components/vega-progress-tracker/vega-progress-tracker.js

@@ -91,6 +91,22 @@ export class VegaProgressTracker {
      * @vegaVersion 1.5.0
      */
     this.canClickStep = true;
+    /**
+     * When enabled, allows `current` to be set to `-1` to indicate
+     *    no highlighted/current step (e.g. all steps are pending or
+     *    the workflow has not started).
+     *
+     * Defaults to `false` to preserve backward-compatible behavior:
+     *    `current` is clamped to `[0, steps.length - 1]`.
+     *
+     * When enabled, `current = -1` is a valid state. The `prevStep()`
+     *    method still clamps at `0` — reaching `-1` is only possible
+     *    by explicitly setting `current = -1` via the prop or
+     *    `setCurrent(-1)`.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.allowNoCurrentStep = false;
   }
   watchCurrentSteps() {
     methodPlaceholder();
@@ -301,6 +317,27 @@ export class VegaProgressTracker {
       "attribute": "can-click-step",
       "reflect": false,
       "defaultValue": "true"
+    },
+    "allowNoCurrentStep": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.82.0"
+          }],
+        "text": "When enabled, allows `current` to be set to `-1` to indicate\n   no highlighted/current step (e.g. all steps are pending or\n   the workflow has not started).\n\nDefaults to `false` to preserve backward-compatible behavior:\n   `current` is clamped to `[0, steps.length - 1]`.\n\nWhen enabled, `current = -1` is a valid state. The `prevStep()`\n   method still clamps at `0` \u2014 reaching `-1` is only possible\n   by explicitly setting `current = -1` via the prop or\n   `setCurrent(-1)`."
+      },
+      "attribute": "allow-no-current-step",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {

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

@@ -110,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);