@heartlandone/vega 2.80.0 → 2.82.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

@@ -55,7 +55,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 +63,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 +125,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/formatter/responsive-map-formatter/responsive-margin-formatter.js

@@ -1,4 +1,4 @@
-import { isSpacingTokenType, isDirectionalSpacingType, isBreakpointsForPrefixType, } from '../../../types/type-guard';
+import { isDirectionalMarginType, isBreakpointsForPrefixType, isMarginValueType, } from '../../../types/type-guard';
 import { LogUtility } from '../../../utils/log';
 import { Spacing } from '../../../constants/tokens/spacing';
 import { ResponsiveClassStringFormatter } from './responsive-class-string-formatter';
@@ -26,10 +26,10 @@ class ResponsiveMarginFormatter extends ResponsiveClassStringFormatter {
    */
   formatToken(input, breakpoint) {
     const prefix = isBreakpointsForPrefixType(breakpoint) ? `${breakpoint}:` : '';
-    if (isSpacingTokenType(input)) {
+    if (isMarginValueType(input)) {
       return `${prefix}v-m-${input}`;
     }
-    else if (isDirectionalSpacingType(input)) {
+    else if (isDirectionalMarginType(input)) {
       return Object.keys(input)
         .map((direction) => {
         return `${prefix}v-${MARGIN_DIRECTION_CLASS_PARTIAL_MAP[direction]}-${input[direction]}`;

package/dist/collection/helpers/slimmers/aria-dialog-focusable-trap-slimmer.js

@@ -5,26 +5,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
-import { checkIsVoiceOverClick, getDeepActiveElementInShadow } from '../../utils/ui';
+import { checkIsVoiceOverClick, getDeepActiveElementInShadow, getFirstFocusableElement, } from '../../utils/ui';
 import { SynchronizeTaskQueue } from '../queue/synchronize-task-queue';
 import { Observer } from '../change-manager/observer/observer';
 import ChangeManager from '../change-manager/change-manager';
 import { VegaInternalDialogContentReady } from '../event-manager/event-id/vega-internal-event-id';
 import domNodeSubjectFactory from '../change-manager/subject/dom-node-subject/dom-node-subject-factory';
-const focusableSelector = [
-  'a[href]',
-  'area[href]',
-  'button',
-  'input',
-  'select',
-  'textarea',
-  'iframe',
-  'object',
-  'embed',
-  '[contenteditable="true"]',
-  '[contenteditable=""]',
-  '[tabindex]',
-].join(',');
 /**
  * The `AriaDialogFocusableTrapSlimmer` class is designed to manage focus behavior for dialog elements appended to the DOM, particularly in scenarios where screen readers like VoiceOver are used.
  * It detects when a click event is likely triggered by VoiceOver and ensures that focus is appropriately set to the first focusable element
@@ -46,6 +32,7 @@ export class AriaDialogFocusableTrapSlimmer extends VegaSlimmer {
     this.eventListenerHandler = () => {
       const target = this.entry.triggerEl() || window;
       target.addEventListener('click', this.handleClickEvent, { capture: true });
+      target.addEventListener('contextmenu', this.handleContextMenuEvent, { capture: true });
     };
     /**
      * Removes the event listener for click events from the trigger element or the window.
@@ -54,6 +41,7 @@ export class AriaDialogFocusableTrapSlimmer extends VegaSlimmer {
       const target = this.entry.triggerEl();
       target && target.removeEventListener('click', this.handleClickEvent, { capture: true });
       window.removeEventListener('click', this.handleClickEvent, { capture: true });
+      target && target.removeEventListener('contextmenu', this.handleContextMenuEvent, { capture: true });
     };
     /**
      * Handles the click event and determines if it is likely triggered by VoiceOver.
@@ -69,62 +57,17 @@ export class AriaDialogFocusableTrapSlimmer extends VegaSlimmer {
       }
     };
     /**
-     * Recursively searches for the first focusable element within the given container, including its shadow DOM descendants.
-     * 	If the container itself is focusable, it will be returned.
+     * Handles the context menu event to prevent the default context menu from appearing when a VoiceOver click is detected.
+     * This is important because VoiceOver users may trigger a context menu with a specific gesture, and preventing the default behavior can help ensure that the focus management works as intended without interference from the context menu.
      *
-     * @param {HTMLElement | ShadowRoot} container - The container to search within.
-     * @returns {Nullable<HTMLElement>} The first focusable element found, or null if none exists.
+     * @param {MouseEvent} e - The context menu event object that is passed to the event handler.
      */
-    this.getFirstFocusableElement = (container) => {
-      /**
-       * Recursively search for the first focusable element within the given node and its shadow DOM descendants.
-       *
-       * @param {ParentNode} node - The node to search within.
-       * @returns {Nullable<HTMLElement>} The first focusable element found, or null if none exists.
-       */
-      const findFirst = (node) => {
-        if (node instanceof HTMLElement && this.isFocusableElement(node)) {
-          return node;
-        }
-        const elements = Array.from(node.querySelectorAll('*'));
-        for (const element of elements) {
-          if (this.isFocusableElement(element)) {
-            return element;
-          }
-          if (element.shadowRoot) {
-            const found = findFirst(element.shadowRoot);
-            if (found)
-              return found;
-          }
-        }
-        return null;
-      };
-      if (container instanceof HTMLElement && container.shadowRoot) {
-        if (this.isFocusableElement(container))
-          return container;
-        return findFirst(container) || findFirst(container.shadowRoot);
-      }
-      else {
-        return findFirst(container);
+    this.handleContextMenuEvent = (e) => {
+      if (this.isVoiceOverClick) {
+        e.preventDefault();
+        e.stopPropagation();
       }
     };
-    /**
-     * It returns the first focusable element in the modal container, or the modal container itself if it is focusable.
-     *
-     * @param {HTMLElement} element - The element to check for focusable and to search within if it is not focusable.
-     * @returns {boolean} True if the element is focusable, false otherwise.
-     */
-    this.isFocusableElement = (element) => {
-      if (!element.matches(focusableSelector))
-        return false;
-      if (element.hasAttribute('disabled') || element.hasAttribute('inert'))
-        return false;
-      if (element.getAttribute('aria-hidden') === 'true')
-        return false;
-      if (element instanceof HTMLInputElement && element.type === 'hidden')
-        return false;
-      return element.tabIndex >= 0;
-    };
     /**
      * Focuses on the first focusable element within the dialog when the dialog content is ready and the last interaction was detected as a VoiceOver click. This method is called in response to the dialog content ready notification, ensuring that focus is set appropriately when the dialog is shown after being triggered by VoiceOver.
      * It retrieves the currently active element, stores it as the trigger element, and then focuses on the first focusable element within the dialog content.
@@ -133,7 +76,7 @@ export class AriaDialogFocusableTrapSlimmer extends VegaSlimmer {
     this.focusOnFirstFocusableElement = () => {
       if (!this.isChildFocused) {
         const dialogElement = this.entry.dialogEl();
-        const focusableElement = this.getFirstFocusableElement(dialogElement);
+        const focusableElement = getFirstFocusableElement(dialogElement);
         if (focusableElement) {
           this.isChildFocused = true;
           focusableElement.focus();
@@ -193,6 +136,7 @@ export class AriaDialogFocusableTrapSlimmer extends VegaSlimmer {
    * @returns {Promise<void>} A promise that resolves when the focus action is complete.
    */
   async show() {
+    this.entry.dialogEl().removeAttribute('inert');
     // eslint-disable-next-line no-restricted-globals
     const activeEl = getDeepActiveElementInShadow(document, true);
     if (activeEl) {
@@ -216,6 +160,7 @@ export class AriaDialogFocusableTrapSlimmer extends VegaSlimmer {
    */
   async hide() {
     if (this.focusTriggerElement) {
+      this.entry.dialogEl().setAttribute('inert', '');
       await this.focusDialogTaskQueue.enqueue({
         // eslint-disable-next-line jsdoc/require-jsdoc
         run: async () => {

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/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

@@ -415,3 +415,50 @@ export const isEATriggerStrategy = (instance) => {
     typeof instance.evaluate === 'function' &&
     typeof instance.canEvaluate === 'function');
 };
+/**
+ * Validates if the input is of type MarginValueType, which can be either a SpacingTokenType or the string 'auto'.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link MarginValueType}
+ */
+export const isMarginValueType = (input) => {
+  return isSpacingTokenType(input) || input === 'auto';
+};
+/**
+ * Validates if the input is of type DirectionalMarginType.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link DirectionalMarginType}
+ */
+export const isDirectionalMarginType = (input) => {
+  return (typeof input === 'object' &&
+    input !== null &&
+    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/collection/utils/ui.js

@@ -259,6 +259,8 @@ export function checkIsVoiceOverClick(clickEvent) {
   if (clickEvent.detail === 0)
     return true;
   const targetElementRect = clickEvent.composedPath()[0].getBoundingClientRect();
+  if (targetElementRect.width === 0 && targetElementRect.height === 0)
+    return false;
   const targetElementMiddleX = Math.floor(targetElementRect.x + targetElementRect.width / 2);
   const targetElementMiddleY = Math.floor(targetElementRect.y + targetElementRect.height / 2);
   const clickPositionX = clickEvent.clientX;
@@ -267,3 +269,69 @@ export function checkIsVoiceOverClick(clickEvent) {
     Math.abs(targetElementMiddleX - clickPositionX) <= 1 &&
     Math.abs(targetElementMiddleY - clickPositionY) <= 1);
 }
+const focusableSelector = [
+  'a[href]',
+  'area[href]',
+  'button',
+  'input',
+  'select',
+  'textarea',
+  'iframe',
+  'object',
+  'embed',
+  '[contenteditable="true"]',
+  '[contenteditable=""]',
+  '[tabindex]',
+].join(',');
+/**
+ * Checks if the given element is focusable based on its tag, attributes, and tabIndex.
+ *
+ * @param {HTMLElement} element - The element to check.
+ * @returns {boolean} True if the element is focusable, false otherwise.
+ */
+export function isFocusableElement(element) {
+  if (!element.matches(focusableSelector))
+    return false;
+  if (element.hasAttribute('disabled') || element.hasAttribute('inert'))
+    return false;
+  if (element.getAttribute('aria-hidden') === 'true')
+    return false;
+  if (element instanceof HTMLInputElement && element.type === 'hidden')
+    return false;
+  return element.tabIndex >= 0;
+}
+/**
+ * Recursively searches for the first focusable element within the given container, including its shadow DOM descendants.
+ *
+ * @param {HTMLElement | ShadowRoot} container - The container to search within.
+ * @returns {Nullable<HTMLElement>} The first focusable element found, or null if none exists.
+ */
+export function getFirstFocusableElement(container) {
+  /**
+   * @param {ParentNode} node - The node to search within for a focusable element.
+   * @returns {Nullable<HTMLElement>} The first focusable element found, or null.
+   */
+  const findFirst = (node) => {
+    if (node instanceof HTMLElement && isFocusableElement(node)) {
+      return node;
+    }
+    const elements = Array.from(node.querySelectorAll('*'));
+    for (const element of elements) {
+      if (isFocusableElement(element)) {
+        return element;
+      }
+      if (element.shadowRoot) {
+        const found = findFirst(element.shadowRoot);
+        if (found)
+          return found;
+      }
+    }
+    return null;
+  };
+  if (container instanceof HTMLElement && container.shadowRoot) {
+    if (isFocusableElement(container))
+      return container;
+    return findFirst(container) || findFirst(container.shadowRoot);
+  }
+  return findFirst(container);
+}

package/dist/esm/{app-globals-e77015e3.js → app-globals-0b7e8b50.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-600b1c88.js';
-import { V as VegaThemeManager } from './split-cell-operation-9445e642.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-9d717a35.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-60abddac.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-084cd705.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-7d6f231b.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-fe2c7934.js').then((module) => {
+  void import('./public-rules-f2005e11.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });