@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/buttondownload/index.es.js

@@ -1,15 +1,29 @@
-import { defineComponent as L, inject as x, computed as N, ref as S, createElementBlock as v, openBlock as y, mergeProps as B, unref as C, createVNode as W, createCommentVNode as $, toDisplayString as G } from "vue";
-import { e as r } from "../event-bus/index.es.js";
-import { u as H } from "../plugins/WangsVue.es.js";
-import { u as O } from "../utils/baseToast.util.es.js";
-import { n as R, e as _ } from "../utils/exportToExcel.util.es.js";
-import { m as Z } from "../utils/mergePropsWithDefaults.util.es.js";
-import { u as q } from "../apiitem/index.es.js";
-import { _ as I } from "../icon/index.es.js";
-const J = {
+import { shallowRef, ref, defineComponent, inject, computed, createElementBlock, openBlock, mergeProps, unref, createVNode, createCommentVNode, toDisplayString } from "vue";
+import { e as eventBus } from "../event-bus/index.es.js";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { u as useToast } from "../utils/baseToast.util.es.js";
+import { n as normalizeTableData, e as exportToExcel } from "../utils/exportToExcel.util.es.js";
+import { m as mergePropsWithDefaults } from "../utils/mergePropsWithDefaults.util.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const loading = shallowRef(false);
+const message = ref();
+const useLoadingStore = () => {
+  const setLoading = (state, msg) => {
+    loading.value = state;
+    message.value = msg;
+    document.body.classList[state ? "add" : "remove"]("loading");
+  };
+  return {
+    loading,
+    message,
+    setLoading
+  };
+};
+const _hoisted_1 = {
   key: 0,
   class: "inherit text-xs"
-}, ne = /* @__PURE__ */ L({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ButtonDownload",
   props: {
     fileName: {},
@@ -20,94 +34,129 @@ const J = {
     dataConfigs: {},
     excelToastErrorMessage: {}
   },
-  setup(D) {
-    const l = D, { setLoading: d } = q(), E = x("useToastConfig"), u = O(E), { defaultProps: P, locale: m } = H("ButtonDownload"), f = N(() => Z(l, P)), p = x("preset", {}).buttondownload, i = S({}), b = N(() => Object.entries(i.value).map(([e]) => e)), k = async (e) => {
-      const a = await e();
-      if (a instanceof Error) throw a;
-      return (a == null ? void 0 : a.data) ?? { data: [], totalRecords: 0 };
-    }, M = () => {
-      const { fileName: e, tableName: a, multiTableNames: t, dataConfigs: o } = f.value;
-      if (o != null && o.length && A(o), t != null && t.length)
-        r.on("button-download:multi-tables", T), t.forEach((n) => {
-          const c = { fileName: e, tableName: n, multiTableNames: t };
-          r.emit("data-table:download", c);
+  setup(__props) {
+    const props = __props;
+    const { setLoading } = useLoadingStore();
+    const useToastConfig = inject("useToastConfig");
+    const toast = useToast(useToastConfig);
+    const { defaultProps, locale } = useWangsVueConfig("ButtonDownload");
+    const config = computed(() => mergePropsWithDefaults(props, defaultProps));
+    const Preset = inject("preset", {}).buttondownload;
+    const tables = ref({});
+    const usedTableNames = computed(() => {
+      return Object.entries(tables.value).map(([field]) => {
+        return field;
+      });
+    });
+    const fetchAllData = async (fetchFn) => {
+      const res = await fetchFn();
+      if (res instanceof Error) throw res;
+      return (res == null ? void 0 : res.data) ?? { data: [], totalRecords: 0 };
+    };
+    const downloadExcel = () => {
+      const { fileName, tableName, multiTableNames, dataConfigs } = config.value;
+      if (dataConfigs == null ? void 0 : dataConfigs.length) handleTableConfig(dataConfigs);
+      if (multiTableNames == null ? void 0 : multiTableNames.length) {
+        eventBus.on("button-download:multi-tables", handleMultiTables);
+        multiTableNames.forEach((each) => {
+          const event = { fileName, tableName: each, multiTableNames };
+          eventBus.emit("data-table:download", event);
         });
-      else {
-        const n = {
-          fileName: e,
-          tableName: a,
-          additionalTexts: l.additionalTextBelowTable
+      } else {
+        const event = {
+          fileName,
+          tableName,
+          additionalTexts: props.additionalTextBelowTable
         };
-        r.emit("data-table:download", n);
+        eventBus.emit("data-table:download", event);
       }
-    }, g = () => l.fileName.trim().replace(/[^a-zA-Z0-9\s]/g, "-").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/-+$/, ""), A = async (e) => {
-      var a, t;
+    };
+    const formatFileName = () => {
+      return props.fileName.trim().replace(/[^a-zA-Z0-9\s]/g, "-").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/-+$/, "");
+    };
+    const handleTableConfig = async (dataConfigs) => {
+      var _a, _b;
       try {
-        const o = await Promise.all(
-          e.map(async (n) => {
-            const { columns: c, data: V, fetchFunction: h, tableTitle: j } = n, w = c.filter((s) => s.visible !== !1).filter((s) => !s.excluded), z = w.map(
-              (s) => s.header ?? s.exportHeader ?? "-"
+        const exportedTables = await Promise.all(
+          dataConfigs.map(async (option) => {
+            const { columns, data, fetchFunction, tableTitle } = option;
+            const excelColumns = columns.filter((col) => col.visible !== false);
+            const includedColumns = excelColumns.filter((col) => !col.excluded);
+            const headers = includedColumns.map(
+              (col) => col.header ?? col.exportHeader ?? "-"
+            );
+            setLoading(true, locale.downloadingMessage);
+            const { data: responseData } = fetchFunction ? await fetchAllData(fetchFunction) : { data };
+            const excelBody = normalizeTableData(
+              responseData,
+              includedColumns,
+              locale
             );
-            d(!0, m.downloadingMessage);
-            const { data: F } = h ? await k(h) : { data: V };
             return {
-              data: R(
-                F,
-                w,
-                m
-              ),
-              headers: z,
-              tableTitle: j
+              data: excelBody,
+              headers,
+              tableTitle
             };
           })
         );
-        await _({
-          tables: o,
-          additionalTexts: l.additionalTextBelowTable,
-          fileName: g()
+        await exportToExcel({
+          tables: exportedTables,
+          additionalTexts: props.additionalTextBelowTable,
+          fileName: formatFileName()
         });
-      } catch (o) {
-        console.error("🚀 ~ handleTableConfig error:", o), u.removeAllGroups(), u.add({
-          message: ((t = (a = f.value) == null ? void 0 : a.excelToastErrorMessage) == null ? void 0 : t.replace(
+      } catch (error) {
+        console.error("🚀 ~ handleTableConfig error:", error);
+        toast.removeAllGroups();
+        toast.add({
+          message: ((_b = (_a = config.value) == null ? void 0 : _a.excelToastErrorMessage) == null ? void 0 : _b.replace(
             "{fileName}",
-            l.fileName
+            props.fileName
           )) ?? "Data gagal diunduh.",
-          error: o,
+          error,
           group: "download"
         });
       } finally {
-        d(!1);
+        setLoading(false);
       }
-    }, T = async ({
-      table: e
+    };
+    const handleMultiTables = async ({
+      table
     }) => {
-      var a;
+      var _a;
       try {
-        const { tableName: t } = e;
-        if (!t || (b.value.includes(t) || (i.value[t] = e), b.value.length !== ((a = l.multiTableNames) == null ? void 0 : a.length))) return;
-        r.off("button-download:multi-tables", T);
-        const o = [];
-        l.multiTableNames.forEach((n) => {
-          o.push(i.value[n]);
-        }), await _({
-          tables: o,
-          additionalTexts: l.additionalTextBelowTable,
-          fileName: g()
+        const { tableName } = table;
+        if (!tableName) return;
+        if (!usedTableNames.value.includes(tableName)) {
+          tables.value[tableName] = table;
+        }
+        if (usedTableNames.value.length !== ((_a = props.multiTableNames) == null ? void 0 : _a.length)) return;
+        eventBus.off("button-download:multi-tables", handleMultiTables);
+        const exportedTable = [];
+        props.multiTableNames.forEach((each) => {
+          exportedTable.push(tables.value[each]);
         });
-      } catch (t) {
-        console.error(t);
+        await exportToExcel({
+          tables: exportedTable,
+          additionalTexts: props.additionalTextBelowTable,
+          fileName: formatFileName()
+        });
+      } catch (error) {
+        console.error(error);
       }
     };
-    return (e, a) => (y(), v("button", B({ onClick: M }, C(p).root({ props: l }), { type: "button" }), [
-      W(I, B(C(p).icon, {
-        icon: "download",
-        info: "Download",
-        "tooltip-pos": "bottom"
-      }), null, 16),
-      e.label ? (y(), v("span", J, G(e.label), 1)) : $("", !0)
-    ], 16));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", mergeProps({ onClick: downloadExcel }, unref(Preset).root({ props }), { type: "button" }), [
+        createVNode(_sfc_main$1, mergeProps(unref(Preset).icon, {
+          icon: "download",
+          info: "Download",
+          "tooltip-pos": "bottom"
+        }), null, 16),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 16);
+    };
   }
 });
 export {
-  ne as _
+  _sfc_main as _,
+  useLoadingStore as u
 };

package/buttonfilter/index.es.js

@@ -1,24 +1,30 @@
-import { defineComponent as u, inject as f, shallowRef as p, createElementBlock as v, openBlock as _, mergeProps as n, unref as a, createVNode as b } from "vue";
-import { e as h } from "../event-bus/index.es.js";
-import { _ as w } from "../icon/index.es.js";
-const g = /* @__PURE__ */ u({
+import { defineComponent, inject, shallowRef, createElementBlock, openBlock, mergeProps, unref, createVNode } from "vue";
+import { e as eventBus } from "../event-bus/index.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ButtonFilter",
   props: {
     tableName: { default: "datatable" }
   },
   emits: ["showFilter"],
-  setup(r, { emit: i }) {
-    const t = f("preset", {}).buttonfilter, s = r, c = i, e = p(!1), m = () => {
-      e.value = !e.value, c("showFilter", e.value), h.emit("show-filter", {
-        tableName: s.tableName,
-        show: e.value
+  setup(__props, { emit: __emit }) {
+    const Preset = inject("preset", {}).buttonfilter;
+    const props = __props;
+    const emit = __emit;
+    const showFilter = shallowRef(false);
+    const toggleFilterPanel = () => {
+      showFilter.value = !showFilter.value;
+      emit("showFilter", showFilter.value);
+      eventBus.emit("show-filter", {
+        tableName: props.tableName,
+        show: showFilter.value
       });
     };
-    return (F, d) => {
-      var o, l;
-      return _(), v("button", n({ onClick: m }, (o = a(t)) == null ? void 0 : o.root({ context: { active: e.value } }), { type: "button" }), [
-        b(w, n((l = a(t)) == null ? void 0 : l.icon({ context: { active: e.value } }), {
-          icon: e.value ? "filter-fill" : "filter",
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("button", mergeProps({ onClick: toggleFilterPanel }, (_a = unref(Preset)) == null ? void 0 : _a.root({ context: { active: showFilter.value } }), { type: "button" }), [
+        createVNode(_sfc_main$1, mergeProps((_b = unref(Preset)) == null ? void 0 : _b.icon({ context: { active: showFilter.value } }), {
+          icon: showFilter.value ? "filter-fill" : "filter",
           info: "Filter",
           "tooltip-pos": "bottom"
         }), null, 16, ["icon"])
@@ -27,5 +33,5 @@ const g = /* @__PURE__ */ u({
   }
 });
 export {
-  g as _
+  _sfc_main as _
 };

package/buttonradio/index.es.js

@@ -1,18 +1,20 @@
-import { h as k, defineComponent as C, inject as V, computed as S, createBlock as f, openBlock as d, unref as l, mergeProps as p, withCtx as P, createElementVNode as i, renderSlot as w, createCommentVNode as m, normalizeProps as c, guardReactiveProps as b, normalizeStyle as E, normalizeClass as z, createElementBlock as j, toDisplayString as q } from "vue";
-import { _ as A } from "../icon/index.es.js";
-import { i as I } from "../vendor/lodash-es/isEqual.es.js";
-const L = (r, s) => {
-  const { attrs: t, slots: a } = s || {};
-  return r.label ? k("label", t, a.default()) : a.default();
-}, N = ["id", "aria-invalid", "checked", "disabled", "name", "readonly", "tabindex", "value"], F = /* @__PURE__ */ C({
-  inheritAttrs: !1,
+import { h, defineComponent, inject, computed, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot, createCommentVNode, normalizeProps, guardReactiveProps, normalizeStyle, normalizeClass, createElementBlock, toDisplayString } from "vue";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+import { i as isEqual } from "../vendor/lodash-es/isEqual.es.js";
+const Label = (propsData, setupContext) => {
+  const { attrs, slots } = setupContext || {};
+  return propsData.label ? h("label", attrs, slots.default()) : slots.default();
+};
+const _hoisted_1 = ["id", "aria-invalid", "checked", "disabled", "name", "readonly", "tabindex", "value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "ButtonRadio",
   props: {
     label: {},
     value: {},
     modelValue: {},
     name: {},
-    binary: { type: Boolean, default: !1 },
+    binary: { type: Boolean, default: false },
     invalid: { type: Boolean },
     disabled: { type: Boolean },
     variant: {},
@@ -25,69 +27,91 @@ const L = (r, s) => {
     tooltipPos: { default: "top" }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(r, { emit: s }) {
-    const t = r, a = s, n = V("preset", {}).buttonradio, u = S(() => t.modelValue != null && (t.binary ? y() : I(t.modelValue, t.value))), y = () => {
-      const { modelValue: e, value: o } = t;
-      return typeof e != "boolean" ? !!e : typeof o == "boolean" ? e === o : typeof o == "number" ? !!e == !!o : typeof o == "string" ? (e == null ? void 0 : e.toString()) === o : !1;
-    }, v = (e) => {
-      if (typeof e == "boolean")
-        return e;
-      if (typeof e == "number")
-        return !!e;
-      if (typeof e == "string")
-        return e.toLowerCase() === "true";
-    }, h = (e) => {
-      if (!t.disabled && !t.readonly) {
-        const o = t.binary ? v(t.value) : t.value;
-        a("update:modelValue", o), a("change", e);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const Preset = inject("preset", {}).buttonradio;
+    const checked = computed(() => {
+      return props.modelValue != null && (props.binary ? isBinaryEqual() : isEqual(props.modelValue, props.value));
+    });
+    const isBinaryEqual = () => {
+      const { modelValue, value } = props;
+      if (typeof modelValue != "boolean") return !!modelValue;
+      if (typeof value === "boolean") {
+        return modelValue === value;
+      } else if (typeof value === "number") {
+        return !!modelValue === !!value;
+      } else if (typeof value === "string") {
+        return (modelValue == null ? void 0 : modelValue.toString()) === value;
+      }
+      return false;
+    };
+    const binaryValue = (value) => {
+      if (typeof value === "boolean") {
+        return value;
+      } else if (typeof value === "number") {
+        return !!value;
+      } else if (typeof value === "string") {
+        return value.toLowerCase() === "true";
+      }
+    };
+    const onChange = (event) => {
+      if (!props.disabled && !props.readonly) {
+        const newModelValue = props.binary ? binaryValue(props.value) : props.value;
+        emit("update:modelValue", newModelValue);
+        emit("change", event);
       }
-    }, B = (e) => {
-      a("focus", e);
-    }, g = (e) => {
-      a("blur", e);
     };
-    return (e, o) => (d(), f(l(L), p(l(n).label, { label: e.label }), {
-      default: P(() => [
-        i("span", c(b(l(n).root({ props: t, state: { checked: u.value } }))), [
-          i("input", {
-            id: e.inputId,
-            "aria-invalid": e.invalid || void 0,
-            checked: u.value,
-            class: z([l(n).input({ props: t }).class, e.inputClass]),
-            disabled: e.disabled,
-            name: e.name,
-            readonly: e.readonly,
-            style: E(e.inputStyle),
-            tabindex: e.tabindex,
-            value: e.value,
-            onBlur: g,
-            onChange: h,
-            onFocus: B,
-            type: "radio"
-          }, null, 46, N),
-          i("span", c(b(l(n).box({ props: t, state: { checked: u.value } }))), [
-            i("span", c(b(l(n).icon)), null, 16)
-          ], 16)
-        ], 16),
-        w(e.$slots, "label", {}, () => [
-          e.label ? (d(), j("span", p({
+    const onFocus = (event) => {
+      emit("focus", event);
+    };
+    const onBlur = (event) => {
+      emit("blur", event);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Label), mergeProps(unref(Preset).label, { label: _ctx.label }), {
+        default: withCtx(() => [
+          createElementVNode("span", normalizeProps(guardReactiveProps(unref(Preset).root({ props, state: { checked: checked.value } }))), [
+            createElementVNode("input", {
+              id: _ctx.inputId,
+              "aria-invalid": _ctx.invalid || void 0,
+              checked: checked.value,
+              class: normalizeClass([unref(Preset).input({ props }).class, _ctx.inputClass]),
+              disabled: _ctx.disabled,
+              name: _ctx.name,
+              readonly: _ctx.readonly,
+              style: normalizeStyle(_ctx.inputStyle),
+              tabindex: _ctx.tabindex,
+              value: _ctx.value,
+              onBlur,
+              onChange,
+              onFocus,
+              type: "radio"
+            }, null, 46, _hoisted_1),
+            createElementVNode("span", normalizeProps(guardReactiveProps(unref(Preset).box({ props, state: { checked: checked.value } }))), [
+              createElementVNode("span", normalizeProps(guardReactiveProps(unref(Preset).icon)), null, 16)
+            ], 16)
+          ], 16),
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            _ctx.label ? (openBlock(), createElementBlock("span", mergeProps({
+              key: 0,
+              "data-wv-section": "labeltext"
+            }, unref(Preset).labeltext), toDisplayString(_ctx.label), 17)) : createCommentVNode("", true)
+          ]),
+          _ctx.tooltip ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
             key: 0,
-            "data-wv-section": "labeltext"
-          }, l(n).labeltext), q(e.label), 17)) : m("", !0)
+            info: _ctx.tooltip,
+            "tooltip-pos": _ctx.tooltipPos
+          }, unref(Preset).tooltipicon, {
+            "data-wv-section": "tooltipicon",
+            icon: "info"
+          }), null, 16, ["info", "tooltip-pos"])) : createCommentVNode("", true)
         ]),
-        e.tooltip ? (d(), f(A, p({
-          key: 0,
-          info: e.tooltip,
-          "tooltip-pos": e.tooltipPos
-        }, l(n).tooltipicon, {
-          "data-wv-section": "tooltipicon",
-          icon: "info"
-        }), null, 16, ["info", "tooltip-pos"])) : m("", !0)
-      ]),
-      _: 3
-    }, 16, ["label"]));
+        _: 3
+      }, 16, ["label"]);
+    };
   }
 });
 export {
-  F as _
+  _sfc_main as _
 };

package/buttonsearch/index.es.js

@@ -1,70 +1,86 @@
-import { defineComponent as x, inject as P, shallowRef as g, ref as V, createElementBlock as w, openBlock as I, mergeProps as o, unref as e, createVNode as u, withModifiers as q, createElementVNode as i, nextTick as E } from "vue";
-import { e as N } from "../event-bus/index.es.js";
-import { u as T } from "../plugins/WangsVue.es.js";
-import { s as _ } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { _ as c } from "../icon/index.es.js";
-const D = /* @__PURE__ */ x({
+import { defineComponent, inject, shallowRef, ref, createElementBlock, openBlock, mergeProps, unref, createVNode, withModifiers, createElementVNode, nextTick } from "vue";
+import { e as eventBus } from "../event-bus/index.es.js";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { s as script } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ButtonSearch",
   props: {
     tableName: { default: "datatable" }
   },
   emits: ["search", "collapsed"],
-  setup(j) {
-    const t = P("preset", {}).buttonsearch, { locale: $ } = T("ButtonSearch"), n = g(), s = V(), r = g(!1), B = () => {
-      r.value = !0, p();
-    }, p = () => {
-      E(() => {
-        s.value && s.value.$el.focus();
+  setup(__props) {
+    const Preset = inject("preset", {}).buttonsearch;
+    const { locale } = useWangsVueConfig("ButtonSearch");
+    const query = shallowRef();
+    const inputtext = ref();
+    const showSearchInput = shallowRef(false);
+    const showSearchForm = () => {
+      showSearchInput.value = true;
+      focusToInput();
+    };
+    const focusToInput = () => {
+      nextTick(() => {
+        if (inputtext.value) {
+          inputtext.value["$el"].focus();
+        }
       });
-    }, C = (a) => {
-      n.value = a.target.value || void 0;
     };
-    return (a, l) => {
-      var m, v, b, f, h, d, y, k, S;
-      return r.value ? (I(), w("form", o({ key: 1 }, (b = e(t)) == null ? void 0 : b.form({ context: { showSearchInput: r.value } }), {
-        onSubmit: l[2] || (l[2] = q(
+    const updateInput = (event) => {
+      query.value = event.target.value || void 0;
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      return !showSearchInput.value ? (openBlock(), createElementBlock("button", mergeProps({
+        key: 0,
+        onClick: showSearchForm
+      }, (_a = unref(Preset)) == null ? void 0 : _a.buttontrigger.root({ context: { showSearchInput: showSearchInput.value } }), { type: "button" }), [
+        createVNode(_sfc_main$1, mergeProps((_b = unref(Preset)) == null ? void 0 : _b.buttontrigger.icon, {
+          icon: "search",
+          info: "Search",
+          severity: "secondary",
+          "tooltip-pos": "bottom"
+        }), null, 16)
+      ], 16)) : (openBlock(), createElementBlock("form", mergeProps({ key: 1 }, (_c = unref(Preset)) == null ? void 0 : _c.form({ context: { showSearchInput: showSearchInput.value } }), {
+        onSubmit: _cache[2] || (_cache[2] = withModifiers(
           () => {
-            e(N).emit("search-table", { tableName: a.tableName, search: n.value }), a.$emit("search", n.value);
+            unref(eventBus).emit("search-table", { tableName: _ctx.tableName, search: query.value });
+            _ctx.$emit("search", query.value);
           },
           ["prevent"]
         ))
       }), [
-        i("button", o({
-          onClick: l[0] || (l[0] = () => {
-            n.value = void 0, r.value = !1, a.$emit("collapsed"), e(N).emit("search-table", { tableName: a.tableName, search: void 0 }), a.$emit("search", void 0);
+        createElementVNode("button", mergeProps({
+          onClick: _cache[0] || (_cache[0] = () => {
+            query.value = void 0;
+            showSearchInput.value = false;
+            _ctx.$emit("collapsed");
+            unref(eventBus).emit("search-table", { tableName: _ctx.tableName, search: void 0 });
+            _ctx.$emit("search", void 0);
           })
-        }, (f = e(t)) == null ? void 0 : f.collapsebutton.root({ context: { showSearchInput: r.value } }), { type: "button" }), [
-          u(c, o((h = e(t)) == null ? void 0 : h.collapsebutton.icon, { icon: "arrow-left" }), null, 16)
+        }, (_d = unref(Preset)) == null ? void 0 : _d.collapsebutton.root({ context: { showSearchInput: showSearchInput.value } }), { type: "button" }), [
+          createVNode(_sfc_main$1, mergeProps((_e = unref(Preset)) == null ? void 0 : _e.collapsebutton.icon, { icon: "arrow-left" }), null, 16)
         ], 16),
-        u(e(_), o((d = e(t)) == null ? void 0 : d.inputtext, {
+        createVNode(unref(script), mergeProps((_f = unref(Preset)) == null ? void 0 : _f.inputtext, {
           ref_key: "inputtext",
-          ref: s,
-          "model-value": n.value,
-          placeholder: e($).searchPlaceholder,
-          onInput: C
+          ref: inputtext,
+          "model-value": query.value,
+          placeholder: unref(locale).searchPlaceholder,
+          onInput: updateInput
         }), null, 16, ["model-value", "placeholder"]),
-        i("button", o({
-          onClick: l[1] || (l[1] = (F) => {
-            n.value = void 0, p();
+        createElementVNode("button", mergeProps({
+          onClick: _cache[1] || (_cache[1] = ($event) => {
+            query.value = void 0;
+            focusToInput();
           })
-        }, (y = e(t)) == null ? void 0 : y.resetbutton.root({ query: n.value }), { type: "button" }), [
-          u(c, o((k = e(t)) == null ? void 0 : k.resetbutton.icon, { icon: "close" }), null, 16)
+        }, (_g = unref(Preset)) == null ? void 0 : _g.resetbutton.root({ query: query.value }), { type: "button" }), [
+          createVNode(_sfc_main$1, mergeProps((_h = unref(Preset)) == null ? void 0 : _h.resetbutton.icon, { icon: "close" }), null, 16)
         ], 16),
-        i("button", o((S = e(t)) == null ? void 0 : S.hiddensubmit, { type: "submit" }), null, 16)
-      ], 16)) : (I(), w("button", o({
-        key: 0,
-        onClick: B
-      }, (m = e(t)) == null ? void 0 : m.buttontrigger.root({ context: { showSearchInput: r.value } }), { type: "button" }), [
-        u(c, o((v = e(t)) == null ? void 0 : v.buttontrigger.icon, {
-          icon: "search",
-          info: "Search",
-          severity: "secondary",
-          "tooltip-pos": "bottom"
-        }), null, 16)
+        createElementVNode("button", mergeProps((_i = unref(Preset)) == null ? void 0 : _i.hiddensubmit, { type: "submit" }), null, 16)
       ], 16));
     };
   }
 });
 export {
-  D as _
+  _sfc_main as _
 };