@enos5/enos-vue-default 1.8.7 → 1.8.8

package/dist/components/CustomSelect.vue.d.ts

@@ -85,6 +85,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -172,6 +184,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -196,4 +220,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     dropdownClass: string | unknown[] | Record<string, any>;
     dropdownOptionClass: string | unknown[] | Record<string, any>;
     dropdownSelectedClass: string | unknown[] | Record<string, any>;
+    searchable: boolean;
+    searchPlaceholder: string;
+    searchInputClass: string | unknown[] | Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/InputGroup.vue.d.ts

@@ -185,6 +185,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -369,6 +381,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -395,6 +419,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     optionClass: string | unknown[] | Record<string, any>;
     deletedOptionClass: string | unknown[] | Record<string, any>;
     placeholderClass: string | unknown[] | Record<string, any>;
+    searchable: boolean;
+    searchPlaceholder: string;
+    searchInputClass: string | unknown[] | Record<string, any>;
     locale: string;
     withTimestamp: boolean;
     max: string;

package/dist/components/SelectInput.vue.d.ts

@@ -85,6 +85,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -172,6 +184,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -196,4 +220,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     dropdownClass: string | unknown[] | Record<string, any>;
     dropdownOptionClass: string | unknown[] | Record<string, any>;
     dropdownSelectedClass: string | unknown[] | Record<string, any>;
+    searchable: boolean;
+    searchPlaceholder: string;
+    searchInputClass: string | unknown[] | Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/TableList.vue.d.ts

@@ -170,6 +170,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:searchShowDeleted"?: ((...args: any[]) => any) | undefined;
 }>, {
     search: boolean;
+    searchPlaceholder: string;
     sortField: string;
     sortDirection: string;
     emptyState: Record<string, any>;
@@ -178,7 +179,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     isCard: boolean;
     actionsLabel: string;
     deletedLabel: string;
-    searchPlaceholder: string;
     searchCountLabel: string;
     searchCount: number;
     searchQueryLabel: string;

package/dist/components/TableListForm.vue.d.ts

@@ -200,6 +200,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onEdit-cancel"?: ((...args: any[]) => any) | undefined;
 }>, {
     search: boolean;
+    searchPlaceholder: string;
     sortField: string;
     sortDirection: string;
     emptyState: Record<string, any>;
@@ -208,7 +209,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     isCard: boolean;
     actionsLabel: string;
     deletedLabel: string;
-    searchPlaceholder: string;
     getErrorMessage: Function;
     rowKey: string | Function;
     isDeletedFn: Function;

package/dist/index.js

@@ -1,5 +1,5 @@
 import './styles.css';
-import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-ev2fN9wO.js";
+import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-Bc62JLDw.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/index.node.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-ev2fN9wO.js";
+import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-Bc62JLDw.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/{plugin-ev2fN9wO.js → plugin-Bc62JLDw.js}

@@ -1,4 +1,4 @@
-import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, createTextVNode, h, vModelText, createSlots } from "vue";
+import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, vModelText, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, createTextVNode, h, createSlots } from "vue";
 import { LockClosedIcon, ChevronDownIcon, PhotoIcon, EyeDropperIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
 import Editor from "@tinymce/tinymce-vue";
 import { useI18n } from "vue-i18n";
@@ -306,7 +306,7 @@ const _sfc_main$O = {};
 const _hoisted_1$B = { class: "md:col-span-1 flex justify-between" };
 const _hoisted_2$m = { class: "px-4 sm:px-0" };
 const _hoisted_3$g = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
-const _hoisted_4$b = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
+const _hoisted_4$c = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
 const _hoisted_5$9 = { class: "px-4 sm:px-0" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1$B, [
@@ -314,7 +314,7 @@ function _sfc_render(_ctx, _cache) {
       createElementVNode("h3", _hoisted_3$g, [
         renderSlot(_ctx.$slots, "title")
       ]),
-      createElementVNode("p", _hoisted_4$b, [
+      createElementVNode("p", _hoisted_4$c, [
         renderSlot(_ctx.$slots, "description")
       ])
     ]),
@@ -621,7 +621,7 @@ const _hoisted_2$k = {
   class: "absolute inset-y-0 left-0 flex items-center pointer-events-none pl-3"
 };
 const _hoisted_3$e = ["type", "value", "disabled"];
-const _hoisted_4$a = ["aria-label"];
+const _hoisted_4$b = ["aria-label"];
 const _hoisted_5$8 = {
   key: 0,
   class: "h-5 w-5",
@@ -740,7 +740,7 @@ const _sfc_main$I = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
               d: "M2.458 12C3.732 7.943 7.523 5 12 5s8.268 2.943 9.542 7c-1.274 4.057-5.065 7-9.542 7S3.732 16.057 2.458 12z"
             }, null, -1)
           ])]))
