Skip to main content

Type Alias: HoverProductForAction

HoverProductForAction = (itemId, actionType) => Promise<void>

Function

Highlights valid placement positions for a specific product action.

This function displays visual indicators for all valid positions where a specific product can be placed, based on the requested action type. For example, when adding a new product, it shows all valid connection points; when moving a product, it shows all possible destinations.

The visual highlighting helps users understand where products can be placed and how they can be connected to existing components in the scene.

Parameters​

itemId​

string

ID of the product to show placement options for

actionType​

ElementActionType | string

Type of action being performed (e.g., 'hover', 'move', 'clone')

Returns​

Promise<void>

Example​

// Show placement hints when hovering over a product in the catalog
document.querySelectorAll('.product-item').forEach(item => {
  item.addEventListener('mouseenter', () => {
    const productId = item.dataset.productId;
    window.mimeeqApp.actions.hoverProductForAction(
      productId,
      'hover'
    );
  });

  item.addEventListener('mouseleave', () => {
    window.mimeeqApp.actions.hoverProductForAction('', '');
  });
});