@xeokit/xeokit-sdk 2.4.0-alpha-14 → 2.4.0-alpha-15

package/dist/xeokit-sdk.cjs.js

@@ -327,6 +327,7 @@ class ContextMenu {
      * @param {Object} [cfg.context] The context, which is passed into the item callbacks. This can also be dynamically set on {@link ContextMenu#context}. This must be set before calling {@link ContextMenu#show}.
      * @param {Boolean} [cfg.enabled=true] Whether this ````ContextMenu```` is initially enabled. {@link ContextMenu#show} does nothing while this is ````false````.
      * @param {Boolean} [cfg.hideOnMouseDown=true] Whether this ````ContextMenu```` automatically hides whenever we mouse-down or tap anywhere in the page.
+     * @param {Boolean} [cfg.hideOnMouseSelect=true] Whether this ````ContextMenu```` automatically hides after we select a menu item. Se false if we want the menu to remain shown and show any updates to its item titles, after we've selected an item.
      */
     constructor(cfg = {}) {
 
@@ -365,6 +366,8 @@ class ContextMenu {
             this.items = cfg.items;
         }
 
+        this._hideOnMouseSelect = (cfg.hideOnMouseSelect !== false);
+
         this.context = cfg.context;
         this.enabled = cfg.enabled !== false;
         this.hide();
@@ -793,7 +796,6 @@ class ContextMenu {
 
                             item.itemElement.addEventListener("click", (event) => {
                                 event.preventDefault();
-                                self.hide();
                                 if (!self._context) {
                                     return;
                                 }
@@ -803,9 +805,13 @@ class ContextMenu {
                                 if (item.doAction) {
                                     item.doAction(self._context);
                                 }
+                                if (this._hideOnMouseSelect) {
+                                    self.hide();
+                                } else {
+                                    self._updateItemsTitles();
+                                    self._updateItemsEnabledStatus();
+                                }
                             });
-
-
                             item.itemElement.addEventListener("mouseenter", (event) => {
                                 event.preventDefault();
                                 if (item.enabled === false) {

package/dist/xeokit-sdk.es.js

@@ -323,6 +323,7 @@ class ContextMenu {
      * @param {Object} [cfg.context] The context, which is passed into the item callbacks. This can also be dynamically set on {@link ContextMenu#context}. This must be set before calling {@link ContextMenu#show}.
      * @param {Boolean} [cfg.enabled=true] Whether this ````ContextMenu```` is initially enabled. {@link ContextMenu#show} does nothing while this is ````false````.
      * @param {Boolean} [cfg.hideOnMouseDown=true] Whether this ````ContextMenu```` automatically hides whenever we mouse-down or tap anywhere in the page.
+     * @param {Boolean} [cfg.hideOnMouseSelect=true] Whether this ````ContextMenu```` automatically hides after we select a menu item. Se false if we want the menu to remain shown and show any updates to its item titles, after we've selected an item.
      */
     constructor(cfg = {}) {
 
@@ -361,6 +362,8 @@ class ContextMenu {
             this.items = cfg.items;
         }
 
+        this._hideOnMouseSelect = (cfg.hideOnMouseSelect !== false);
+
         this.context = cfg.context;
         this.enabled = cfg.enabled !== false;
         this.hide();
@@ -789,7 +792,6 @@ class ContextMenu {
 
                             item.itemElement.addEventListener("click", (event) => {
                                 event.preventDefault();
-                                self.hide();
                                 if (!self._context) {
                                     return;
                                 }
@@ -799,9 +801,13 @@ class ContextMenu {
                                 if (item.doAction) {
                                     item.doAction(self._context);
                                 }
+                                if (this._hideOnMouseSelect) {
+                                    self.hide();
+                                } else {
+                                    self._updateItemsTitles();
+                                    self._updateItemsEnabledStatus();
+                                }
                             });
-
-
                             item.itemElement.addEventListener("mouseenter", (event) => {
                                 event.preventDefault();
                                 if (item.enabled === false) {