-        ], 8, _hoisted_4$a)) : createCommentVNode("", true)
+        ], 8, _hoisted_4$b)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -822,12 +822,13 @@ const _sfc_main$H = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _hoisted_1$t = ["onClick"];
-const _hoisted_2$j = {
+const _hoisted_1$t = ["placeholder"];
+const _hoisted_2$j = ["onClick"];
+const _hoisted_3$d = {
   key: 0,
   class: "flex items-center gap-3"
 };
-const _hoisted_3$d = ["checked", "disabled", "onChange"];
+const _hoisted_4$a = ["checked", "disabled", "onChange"];
 const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "CustomSelect",
   props: {
@@ -914,6 +915,18 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     dropdownSelectedClass: {
       type: [String, Array, Object],
       default: "bg-neutral-100 font-medium text-neutral-950 dark:bg-neutral-900 dark:text-neutral-50"
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search..."
+    },
+    searchInputClass: {
+      type: [String, Array, Object],
+      default: "w-full border-b border-neutral-200 px-4 py-3 text-sm outline-none focus:border-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:focus:border-neutral-100"
     }
   },
   emits: ["update:modelValue"],
@@ -928,6 +941,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const dropdownStyle = ref({});
     const isDarkMode = ref(false);
     const isMounted = ref(false);
+    const searchQuery = ref("");
     const isObjectOption = (option) => typeof option === "object" && option !== null;
     const optionValue = (option) => {
       if (isObjectOption(option)) {
@@ -985,6 +999,17 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         return true;
       });
     });
+    const filteredOptions = computed(() => {
+      if (!props.searchable || !searchQuery.value) {
+        return props.multiple ? multipleOptions.value : availableOptions.value;
+      }
+      const query = searchQuery.value.toLowerCase();
+      const options = props.multiple ? multipleOptions.value : availableOptions.value;
+      return options.filter((option) => {
+        const text = String(optionText(option)).toLowerCase();
+        return text.includes(query);
+      });
+    });
     const selectedMultipleOptions = computed(() => {
       if (!props.multiple || modelValueSet.value.size === 0) {
         return [];
@@ -1071,6 +1096,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       const clickedInsideMenu = dropdownMenuRef.value?.contains(event.target);
       if (!clickedInsideTrigger && !clickedInsideMenu) {
         isOpen.value = false;
+        searchQuery.value = "";
       }
     };
     const syncDarkMode = () => {
@@ -1095,6 +1121,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     watch(isOpen, async (open) => {
       if (!open) {
+        searchQuery.value = "";
         return;
       }
       syncDarkMode();
@@ -1150,8 +1177,21 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                 createElementVNode("div", {
                   class: normalizeClass([__props.dropdownClass, { "bg-neutral-950 border-neutral-800": isDarkMode.value }])
                 }, [
-                  __props.placeholder && !__props.multiple ? (openBlock(), createElementBlock("div", {
+                  __props.searchable ? withDirectives((openBlock(), createElementBlock("input", {
                     key: 0,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+                    type: "text",
+                    placeholder: __props.searchPlaceholder,
+                    class: normalizeClass(__props.searchInputClass),
+                    onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                    }, ["stop"])),
+                    onKeydown: _cache[2] || (_cache[2] = withModifiers(() => {
+                    }, ["stop"]))
+                  }, null, 42, _hoisted_1$t)), [
+                    [vModelText, searchQuery.value]
+                  ]) : createCommentVNode("", true),
+                  __props.placeholder && !__props.multiple ? (openBlock(), createElementBlock("div", {
+                    key: 1,
                     class: normalizeClass([
                       __props.dropdownOptionClass,
                       __props.placeholderClass,
@@ -1164,14 +1204,14 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                     }, toDisplayString(__props.placeholder), 5)
                   ], 2)) : createCommentVNode("", true),
                   selectedDeletedOption.value ? (openBlock(), createElementBlock("div", {
-                    key: 1,
+                    key: 2,
                     class: normalizeClass([
                       __props.dropdownOptionClass,
                       __props.deletedOptionClass,
                       __props.dropdownSelectedClass
                     ])
                   }, toDisplayString(optionText(selectedDeletedOption.value)), 3)) : createCommentVNode("", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.multiple ? multipleOptions.value : availableOptions.value, (option) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (option) => {
                     return openBlock(), createElementBlock("div", {
                       key: String(optionValue(option)),
                       class: normalizeClass([
@@ -1186,17 +1226,17 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       ]),
                       onClick: withModifiers(($event) => __props.multiple ? toggleMultipleOption(option) : selectOption(option), ["stop"])
                     }, [
-                      __props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+                      __props.multiple ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
                         createElementVNode("input", {
                           type: "checkbox",
                           class: "h-4 w-4 rounded border-neutral-300 text-neutral-900 focus:ring-neutral-900",
                           checked: optionIsSelected(option),
                           disabled: __props.disabled,
                           tabindex: "-1",
-                          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                          onClick: _cache[3] || (_cache[3] = withModifiers(() => {
                           }, ["stop"])),
                           onChange: withModifiers(($event) => toggleMultipleOption(option), ["stop"])
-                        }, null, 40, _hoisted_3$d),
+                        }, null, 40, _hoisted_4$a),
                         createElementVNode("span", {
                           style: normalizeStyle(darkTextStyle.value)
                         }, toDisplayString(optionText(option)), 5)
@@ -1204,7 +1244,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                         key: 1,
                         style: normalizeStyle(darkTextStyle.value)
                       }, toDisplayString(optionText(option)), 5))
-                    ], 10, _hoisted_1$t);
+                    ], 10, _hoisted_2$j);
                   }), 128))
                 ], 2)
               ], 6)) : createCommentVNode("", true)
