@getlupa/client 1.17.5 → 1.17.7

package/dist/lupaSearch.iife.js

@@ -25927,6 +25927,10 @@ and ensure you are accounting for this risk.
         var _a2;
         return (_a2 = props.options.searchTriggers) != null ? _a2 : [];
       });
+      const searchBoxCloseTriggers = computed(() => {
+        var _a2, _b;
+        return (_b = (_a2 = props.options.searchBoxCloseTriggers) == null ? void 0 : _a2.map((selector) => document.querySelector(selector))) != null ? _b : [];
+      });
       const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
       onMounted(() => {
         var _a2, _b, _c;
@@ -25950,7 +25954,7 @@ and ensure you are accounting for this risk.
         unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
       });
       const handleMouseClick = (e2) => {
-        var _a2, _b, _c, _d;
+        var _a2, _b, _c, _d, _e;
         const el = document.getElementById("lupa-search-box");
         const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
         const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
@@ -25958,6 +25962,9 @@ and ensure you are accounting for this risk.
         if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
           return;
         }
+        if ((_c = searchBoxCloseTriggers.value) == null ? void 0 : _c.includes(e2.target)) {
+          close();
+        }
         if (isOutsideElement && props.options.keepOpen) {
           focused.value = false;
         }
@@ -25966,11 +25973,11 @@ and ensure you are accounting for this risk.
         }
         opened.value = false;
         suggestedValue.value = defaultSuggestedValue;
-        if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
-          (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+        if ((_d = props.options.callbacks) == null ? void 0 : _d.onClosed) {
+          (_e = props.options.callbacks) == null ? void 0 : _e.onClosed();
         }
       };
