@getlupa/vue 0.17.5 → 0.17.7

package/dist/lupaSearch.js

@@ -20683,6 +20683,10 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
       var _a2;
       return (_a2 = props.options.searchTriggers) != null ? _a2 : [];
     });
+    const searchBoxCloseTriggers = vue.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);
     vue.onMounted(() => {
       var _a2, _b, _c;
@@ -20706,7 +20710,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.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");
@@ -20714,6 +20718,9 @@ const _sfc_main$10 = /* @__PURE__ */ vue.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;
       }
@@ -20722,11 +20729,11 @@ const _sfc_main$10 = /* @__PURE__ */ vue.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;
@@ -23759,10 +23766,10 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     const activeLabel = vue.computed(() => props.labels.mobileFilterButtonActive);
     const openLabel = vue.computed(() => props.labels.mobileFilterButtonOpen);
     const label = vue.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

@@ -20681,6 +20681,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;
@@ -20704,7 +20708,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");
@@ -20712,6 +20716,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;
       }
@@ -20720,11 +20727,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;
@@ -23757,10 +23764,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/src/types/search-box/SearchBoxOptions.d.ts

@@ -11,6 +11,7 @@ import { DataExtraction } from '../DataExtraction';
 export type SearchBoxOptions = SearchBoxPanelOptions & {
     inputSelector: string;
     searchTriggers?: string[];
+    searchBoxCloseTriggers?: string[];
     routingBehavior?: RoutingBehavior;
     dynamicData?: DynamicData;
     callbacks?: SearchBoxEventCallbacks;

package/package.json

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