@getlupa/vue 0.7.6 → 0.7.7

package/dist/lupaSearch.js

@@ -2993,6 +2993,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   const suggestionResults = vue.ref({});
   const highlightedIndex = vue.ref(-1);
   const inputValue = vue.ref("");
+  const resultInputValue = vue.ref("");
   const historyStore = useHistoryStore();
   const resultsVisible = vue.computed(() => {
     var _a;
@@ -3005,13 +3006,15 @@ const useSearchBoxStore = defineStore("searchBox", () => {
         return {
           queryKey: p2.queryKey,
           count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
-          panel: p2
+          panel: p2,
+          input: resultInputValue.value
         };
       }
       return {
         queryKey: p2.queryKey,
         count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
-        panel: p2
+        panel: p2,
+        input: resultInputValue.value
       };
     })
   );
@@ -3071,6 +3074,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
         [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
       });
       inputValue.value = publicQuery.searchText;
+      resultInputValue.value = publicQuery.searchText;
       emitSearchResultsCallback();
       return {
         suggestions: result.items
@@ -4697,6 +4701,10 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     const expandOnSinglePanel = vue.computed(() => {
       return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
     });
+    const showTopResultsPanelTitle = (queryKey) => {
+      const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
+      return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
+    };
     return (_ctx, _cache) => {
       var _a;
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -4719,7 +4727,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
                 ]),
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
-                _ctx.inputValue.length < 1 && ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, vue.toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : vue.createCommentVNode("", true),
+                ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, vue.toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : vue.createCommentVNode("", true),
                 panel.queryKey ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponent(panel.type)), {
                   key: 1,
                   panel,

package/dist/lupaSearch.mjs

@@ -2991,6 +2991,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   const suggestionResults = ref({});
   const highlightedIndex = ref(-1);
   const inputValue = ref("");
+  const resultInputValue = ref("");
   const historyStore = useHistoryStore();
   const resultsVisible = computed(() => {
     var _a;
@@ -3003,13 +3004,15 @@ const useSearchBoxStore = defineStore("searchBox", () => {
         return {
           queryKey: p2.queryKey,
           count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
-          panel: p2
+          panel: p2,
+          input: resultInputValue.value
         };
       }
       return {
         queryKey: p2.queryKey,
         count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
-        panel: p2
+        panel: p2,
+        input: resultInputValue.value
       };
     })
   );
@@ -3069,6 +3072,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
         [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
       });
       inputValue.value = publicQuery.searchText;
+      resultInputValue.value = publicQuery.searchText;
       emitSearchResultsCallback();
       return {
         suggestions: result.items
@@ -4695,6 +4699,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const expandOnSinglePanel = computed(() => {
       return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
     });
+    const showTopResultsPanelTitle = (queryKey) => {
+      const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
+      return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
+    };
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", {
@@ -4717,7 +4725,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                 ]),
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
-                _ctx.inputValue.length < 1 && ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
+                ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
                 panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                   key: 1,
                   panel,

package/dist/src/stores/searchBox.d.ts

@@ -14,10 +14,12 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+        input: string;
     } | {
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+        input: string;
     })[]>;
     totalCount: import("vue").ComputedRef<number>;
     highlightedItem: import("vue").ComputedRef<{
@@ -82,10 +84,12 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+        input: string;
     } | {
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+        input: string;
     })[]>;
     totalCount: import("vue").ComputedRef<number>;
     highlightedItem: import("vue").ComputedRef<{
@@ -150,10 +154,12 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+        input: string;
     } | {
         queryKey: string;
         count: number;
         panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+        input: string;
     })[]>;
     totalCount: import("vue").ComputedRef<number>;
     highlightedItem: import("vue").ComputedRef<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",