@m3e/web 2.3.0 → 2.3.1

package/dist/all.js

@@ -358,7 +358,7 @@ __decorate([property({
 __decorate([debounce$1(40)], M3eAppBarElement.prototype, "_updateScroll", null);
 M3eAppBarElement = __decorate([customElement$1("m3e-app-bar")], M3eAppBarElement);
 
-var _M3eAutocompleteElement_instances, _M3eAutocompleteElement_id, _M3eAutocompleteElement_menuId, _M3eAutocompleteElement_clone, _M3eAutocompleteElement_ignoreFocusVisible, _M3eAutocompleteElement_menu, _M3eAutocompleteElement_ignoreHideMenuOnBlur, _M3eAutocompleteElement_inputChanged, _M3eAutocompleteElement_hasFocus, _M3eAutocompleteElement_mutationAbortController, _M3eAutocompleteElement_clickHandler, _M3eAutocompleteElement_formFieldPointerDownHandler, _M3eAutocompleteElement_focusHandler, _M3eAutocompleteElement_blurHandler, _M3eAutocompleteElement_keyDownHandler, _M3eAutocompleteElement_inputHandler, _M3eAutocompleteElement_changeHandler, _M3eAutocompleteElement_menuToggleHandler, _M3eAutocompleteElement_menuPointerDownHandler, _M3eAutocompleteElement_options_get, _M3eAutocompleteElement_input_get, _M3eAutocompleteElement_hasNoDataSlot_get, _M3eAutocompleteElement_hasLoadingSlot_get, _M3eAutocompleteElement_shouldShowMenu_get, _M3eAutocompleteElement_formField_get, _M3eAutocompleteElement_handleMutation, _M3eAutocompleteElement_handleClick, _M3eAutocompleteElement_handleFormFieldPointerDown, _M3eAutocompleteElement_handleFocus, _M3eAutocompleteElement_handleBlur, _M3eAutocompleteElement_handleInput, _M3eAutocompleteElement_handleChange, _M3eAutocompleteElement_handleKeyDown, _M3eAutocompleteElement_handleMenuPointerDown, _M3eAutocompleteElement_handleMenuToggle, _M3eAutocompleteElement_destroyMenu, _M3eAutocompleteElement_showMenu, _M3eAutocompleteElement_projectClone, _M3eAutocompleteElement_updateMenuState, _M3eAutocompleteElement_hideMenu, _M3eAutocompleteElement_activateOption, _M3eAutocompleteElement_updateSelectionState, _M3eAutocompleteElement_selectOption, _M3eAutocompleteElement_filterOption, _M3eAutocompleteElement_filterOptions, _M3eAutocompleteElement_clearOptions, _M3eAutocompleteElement_announceResults, _M3eAutocompleteElement_autoActivate, _M3eAutocompleteElement_deactivateOption;
+var _M3eAutocompleteElement_instances, _M3eAutocompleteElement_id, _M3eAutocompleteElement_menuId, _M3eAutocompleteElement_clone, _M3eAutocompleteElement_ignoreFocusVisible, _M3eAutocompleteElement_menu, _M3eAutocompleteElement_ignoreHideMenuOnBlur, _M3eAutocompleteElement_inputChanged, _M3eAutocompleteElement_hasFocus, _M3eAutocompleteElement_mutationAbortController, _M3eAutocompleteElement_clickHandler, _M3eAutocompleteElement_formFieldPointerDownHandler, _M3eAutocompleteElement_focusHandler, _M3eAutocompleteElement_blurHandler, _M3eAutocompleteElement_keyDownHandler, _M3eAutocompleteElement_inputHandler, _M3eAutocompleteElement_changeHandler, _M3eAutocompleteElement_menuToggleHandler, _M3eAutocompleteElement_menuPointerDownHandler, _M3eAutocompleteElement_menuPointerUpHandler, _M3eAutocompleteElement_menuPressedOption, _M3eAutocompleteElement_options_get, _M3eAutocompleteElement_input_get, _M3eAutocompleteElement_hasNoDataSlot_get, _M3eAutocompleteElement_hasLoadingSlot_get, _M3eAutocompleteElement_shouldShowMenu_get, _M3eAutocompleteElement_formField_get, _M3eAutocompleteElement_handleMutation, _M3eAutocompleteElement_handleClick, _M3eAutocompleteElement_handleFormFieldPointerDown, _M3eAutocompleteElement_handleFocus, _M3eAutocompleteElement_handleBlur, _M3eAutocompleteElement_handleInput, _M3eAutocompleteElement_handleChange, _M3eAutocompleteElement_handleKeyDown, _M3eAutocompleteElement_handleMenuPointerDown, _M3eAutocompleteElement_handleMenuPointerUp, _M3eAutocompleteElement_handleMenuToggle, _M3eAutocompleteElement_destroyMenu, _M3eAutocompleteElement_showMenu, _M3eAutocompleteElement_projectClone, _M3eAutocompleteElement_updateMenuState, _M3eAutocompleteElement_hideMenu, _M3eAutocompleteElement_activateOption, _M3eAutocompleteElement_updateSelectionState, _M3eAutocompleteElement_selectOption, _M3eAutocompleteElement_filterOption, _M3eAutocompleteElement_filterOptions, _M3eAutocompleteElement_clearOptions, _M3eAutocompleteElement_announceResults, _M3eAutocompleteElement_autoActivate, _M3eAutocompleteElement_deactivateOption;
 var M3eAutocompleteElement_1;
 /**
  * Enhances a text input with suggested options.
@@ -450,6 +450,10 @@ let M3eAutocompleteElement = M3eAutocompleteElement_1 = class M3eAutocompleteEle
     /** @private */
     _M3eAutocompleteElement_menuPointerDownHandler.set(this, e => __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_handleMenuPointerDown).call(this, e));
     /** @private */
+    _M3eAutocompleteElement_menuPointerUpHandler.set(this, e => __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_handleMenuPointerUp).call(this, e));
+    /** @private */
+    _M3eAutocompleteElement_menuPressedOption.set(this, void 0);
+    /** @private */
     this._listKeyManager = new ListKeyManager().withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withSkipPredicate(item => item.disabled || item.hidden === true).onActiveItemChange(() => {
       if (this._listKeyManager.activeItem) {
         __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_activateOption).call(this, this._listKeyManager.activeItem);
@@ -640,6 +644,8 @@ _M3eAutocompleteElement_inputHandler = new WeakMap();
 _M3eAutocompleteElement_changeHandler = new WeakMap();
 _M3eAutocompleteElement_menuToggleHandler = new WeakMap();
 _M3eAutocompleteElement_menuPointerDownHandler = new WeakMap();
+_M3eAutocompleteElement_menuPointerUpHandler = new WeakMap();
+_M3eAutocompleteElement_menuPressedOption = new WeakMap();
 _M3eAutocompleteElement_instances = new WeakSet();
 _M3eAutocompleteElement_options_get = function _M3eAutocompleteElement_options_get() {
   return this._listKeyManager?.items ?? [];
@@ -820,18 +826,30 @@ _M3eAutocompleteElement_handleKeyDown = function _M3eAutocompleteElement_handleK
   }
 };
 _M3eAutocompleteElement_handleMenuPointerDown = function _M3eAutocompleteElement_handleMenuPointerDown(e) {
+  __classPrivateFieldSet(this, _M3eAutocompleteElement_menuPressedOption, undefined, "f");
   if (e.button === 2) return;
+  // Prevent click to avoid stealing focus.
   e.preventDefault();
   e.stopImmediatePropagation();
   const option = e.composedPath().find(x => x instanceof HTMLElement && x.tagName === "M3E-OPTION");
   if (option && !option.disabled) {
+    __classPrivateFieldSet(this, _M3eAutocompleteElement_menuPressedOption, option, "f");
+  }
+};
+_M3eAutocompleteElement_handleMenuPointerUp = function _M3eAutocompleteElement_handleMenuPointerUp(e) {
+  const pressedOption = __classPrivateFieldGet(this, _M3eAutocompleteElement_menuPressedOption, "f");
+  __classPrivateFieldSet(this, _M3eAutocompleteElement_menuPressedOption, undefined, "f");
+  if (e.button === 2) return;
+  if (!pressedOption) return;
+  const option = e.composedPath().find(x => x instanceof HTMLElement && x.tagName === "M3E-OPTION");
+  if (option === pressedOption) {
     this._listKeyManager.setActiveItem(option);
     __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_selectOption).call(this, option);
-    if (!prefersReducedMotion$1()) {
-      setTimeout(() => __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_hideMenu).call(this), 150);
-    } else {
-      __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_hideMenu).call(this);
-    }
+  }
+  if (!prefersReducedMotion$1()) {
+    setTimeout(() => __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_hideMenu).call(this), 150);
+  } else {
+    __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_hideMenu).call(this);
   }
 };
 _M3eAutocompleteElement_handleMenuToggle = function _M3eAutocompleteElement_handleMenuToggle(e) {
@@ -864,6 +882,7 @@ _M3eAutocompleteElement_destroyMenu = function _M3eAutocompleteElement_destroyMe
   __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f").remove();
   __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f").removeEventListener("toggle", __classPrivateFieldGet(this, _M3eAutocompleteElement_menuToggleHandler, "f"));
   __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f").removeEventListener("pointerdown", __classPrivateFieldGet(this, _M3eAutocompleteElement_menuPointerDownHandler, "f"));
+  __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f").removeEventListener("pointerup", __classPrivateFieldGet(this, _M3eAutocompleteElement_menuPointerUpHandler, "f"));
   __classPrivateFieldSet(this, _M3eAutocompleteElement_menu, undefined, "f");
   if (__classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "a", _M3eAutocompleteElement_input_get)) {
     __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "a", _M3eAutocompleteElement_input_get).ariaExpanded = "false";
