@vonage/vivid 4.1.0 → 4.3.0

package/shared/definition25.js

@@ -2150,49 +2150,29 @@ class FormAssociatedFilePicker extends FormAssociated(_FilePicker) {
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __decorateClass = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
-  return value;
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _dropzone, _chooseFile, chooseFile_fn, _updateHiddenFileInput, updateHiddenFileInput_fn, _handleFilesChanged, handleFilesChanged_fn, _updateFormValue, updateFormValue_fn, _setValueToAFakePathLikeNativeInput, setValueToAFakePathLikeNativeInput_fn, _formatNumbersInMessage, formatNumbersInMessage_fn;
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _dropzone, _FilePicker_instances, chooseFile_fn, updateHiddenFileInput_fn, handleFilesChanged_fn, updateFormValue_fn, setValueToAFakePathLikeNativeInput_fn, formatNumbersInMessage_fn;
 const isFormAssociatedTryingToSetFormValueToFakePath = (value) => typeof value === "string";
 let FilePicker = class extends FormAssociatedFilePicker {
   constructor() {
     super();
-    __privateAdd(this, _chooseFile);
-    __privateAdd(this, _updateHiddenFileInput);
-    __privateAdd(this, _handleFilesChanged);
-    __privateAdd(this, _updateFormValue);
-    __privateAdd(this, _setValueToAFakePathLikeNativeInput);
-    __privateAdd(this, _formatNumbersInMessage);
-    __privateAdd(this, _dropzone, void 0);
+    __privateAdd(this, _FilePicker_instances);
+    __privateAdd(this, _dropzone);
     this.maxFileSize = 256;
     /**
      * Used internally to hold the tag that button is registered at.
@@ -2219,7 +2199,7 @@ let FilePicker = class extends FormAssociatedFilePicker {
       return;
     }
     __privateGet(this, _dropzone).options.maxFiles = newValue;
-    __privateMethod(this, _updateHiddenFileInput, updateHiddenFileInput_fn).call(this);
+    __privateMethod(this, _FilePicker_instances, updateHiddenFileInput_fn).call(this);
   }
   maxFileSizeChanged(_oldValue, newValue) {
     if (!__privateGet(this, _dropzone)) {
@@ -2235,7 +2215,7 @@ let FilePicker = class extends FormAssociatedFilePicker {
   }
   nameChanged(previous, next) {
     super.nameChanged(previous, next);
-    __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
+    __privateMethod(this, _FilePicker_instances, updateFormValue_fn).call(this);
   }
   connectedCallback() {
     super.connectedCallback();
@@ -2277,13 +2257,13 @@ let FilePicker = class extends FormAssociatedFilePicker {
           for (const node of file.previewElement.querySelectorAll(
             "[data-dz-errormessage]"
           )) {
-            node.textContent = __privateMethod(this, _formatNumbersInMessage, formatNumbersInMessage_fn).call(this, message);
+            node.textContent = __privateMethod(this, _FilePicker_instances, formatNumbersInMessage_fn).call(this, message);
           }
         }
       }
     }));
     __privateGet(this, _dropzone).filesize = (size) => {
-      return __privateMethod(this, _formatNumbersInMessage, formatNumbersInMessage_fn).call(this, $3ed269f2f0fb224b$export$2e2bcd8739ae039.prototype.filesize.call(__privateGet(this, _dropzone), size));
+      return __privateMethod(this, _FilePicker_instances, formatNumbersInMessage_fn).call(this, $3ed269f2f0fb224b$export$2e2bcd8739ae039.prototype.filesize.call(__privateGet(this, _dropzone), size));
     };
     __privateGet(this, _dropzone).on("addedfiles", (files) => {
       for (const file of files) {
@@ -2298,10 +2278,10 @@ let FilePicker = class extends FormAssociatedFilePicker {
           });
         }
       }
-      __privateMethod(this, _handleFilesChanged, handleFilesChanged_fn).call(this);
+      __privateMethod(this, _FilePicker_instances, handleFilesChanged_fn).call(this);
     });
     __privateGet(this, _dropzone).on("removedfile", () => {
-      __privateMethod(this, _handleFilesChanged, handleFilesChanged_fn).call(this);
+      __privateMethod(this, _FilePicker_instances, handleFilesChanged_fn).call(this);
     });
     __privateGet(this, _dropzone).on("error", (file) => {
       if (file.previewElement) {
@@ -2328,7 +2308,7 @@ let FilePicker = class extends FormAssociatedFilePicker {
    */
   handleKeydown(e) {
     if (e.key === "Enter" || e.key === " ") {
-      __privateMethod(this, _chooseFile, chooseFile_fn).call(this);
+      __privateMethod(this, _FilePicker_instances, chooseFile_fn).call(this);
     }
     return true;
   }
@@ -2341,13 +2321,12 @@ let FilePicker = class extends FormAssociatedFilePicker {
   }
 };
 _dropzone = new WeakMap();
-_chooseFile = new WeakSet();
+_FilePicker_instances = new WeakSet();
 chooseFile_fn = function() {
   if (__privateGet(this, _dropzone).hiddenFileInput) {
     __privateGet(this, _dropzone).hiddenFileInput.click();
   }
 };
-_updateHiddenFileInput = new WeakSet();
 updateHiddenFileInput_fn = function() {
   if (__privateGet(this, _dropzone).hiddenFileInput) {
     __privateGet(this, _dropzone).hiddenFileInput.dispatchEvent(
@@ -2355,12 +2334,10 @@ updateHiddenFileInput_fn = function() {
     );
   }
 };
-_handleFilesChanged = new WeakSet();
 handleFilesChanged_fn = function() {
   this.$emit("change");
-  __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
+  __privateMethod(this, _FilePicker_instances, updateFormValue_fn).call(this);
 };
-_updateFormValue = new WeakSet();
 updateFormValue_fn = function() {
   const files = this.files;
   if (!this.name) {
@@ -2372,13 +2349,11 @@ updateFormValue_fn = function() {
     }
     this.setFormValue(formData);
   }
-  __privateMethod(this, _setValueToAFakePathLikeNativeInput, setValueToAFakePathLikeNativeInput_fn).call(this);
+  __privateMethod(this, _FilePicker_instances, setValueToAFakePathLikeNativeInput_fn).call(this);
 };
-_setValueToAFakePathLikeNativeInput = new WeakSet();
 setValueToAFakePathLikeNativeInput_fn = function() {
   this.value = this.files.length > 0 ? `C:\\fakepath\\${this.files[0].name}` : "";
 };
-_formatNumbersInMessage = new WeakSet();
 formatNumbersInMessage_fn = function(message) {
   if (this.locale.common.useCommaAsDecimalSeparator) {
     return message.replace(/(\d+)\.(\d+)/g, "$1,$2");

package/shared/definition26.cjs

@@ -12,8 +12,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class Header extends index.FoundationElement {

package/shared/definition26.js

@@ -10,8 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class Header extends FoundationElement {

package/shared/definition28.cjs

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class Layout extends index.FoundationElement {

package/shared/definition28.js

@@ -7,8 +7,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class Layout extends FoundationElement {

package/shared/definition29.cjs

@@ -2,6 +2,7 @@
 
 const index = require('./index.cjs');
 const definition = require('./definition27.cjs');
+const keyCodes$1 = require('./key-codes2.cjs');
 const affix = require('./affix.cjs');
 const anchored = require('./anchored.cjs');
 const startEnd = require('./start-end.cjs');
@@ -574,49 +575,35 @@ const styles = ":host(:focus-visible){outline:none}:host([disabled]){pointer-eve
 
 var __defProp$1 = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __decorateClass$1 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$1(target, key, result);
+  if (kind && result) __defProp$1(target, key, result);
   return result;
 };
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _triggerBehaviour, triggerBehaviour_get, _setupAnchor, setupAnchor_fn, _updateAnchor, updateAnchor_fn, _cleanupAnchor, cleanupAnchor_fn, _onAnchorClick;
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _Menu_instances, triggerBehaviour_get, setupAnchor_fn, updateAnchor_fn, cleanupAnchor_fn, _onAnchorClick;
 exports.Menu = class Menu extends Menu$1 {
   constructor() {
     super();
-    __privateAdd(this, _triggerBehaviour);
-    __privateAdd(this, _setupAnchor);
-    __privateAdd(this, _updateAnchor);
-    __privateAdd(this, _cleanupAnchor);
+    __privateAdd(this, _Menu_instances);
     this.ariaLabel = null;
     this.placement = "bottom";
     this.autoDismiss = false;
     this.open = false;
     __privateAdd(this, _onAnchorClick, () => {
-      if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "off") {
+      if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "off") {
         return;
       }
-      if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "legacy" && this.open) {
+      if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "legacy" && this.open) {
         return;
       }
       const newValue = !this.open;
@@ -649,45 +636,40 @@ exports.Menu = class Menu extends Menu$1 {
   openChanged(_, newValue) {
     newValue ? this.$emit("open", void 0, { bubbles: false }) : this.$emit("close", void 0, { bubbles: false });
     if (this._anchorEl) {
-      __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, this._anchorEl);
+      __privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, this._anchorEl);
     }
   }
   /**
    * @internal
    */
   _anchorElChanged(oldValue, newValue) {
-    if (oldValue)
-      __privateMethod(this, _cleanupAnchor, cleanupAnchor_fn).call(this, oldValue);
-    if (newValue)
-      __privateMethod(this, _setupAnchor, setupAnchor_fn).call(this, newValue);
+    if (oldValue) __privateMethod(this, _Menu_instances, cleanupAnchor_fn).call(this, oldValue);
+    if (newValue) __privateMethod(this, _Menu_instances, setupAnchor_fn).call(this, newValue);
   }
   /**
    * @internal
    */
   _onChange(e) {
     const clickedOnNonCheckboxMenuItem = e.target instanceof HTMLElement && (e.target.role === "menuitem" || e.target.role === "menuitemradio");
-    if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
+    if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
       this.open = false;
     }
     return true;
   }
 };
-_triggerBehaviour = new WeakSet();
+_Menu_instances = new WeakSet();
 triggerBehaviour_get = function() {
   return this.trigger ?? "legacy";
 };
-_setupAnchor = new WeakSet();
 setupAnchor_fn = function(a) {
   a.addEventListener("click", __privateGet(this, _onAnchorClick), true);
   a.addEventListener("focusout", this._onFocusout);
   a.setAttribute("aria-haspopup", "menu");
-  __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, a);
+  __privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, a);
 };
-_updateAnchor = new WeakSet();
 updateAnchor_fn = function(a) {
   a.setAttribute("aria-expanded", this.open.toString());
 };
-_cleanupAnchor = new WeakSet();
 cleanupAnchor_fn = function(a) {
   a.removeEventListener("click", __privateGet(this, _onAnchorClick), true);
   a.removeEventListener("focusout", this._onFocusout);
@@ -726,8 +708,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 const MenuItemRole = {
@@ -744,8 +725,38 @@ class MenuItem extends MenuItem$1 {
     super();
     this.checkTrailing = false;
     this.#submenuArray = [];
+    this.#handleMenuItemKeyDown = (e) => {
+      if (e.defaultPrevented) {
+        return false;
+      }
+      switch (e.key) {
+        case keyCodes$1.keyEnter:
+        case keyCodes$1.keySpace:
+          this.invoke();
+          if (!this.disabled) {
+            this.#emitSyntheticClick();
+          }
+          return false;
+        case keyCodes$1.keyArrowRight:
+          this.expandAndFocus();
+          if (this.hasSubmenu) {
+            this.#emitSyntheticClick();
+          }
+          return false;
+        case keyCodes$1.keyArrowLeft:
+          if (this.expanded) {
+            this.expanded = false;
+            this.focus();
+            this.#emitSyntheticClick();
+            return false;
+          }
+      }
+      return true;
+    };
+    this.#syntheticClickEvents = /* @__PURE__ */ new WeakSet();
     this.updateSubmenu = () => this.#updateSubmenu();
     this.addEventListener("expanded-change", this.#expandedChange);
+    this.handleMenuItemKeyDown = this.#handleMenuItemKeyDown;
   }
   #submenuArray;
   /**
@@ -773,6 +784,22 @@ class MenuItem extends MenuItem$1 {
       this.submenu.open = this.expanded;
     }
   }
+  #handleMenuItemKeyDown;
+  #syntheticClickEvents;
+  /**
+   * @internal
+   */
+  _isSyntheticClickEvent(event) {
+    return this.#syntheticClickEvents.has(event);
+  }
+  #emitSyntheticClick() {
+    const mouseEvent = new MouseEvent("click", {
+      bubbles: true,
+      composed: true
+    });
+    this.#syntheticClickEvents.add(mouseEvent);
+    this.dispatchEvent(mouseEvent);
+  }
 }
 __decorateClass([
   index.attr
@@ -833,6 +860,9 @@ const getClasses = ({
   ["has-meta", Boolean(metaSlottedContent?.length)]
 );
 function handleClick(x, { event }) {
+  if (x._isSyntheticClickEvent(event)) {
+    return true;
+  }
   x.handleMenuItemClick(event);
   return x.role === MenuItemRole.presentation;
 }

package/shared/definition29.js

@@ -1,5 +1,6 @@
 import { F as FoundationElement, D as DOM, _ as __decorate, a as attr, o as observable, h as html, r as registerFactory } from './index.js';
 import { a as iconRegistries } from './definition27.js';
+import { k as keyArrowLeft$1, a as keyArrowRight$1, g as keySpace$1, b as keyEnter$1 } from './key-codes2.js';
 import { A as AffixIcon, a as affixIconTemplateFactory } from './affix.js';
 import { b as anchored } from './anchored.js';
 import { S as StartEnd } from './start-end.js';
@@ -572,49 +573,35 @@ const styles = ":host(:focus-visible){outline:none}:host([disabled]){pointer-eve
 
 var __defProp$1 = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __decorateClass$1 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$1(target, key, result);
+  if (kind && result) __defProp$1(target, key, result);
   return result;
 };
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _triggerBehaviour, triggerBehaviour_get, _setupAnchor, setupAnchor_fn, _updateAnchor, updateAnchor_fn, _cleanupAnchor, cleanupAnchor_fn, _onAnchorClick;
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _Menu_instances, triggerBehaviour_get, setupAnchor_fn, updateAnchor_fn, cleanupAnchor_fn, _onAnchorClick;
 let Menu = class extends Menu$1 {
   constructor() {
     super();
-    __privateAdd(this, _triggerBehaviour);
-    __privateAdd(this, _setupAnchor);
-    __privateAdd(this, _updateAnchor);
-    __privateAdd(this, _cleanupAnchor);
+    __privateAdd(this, _Menu_instances);
     this.ariaLabel = null;
     this.placement = "bottom";
     this.autoDismiss = false;
     this.open = false;
     __privateAdd(this, _onAnchorClick, () => {
-      if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "off") {
+      if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "off") {
         return;
       }
-      if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "legacy" && this.open) {
+      if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "legacy" && this.open) {
         return;
       }
       const newValue = !this.open;
@@ -647,45 +634,40 @@ let Menu = class extends Menu$1 {
   openChanged(_, newValue) {
     newValue ? this.$emit("open", void 0, { bubbles: false }) : this.$emit("close", void 0, { bubbles: false });
     if (this._anchorEl) {
-      __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, this._anchorEl);
+      __privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, this._anchorEl);
     }
   }
   /**
    * @internal
    */
   _anchorElChanged(oldValue, newValue) {
-    if (oldValue)
-      __privateMethod(this, _cleanupAnchor, cleanupAnchor_fn).call(this, oldValue);
-    if (newValue)
-      __privateMethod(this, _setupAnchor, setupAnchor_fn).call(this, newValue);
+    if (oldValue) __privateMethod(this, _Menu_instances, cleanupAnchor_fn).call(this, oldValue);
+    if (newValue) __privateMethod(this, _Menu_instances, setupAnchor_fn).call(this, newValue);
   }
   /**
    * @internal
    */
   _onChange(e) {
     const clickedOnNonCheckboxMenuItem = e.target instanceof HTMLElement && (e.target.role === "menuitem" || e.target.role === "menuitemradio");
-    if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
+    if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
       this.open = false;
     }
     return true;
   }
 };
-_triggerBehaviour = new WeakSet();
+_Menu_instances = new WeakSet();
 triggerBehaviour_get = function() {
   return this.trigger ?? "legacy";
 };
-_setupAnchor = new WeakSet();
 setupAnchor_fn = function(a) {
   a.addEventListener("click", __privateGet(this, _onAnchorClick), true);
   a.addEventListener("focusout", this._onFocusout);
   a.setAttribute("aria-haspopup", "menu");
-  __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, a);
+  __privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, a);
 };
-_updateAnchor = new WeakSet();
 updateAnchor_fn = function(a) {
   a.setAttribute("aria-expanded", this.open.toString());
 };
-_cleanupAnchor = new WeakSet();
 cleanupAnchor_fn = function(a) {
   a.removeEventListener("click", __privateGet(this, _onAnchorClick), true);
   a.removeEventListener("focusout", this._onFocusout);
@@ -724,8 +706,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 const MenuItemRole = {
@@ -742,8 +723,38 @@ class MenuItem extends MenuItem$1 {
     super();
     this.checkTrailing = false;
     this.#submenuArray = [];
+    this.#handleMenuItemKeyDown = (e) => {
+      if (e.defaultPrevented) {
+        return false;
+      }
+      switch (e.key) {
+        case keyEnter$1:
+        case keySpace$1:
+          this.invoke();
+          if (!this.disabled) {
+            this.#emitSyntheticClick();
+          }
+          return false;
+        case keyArrowRight$1:
+          this.expandAndFocus();
+          if (this.hasSubmenu) {
+            this.#emitSyntheticClick();
+          }
+          return false;
+        case keyArrowLeft$1:
+          if (this.expanded) {
+            this.expanded = false;
+            this.focus();
+            this.#emitSyntheticClick();
+            return false;
+          }
+      }
+      return true;
+    };
+    this.#syntheticClickEvents = /* @__PURE__ */ new WeakSet();
     this.updateSubmenu = () => this.#updateSubmenu();
     this.addEventListener("expanded-change", this.#expandedChange);
+    this.handleMenuItemKeyDown = this.#handleMenuItemKeyDown;
   }
   #submenuArray;
   /**
@@ -771,6 +782,22 @@ class MenuItem extends MenuItem$1 {
       this.submenu.open = this.expanded;
     }
   }
+  #handleMenuItemKeyDown;
+  #syntheticClickEvents;
+  /**
+   * @internal
+   */
+  _isSyntheticClickEvent(event) {
+    return this.#syntheticClickEvents.has(event);
+  }
+  #emitSyntheticClick() {
+    const mouseEvent = new MouseEvent("click", {
+      bubbles: true,
+      composed: true
+    });
+    this.#syntheticClickEvents.add(mouseEvent);
+    this.dispatchEvent(mouseEvent);
+  }
 }
 __decorateClass([
   attr
@@ -831,6 +858,9 @@ const getClasses = ({
   ["has-meta", Boolean(metaSlottedContent?.length)]
 );
 function handleClick(x, { event }) {
+  if (x._isSyntheticClickEvent(event)) {
+    return true;
+  }
   x.handleMenuItemClick(event);
   return x.role === MenuItemRole.presentation;
 }

package/shared/definition3.cjs

@@ -11,8 +11,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class ActionGroup extends index.FoundationElement {

package/shared/definition3.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class ActionGroup extends FoundationElement {

package/shared/definition31.cjs

@@ -16,8 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class NavDisclosure extends index.FoundationElement {

package/shared/definition31.js

@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class NavDisclosure extends FoundationElement {

package/shared/definition34.cjs

@@ -16,8 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class Note extends index.FoundationElement {