@heartlandone/vega 2.81.0 → 2.83.0

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

@@ -14,7 +14,7 @@ import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-e
 import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { findParent } from '../../../../../utils/ui';
-import { VegaInternalColumnHeadRowRenderInputRIC, VegaInternalTableRowSelectAll, } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaInternalTableRowSelectAll } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 export class VegaTableHeadRowRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -98,9 +98,7 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
   }
   getRowRenderInput() {
     const renderInput = {};
-    const table = findParent(this.host, 'vega-table');
-    const renderInputs = table &&
-      remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(table, VegaInternalColumnHeadRowRenderInputRIC), this.host);
+    const renderInputs = this.renderInput;
     const startRenderInput = renderInputs === null || renderInputs === void 0 ? void 0 : renderInputs[0];
     const endRenderInput = renderInputs === null || renderInputs === void 0 ? void 0 : renderInputs[renderInputs.length - 1];
     if (startRenderInput) {
@@ -151,6 +149,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableHeadRowRenderer.prototype, "isTemplateRenderMode", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "renderInput", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaTableHeadRowRenderer.prototype, "connectedCallback", null);

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

@@ -16,6 +16,8 @@ import ResponsiveFormatFacade from '../../../helpers/formatter/responsive-map-fo
 import { getCurrentBreakpoint } from '../../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaTableChildRenderInputConsumerSlimmer } from '../../../helpers/slimmers/vega-table-child-render-input-consumer-slimmer';
+import { VegaInternalColumnHeadRowRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * @vegaVersion 1.44.0
  */
@@ -28,6 +30,7 @@ export class VegaTableHeadRow {
     this.headCellEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalColumnHeadRowRenderInputRIC);
     this.currentBreakpoint = getCurrentBreakpoint();
     /**
      * Indicates whether the row is expandable.
@@ -100,7 +103,8 @@ export class VegaTableHeadRow {
     "columnDivider": {},
     "density": {},
     "isEmptyTable": {},
-    "isTemplateRenderMode": {}
+    "isTemplateRenderMode": {},
+    "renderInput": {}
   }; }
   static get elementRef() { return "host"; }
 }
@@ -125,3 +129,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableHeadRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadRow.prototype, "vegaTableRenderInputConsumerSlimmer", void 0);

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

@@ -12,10 +12,15 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-text-with-long-text-change-screen-size}
+   * @see{module:vega-text-restore-on-enlarge-screen-size}
    */
   constructor() {
     /* eslint-disable jsdoc/require-jsdoc*/
     super({
+      // Observe both the host (catches show/hide e.g. in vega-tab-group-panel, VD-8769)
+      // and document.body (catches viewport resize after truncation collapses host width).
+      // eslint-disable-next-line no-restricted-globals
+      target: /* istanbul ignore next */ () => [this.host, document.body],
       callback: /* istanbul ignore next */ () => {
         if (this.overflow === 'ellipsis') {
           if (this.tooltipRef) {
@@ -33,6 +38,11 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
      */
     /* istanbul ignore next */
     this.handleTooltip = async () => {
+      // Skip when host has no layout (e.g. hidden inside an inactive vega-tab-group-panel);
+      // the observer will re-fire once the host becomes visible.
+      if (this.host.clientWidth === 0) {
+        return;
+      }
       if (isTextWrapped(this.host)) {
         const tooltip = this.createTooltip();
         void tooltip.componentOnReady().then(() => {
@@ -55,7 +65,7 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
      */
     /* istanbul ignore next */
     this.createTooltip = () => {
-      var _a;
+      var _a, _b, _c;
       this.tooltipRef = this.host.querySelector('vega-tooltip');
       if (!this.tooltipRef) {
         // eslint-disable-next-line no-restricted-globals
@@ -63,6 +73,8 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
         this.tooltipRef.text = this.content;
         this.tooltipRef.innerText = this.content;
         this.tooltipRef.placement = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.placement;
+        this.tooltipRef.maxWidth = (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.maxWidth;
+        this.tooltipRef.minWidth = (_c = this.tooltip) === null || _c === void 0 ? void 0 : _c.minWidth;
         this.host.replaceChildren(this.tooltipRef);
       }
       return this.tooltipRef;
@@ -123,9 +135,11 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
   /* istanbul ignore next */
   /** Watching the tooltip prop. */
   watchTooltip() {
-    var _a;
+    var _a, _b, _c;
     if (this.tooltipRef) {
       this.tooltipRef.placement = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.placement;
+      this.tooltipRef.maxWidth = (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.maxWidth;
+      this.tooltipRef.minWidth = (_c = this.tooltip) === null || _c === void 0 ? void 0 : _c.minWidth;
     }
   }
   /**

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

@@ -82,7 +82,7 @@ export class VegaText {
       "mutable": false,
       "complexType": {
         "original": "VegaTextTooltipProps",
-        "resolved": "{ placement?: ElementAppenderPlacementType; }",
+        "resolved": "{ minWidth?: ResponsiveType<SizeType>; maxWidth?: ResponsiveType<SizeType>; placement?: ElementAppenderPlacementType; }",
         "references": {
           "VegaTextTooltipProps": {
             "location": "import",

package/dist/collection/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.js

@@ -25,6 +25,7 @@ export class VegaTooltipElementAppenderController extends ElementAppenderSlimmer
         target: this.host,
         appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
         positionRelativeTo: this.positionRelativeTo,
+        isScreenPosition: true,
         matchTargetWidth: false,
         size: this.size,
         minWidth: this.minWidth,

package/dist/collection/components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.css

@@ -40,6 +40,7 @@
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
+  white-space: pre-line;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .vega-tooltip-content {

package/dist/collection/components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.js

@@ -44,7 +44,7 @@ export class VegaTooltipContentBox {
             "name": "vegaVersion",
             "text": "2.0.0"
           }],
-        "text": "Specifies the text that is displayed inside the tooltip."
+        "text": "Specifies the text that is displayed inside the tooltip.\n\nLine breaks (`\\n`) are supported and rendered as new lines. Consecutive\nregular spaces are collapsed; to preserve indentation (e.g. hanging indent\nfor bullet lists) use the non-breaking space character `\\u00A0`."
       },
       "attribute": "text",
       "reflect": false

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

@@ -233,7 +233,7 @@ export class VegaTooltip {
             "name": "vegaVersion",
             "text": "2.0.0"
           }],
-        "text": "Specifies the text that is displayed\n   inside the tooltip."
+        "text": "Specifies the text that is displayed\n   inside the tooltip.\n\nLine breaks (`\\n`) are supported and rendered as new lines. Consecutive\nregular spaces are collapsed; to preserve indentation (e.g. hanging indent\nfor bullet lists) use the non-breaking space character `\\u00A0`."
       },
       "attribute": "text",
       "reflect": false

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -15,6 +15,7 @@ const entries = [
   ['vega-chip', [VegaClose, VegaClick]],
   ['vega-code-block', [VegaChange, VegaRemove]],
   ['vega-color-picker', [VegaChange]],
+  ['vega-color-swatch', [VegaClick]],
   ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch]],
   ['vega-date-picker', [VegaChange, VegaMonthYearChange]],
   ['vega-date-picker-calendar', [VegaClear, VegaMonthYearChange, VegaSelectionChange]],

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -52,6 +52,7 @@ export const VegaInternalCodeBlockSelectionChange = new VegaInternalEventID('int
 export const VegaInternalColumnHeadRowRenderInputRIC = new VegaInternalEventID('tableHeadRowRenderInputRIC');
 export const VegaInternalColumnHeadCellRenderInputRIC = new VegaInternalEventID('tableHeadCellRenderInputRIC');
 export const VegaInternalColumnBodyCellRenderInputRIC = new VegaInternalEventID('tableCellRenderInputRIC');
+export const VegaInternalVegaTableRenderInputChange = new VegaInternalEventID('tableColumnCellRenderInputChange');
 export const VegaInternalCalendarEventPreviewUpdate = new VegaInternalEventID('calendarEventPreviewUpdate');
 export const VegaInternalCalendarEventPreviewClear = new VegaInternalEventID('calendarEventPreviewClear');
 export const VegaInternalUpdateRTECursorPosition = new VegaInternalEventID('InternalUpdateRTECursorPosition');

package/dist/collection/helpers/rte-manager/dto-renderer-manager.js

@@ -7,6 +7,14 @@ class RTEDTORendererManager {
     this.RTE_DTO_RENDERER_MAP = new Map();
     // Register RTE Toolbar Button Renderers, mapping type strings to their respective renderer instances.
     this.RTE_TOOLBAR_BUTTON_RENDERER_MAP = new Map();
+    /**
+     * Per-host toolbar button renderer map.
+     * Stores a host-specific renderer map so that extensions that register during
+     * {@link VegaRTEExtension#prepareBeforeLoad} can provide isolated renderer instances
+     * for each {@link HTMLVegaRichTextEditorElement}.  At render time this map is checked
+     * first; the global singleton map is used as a fallback.
+     */
+    this.hostToolbarButtonRendererMap = new WeakMap();
   }
   /**
    * Registers a new RTE DTO renderer.
@@ -32,6 +40,24 @@ class RTEDTORendererManager {
   registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
     this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
   }
+  /**
+   * Registers a host-specific toolbar button renderer.
+   * The per-host renderer takes precedence over the global singleton when the host
+   * element is passed to {@link getRTEToolbarButtonRenderer}.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
+   * @param {HTMLVegaRichTextEditorElement} host - The rich text editor host element.
+   * @param {string} type - The type identifier for the toolbar button renderer.
+   * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer instance to register for this host.
+   */
+  registerRTEToolbarButtonRendererForHost(host, type, renderer) {
+    let hostMap = this.hostToolbarButtonRendererMap.get(host);
+    if (!hostMap) {
+      hostMap = new Map();
+      this.hostToolbarButtonRendererMap.set(host, hostMap);
+    }
+    hostMap.set(type, renderer);
+  }
   /**
    * Retrieves the RTE renderer for a given type.
    *
@@ -43,12 +69,26 @@ class RTEDTORendererManager {
   }
   /**
    * Retrieves the RTE Toolbar Button Renderer for a given type.
+   * When a host element is provided the per-host map registered via
+   * {@link registerRTEToolbarButtonRendererForHost} is checked first; the global
+   * singleton map is used as a fallback so that extensions that do not override
+   * {@link VegaRTEExtension#prepareBeforeLoad} continue to work unchanged.
    *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
    * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @param {HTMLVegaRichTextEditorElement} [host] - Optional host element for per-host lookup.
    * @returns {Nullable<VegaRTEToolbarButtonRenderer>} - The renderer instance for the RTE Toolbar Button, or null if not found.
    */
-  getRTEToolbarButtonRenderer(type) {
-    return this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type);
+  getRTEToolbarButtonRenderer(type, host) {
+    var _a, _b;
+    if (host) {
+      const hostRenderer = (_a = this.hostToolbarButtonRendererMap
+        .get(host)) === null || _a === void 0 ? void 0 : _a.get(type);
+      if (hostRenderer) {
+        return hostRenderer;
+      }
+    }
+    return (_b = this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type)) !== null && _b !== void 0 ? _b : null;
   }
 }
 export default new RTEDTORendererManager();

package/dist/collection/{components/vega-file-uploader/slimmers/controllers/vega-file-uploader-drop-file-filter-controller.js → helpers/slimmers/drop-file-accept-filter-slimmer.js}

@@ -5,8 +5,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
-/** Used to filters files based on accepted file types specified in the `accept` property. */
-export class VegaFileUploaderDropFileFilterController extends VegaSlimmer {
+/**
+ * Filters dropped/selected files based on the accepted file types specified in the host component's `accept` property.
+ *
+ * The host component is expected to expose a string `accept` property using the same syntax as the standard
+ * HTML `<input type="file">` `accept` attribute (file extensions like `.png`, MIME types like `image/png`,
+ * MIME wildcards like `image/*`, or the universal wildcards `*` / `*\/*` / `/*`).
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+ */
+export class DropFileAcceptFilterSlimmer extends VegaSlimmer {
   /**
    * Filters the files based on accepted file types if specified.
    *
@@ -15,7 +23,7 @@ export class VegaFileUploaderDropFileFilterController extends VegaSlimmer {
    */
   process(fileList) {
     const files = Array.from(fileList || []);
-    if (fileList && this.accept && this.accept !== '*' && this.accept !== '/*') {
+    if (fileList && this.accept && this.accept !== '*' && this.accept !== '/*' && this.accept !== '*/*') {
       const acceptFileTypes = this.accept.split(',');
       return files.filter((file) => this.validateFileType(file, acceptFileTypes));
     }
@@ -25,7 +33,7 @@ export class VegaFileUploaderDropFileFilterController extends VegaSlimmer {
    * Checks if a given file matches any of the accepted file types based on file name, MIME type, or base type.
    *
    * @param {File} file - File object
-   * @param {string[]} acceptTypes - An array of strings that represent the file types that are accepted. These strings can have different formats:
+   * @param {string[]} acceptTypes - An array of strings that represent the file types that are accepted.
    * @returns {boolean} A boolean value, indicating whether the provided file matches any of the accepted file types specified in the `acceptTypes` array.
    */
   validateFileType(file, acceptTypes) {
@@ -48,4 +56,4 @@ export class VegaFileUploaderDropFileFilterController extends VegaSlimmer {
 }
 __decorate([
   MapToComponentField()
-], VegaFileUploaderDropFileFilterController.prototype, "accept", void 0);
+], DropFileAcceptFilterSlimmer.prototype, "accept", void 0);

package/dist/collection/helpers/slimmers/element-appender/body-positioned-wrapper/third-party-dialog-wrapper.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
+import { findParent } from '../../../../utils/ui';
+import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
+/**
+ * Appends the popover content box inside the nearest third-party dialog/modal (e.g. Bootstrap,
+ * MUI) so that their focus trap does not block focus on vega-popover content.
+ *
+ * Detection strategy:
+ * 1. Walk up from the target to find `dialog` or `[aria-modal="true"]`.
+ * 2. Skip Vega-owned elements (tag starts with `VEGA-`).
+ * 3. Locate the focus-trap root via `closest('[tabindex="-1"]')`.
+ */
+export class ThirdPartyDialogWrapper extends BodyPositionedWrapper {
+  /**
+   * Returns true when the target lives inside a third-party dialog.
+   *
+   * NOTE: Does NOT call super.canRetrieve() — must activate even when isScreenPosition=true
+   * (e.g. image editor popover) so the content box stays inside the focus-trap root.
+   *
+   * @returns {boolean} Whether the target is inside a third-party dialog.
+   */
+  canRetrieve() {
+    this.focusTrapRoot = this.findFocusTrapRoot(this.showConfig.target);
+    return !!this.focusTrapRoot;
+  }
+  /**
+   * Appends the popover content box inside the focus-trap root.
+   *
+   * @returns {HTMLElement} The focus-trap root element.
+   */
+  retrieve() {
+    const root = this.focusTrapRoot;
+    this.focusTrapRoot = null;
+    if (this.showConfig.appendableElement.parentElement !== root) {
+      root.append(this.showConfig.appendableElement);
+    }
+    return root;
+  }
+  /**
+   * Finds the focus-trap root of the nearest third-party dialog ancestor.
+   * Returns null if not inside a third-party dialog or if the dialog is Vega-owned.
+   *
+   * @param {Nullable<HTMLElement>} el - The element to start searching from.
+   * @returns {Nullable<HTMLElement>} The focus-trap root, or null.
+   */
+  findFocusTrapRoot(el) {
+    var _a;
+    const dialog = findParent(el, 'dialog, [aria-modal="true"]');
+    if (!dialog || this.isVegaOwned(dialog))
+      return null;
+    // closest() also matches the element itself — needed when [aria-modal] and [tabindex="-1"]
+    // are on the same node (e.g. Bootstrap 5 outer .modal div).
+    return (_a = dialog.closest('[tabindex="-1"]')) !== null && _a !== void 0 ? _a : dialog;
+  }
+  /**
+   * Returns true when the element is a Vega custom element (tag starts with `VEGA-`).
+   *
+   * @param {HTMLElement} el - The element to check.
+   * @returns {boolean} True if the element is Vega-owned.
+   */
+  isVegaOwned(el) {
+    return el.tagName.startsWith('VEGA-');
+  }
+}
+__decorate([
+  MapToSlimmerField()
+], ThirdPartyDialogWrapper.prototype, "showConfig", void 0);

package/dist/collection/helpers/slimmers/element-appender/element-appender-container-controller.js

@@ -9,6 +9,7 @@ import { DefaultWrapper } from './body-positioned-wrapper/default-wrapper';
 import { PositionRelativeToWrapper } from './body-positioned-wrapper/position-relative-to-wrapper';
 import { VegaModalWrapper } from './body-positioned-wrapper/vega-modal-wrapper';
 import { VegaPopoverWrapper } from './body-positioned-wrapper/vega-popover-wrapper';
+import { ThirdPartyDialogWrapper } from './body-positioned-wrapper/third-party-dialog-wrapper';
 /**
  * This class is responsible for setting the container element for appending an element based on certain conditions.
  *
@@ -21,6 +22,7 @@ export class ElementAppenderContainerController extends VegaSlimmer {
     this.positionRelativeToWrapper = new PositionRelativeToWrapper();
     this.vegaPopoverWrapper = new VegaPopoverWrapper();
     this.vegaModalWrapper = new VegaModalWrapper();
+    this.thirdPartyDialogWrapper = new ThirdPartyDialogWrapper();
     this.defaultWrapper = new DefaultWrapper();
   }
   /**
@@ -43,6 +45,7 @@ export class ElementAppenderContainerController extends VegaSlimmer {
       this.positionRelativeToWrapper,
       this.vegaPopoverWrapper,
       this.vegaModalWrapper,
+      this.thirdPartyDialogWrapper,
       this.defaultWrapper,
     ];
   }
@@ -62,6 +65,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "vegaModalWrapper", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], ElementAppenderContainerController.prototype, "thirdPartyDialogWrapper", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "defaultWrapper", void 0);

package/dist/collection/helpers/slimmers/vega-table-child-render-input-consumer-slimmer.js

@@ -0,0 +1,96 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import changeManager from '../change-manager/change-manager';
+import { Observer } from '../change-manager/observer/observer';
+import domNodeSubjectFactory from '../change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import remoteInvocationRegistry from '../remote-invocation/remote-invocation-registry';
+import { findParent } from '../../utils/ui';
+import { VegaInternalVegaTableRenderInputChange, } from '../event-manager/event-id/vega-internal-event-id';
+/**
+ * Shared render-input consumer APIs for vega-table child components.
+ *
+ * This slimmer centralizes remote invocation and change-manager wiring
+ * for table render-input retrieval/updates.
+ *
+ * The slimmer automatically registers and removes the change observer during
+ * connected/disconnected lifecycle hooks via {@link MapToComponentMethod}.
+ */
+export class VegaTableChildRenderInputConsumerSlimmer extends VegaSlimmer {
+  constructor(subject) {
+    super();
+    this.observer = null;
+    this.table = null;
+    this.observerSubject = subject;
+  }
+  /**
+   * Fetch and update render input before each render cycle.
+   */
+  componentWillRenderInput() {
+    this.renderInput = this.fetchRenderInput();
+  }
+  /**
+   * Register render-input change observer when the component connects.
+   */
+  connectRenderInputObserver() {
+    this.table = findParent(this.host, 'vega-table');
+    if (!this.table)
+      return;
+    this.registerRenderInputChangeObserver();
+  }
+  /**
+   * Unregister render-input change observer when the component disconnects.
+   */
+  disconnectRenderInputObserver() {
+    if (!this.table || !this.observer)
+      return;
+    this.unregisterRenderInputChangeObserver();
+    this.observer = null;
+    this.table = null;
+  }
+  /**
+   * Fetch render input for a table child node through remote invocation.
+   *
+   * @template TRenderInput
+   * @returns {Nullable<TRenderInput>} The render input associated with the host, or null when table is not found.
+   */
+  fetchRenderInput() {
+    if (!this.table)
+      return null;
+    return remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.table, this.observerSubject), this.host);
+  }
+  /**
+   * Create and register a render-input change observer on the given table.
+   */
+  registerRenderInputChangeObserver() {
+    this.observer = new Observer((_input) => true, () => {
+      this.renderInput = this.fetchRenderInput();
+    });
+    changeManager.register(domNodeSubjectFactory.getSubject(this.table, VegaInternalVegaTableRenderInputChange), this.observer);
+  }
+  /**
+   * Remove a previously registered render-input change observer from the given table.
+   */
+  unregisterRenderInputChangeObserver() {
+    changeManager.unregister(domNodeSubjectFactory.getSubject(this.table, VegaInternalVegaTableRenderInputChange), this.observer);
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTableChildRenderInputConsumerSlimmer.prototype, "host", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableChildRenderInputConsumerSlimmer.prototype, "renderInput", void 0);
+__decorate([
+  MapToComponentMethod('componentWillRender')
+], VegaTableChildRenderInputConsumerSlimmer.prototype, "componentWillRenderInput", null);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaTableChildRenderInputConsumerSlimmer.prototype, "connectRenderInputObserver", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaTableChildRenderInputConsumerSlimmer.prototype, "disconnectRenderInputObserver", null);

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

@@ -163,5 +163,8 @@ export const staticTranslations = {
   'Selected result': 'Selected result',
   'Close event preview detail': 'Close event preview detail',
   'More actions': 'More actions',
+  'Clear color': 'Clear color',
+  'Color swatch': 'Color swatch',
+  'Color {0}': 'Color {0}',
 };
 export default staticTranslations;

package/dist/collection/types/type-guard.js

@@ -436,3 +436,29 @@ export const isDirectionalMarginType = (input) => {
     Object.keys(input).every(isSpacingDirection) &&
     Object.values(input).every(isMarginValueType));
 };
+/**
+ * Validates if the input is of type SizeType, which can be either a number or a string in the format of `${number}%`.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link SizeType}
+ */
+export const isSizeType = (input) => {
+  if (typeof input === 'number')
+    return true;
+  if (typeof input !== 'string' || !input)
+    return false;
+  return !isNaN(Number(input)) || /^(\d+(?:\.\d+)?)%$/.test(input);
+};
+/**
+ * Validates if the input is of type SizeType or an object with breakpoint keys and SizeType values.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link ResponsiveType<SizeType>}
+ */
+export const isResponsiveSizeType = (input) => {
+  return (!!input &&
+    (isSizeType(input) ||
+      (typeof input === 'object' &&
+        Object.keys(input).every(isBreakpointsTokenType) &&
+        Object.values(input).every(isSizeType))));
+};

package/dist/esm/{app-globals-80a7d395.js → app-globals-f67d0eaf.js}

@@ -1,20 +1,20 @@
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEFunctionExtension, i as VegaRTETableExtension } from './token-extension-5ee7a3f1.js';
-import { V as VegaThemeManager } from './split-cell-operation-548ea374.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEFunctionExtension, i as VegaRTETableExtension } from './token-extension-0710dbc5.js';
+import { V as VegaThemeManager } from './split-cell-operation-5587f594.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaDialog } from './vega-dialog-controller-bbb2fc52.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as VegaIconManager } from './icon-manager-539d7cf7.js';
-import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-b08aa9ab.js';
-import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-3bf19ad6.js';
+import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-4fb104b2.js';
+import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-a7907cb7.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { f as forceUpdate } from './index-090d31ca.js';
-import { V as VegaRTEContent } from './content-state-89f8eecb.js';
+import { V as VegaRTEContent } from './content-state-72b513d1.js';
 import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-import { V as VegaRTEPresetToolbarItems } from './code-block-cd913077.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-b8be290a.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -396,7 +396,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-e42bce9d.js').then((module) => {
+  void import('./public-rules-f2005e11.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{aria-dialog-focusable-trap-slimmer-cc6a8c3e.js → aria-dialog-focusable-trap-slimmer-853a91de.js}

@@ -3,7 +3,7 @@ import { l as checkIsVoiceOverClick, m as getFirstFocusableElement, e as getDeep
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { C as VegaInternalDialogContentReady } from './vega-internal-event-id-70bd893d.js';
+import { C as VegaInternalDialogContentReady } from './vega-internal-event-id-194bac82.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{child-nodes-event-prevent-slimmer-2ecc3e1f.js → child-nodes-event-prevent-slimmer-9c24d4fc.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-59f5bd47.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-8a657bac.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 

package/dist/esm/{code-block-cd913077.js → code-block-b8be290a.js}

@@ -1,12 +1,12 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { d as VegaInternalRichTextEditorFlushChanges, e as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-70bd893d.js';
+import { d as VegaInternalRichTextEditorFlushChanges, e as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-194bac82.js';
 import { d as dashCaseToCamel, c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { i as isNonNullable } from './type-guard-f6c9c89d.js';
+import { i as isNonNullable } from './type-guard-152070e9.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-e9a6b097.js';
 import { c as cleanObject } from './object-0c277f57.js';
 import { f as findParent } from './ui-b7600a48.js';
 

package/dist/esm/{component-value-history-controller-slimmer.abstract-e595761d.js → component-value-history-controller-slimmer.abstract-10ccf8e6.js}

@@ -1,15 +1,15 @@
 import { c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { a9 as RTECodeBlockNode, c as RTETextNode, ac as ZERO_WIDTH_SPACE, af as SelectionChangeAction, k as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, d as RTEBlock, i as RTENode, G as RTEDecoratorNode, E as RTECodeBlock } from './code-block-cd913077.js';
+import { a9 as RTECodeBlockNode, c as RTETextNode, ac as ZERO_WIDTH_SPACE, af as SelectionChangeAction, k as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, d as RTEBlock, i as RTENode, G as RTEDecoratorNode, E as RTECodeBlock } from './code-block-b8be290a.js';
 import { d as debounce } from './timer-9321173b.js';
 import { g as getActiveElement } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { e as VegaInternalRichTextEditorSelectionRangeChange, c as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-70bd893d.js';
+import { e as VegaInternalRichTextEditorSelectionRangeChange, c as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-194bac82.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { R as RTERange } from './range-b76edec7.js';
+import { R as RTERange } from './range-ed532278.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { i as isHTMLElement } from './ui-b7600a48.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-6109039b.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-7eed4734.js';
 
 let processing = false;
 /**