====== behavior: popup-menu ======

Shows popup menu when clicked.

The ''popup-menu'' allows to share single list of menu items among many elements that have this behavior applied. 
Use popup-selector when you need to provide some inline/context actions for repeatable items, e.g. rows in table.  

===== Elements =====

There are no elements that have this behavior applied by default. 



===== Attributes =====
that this behavior knows about:
    *  ''menu="css-selector"'' - CSS selector of menu element, example: ''<div menu="popup.list-of-options">...</div>''
    *  ''align-popup= left | top | right | bottom'' - defines popup menu position relative to the element. This attribute can also be defined in CSS as a custom attribute ''-align-popup= "left" | "top" | "right" | "bottom"''. Default value - bottom;
If there is no ''menu'' attribute defined then this behavior will use first ''<menu>'' or ''<popup>'' child of the element that has this behavior applied.   

===== Events =====
Together with the standard set of events (mouse, keyboard, focus) //behavior: popup-menu// (precisely its menu) generates:
    *  MENU_ITEM_ACTIVE event;
    *  MENU_ITEM_CLICK event, see [[h-smile:built-in-behaviors:menu]].