@getlupa/vue 0.11.5 → 0.11.7

package/dist/lupaSearch.js

@@ -3227,7 +3227,11 @@ const _hoisted_2$Q = { class: "lupa-input-clear" };
 const _hoisted_3$A = { id: "lupa-search-box-input" };
 const _hoisted_4$s = ["value"];
 const _hoisted_5$h = ["aria-label", "placeholder"];
-const _hoisted_6$9 = {
+const _hoisted_6$9 = /* @__PURE__ */ vue.createElementVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
+const _hoisted_7$7 = [
+  _hoisted_6$9
+];
+const _hoisted_8$3 = {
   key: 0,
   class: "lupa-close-label"
 };
@@ -3239,7 +3243,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     emitInputOnFocus: { type: Boolean },
     suggestedValue: {}
   },
-  emits: ["input", "focus"],
+  emits: ["input", "focus", "search"],
   setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const paramStore = useParamsStore();
@@ -3300,6 +3304,9 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
         handleInput();
       }
     };
+    const handleSubmit = () => {
+      emit("search", { query: inputValue.value });
+    };
     const clear = () => {
       emit("input", "");
     };
@@ -3341,14 +3348,18 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
             onFocus: handleFocus
           }), null, 16, _hoisted_5$h), [
             [vue.vModelText, inputValue.value]
-          ])
+          ]),
+          _ctx.options.showSubmitButton ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            onClick: handleSubmit
+          }, _hoisted_7$7)) : vue.createCommentVNode("", true)
         ]),
         _ctx.canClose ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "lupa-close-search-container",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
         }, [
-          labels.value.close ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$9, vue.toDisplayString(labels.value.close), 1)) : vue.createCommentVNode("", true)
+          labels.value.close ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$3, vue.toDisplayString(labels.value.close), 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
       ]);
     };
@@ -5429,7 +5440,13 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
     const inputOptions = vue.computed(
-      () => pick(props.options, ["minInputLength", "labels", "links", "inputAttributes"])
+      () => pick(props.options, [
+        "minInputLength",
+        "labels",
+        "links",
+        "inputAttributes",
+        "showSubmitButton"
+      ])
     );
     const panelOptions = vue.computed(
       () => pick(props.options, [
@@ -5656,6 +5673,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
             ref: searchBoxInput,
             onInput: handleInput,
             onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
+            onSearch: handleSearch,
             onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
           opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {

package/dist/lupaSearch.mjs

@@ -37,7 +37,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, toDisplayString, createCommentVNode, onMounted, onBeforeMount, Fragment, renderList, createBlock, onBeforeUnmount, createVNode, Transition, withCtx, toHandlers, withModifiers, resolveDynamicComponent, renderSlot, normalizeStyle, createSlots, normalizeProps, guardReactiveProps, createTextVNode, onUnmounted, resolveComponent, vModelSelect, h as h$1, provide, cloneVNode } from "vue";
+import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, createCommentVNode, toDisplayString, onMounted, onBeforeMount, Fragment, renderList, createBlock, onBeforeUnmount, createVNode, Transition, withCtx, toHandlers, withModifiers, resolveDynamicComponent, renderSlot, normalizeStyle, createSlots, normalizeProps, guardReactiveProps, createTextVNode, onUnmounted, resolveComponent, vModelSelect, h as h$1, provide, cloneVNode } from "vue";
 var isVue2 = false;
 function set(target, key, val) {
   if (Array.isArray(target)) {
@@ -3225,7 +3225,11 @@ const _hoisted_2$Q = { class: "lupa-input-clear" };
 const _hoisted_3$A = { id: "lupa-search-box-input" };
 const _hoisted_4$s = ["value"];
 const _hoisted_5$h = ["aria-label", "placeholder"];
-const _hoisted_6$9 = {
+const _hoisted_6$9 = /* @__PURE__ */ createElementVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
+const _hoisted_7$7 = [
+  _hoisted_6$9
+];
+const _hoisted_8$3 = {
   key: 0,
   class: "lupa-close-label"
 };
@@ -3237,7 +3241,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     emitInputOnFocus: { type: Boolean },
     suggestedValue: {}
   },
-  emits: ["input", "focus"],
+  emits: ["input", "focus", "search"],
   setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const paramStore = useParamsStore();
@@ -3298,6 +3302,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
         handleInput();
       }
     };
+    const handleSubmit = () => {
+      emit("search", { query: inputValue.value });
+    };
     const clear = () => {
       emit("input", "");
     };
@@ -3339,14 +3346,18 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus
           }), null, 16, _hoisted_5$h), [
             [vModelText, inputValue.value]
-          ])
+          ]),
+          _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: handleSubmit
+          }, _hoisted_7$7)) : createCommentVNode("", true)
         ]),
         _ctx.canClose ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "lupa-close-search-container",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
         }, [
-          labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$9, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
+          labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_8$3, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -5427,7 +5438,13 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
     const inputOptions = computed(
-      () => pick(props.options, ["minInputLength", "labels", "links", "inputAttributes"])
+      () => pick(props.options, [
+        "minInputLength",
+        "labels",
+        "links",
+        "inputAttributes",
+        "showSubmitButton"
+      ])
     );
     const panelOptions = computed(
       () => pick(props.options, [
@@ -5654,6 +5671,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             ref: searchBoxInput,
             onInput: handleInput,
             onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
+            onSearch: handleSearch,
             onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
           opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {

package/dist/src/components/search-box/SearchBoxInput.vue.d.ts

@@ -18,7 +18,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<InputSuggestion>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus")[], "input" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "search" | "focus")[], "input" | "search" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: __PropType<SearchBoxInputOptions>;
         required: true;
@@ -37,6 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onInput?: (...args: any[]) => any;
+    onSearch?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
 }, {}, {}>;
 export default _sfc_main;

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

@@ -35,6 +35,7 @@ export type SearchBoxInputOptions = {
     labels: SearchBoxOptionLabels;
     links: SearchBoxOptionLinks;
     inputAttributes?: Record<string, string>;
+    showSubmitButton?: boolean;
 };
 export type SearchBoxResultCallbackContext = {
     hasAnyResults?: boolean;

package/package.json

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