@txstate-mws/svelte-components 1.5.10 → 1.5.12

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 = [];
@@ -118,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();
@@ -207,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
@@ -250,6 +250,7 @@ function reactToButtonElement(buttonelement) {
         buttonelement.addEventListener('click', onbuttonclick);
         buttonelement.addEventListener('keydown', onkeydown);
         buttonelement.addEventListener('blur', onblur);
+        buttonelement.addEventListener('input', oninput);
         const parents = getScrollParents(buttonelement);
         for (const parent of [...parents, undefined]) {
             const observer = new IntersectionObserver((entries) => {
@@ -276,7 +277,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.10",
+  "version": "1.5.12",
   "description": "Svelte components that are generically useful.",
   "scripts": {
     "prepublishOnly": "svelte-package",