@@ -1302,6 +1342,18 @@ const _sfc_main$F = {
     dropdownSelectedClass: {
       type: [String, Array, Object],
       default: "bg-blue-50 text-blue-700 font-medium dark:bg-neutral-900 dark:text-neutral-50"
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search..."
+    },
+    searchInputClass: {
+      type: [String, Array, Object],
+      default: "w-full border-b border-neutral-200 px-4 py-3 text-sm outline-none focus:border-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:focus:border-neutral-100"
     }
   },
   emits: ["update:modelValue"],
@@ -1330,8 +1382,11 @@ const _sfc_main$F = {
         "dropdown-class": __props.dropdownClass,
         "dropdown-option-class": __props.dropdownOptionClass,
         "dropdown-selected-class": __props.dropdownSelectedClass,
+        searchable: __props.searchable,
+        "search-placeholder": __props.searchPlaceholder,
+        "search-input-class": __props.searchInputClass,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
-      }, _ctx.$attrs), null, 16, ["model-value", "model-modifiers", "options", "placeholder", "placeholder-disabled", "multiple", "disabled", "soft-delete-aware", "label-key", "value-key", "deleted-key", "option-label", "base-class", "normal-text-class", "deleted-selected-class", "option-class", "deleted-option-class", "placeholder-class", "dropdown-class", "dropdown-option-class", "dropdown-selected-class"]);
+      }, _ctx.$attrs), null, 16, ["model-value", "model-modifiers", "options", "placeholder", "placeholder-disabled", "multiple", "disabled", "soft-delete-aware", "label-key", "value-key", "deleted-key", "option-label", "base-class", "normal-text-class", "deleted-selected-class", "option-class", "deleted-option-class", "placeholder-class", "dropdown-class", "dropdown-option-class", "dropdown-selected-class", "searchable", "search-placeholder", "search-input-class"]);
     };
   }
 };
@@ -3286,6 +3341,18 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     variant: {
       type: String,
       default: "classic"
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search..."
+    },
+    searchInputClass: {
+      type: [String, Array, Object],
+      default: void 0
     }
   },
   emits: ["update:modelValue", "blur"],
@@ -3388,6 +3455,11 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         inputProps.deletedOptionClass = props.deletedOptionClass;
       if (props.placeholderClass !== void 0)
         inputProps.placeholderClass = props.placeholderClass;
+      if (props.searchable !== void 0) inputProps.searchable = props.searchable;
+      if (props.searchPlaceholder !== void 0)
+        inputProps.searchPlaceholder = props.searchPlaceholder;
+      if (props.searchInputClass !== void 0)
+        inputProps.searchInputClass = props.searchInputClass;
       return inputProps;
     });
     const notationBindings = computed(() => ({
@@ -6195,4 +6267,4 @@ export {
   _sfc_main$B as y,
   _sfc_main$A as z
 };
-//# sourceMappingURL=plugin-ev2fN9wO.js.map
+//# sourceMappingURL=plugin-Bc62JLDw.js.map