@oub/fusion 0.2.17 → 0.2.18

package/dist/components/form/searchable-input/FusionSearchableInput.vue.d.ts

@@ -41,6 +41,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    minSearchLength: {
+        type: NumberConstructor;
+        default: number;
+    };
     helperLabel: {
         type: StringConstructor;
         default: string;
@@ -115,7 +119,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeydownEnter(): void;
     closePanel(): void;
     handleKeyDown(event: KeyboardEvent): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "select:blur" | "select:focus")[], "update:modelValue" | "keydown:enter" | "select:blur" | "select:focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "select:blur" | "select:focus" | "selected:option" | "update:input")[], "update:modelValue" | "keydown:enter" | "select:blur" | "select:focus" | "selected:option" | "update:input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -156,6 +160,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    minSearchLength: {
+        type: NumberConstructor;
+        default: number;
+    };
     helperLabel: {
         type: StringConstructor;
         default: string;
@@ -212,6 +220,8 @@ declare const _default: import("vue").DefineComponent<{
     "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
     "onSelect:blur"?: ((...args: any[]) => any) | undefined;
     "onSelect:focus"?: ((...args: any[]) => any) | undefined;
+    "onSelected:option"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:input"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
     title: string;
@@ -230,6 +240,7 @@ declare const _default: import("vue").DefineComponent<{
     searchLoading: boolean;
     searchErrorTitle: string;
     searchErrorDescription: string;
+    minSearchLength: number;
     autofocus: boolean;
     ariaLabel: string;
 }, {}>;

package/dist/fusion.js

@@ -11542,6 +11542,10 @@ const uv = /* @__PURE__ */ Le(x0, [["render", U0], ["__scopeId", "data-v-1cc3fea
       type: String,
       default: ""
     },
+    minSearchLength: {
+      type: Number,
+      default: 2
+    },
     helperLabel: {
       type: String,
       default: ""
@@ -11591,7 +11595,7 @@ const uv = /* @__PURE__ */ Le(x0, [["render", U0], ["__scopeId", "data-v-1cc3fea
       default: "fusion-searchable-input"
     }
   },
-  emits: ["update:modelValue", "select:blur", "select:focus", "keydown:enter"],
+  emits: ["update:modelValue", "select:blur", "select:focus", "keydown:enter", "selected:option", "update:input"],
   data() {
     return {
       selected: this.modelValue,
@@ -11622,10 +11626,14 @@ const uv = /* @__PURE__ */ Le(x0, [["render", U0], ["__scopeId", "data-v-1cc3fea
   },
   methods: {
     handleSelect: function(e) {
-      this.selected = e, this.interactionStates.opened = !1, this.$emit("update:modelValue", this.selected);
+      this.selected = e, this.interactionStates.opened = !1, this.$emit("update:modelValue", this.selected), this.$emit("selected:option", this.selected);
     },
     updateInput(e) {
-      this.searchInputValue = e, this.interactionStates.opened = e.length > 0, this.$emit("update:modelValue", this.searchInputValue);
+      if (this.searchInputValue = e, e.length < this.minSearchLength) {
+        this.interactionStates.opened = !1;
+        return;
+      }
+      this.interactionStates.opened = !0, this.$emit("update:input", this.searchInputValue);
     },
     handleInputClick() {
       this.searchInputValue.length > 0 && (this.interactionStates.opened = !0);
@@ -11713,7 +11721,7 @@ function M0(e, t, n, r, a, o) {
     }, null, 8, ["select-id", "options", "search-text", "search-placeholder", "search-loading", "search-error-title", "search-error-description", "selected", "onHandle:select", "onHandle:close"])) : Q("", !0)
   ], 8, V0);
 }
-const dv = /* @__PURE__ */ Le(Q0, [["render", M0], ["__scopeId", "data-v-8ff4c318"]]), L0 = Ce({
+const dv = /* @__PURE__ */ Le(Q0, [["render", M0], ["__scopeId", "data-v-002807fa"]]), L0 = Ce({
   name: "SVGDecrement"
 }), H0 = {
   width: "21",