@refinitiv-ui/elements 5.0.0-beta.3 → 5.0.0-dev.204

package/lib/overlay/elements/overlay.js

@@ -1,23 +1,19 @@
-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;
-};
 var Overlay_1;
-import { ResponsiveElement, html, css, customElement, property } from '@refinitiv-ui/core';
-import { DEFAULT_ALIGN, DEFAULT_TARGET_STRATEGY } from '../helpers/types';
-import { valueOrZero, valueOrNull } from '../helpers/functions';
-import { applyLock } from '../managers/interaction-lock-manager';
-import { register as viewportRegister, deregister as viewportDeregister, getViewAreaInfo } from '../managers/viewport-manager';
-import { register as zIndexRegister, deregister as zIndexDeregister, toFront } from '../managers/zindex-manager';
-import { register as backdropRegister, deregister as backdropDeregister } from '../managers/backdrop-manager';
-import { register as closeRegister, deregister as closeDeregister } from '../managers/close-manager';
-import { register as focusableRegister, deregister as focusableDeregister } from '../managers/focus-manager';
-import { MicroTaskRunner, AnimationTaskRunner } from '@refinitiv-ui/utils';
-// TODO: use metrics once available
-const isEdge = (/Edge\/\d./i).test(navigator.userAgent);
-const isIE = (/Trident/g).test(navigator.userAgent) || (/MSIE/g).test(navigator.userAgent);
+import { __decorate } from "tslib";
+import { ResponsiveElement, html, css } from '@refinitiv-ui/core';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { VERSION } from '../../version.js';
+import { MicroTaskRunner, AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { isIE, isEdge } from '@refinitiv-ui/utils/lib/browser.js';
+import { DEFAULT_ALIGN, DEFAULT_TARGET_STRATEGY } from '../helpers/types.js';
+import { valueOrZero, valueOrNull } from '../helpers/functions.js';
+import { applyLock } from '../managers/interaction-lock-manager.js';
+import { register as viewportRegister, deregister as viewportDeregister, getViewAreaInfo } from '../managers/viewport-manager.js';
+import { register as zIndexRegister, deregister as zIndexDeregister, toFront } from '../managers/zindex-manager.js';
+import { register as backdropRegister, deregister as backdropDeregister } from '../managers/backdrop-manager.js';
+import { register as closeRegister, deregister as closeDeregister } from '../managers/close-manager.js';
+import { register as focusableRegister, deregister as focusableDeregister } from '../managers/focus-manager.js';
 /**
  * Possible states of the overlay
  */
@@ -183,7 +179,14 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
         this.resizedThrottler = new MicroTaskRunner(); /* resize throttler to prevent resize observer loop */
     }
     /**
-     * A `CSSResult` that will be used
+     * Element version number
+     * @returns version number
+     */
+    static get version() {
+        return VERSION;
+    }
+    /**
+     * A `CSSResultGroup` that will be used
      * to style the host, slotted children
      * and the internal template of the element.
      * @return CSS template
@@ -331,7 +334,7 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
         if (oldPosition !== value) {
             this._positionStrategy = undefined;
             this._position = value;
-            void this.requestUpdate('position', oldPosition);
+            this.requestUpdate('position', oldPosition);
         }
     }
     get position() {
@@ -550,7 +553,7 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
         const closing = changedProperties.has('opened') && isClosed;
         this.setRegisters(changedProperties);
         // Should update routing is calling render method. Not every attribute should result in render being called
-        let shouldUpdate = opening || closing || this.hasUpdated === 0 || changedProperties.size === 0;
+        let shouldUpdate = opening || closing || !this.hasUpdated || changedProperties.size === 0;
         // Element may need to be updated if other attributes has been changed while the overlay is opened
         if (!shouldUpdate && isOpened) {
             if (shouldUpdateProperties.find(property => changedProperties.has(property))) {
@@ -621,12 +624,12 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
         const opening = changedProperties.has('opened') && opened;
         /* !!! Obligatory managers cannot be removed here, as this function is synchronous and animations must be taken into account !!! */
         if (opening) {
-            /* Obligatory managers */
+            // must come first as used by other managers
+            zIndexRegister(this);
             viewportRegister(this);
             closeRegister(this, () => {
                 this.setOpened(false);
             });
-            zIndexRegister(this);
         }
         const enablingFocusManagement = (opening && !this.noFocusManagement) || (opened && changedProperties.get('noFocusManagement'));
         const disablingFocusManagement = opened && changedProperties.get('noFocusManagement') === false;