@@ -897,6 +916,7 @@ _M3eAutocompleteElement_showMenu = function _M3eAutocompleteElement_showMenu() {
   __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f").fitAnchorWidth = true;
   __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f").addEventListener("toggle", __classPrivateFieldGet(this, _M3eAutocompleteElement_menuToggleHandler, "f"));
   __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f").addEventListener("pointerdown", __classPrivateFieldGet(this, _M3eAutocompleteElement_menuPointerDownHandler, "f"));
+  __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f").addEventListener("pointerup", __classPrivateFieldGet(this, _M3eAutocompleteElement_menuPointerUpHandler, "f"));
   __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_projectClone).call(this);
   __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "m", _M3eAutocompleteElement_updateMenuState).call(this, __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f"), count);
   (__classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "a", _M3eAutocompleteElement_formField_get) ?? __classPrivateFieldGet(this, _M3eAutocompleteElement_instances, "a", _M3eAutocompleteElement_input_get)).insertAdjacentElement("afterend", __classPrivateFieldGet(this, _M3eAutocompleteElement_menu, "f"));
@@ -22765,7 +22785,7 @@ __decorate([property({
 })], M3eSegmentedButtonElement.prototype, "hideSelectionIndicator", void 0);
 M3eSegmentedButtonElement = __decorate([customElement$1("m3e-segmented-button")], M3eSegmentedButtonElement);
 