-      const close = () => {
+      const close = (e2) => {
         var _a2, _b;
         opened.value = false;
         focused.value = false;
@@ -28987,10 +28994,10 @@ and ensure you are accounting for this risk.
       const activeLabel = computed(() => props.labels.mobileFilterButtonActive);
       const openLabel = computed(() => props.labels.mobileFilterButtonOpen);
       const label = computed(() => {
-        if (isSidebarVisible.value) {
+        if (isSidebarVisible.value && openLabel.value) {
           return openLabel.value;
         }
-        if (hasActiveFilters.value) {
+        if (hasActiveFilters.value && activeLabel.value) {
           return activeLabel.value;
         }
         return defaultLabel.value;

package/dist/lupaSearch.js

@@ -25927,6 +25927,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       var _a2;
       return (_a2 = props.options.searchTriggers) != null ? _a2 : [];
     });
+    const searchBoxCloseTriggers = computed(() => {
+      var _a2, _b;
+      return (_b = (_a2 = props.options.searchBoxCloseTriggers) == null ? void 0 : _a2.map((selector) => document.querySelector(selector))) != null ? _b : [];
+    });
     const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
     onMounted(() => {
       var _a2, _b, _c;
@@ -25950,7 +25954,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
     });
     const handleMouseClick = (e2) => {
-      var _a2, _b, _c, _d;
+      var _a2, _b, _c, _d, _e;
       const el = document.getElementById("lupa-search-box");
       const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
       const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
@@ -25958,6 +25962,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
         return;
       }
+      if ((_c = searchBoxCloseTriggers.value) == null ? void 0 : _c.includes(e2.target)) {
+        close();
+      }
       if (isOutsideElement && props.options.keepOpen) {
         focused.value = false;
       }
@@ -25966,11 +25973,11 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
       opened.value = false;
       suggestedValue.value = defaultSuggestedValue;
-      if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
-        (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+      if ((_d = props.options.callbacks) == null ? void 0 : _d.onClosed) {
+        (_e = props.options.callbacks) == null ? void 0 : _e.onClosed();
       }
     };
-    const close = () => {
+    const close = (e2) => {
       var _a2, _b;
       opened.value = false;
       focused.value = false;
@@ -28987,10 +28994,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const activeLabel = computed(() => props.labels.mobileFilterButtonActive);
     const openLabel = computed(() => props.labels.mobileFilterButtonOpen);
     const label = computed(() => {
-      if (isSidebarVisible.value) {
+      if (isSidebarVisible.value && openLabel.value) {
         return openLabel.value;
       }
-      if (hasActiveFilters.value) {
+      if (hasActiveFilters.value && activeLabel.value) {
         return activeLabel.value;
       }
       return defaultLabel.value;

package/dist/lupaSearch.mjs

@@ -25925,6 +25925,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       var _a2;
       return (_a2 = props.options.searchTriggers) != null ? _a2 : [];
     });
+    const searchBoxCloseTriggers = computed(() => {
+      var _a2, _b;
+      return (_b = (_a2 = props.options.searchBoxCloseTriggers) == null ? void 0 : _a2.map((selector) => document.querySelector(selector))) != null ? _b : [];
+    });
     const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
     onMounted(() => {
       var _a2, _b, _c;
@@ -25948,7 +25952,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
     });
     const handleMouseClick = (e2) => {
-      var _a2, _b, _c, _d;
+      var _a2, _b, _c, _d, _e;
       const el = document.getElementById("lupa-search-box");
       const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
       const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
@@ -25956,6 +25960,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
         return;
       }
+      if ((_c = searchBoxCloseTriggers.value) == null ? void 0 : _c.includes(e2.target)) {
+        close();
+      }
       if (isOutsideElement && props.options.keepOpen) {
         focused.value = false;
       }
@@ -25964,11 +25971,11 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
       opened.value = false;
       suggestedValue.value = defaultSuggestedValue;
-      if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
-        (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+      if ((_d = props.options.callbacks) == null ? void 0 : _d.onClosed) {
+        (_e = props.options.callbacks) == null ? void 0 : _e.onClosed();
       }
     };
-    const close = () => {
+    const close = (e2) => {
       var _a2, _b;
       opened.value = false;
       focused.value = false;
@@ -28985,10 +28992,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const activeLabel = computed(() => props.labels.mobileFilterButtonActive);
     const openLabel = computed(() => props.labels.mobileFilterButtonOpen);
     const label = computed(() => {
-      if (isSidebarVisible.value) {
+      if (isSidebarVisible.value && openLabel.value) {
         return openLabel.value;
       }
-      if (hasActiveFilters.value) {
+      if (hasActiveFilters.value && activeLabel.value) {
         return activeLabel.value;
       }
       return defaultLabel.value;

package/dist/lupaSearch.umd.js

@@ -25929,6 +25929,10 @@ and ensure you are accounting for this risk.
         var _a2;
         return (_a2 = props.options.searchTriggers) != null ? _a2 : [];
       });
+      const searchBoxCloseTriggers = computed(() => {
+        var _a2, _b;
+        return (_b = (_a2 = props.options.searchBoxCloseTriggers) == null ? void 0 : _a2.map((selector) => document.querySelector(selector))) != null ? _b : [];
+      });
       const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
       onMounted(() => {
         var _a2, _b, _c;
@@ -25952,7 +25956,7 @@ and ensure you are accounting for this risk.
         unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
       });
       const handleMouseClick = (e2) => {
-        var _a2, _b, _c, _d;
+        var _a2, _b, _c, _d, _e;
         const el = document.getElementById("lupa-search-box");
         const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
         const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
@@ -25960,6 +25964,9 @@ and ensure you are accounting for this risk.
         if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
           return;
         }
+        if ((_c = searchBoxCloseTriggers.value) == null ? void 0 : _c.includes(e2.target)) {
+          close();
+        }
         if (isOutsideElement && props.options.keepOpen) {
           focused.value = false;
         }
@@ -25968,11 +25975,11 @@ and ensure you are accounting for this risk.
         }
         opened.value = false;
         suggestedValue.value = defaultSuggestedValue;
-        if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
-          (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+        if ((_d = props.options.callbacks) == null ? void 0 : _d.onClosed) {
+          (_e = props.options.callbacks) == null ? void 0 : _e.onClosed();
         }
       };
-      const close = () => {
+      const close = (e2) => {
         var _a2, _b;
         opened.value = false;
         focused.value = false;
@@ -28989,10 +28996,10 @@ and ensure you are accounting for this risk.
       const activeLabel = computed(() => props.labels.mobileFilterButtonActive);
       const openLabel = computed(() => props.labels.mobileFilterButtonOpen);
       const label = computed(() => {
-        if (isSidebarVisible.value) {
+        if (isSidebarVisible.value && openLabel.value) {
           return openLabel.value;
         }
-        if (hasActiveFilters.value) {
+        if (hasActiveFilters.value && activeLabel.value) {
           return activeLabel.value;
         }
         return defaultLabel.value;

package/dist/src/modules/pluginManager/PluginConfigurationMerger.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     } & {
         inputSelector: string;
         searchTriggers?: string[];
+        searchBoxCloseTriggers?: string[];
         routingBehavior?: import("@getlupa/vue").RoutingBehavior;
         dynamicData?: import("@getlupa/vue").DynamicData;
         callbacks?: import("@getlupa/vue").SearchBoxEventCallbacks;
@@ -46,6 +47,7 @@ declare const _default: {
         initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
         inputSelector?: string;
         searchTriggers?: string[];
+        searchBoxCloseTriggers?: string[];
         routingBehavior?: import("@getlupa/vue").RoutingBehavior;
         dynamicData?: import("@getlupa/vue").DynamicData;
         callbacks?: import("@getlupa/vue").SearchBoxEventCallbacks;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.17.5",
+  "version": "1.17.7",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.17.5",
+    "@getlupa/vue": "0.17.7",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",