@txstate-mws/svelte-components 1.5.9 → 1.5.11

package/dist/components/PopupMenu.svelte

@@ -62,6 +62,7 @@ export let menuItemHilitedClass = '';
 export let menuItemSelectedClass = '';
 export let menuDividerClass = '';
 export let hideSelectedIndicator = false;
+export let hideEmptyText = false;
 export let usemenurole = false;
 let menuelement;
 const itemelements = [];
@@ -76,8 +77,6 @@ async function reactToItems(..._) {
     lastactive = items.length - [...items].reverse().findIndex(itm => 'value' in itm && !itm.disabled && !hiddenItem(itm)) - 1;
     if (hilited && items[hilited]?.disabled)
         hilited = firstactive;
-    if (document.activeElement === buttonelement && hasMeaningfulItems && !loading)
-        menushown = true;
 }
 $: void reactToItems(items, value);
 async function reactToMenuShown(_) {
@@ -120,7 +119,7 @@ function isSelectable(itm) {
     return 'value' in itm && !itm.disabled && !hiddenItem(itm);
 }
 function onkeydown(e) {
-    if (modifierKey(e) || loading)
+    if (modifierKey(e))
         return;
     if (e.key === 'ArrowDown') {
         e.preventDefault();
@@ -209,8 +208,7 @@ let blurTimer;
 function onbuttonclick(e) {
     e.preventDefault();
     cancelAnimationFrame(blurTimer);
-    if (!loading)
-        menushown = !menushown;
+    menushown = !menushown;
 }
 function onblur(e) {
     // tabindex=-1 on our menu elements means e.relatedTarget will be set
@@ -219,6 +217,10 @@ function onblur(e) {
             menushown = false; });
     }
 }
+function oninput(e) {
+    if (document.activeElement === buttonelement)
+        menushown = true;
+}
 function cleanup(element) {
     for (const observer of observers)
         observer.disconnect();
@@ -227,6 +229,7 @@ function cleanup(element) {
         element.removeEventListener('click', onbuttonclick);
         element.removeEventListener('keydown', onkeydown);
         element.removeEventListener('blur', onblur);
+        element.removeEventListener('input', oninput);
         element.removeAttribute('aria-disabled');
         element.removeAttribute('aria-haspopup');
         element.removeAttribute('aria-expanded');
@@ -273,7 +276,7 @@ const onclick = (item) => (e) => {
 $: hasSelected = showSelected && !hideSelectedIndicator && items.some(itm => 'value' in itm && itm.value === value);
 </script>
 
-{#if menushown}
+{#if menushown && !loading && (hasMeaningfulItems || !hideEmptyText)}
   <div use:portal={usePortal === true ? undefined : (usePortal || null)}
        use:glue={{ target: buttonelement, align, cover, gap, adjustparentheight, store: computedalign }}
        class={menuContainerClass}>

package/dist/components/PopupMenu.svelte.d.ts

@@ -43,6 +43,7 @@ declare const __propDef: {
         menuItemSelectedClass?: string | undefined;
         menuDividerClass?: string | undefined;
         hideSelectedIndicator?: boolean | undefined;
+        hideEmptyText?: boolean | undefined;
         usemenurole?: boolean | undefined;
     };
     events: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@txstate-mws/svelte-components",
-  "version": "1.5.9",
+  "version": "1.5.11",
   "description": "Svelte components that are generically useful.",
   "scripts": {
     "prepublishOnly": "svelte-package",