-var _M3eSelectElement_instances, _M3eSelectElement_clone, _M3eSelectElement_menu, _M3eSelectElement_ignoreKeyUp, _M3eSelectElement_ignoreFocusVisible, _M3eSelectElement_id, _M3eSelectElement_listId, _M3eSelectElement_clickHandler, _M3eSelectElement_keyDownHandler, _M3eSelectElement_keyUpHandler, _M3eSelectElement_menuToggleHandler, _M3eSelectElement_menuPointerDownHandler, _M3eSelectElement_options_get, _M3eSelectElement_selected_get, _M3eSelectElement_formField_get, _M3eSelectElement_handleMutation, _M3eSelectElement_handleClick, _M3eSelectElement_handleKeyDown, _M3eSelectElement_handleKeyUp, _M3eSelectElement_handleMenuPointerDown, _M3eSelectElement_handleMenuToggle, _M3eSelectElement_destroyMenu, _M3eSelectElement_toggleMenu, _M3eSelectElement_showMenu, _M3eSelectElement_hideMenu, _M3eSelectElement_activateOption, _M3eSelectElement_updateSelectionState, _M3eSelectElement_selectOption;
+var _M3eSelectElement_instances, _M3eSelectElement_clone, _M3eSelectElement_menu, _M3eSelectElement_ignoreKeyUp, _M3eSelectElement_ignoreFocusVisible, _M3eSelectElement_id, _M3eSelectElement_listId, _M3eSelectElement_clickHandler, _M3eSelectElement_keyDownHandler, _M3eSelectElement_keyUpHandler, _M3eSelectElement_menuToggleHandler, _M3eSelectElement_menuPointerDownHandler, _M3eSelectElement_menuPointerUpHandler, _M3eSelectElement_menuPressedOption, _M3eSelectElement_options_get, _M3eSelectElement_selected_get, _M3eSelectElement_formField_get, _M3eSelectElement_handleMutation, _M3eSelectElement_handleClick, _M3eSelectElement_handleKeyDown, _M3eSelectElement_handleKeyUp, _M3eSelectElement_handleMenuPointerDown, _M3eSelectElement_handleMenuPointerUp, _M3eSelectElement_handleMenuToggle, _M3eSelectElement_destroyMenu, _M3eSelectElement_toggleMenu, _M3eSelectElement_showMenu, _M3eSelectElement_hideMenu, _M3eSelectElement_activateOption, _M3eSelectElement_updateSelectionState, _M3eSelectElement_selectOption;
 var M3eSelectElement_1;
 /**
  * A form control that allows users to select a value from a set of predefined options.
@@ -22849,6 +22869,10 @@ let M3eSelectElement = M3eSelectElement_1 = class M3eSelectElement extends Focus
     /** @private */
     _M3eSelectElement_menuPointerDownHandler.set(this, e => __classPrivateFieldGet(this, _M3eSelectElement_instances, "m", _M3eSelectElement_handleMenuPointerDown).call(this, e));
     /** @private */