@@ -636,7 +639,7 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
         else if (disablingFocusManagement) {
             focusableDeregister(this);
         }
-        if (opening || changedProperties.has('noInteractionLock')) {
+        if (opening || changedProperties.has('noInteractionLock') || changedProperties.has('lockPositionTarget') || changedProperties.has('interactiveElements')) {
             applyLock();
         }
         const enablingBackdrop = (opening && this.withBackdrop) || (opened && changedProperties.get('withBackdrop') === false);
@@ -656,9 +659,9 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
      * @returns {void}
      */
     removeMainRegisters() {
+        zIndexDeregister(this);
         viewportDeregister(this);
         closeDeregister(this);
-        zIndexDeregister(this);
         focusableDeregister(this);
     }
     /**
@@ -1267,6 +1270,10 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     resizedCallback(size) {
         this.resizedThrottler.schedule(() => {
+            if (!this.opened && this._fullyOpened === OpenedState.CLOSED) {
+                // Do nothing on last resized callback
+                return;
+            }
             this.setResizeSizingInfo();
             this.fitNonThrottled();
             if (this.opened && this.firstResizeDone === false) {
@@ -1289,6 +1296,7 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
      */
     toFront() {
         toFront(this);
+        applyLock();
     }
     /**
      * Returns true if the overlay is opened and animation is not running.
@@ -1382,7 +1390,7 @@ __decorate([
         attribute: false,
         hasChanged: (newVal, oldVal) => {
             if (!oldVal || newVal.length !== oldVal.length) {
-                return false;
+                return true;
             }
             return newVal.some(el => !oldVal.includes(el));
         }
@@ -1416,4 +1424,3 @@ Overlay = Overlay_1 = __decorate([
     })
 ], Overlay);
 export { Overlay };
-//# sourceMappingURL=overlay.js.map

package/lib/overlay/helpers/functions.js

@@ -14,4 +14,3 @@ const valueOrNull = (v) => {
     return isNaN(parsed) ? null : parsed;
 };
 export { valueOrZero, valueOrNull };
-//# sourceMappingURL=functions.js.map

package/lib/overlay/helpers/types.js

@@ -14,4 +14,3 @@ const DEFAULT_TARGET_STRATEGY = [
     ['left', 'middle']
 ];
 export { DEFAULT_ALIGN, DEFAULT_TARGET_STRATEGY };
-//# sourceMappingURL=types.js.map

package/lib/overlay/index.d.ts

@@ -1,2 +1,2 @@
-export { Position as OverlayPosition, PositionTarget as OverlayPositionTarget, TransitionStyle as OverlayTransitionStyle } from './helpers/types';
-export { Overlay } from './elements/overlay';
+export type { Position as OverlayPosition, PositionTarget as OverlayPositionTarget, TransitionStyle as OverlayTransitionStyle } from './helpers/types';
+export { Overlay } from './elements/overlay.js';

package/lib/overlay/index.js

@@ -1,2 +1 @@
-export { Overlay } from './elements/overlay';
-//# sourceMappingURL=index.js.map
+export { Overlay } from './elements/overlay.js';

package/lib/overlay/managers/backdrop-manager.d.ts

@@ -1,5 +1,5 @@
-import { Overlay } from '../elements/overlay';
-import '../elements/overlay-backdrop';
+import type { Overlay } from '../elements/overlay';
+import '../elements/overlay-backdrop.js';
 /**
  * Backdrop manager adds a backdrop to the body
  * @returns {void}

package/lib/overlay/managers/backdrop-manager.js

@@ -1,5 +1,5 @@
-import { getOverlayLayers } from './zindex-manager';
-import '../elements/overlay-backdrop';
+import { getOverlayLayers } from './zindex-manager.js';
+import '../elements/overlay-backdrop.js';
 /**
  * Backdrop manager adds a backdrop to the body
  * @returns {void}
@@ -94,4 +94,3 @@ export const size = () => {
 export const clear = () => {
     backdropManager.clear();
 };
-//# sourceMappingURL=backdrop-manager.js.map

package/lib/overlay/managers/close-manager.d.ts

@@ -1,4 +1,4 @@
-import { Overlay } from '../elements/overlay';
+import type { Overlay } from '../elements/overlay';
 declare type CloseCallback = () => void;
 /**
  * Close manager ensures that the correct (or the most top) overlay

package/lib/overlay/managers/close-manager.js

@@ -1,4 +1,4 @@
-import { getOverlays } from './zindex-manager';
+import { getOverlays } from './zindex-manager.js';
 /**
  * Close manager ensures that the correct (or the most top) overlay
  * is closed on ESC and click events
@@ -136,4 +136,3 @@ export const size = () => {
 export const clear = () => {
     closeManager.clear();
 };
-//# sourceMappingURL=close-manager.js.map

package/lib/overlay/managers/focus-manager.d.ts

@@ -1,4 +1,4 @@
-import { Overlay } from '../elements/overlay';
+import type { Overlay } from '../elements/overlay';
 /**
  * Focus manager ensures that the correct
  * element receives the focus

package/lib/overlay/managers/focus-manager.js

@@ -1,6 +1,5 @@
-import { Overlay } from '../elements/overlay';
-import { AnimationTaskRunner } from '@refinitiv-ui/utils';
-import { getOverlays } from './zindex-manager';
+import { AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { getOverlays } from './zindex-manager.js';
 import { FocusableHelper } from '@refinitiv-ui/core';
 /**
  * Focus manager ensures that the correct
@@ -29,7 +28,7 @@ export class FocusManager {
          * @param target Target to check
          * @returns true if registered overlay
          */
-        this.isRegisteredOverlay = (target) => target instanceof Overlay && this.overlays.includes(target);
+        this.isRegisteredOverlay = (target) => this.overlays.includes(target);
         /**
          * Run on overlay focus order to restore overlay focus
          * @param event focusin event
@@ -227,4 +226,3 @@ export const size = () => {
 export const clear = () => {
     focusManager.clear();
 };
-//# sourceMappingURL=focus-manager.js.map

package/lib/overlay/managers/interaction-lock-manager.js

@@ -1,5 +1,5 @@
-import { AnimationTaskRunner } from '@refinitiv-ui/utils';
-import { getOverlays } from './zindex-manager';
+import { AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { getOverlays } from './zindex-manager.js';
 /**
 * Check if two arrays are shallow equal
 * @param left Left side array
@@ -373,4 +373,3 @@ const locker = new ScrollLockManager(); /* Locker is a singleton */
 export const applyLock = () => {
     locker.applyLock();
 };
-//# sourceMappingURL=interaction-lock-manager.js.map

package/lib/overlay/managers/viewport-manager.d.ts

@@ -1,6 +1,6 @@
-import { Overlay } from '../elements/overlay';
-import '../elements/overlay-viewport';
-import { ViewAreaInfo } from '../helpers/types';
+import type { ViewAreaInfo } from '../helpers/types';
+import type { Overlay } from '../elements/overlay';
+import '../elements/overlay-viewport.js';
 /**
  * Viewport manager singleton is responsible for getting
  * viewport sizes and reacting on viewport changes

package/lib/overlay/managers/viewport-manager.js

@@ -1,5 +1,5 @@
-import { AnimationTaskRunner } from '@refinitiv-ui/utils';
-import '../elements/overlay-viewport';
+import { AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import '../elements/overlay-viewport.js';
 /**
   * Default values for area info
 */
@@ -89,6 +89,10 @@ export class ViewportManager {
         }
         const screenRect = this.screenViewport.getBoundingClientRect();
         // since screenViewport is applied on html element, it does not include body zoom
+        // Zoom is a legacy feature and must not be used by any means.
+        // Kept here for compatibility with old apps
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         const zoom = parseFloat(window.getComputedStyle(document.body).zoom);
         const screenHeight = screenRect.height / zoom;
         const screenWidth = screenRect.width / zoom;
@@ -205,4 +209,3 @@ export const size = () => {
 export const clear = () => {
     viewportManager.clear();
 };
-//# sourceMappingURL=viewport-manager.js.map

package/lib/overlay/managers/zindex-manager.d.ts

@@ -1,4 +1,4 @@
-import { Overlay } from '../elements/overlay';
+import type { Overlay } from '../elements/overlay';
 export declare const ZIndex = 103;
 export declare type OverlayLayer = {
     overlay: Overlay;

package/lib/overlay/managers/zindex-manager.js

@@ -1,5 +1,4 @@
-import { AfterRenderTaskRunner } from '@refinitiv-ui/utils';
-import { applyLock } from './interaction-lock-manager';
+import { AfterRenderTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
 export const ZIndex = 103; /* initial z-index to match Polymer. 102 is used for backdrop */
 /**
  * Z-index manager monitors z-indexes and ensures that the last opened/last
@@ -84,7 +83,6 @@ export class ZIndexManager {
     }
     toFront(overlay) {
         this.setZIndex(overlay, this.getNextZIndex(overlay));
-        applyLock();
     }
     register(overlay) {
         if (!this.registry.has(overlay)) {
@@ -195,4 +193,3 @@ export const getOverlays = () => {
 export const getOverlayLayers = () => {
     return zIndexManager.getOverlayLayers();
 };
-//# sourceMappingURL=zindex-manager.js.map

package/lib/overlay-menu/custom-elements.json

@@ -15,7 +15,36 @@
           "name": "opened",
           "description": "True if the menu is currently displayed",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
+        },
+        {
+          "name": "with-backdrop",
+          "description": "True to show backdrop",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "no-cancel-on-esc-key",
+          "description": "Set to true to disable canceling the overlay with the ESC key",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "no-cancel-on-outside-click",
+          "description": "Set to true to disable canceling the overlay by clicking outside it",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "lock-position-target",
+          "description": "Set to true to lock position target",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "transition-style",
+          "description": "Set the transition style",
+          "type": "string | null"
         },
         {
           "name": "value",
@@ -23,6 +52,38 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "x",
+          "description": "Set a specific x coordinate",
+          "type": "number | undefined"
+        },
+        {
+          "name": "y",
+          "description": "Set a specific y coordinate",
+          "type": "number | undefined"
+        },
+        {
+          "name": "horizontal-offset",
+          "description": "A pixel value that will be added to the position calculated on the horizontal axis. The offset will be applied either to the `left` or `right` depending on the `positionTarget`",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "vertical-offset",
+          "description": "A pixel value that will be added to the position calculated on the vertical axis. The offset will be applied either to the `top` or `bottom` depending on the `positionTarget`",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "offset",
+          "description": "A pixel value that will be added to the position calculated on the vertical or horizontal axis. The offset is applied dynamically depending on the `positionTarget`",
+          "type": "number"
+        },
+        {
+          "name": "position",
+          "description": "Set position and align against the attach target.",
+          "type": "Position[] | undefined"
+        },
         {
           "name": "with-backdrop",
           "description": "True to show backdrop",
@@ -47,6 +108,16 @@
           "name": "transition-style",
           "description": "Set the transition style",
           "type": "string"
+        },
+        {
+          "name": "horizontal-offset",
+          "description": "A pixel value that will be added to the position calculated on the horizontal axis. The offset will be applied either to the `left` or `right` depending on the `positionTarget`",
+          "type": "number"
+        },
+        {
+          "name": "vertical-offset",
+          "description": "A pixel value that will be added to the position calculated on the vertical axis. The offset will be applied either to the `top` or `bottom` depending on the `positionTarget`",
+          "type": "number"
         }
       ],
       "properties": [
@@ -60,54 +131,59 @@
         {
           "name": "values",
           "description": "Array of item's values",
-          "type": "string[]"
+          "type": "string[]",
+          "default": "[]"
         },
         {
           "name": "data",
-          "description": "Construct the menu from data object.\nCannot be used with internal content"
+          "description": "Construct the menu from data object.\nCannot be used with internal content",
+          "type": "OverlayMenuData|undefined"
         },
         {
           "name": "opened",
           "attribute": "opened",
           "description": "True if the menu is currently displayed",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "withBackdrop",
+          "attribute": "with-backdrop",
           "description": "True to show backdrop",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "noCancelOnEscKey",
+          "attribute": "no-cancel-on-esc-key",
           "description": "Set to true to disable canceling the overlay with the ESC key",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "noCancelOnOutsideClick",
+          "attribute": "no-cancel-on-outside-click",
           "description": "Set to true to disable canceling the overlay by clicking outside it",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "lockPositionTarget",
+          "attribute": "lock-position-target",
           "description": "Set to true to lock position target",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "positionTarget",
           "description": "Position next to the HTML element",
-          "type": "HTMLElement|null",
-          "default": "\"null\""
+          "type": "HTMLElement | null"
         },
         {
           "name": "transitionStyle",
+          "attribute": "transition-style",
           "description": "Set the transition style",
-          "type": "string|null",
-          "default": "\"null\""
+          "type": "string | null"
         },
         {
           "name": "value",
@@ -115,6 +191,44 @@
           "description": "Returns the first selected item value.",
           "type": "string",
           "default": "\"\""
+        },
+        {
+          "name": "x",
+          "attribute": "x",
+          "description": "Set a specific x coordinate",
+          "type": "number | undefined"
+        },
+        {
+          "name": "y",
+          "attribute": "y",
+          "description": "Set a specific y coordinate",
+          "type": "number | undefined"
+        },
+        {
+          "name": "horizontalOffset",
+          "attribute": "horizontal-offset",
+          "description": "A pixel value that will be added to the position calculated on the horizontal axis. The offset will be applied either to the `left` or `right` depending on the `positionTarget`",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "verticalOffset",
+          "attribute": "vertical-offset",
+          "description": "A pixel value that will be added to the position calculated on the vertical axis. The offset will be applied either to the `top` or `bottom` depending on the `positionTarget`",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "offset",
+          "attribute": "offset",
+          "description": "A pixel value that will be added to the position calculated on the vertical or horizontal axis. The offset is applied dynamically depending on the `positionTarget`",
+          "type": "number"
+        },
+        {
+          "name": "position",
+          "attribute": "position",
+          "description": "Set position and align against the attach target.",
+          "type": "Position[] | undefined"
         }
       ],
       "events": [

package/lib/overlay-menu/custom-elements.md

@@ -0,0 +1,44 @@
+# ef-overlay-menu
+
+Overlay that supports single-level and multi-level menus
+
+## Attributes
+
+| Attribute                    | Type      | Description                                      |
+|------------------------------|-----------|--------------------------------------------------|
+| `horizontal-offset`          | `number`  | A pixel value that will be added to the position calculated on the horizontal axis. The offset will be applied either to the `left` or `right` depending on the `positionTarget` |
+| `lock-position-target`       | `boolean` | Set to true to lock position target              |
+| `no-cancel-on-esc-key`       | `boolean` | Set to true to disable canceling the overlay with the ESC key |
+| `no-cancel-on-outside-click` | `boolean` | Set to true to disable canceling the overlay by clicking outside it |
+| `transition-style`           | `string`  | Set the transition style                         |
+| `vertical-offset`            | `number`  | A pixel value that will be added to the position calculated on the vertical axis. The offset will be applied either to the `top` or `bottom` depending on the `positionTarget` |
+| `with-backdrop`              | `boolean` | True to show backdrop                            |
+
+## Properties
+
+| Property                 | Attribute                    | Type                         | Default | Description                                      |
+|--------------------------|------------------------------|------------------------------|---------|--------------------------------------------------|
+| `compact`                | `compact`                    | `boolean`                    | false   | Switch to compact style menu                     |
+| `data`                   |                              | `OverlayMenuData\|undefined` |         | Construct the menu from data object.<br />Cannot be used with internal content |
+| `horizontalOffset`       | `horizontal-offset`          | `number`                     | 0       | A pixel value that will be added to the position calculated on the horizontal axis. The offset will be applied either to the `left` or `right` depending on the `positionTarget` |
+| `lockPositionTarget`     | `lock-position-target`       | `boolean`                    | false   | Set to true to lock position target              |
+| `noCancelOnEscKey`       | `no-cancel-on-esc-key`       | `boolean`                    | false   | Set to true to disable canceling the overlay with the ESC key |
+| `noCancelOnOutsideClick` | `no-cancel-on-outside-click` | `boolean`                    | false   | Set to true to disable canceling the overlay by clicking outside it |
+| `offset`                 | `offset`                     | `number`                     |         | A pixel value that will be added to the position calculated on the vertical or horizontal axis. The offset is applied dynamically depending on the `positionTarget` |
+| `opened`                 | `opened`                     | `boolean`                    | false   | True if the menu is currently displayed          |
+| `position`               | `position`                   | `Position[] \| undefined`    |         | Set position and align against the attach target. |
+| `positionTarget`         |                              | `HTMLElement \| null`        | null    | Position next to the HTML element                |
+| `transitionStyle`        | `transition-style`           | `string \| null`             | null    | Set the transition style                         |
+| `value`                  | `value`                      | `string`                     | ""      | Returns the first selected item value.           |
+| `values`                 |                              | `string[]`                   | []      | Array of item's values                           |
+| `verticalOffset`         | `vertical-offset`            | `number`                     | 0       | A pixel value that will be added to the position calculated on the vertical axis. The offset will be applied either to the `top` or `bottom` depending on the `positionTarget` |
+| `withBackdrop`           | `with-backdrop`              | `boolean`                    | false   | True to show backdrop                            |
+| `x`                      | `x`                          | `number \| undefined`        |         | Set a specific x coordinate                      |
+| `y`                      | `y`                          | `number \| undefined`        |         | Set a specific y coordinate                      |
+
+## Events
+
+| Event            | Description                                      |
+|------------------|--------------------------------------------------|
+| `item-trigger`   | Dispatched when user clicks on item              |
+| `opened-changed` | Dispatched when when opened attribute changes internally. Prevent default to stop opening/closing pipeline |

package/lib/overlay-menu/helpers/types.d.ts

@@ -1,6 +1,6 @@
-import { CollectionComposer } from '@refinitiv-ui/utils';
-import { OverlayMenu } from '../index';
-import { Item, ItemData } from '../../item';
+import type { CollectionComposer } from '@refinitiv-ui/utils/lib/collection';
+import type { OverlayMenu } from '../index';
+import type { Item, ItemData } from '../../item';
 export declare type NestedMenu = {
     menu: OverlayMenu;
     item: Item;

package/lib/overlay-menu/helpers/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map