@getlupa/vue 0.17.1 → 0.17.2

package/dist/lupaSearch.js

@@ -20007,6 +20007,9 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       }
       emit("product-click");
       handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
+      if (props.panelOptions.programmaticNavigation) {
+        window.location.assign(link);
+      }
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
@@ -20627,6 +20630,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     const suggestedValue = vue.ref(defaultSuggestedValue);
     const opened = vue.ref(props.isSearchContainer);
     const focused = vue.ref(false);
+    const openedAt = vue.ref(null);
     const searchBoxInput = vue.ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
     const searchValue = vue.computed(() => {
@@ -20686,6 +20690,9 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
       const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
       const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
       const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
+      if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
+        return;
+      }
       if (isOutsideElement && props.options.keepOpen) {
         focused.value = false;
       }
@@ -20717,6 +20724,10 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
           handleSearch();
           resetValues();
           break;
+        case "Escape":
+          opened.value = false;
+          focused.value = false;
+          break;
       }
     };
     const handleInput = (value) => {
@@ -20858,6 +20869,13 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
       });
     };
     vue.watch(() => props.options.debounce, handleCurrentValueSearch);
+    vue.watch(opened, () => {
+      if (opened.value) {
+        openedAt.value = Date.now();
+      } else {
+        openedAt.value = null;
+      }
+    });
     const resetValues = () => {
       inputValue.value = "";
       suggestedValue.value = defaultSuggestedValue;

package/dist/lupaSearch.mjs

@@ -20005,6 +20005,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       }
       emit("product-click");
       handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
+      if (props.panelOptions.programmaticNavigation) {
+        window.location.assign(link);
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$Z, [
@@ -20625,6 +20628,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const suggestedValue = ref(defaultSuggestedValue);
     const opened = ref(props.isSearchContainer);
     const focused = ref(false);
+    const openedAt = ref(null);
     const searchBoxInput = ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
     const searchValue = computed(() => {
@@ -20684,6 +20688,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
       const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
       const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
+      if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
+        return;
+      }
       if (isOutsideElement && props.options.keepOpen) {
         focused.value = false;
       }
@@ -20715,6 +20722,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           handleSearch();
           resetValues();
           break;
+        case "Escape":
+          opened.value = false;
+          focused.value = false;
+          break;
       }
     };
     const handleInput = (value) => {
@@ -20856,6 +20867,13 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       });
     };
     watch(() => props.options.debounce, handleCurrentValueSearch);
+    watch(opened, () => {
+      if (opened.value) {
+        openedAt.value = Date.now();
+      } else {
+        openedAt.value = null;
+      }
+    });
     const resetValues = () => {
       inputValue.value = "";
       suggestedValue.value = defaultSuggestedValue;

package/dist/src/types/search-box/SearchBoxPanel.d.ts

@@ -38,6 +38,7 @@ export type DocumentSearchBoxPanel = SearchBoxPanelBase & {
     badges?: SearchBoxBadgeOptions;
     showGoToResults?: boolean;
     isInStock?: DisplayCondition | ((doc: Document) => boolean);
+    programmaticNavigation?: boolean;
     customDocumentHtmlAttributes?: CustomDocumentHtmlAttributes;
 };
 export type RelatedSourcePanel = Omit<DocumentSearchBoxPanel, 'type'> & {

package/package.json

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