+    _M3eSelectElement_menuPointerUpHandler.set(this, e => __classPrivateFieldGet(this, _M3eSelectElement_instances, "m", _M3eSelectElement_handleMenuPointerUp).call(this, e));
+    /** @private */
+    _M3eSelectElement_menuPressedOption.set(this, void 0);
+    /** @private */
     this._listKeyManager = new ListKeyManager().withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(() => {
       if (this._listKeyManager.activeItem) {
         __classPrivateFieldGet(this, _M3eSelectElement_instances, "m", _M3eSelectElement_activateOption).call(this, this._listKeyManager.activeItem);
@@ -22898,7 +22922,7 @@ let M3eSelectElement = M3eSelectElement_1 = class M3eSelectElement extends Focus
     }
   }
   /** @inheritdoc @internal */
-  get [(_M3eSelectElement_clone = new WeakMap(), _M3eSelectElement_menu = new WeakMap(), _M3eSelectElement_ignoreKeyUp = new WeakMap(), _M3eSelectElement_ignoreFocusVisible = new WeakMap(), _M3eSelectElement_id = new WeakMap(), _M3eSelectElement_listId = new WeakMap(), _M3eSelectElement_clickHandler = new WeakMap(), _M3eSelectElement_keyDownHandler = new WeakMap(), _M3eSelectElement_keyUpHandler = new WeakMap(), _M3eSelectElement_menuToggleHandler = new WeakMap(), _M3eSelectElement_menuPointerDownHandler = new WeakMap(), _M3eSelectElement_instances = new WeakSet(), _M3eSelectElement_options_get = function _M3eSelectElement_options_get() {
+  get [(_M3eSelectElement_clone = new WeakMap(), _M3eSelectElement_menu = new WeakMap(), _M3eSelectElement_ignoreKeyUp = new WeakMap(), _M3eSelectElement_ignoreFocusVisible = new WeakMap(), _M3eSelectElement_id = new WeakMap(), _M3eSelectElement_listId = new WeakMap(), _M3eSelectElement_clickHandler = new WeakMap(), _M3eSelectElement_keyDownHandler = new WeakMap(), _M3eSelectElement_keyUpHandler = new WeakMap(), _M3eSelectElement_menuToggleHandler = new WeakMap(), _M3eSelectElement_menuPointerDownHandler = new WeakMap(), _M3eSelectElement_menuPointerUpHandler = new WeakMap(), _M3eSelectElement_menuPressedOption = new WeakMap(), _M3eSelectElement_instances = new WeakSet(), _M3eSelectElement_options_get = function _M3eSelectElement_options_get() {
     return this._listKeyManager?.items ?? [];
   }, _M3eSelectElement_selected_get = function _M3eSelectElement_selected_get() {
     return __classPrivateFieldGet(this, _M3eSelectElement_instances, "a", _M3eSelectElement_options_get).filter(x => x.selected);
@@ -23077,23 +23101,36 @@ _M3eSelectElement_handleKeyUp = function _M3eSelectElement_handleKeyUp(e) {
   }
 };
 _M3eSelectElement_handleMenuPointerDown = function _M3eSelectElement_handleMenuPointerDown(e) {
+  __classPrivateFieldSet(this, _M3eSelectElement_menuPressedOption, undefined, "f");
   if (e.button === 2) return;
+  // Prevent click to avoid stealing focus.
   e.preventDefault();
   e.stopImmediatePropagation();
   const option = e.composedPath().find(x => x instanceof HTMLElement && x.tagName === "M3E-OPTION");
   if (option && !option.disabled) {
+    __classPrivateFieldSet(this, _M3eSelectElement_menuPressedOption, option, "f");
+  }
+};
+_M3eSelectElement_handleMenuPointerUp = function _M3eSelectElement_handleMenuPointerUp(e) {
+  const pressedOption = __classPrivateFieldGet(this, _M3eSelectElement_menuPressedOption, "f");
+  __classPrivateFieldSet(this, _M3eSelectElement_menuPressedOption, undefined, "f");
+  if (e.button === 2) return;
+  if (!pressedOption) return;
+  const option = e.composedPath().find(x => x instanceof HTMLElement && x.tagName === "M3E-OPTION");
+  if (option === pressedOption) {
     __classPrivateFieldGet(this, _M3eSelectElement_instances, "m", _M3eSelectElement_selectOption).call(this, option);
     this._listKeyManager.setActiveItem(option);
-    if (!this.multi) {
-      if (!prefersReducedMotion$1()) {
-        setTimeout(() => __classPrivateFieldGet(this, _M3eSelectElement_instances, "m", _M3eSelectElement_hideMenu).call(this), 150);
-      } else {
-        __classPrivateFieldGet(this, _M3eSelectElement_instances, "m", _M3eSelectElement_hideMenu).call(this);
-      }
-    } else {
+    if (this.multi) {
       this.requestUpdate();
     }
   }
+  if (!this.multi) {
+    if (!prefersReducedMotion$1()) {
+      setTimeout(() => __classPrivateFieldGet(this, _M3eSelectElement_instances, "m", _M3eSelectElement_hideMenu).call(this), 150);
+    } else {
+      __classPrivateFieldGet(this, _M3eSelectElement_instances, "m", _M3eSelectElement_hideMenu).call(this);
+    }
+  }
 };
 _M3eSelectElement_handleMenuToggle = function _M3eSelectElement_handleMenuToggle(e) {
   if (!__classPrivateFieldGet(this, _M3eSelectElement_menu, "f")) return;
@@ -23126,6 +23163,7 @@ _M3eSelectElement_destroyMenu = function _M3eSelectElement_destroyMenu(e) {
   __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").remove();
   __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").removeEventListener("toggle", __classPrivateFieldGet(this, _M3eSelectElement_menuToggleHandler, "f"));
   __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").removeEventListener("pointerdown", __classPrivateFieldGet(this, _M3eSelectElement_menuPointerDownHandler, "f"));
+  __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").removeEventListener("pointerup", __classPrivateFieldGet(this, _M3eSelectElement_menuPointerUpHandler, "f"));
   __classPrivateFieldSet(this, _M3eSelectElement_menu, undefined, "f");
   this.ariaExpanded = "false";
   this.removeAttribute("aria-controls");
@@ -23163,6 +23201,7 @@ _M3eSelectElement_showMenu = function _M3eSelectElement_showMenu() {
   __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").fitAnchorWidth = true;
   __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").addEventListener("toggle", __classPrivateFieldGet(this, _M3eSelectElement_menuToggleHandler, "f"));
   __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").addEventListener("pointerdown", __classPrivateFieldGet(this, _M3eSelectElement_menuPointerDownHandler, "f"));
+  __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").addEventListener("pointerup", __classPrivateFieldGet(this, _M3eSelectElement_menuPointerUpHandler, "f"));
   if (__classPrivateFieldGet(this, _M3eSelectElement_clone, "f")) {
     __classPrivateFieldGet(this, _M3eSelectElement_menu, "f").replaceChildren(...__classPrivateFieldGet(this, _M3eSelectElement_clone, "f").childNodes);
   }