@fewangsit/wangsvue-fats 1.0.1-rc.5 → 1.0.1-rc.8

package/editorbutton/EditorButton.es.js

@@ -0,0 +1,28 @@
+import { defineComponent as o, createBlock as s, openBlock as e, normalizeClass as p } from "vue";
+import { _ as r } from "../button/Button.es.js";
+const c = /* @__PURE__ */ o({
+  __name: "EditorButton",
+  props: {
+    classButton: {}
+  },
+  setup(a) {
+    return (t, n) => (e(), s(r, {
+      class: p([t.classButton, "!rounded h-6 w-6 p-1"]),
+      tooltip: {
+        pt: {
+          text: {
+            style: "font-size: 9px !important; padding: 2px 6px; border-radius: 8px"
+          }
+        },
+        value: t.$attrs.tooltipText ?? t.$attrs["tooltip-text"]
+      },
+      "icon-class": "!w-4 !h-4",
+      severity: "secondary",
+      text: "",
+      "tooltip-pos": "top"
+    }, null, 8, ["class", "tooltip"]));
+  }
+});
+export {
+  c as _
+};

package/event-bus/index.d.ts

@@ -1,6 +1,6 @@
+import { Data, QueryParams } from '../datatable';
 import { Emitter } from './mitt';
-import { Data, QueryParams } from '../components/datatable/DataTable.vue.d';
-import { ToastParams } from '../utils/toast.util';
+import { ToastParams } from '../utils/baseToast.util';
 export type TableEvent = {
   tableName?: string;
 };

package/event-bus/index.es.js

@@ -0,0 +1,6 @@
+import { m as t } from "./mitt.es.js";
+const e = t(), s = () => e;
+export {
+  e as default,
+  s as extendEventBus
+};

package/event-bus/mitt.es.js

@@ -0,0 +1,53 @@
+function c(e) {
+  var o;
+  e = e || ((o = window.eventBus) == null ? void 0 : o.all) || /* @__PURE__ */ new Map();
+  const f = {
+    /**
+     * A Map of event names to registered handler functions.
+     */
+    all: e,
+    /**
+     * Register an event handler for the given type.
+     * @param {string|symbol} type Type of event to listen for, or `'*'` for all events
+     * @param {Function} handler Function to call in response to given event
+     * @memberOf mitt
+     */
+    on(n, i) {
+      const s = e == null ? void 0 : e.get(n);
+      s ? s.push(i) : e == null || e.set(n, [i]);
+    },
+    /**
+     * Remove an event handler for the given type.
+     * If `handler` is omitted, all handlers of the given type are removed.
+     * @param {string|symbol} type Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
+     * @param {Function} [handler] Handler function to remove
+     * @memberOf mitt
+     */
+    off(n, i) {
+      const s = e == null ? void 0 : e.get(n);
+      s && (i ? s.splice(s.indexOf(i) >>> 0, 1) : e == null || e.set(n, []));
+    },
+    /**
+     * Invoke all handlers for the given type.
+     * If present, `'*'` handlers are invoked after type-matched handlers.
+     *
+     * Note: Manually firing '*' handlers is not supported.
+     *
+     * @param {string|symbol} type The event type to invoke
+     * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
+     * @memberOf mitt
+     */
+    emit(n, i) {
+      let s = e == null ? void 0 : e.get(n);
+      s && s.slice().map((t) => {
+        t(i);
+      }), s = e == null ? void 0 : e.get("*"), s && s.slice().map((t) => {
+        t(n, i);
+      });
+    }
+  };
+  return window.eventBus ?? (window.eventBus = f), window.eventBus;
+}
+export {
+  c as m
+};

package/event-bus/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/fieldwrapper/FieldWrapper.es.js

@@ -0,0 +1,40 @@
+import { defineComponent as $, useSlots as b, computed as w, createElementBlock as l, renderSlot as p, openBlock as o, normalizeProps as t, mergeProps as r, createCommentVNode as a, Fragment as g, createTextVNode as v, createBlock as C, toDisplayString as i, unref as u } from "vue";
+import { u as B } from "../plugins/WangsVue.es.js";
+import { m as P } from "../utils/mergePropsWithDefaults.util.es.js";
+import h from "../icon/index.es.js";
+const T = /* @__PURE__ */ $({
+  __name: "FieldWrapper",
+  props: {
+    label: {},
+    mandatory: { type: Boolean },
+    showOptionalText: { type: Boolean, default: void 0 },
+    showAsterisk: { type: Boolean, default: void 0 },
+    info: {},
+    labelClass: {},
+    tooltipPos: {}
+  },
+  emits: ["infoClick"],
+  setup(k) {
+    const n = k, f = b(), { defaultProps: y, locale: d } = B("FieldWrapper"), s = w(() => P(n, y));
+    return (e, m) => e.$attrs["use-field-wrapper"] != !1 ? (o(), l("div", t(r({ key: 0 }, e.$preset.fieldwrapper.root)), [
+      e.label || f["label-addon"] ? (o(), l("label", t(r({ key: 0 }, e.$preset.fieldwrapper.label({ props: n, slots: f }))), [
+        e.label ? (o(), l(g, { key: 0 }, [
+          v(i(e.label) + " ", 1),
+          e.mandatory && s.value.showAsterisk ? (o(), l("span", t(r({ key: 0 }, e.$preset.fieldwrapper.arterisksign)), i(u(d).labelRequired), 17)) : a("", !0),
+          e.info ? (o(), C(h, r({
+            key: 1,
+            info: e.info,
+            "tooltip-pos": s.value.tooltipPos,
+            onClick: m[0] || (m[0] = (W) => e.$emit("infoClick"))
+          }, e.$preset.fieldwrapper.info, { icon: "info" }), null, 16, ["info", "tooltip-pos"])) : a("", !0),
+          e.mandatory == !1 && s.value.showOptionalText ? (o(), l("span", t(r({ key: 2 }, e.$preset.fieldwrapper.optionaltext)), i(u(d).labelOptional), 17)) : a("", !0)
+        ], 64)) : a("", !0),
+        p(e.$slots, "label-addon")
+      ], 16)) : a("", !0),
+      p(e.$slots, "default")
+    ], 16)) : p(e.$slots, "default", { key: 1 });
+  }
+});
+export {
+  T as _
+};

package/{components/fileupload/FileUpload.vue.d.ts → fileupload/index.d.ts}

@@ -1,11 +1,11 @@
+import { CustomValidation } from '../form';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
 import {
   FileUploadErrorEvent,
   FileUploadUploadEvent,
 } from 'primevue/fileupload';
 
-import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
-
 export type InputErrorCodes = 'FILE_SIZE_TOO_LARGE';
 
 /**

package/fileupload/index.es.js

@@ -0,0 +1,176 @@
+import { defineComponent as D, mergeModels as $, useModel as G, inject as Y, shallowRef as y, ref as z, reactive as H, computed as Z, onMounted as J, watch as x, createBlock as A, openBlock as f, unref as m, mergeProps as g, withCtx as M, createTextVNode as h, toDisplayString as B, createElementVNode as N, normalizeClass as k, createVNode as w, createCommentVNode as S, createElementBlock as F, withModifiers as Q, normalizeProps as W, Fragment as C } from "vue";
+import { u as X } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as ee } from "../utils/baseToast.util.es.js";
+import { s as ae } from "../vendor/primevue/fileupload/fileupload.esm.es.js";
+import { _ as le } from "../fieldwrapper/FieldWrapper.es.js";
+import se from "../inputtext/index.es.js";
+import { _ as ie } from "../button/Button.es.js";
+import oe from "../validatormessage/index.es.js";
+const te = { class: "'!mt-0 font-light text-xs text-general-500'" }, re = 1048576, ye = /* @__PURE__ */ D({
+  __name: "FileUpload",
+  props: /* @__PURE__ */ $({
+    accept: {},
+    disabled: { type: Boolean },
+    maxFileSize: {},
+    modelValue: {},
+    multiple: { type: Boolean, default: !1 },
+    invalidFileSizeMessage: {},
+    invalidFileTypeMessage: {},
+    label: { default: "Upload File" },
+    withUpload: { type: Boolean, default: !0 },
+    uploadLabel: { default: "Upload" },
+    placeholder: { default: "Select File" },
+    fileExtensions: {},
+    fileRequirements: {},
+    uploadFunction: {},
+    useValidator: { type: Boolean },
+    fieldName: { default: "fileUpload" },
+    mandatory: { type: Boolean },
+    useErrorToast: { type: Boolean, default: !0 },
+    validatorMessage: {},
+    validatorMessageClass: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ $(["select", "update:modelValue", "upload", "error"], ["update:modelValue"]),
+  setup(T, { emit: R }) {
+    const V = ee(), r = G(T, "modelValue"), a = T, E = R, { fileupload: c = {} } = Y("preset", {}), i = y(), t = y(), o = y(), b = z(), n = H({ value: void 0 }), q = Z(() => !!n.errorMessage || (u.value ? u.value.length > 0 : !1)), d = y(!1);
+    J(() => {
+      a.useValidator && Object.assign(
+        n,
+        X(a.fieldName, (e) => I(e))
+      ), r.value && (Array.isArray(r.value) && a.multiple ? (o.value = r.value, i.value = r.value.map((e) => e.name)) : r.value instanceof File && (o.value = r.value, i.value = r.value.name));
+    });
+    const I = (e) => {
+      if (typeof a.validatorMessage == "string")
+        return a.validatorMessage;
+      if (typeof a.validatorMessage != "string") {
+        const { empty: l } = a.validatorMessage ?? {};
+        if (!e && a.mandatory && !o.value)
+          return l ?? !0;
+      }
+      return !0;
+    }, j = (e) => {
+      if (!a.useErrorToast && typeof a.validatorMessage != "string") {
+        const { exceed: l, invalidFormat: s } = a.validatorMessage;
+        e.includes("Invalid file size") && l ? t.value = l : e.includes("Invalid file type") ? t.value = s : t.value = void 0;
+      }
+    }, L = (e) => {
+      var l;
+      try {
+        if (!e.files || e.files.length === 0)
+          return;
+        a.multiple ? (o.value = e.files, i.value = e.files.map((s) => s.name), E("select", e.files)) : (o.value = e.files[0], i.value = (l = e.files[0]) == null ? void 0 : l.name, E("select", e.files[0]));
+      } catch (s) {
+        console.error(s);
+      }
+    }, U = (e, l) => {
+      a.disabled || d.value || (u.value = void 0, new Promise((s, p) => {
+        try {
+          l(), s();
+        } catch (v) {
+          p(v);
+        }
+      }).then(() => {
+        e();
+      }));
+    }, O = async (e, l) => {
+      try {
+        d.value = !0, a.uploadFunction && await a.uploadFunction(e), o.value = void 0, i.value = void 0, l(), d.value = !1;
+      } catch (s) {
+        throw d.value = !1, s;
+      }
+    }, u = z(), P = (e) => {
+      u.value = e;
+    }, K = (e, l, s) => {
+      (e.key === "Enter" || e.key === " ") && U(l, s);
+    };
+    return x(o, (e) => {
+      n.value = e, r.value = e, u.value = void 0, t.value = void 0;
+    }), x(r, (e) => {
+      Array.isArray(e) && a.multiple ? (o.value = e, i.value = e.map((l) => l.name)) : e instanceof File ? (o.value = e, i.value = e.name) : (o.value = void 0, i.value = void 0), n.value = e, "messages" in b.value && (b.value.messages = []), u.value = void 0, t.value = void 0;
+    }), x(u, (e) => {
+      if (e && e.length > 0) {
+        const l = e[0].replace("{2}", a.accept || "").replace("{2.1}", a.fileExtensions || "");
+        l.includes("Invalid file size") && E("error", "FILE_SIZE_TOO_LARGE"), j(l), a.useErrorToast && V.add({
+          message: l,
+          severity: "error"
+        }), o.value = void 0, i.value = void 0;
+      } else
+        t.value = void 0;
+    }), (e, l) => (f(), A(m(ae), g(a, {
+      ref_key: "fileUpload",
+      ref: b,
+      "file-limit": e.multiple ? void 0 : 1,
+      pt: { input: { style: "display: none" } },
+      onSelect: L,
+      onUpload: l[0] || (l[0] = (s) => e.$emit("upload", s))
+    }), {
+      header: M(({ files: s, chooseCallback: p, clearCallback: v }) => [
+        N("div", {
+          class: k([{ "grid-cols-[auto,max-content]": a.withUpload }, "grid gap-3 items-end"])
+        }, [
+          w(le, g(m(c).wrapper, {
+            "error-messages": u.value,
+            label: a.label,
+            mandatory: a.mandatory
+          }), {
+            default: M(() => [
+              w(se, {
+                disabled: a.disabled || d.value,
+                "input-class": m(c).input({ state: { fileName: i.value } }).class,
+                invalid: q.value,
+                "model-value": Array.isArray(i.value) ? i.value.join(", ") : i.value,
+                placeholder: a.placeholder,
+                onClick: (_) => U(p, v),
+                onKeydown: Q((_) => K(_, p, v), ["prevent"])
+              }, {
+                "addon-left": M(() => l[1] || (l[1] = [
+                  h(" Browse")
+                ])),
+                _: 2
+              }, 1032, ["disabled", "input-class", "invalid", "model-value", "placeholder", "onClick", "onKeydown"]),
+              a.fileExtensions || a.fileRequirements || n.errorMessage || t.value || a.validatorMessage ? (f(), F("div", {
+                key: 0,
+                class: k([{
+                  "justify-between": n.errorMessage || t.value,
+                  "justify-end": (!n.errorMessage || !t.value) && a.validatorMessage
+                }, "flex w-full"])
+              }, [
+                w(oe, {
+                  class: k(a.validatorMessageClass),
+                  message: t.value ?? n.errorMessage
+                }, null, 8, ["class", "message"]),
+                a.fileExtensions || a.fileRequirements ? (f(), F("div", W(g({ key: 0 }, m(c).requirements)), [
+                  N("small", te, [
+                    e.fileRequirements ? (f(), F(C, { key: 0 }, [
+                      h(B(e.fileRequirements), 1)
+                    ], 64)) : (f(), F(C, { key: 1 }, [
+                      h(B(a.maxFileSize ? `${a.fileExtensions}. max file ${Math.round(a.maxFileSize / re)} MB` : `${a.fileExtensions} file`), 1)
+                    ], 64))
+                  ])
+                ], 16)) : S("", !0)
+              ], 2)) : S("", !0)
+            ]),
+            _: 2
+          }, 1040, ["error-messages", "label", "mandatory"]),
+          a.withUpload ? (f(), A(ie, g({ key: 0 }, m(c).buttonupload({ props: a }), {
+            disabled: a.disabled || d.value || !o.value,
+            label: a.uploadLabel,
+            onClick: (_) => O(s, v),
+            severity: "success",
+            type: "button"
+          }), null, 16, ["disabled", "label", "onClick"])) : S("", !0)
+        ], 2)
+      ]),
+      content: M(({ messages: s }) => [
+        h(B(P(s)), 1)
+      ]),
+      _: 1
+    }, 16, ["file-limit"]));
+  }
+});
+export {
+  ye as default
+};

package/fileupload/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/{components/filtercontainer/FilterContainer.vue.d.ts → filtercontainer/index.d.ts}

@@ -1,16 +1,13 @@
 import { AxiosResponse } from 'axios';
 import { DefineComponent, Slot } from 'vue';
 
-import {
-  DropdownProps,
-  Option,
-} from '../../components/dropdown/Dropdown.vue.d';
-
-import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
-import { CalendarProps } from '../calendar/Calendar.vue.d';
-import { QueryParams } from '../datatable/DataTable.vue.d';
-import { InputRangeNumberProps } from '../inputrangenumber/InputRangeNumber.vue.d';
-import { MultiSelectProps } from '../multiselect/MultiSelect.vue.d';
+import { DropdownProps, Option } from '../dropdown';
+
+import { ButtonSelectTreeProps } from '../buttonselecttree';
+import { CalendarProps } from '../calendar';
+import { QueryParams } from '../datatable';
+import { InputRangeNumberProps } from '../inputrangenumber';
+import { MultiSelectProps } from '../multiselect';
 import { StringKeyOf, TypeError } from '../ts-helpers';
 
 export type FilterMatchMode =

package/filtercontainer/index.es.js

@@ -0,0 +1,290 @@
+import { defineComponent as x, ref as N, shallowRef as S, onMounted as G, onBeforeUnmount as I, watch as Q, withDirectives as z, createElementBlock as k, openBlock as h, mergeProps as b, withModifiers as X, unref as w, createElementVNode as Y, Fragment as B, renderList as Z, createBlock as _, renderSlot as ee, createVNode as M, vShow as te, withCtx as ae } from "vue";
+import oe from "../buttonselecttree/index.es.js";
+import { a as re } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import p from "../event-bus/index.es.js";
+import { u as le } from "../plugins/WangsVue.es.js";
+import { g as L, s as ne } from "../utils/object.util.es.js";
+import { _ as R } from "../button/Button.es.js";
+import se from "../calendar/index.es.js";
+import ie from "../dropdown/index.es.js";
+import ce from "../inputrangenumber/index.es.js";
+import ue from "../multiselect/index.es.js";
+const J = (n) => {
+  if (Array.isArray(n)) {
+    const [u, o] = n;
+    return [
+      new Date(u).setHours(0, 0, 0),
+      new Date(o ?? u).setHours(23, 59, 59)
+    ];
+  }
+}, me = (n, u, o) => {
+  const s = Object.keys(n), l = {};
+  p.emit("multi-select:hide-overlay"), s.forEach((r) => {
+    var f;
+    const i = Array.isArray(n[r]), F = typeof n[r] == "string", c = i ? (f = n[r]) == null ? void 0 : f.filter((v) => v != null) : n[r];
+    if ((c != null && !i || i && c.length) && !F) {
+      if (Array.isArray(c) && c.every(
+        (d) => typeof d == "number" && d > 9466848e5 && // Greater than 2000-01-01 00:00:00 UTC (milliseconds)
+        !isNaN(new Date(d).getTime())
+        // Converts to a valid date
+      )) {
+        l[r] = JSON.stringify(
+          // Adjust the end range time to 23.59.59 and the start to 00.00.00 to fix filtering issue when user only select a date
+          J(c)
+        );
+        return;
+      }
+      l[r] = c != null && c.length ? JSON.stringify(n[r]) : JSON.stringify(c);
+    } else
+      l[r] = n[r];
+  }), p.emit("data-table:apply-filter", {
+    tableName: u,
+    filter: l
+  }), p.emit("data-table:clear-selected-data", {
+    tableName: u
+  }), o == null || o("apply", l);
+}, pe = (n, u, o, s) => {
+  const l = {};
+  p.emit("multi-select:hide-overlay"), o.forEach((r) => {
+    if ("field" in r) {
+      const i = L(n, r.field);
+      "value" in i && i.value != null && (l[r.field] = i, "matchMode" in i && i.matchMode == "DATE_BETWEEN" && (l[r.field].value = J(
+        i.value
+      )), Array.isArray(i.value) && !i.value.filter(Boolean).length && delete l[r.field]);
+    }
+  }), p.emit("data-table:apply-filter", {
+    tableName: u,
+    filter: l
+  }), p.emit("data-table:clear-selected-data", {
+    tableName: u
+  }), s == null || s("apply", l);
+}, fe = {
+  class: "flex items-end justify-end gap-2",
+  "data-wv-section": "filteractionbuttons"
+}, de = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "FilterContainer",
+  props: {
+    tableName: { default: "datatable" },
+    fieldsPerRow: { default: 4 },
+    fields: {},
+    static: { type: Boolean }
+  },
+  emits: ["apply"],
+  setup(n, { emit: u }) {
+    const o = n, s = u, { locale: l } = le("FilterContainer"), { resetForm: r, handleSubmit: i, setValues: F } = re(), c = N({}), f = N({}), v = S(), d = N(null), T = S(!1), O = S(0);
+    G(() => {
+      V(), p.on("show-filter", C), p.on("data-table:updated", D), U();
+    }), I(() => {
+      p.off("show-filter", C), p.off("data-table:updated", D);
+    });
+    const A = o.fields.filter(
+      (t) => t.visible !== !1
+    ), C = (t) => {
+      t.tableName === o.tableName && (T.value = t.show);
+    }, D = (t) => {
+      t.tableName === o.tableName && (v.value = t.data);
+    }, P = async (t, a, e = {}) => {
+      if (o.static && !t)
+        f.value[a] = W(a);
+      else
+        try {
+          c.value[a] = !0;
+          const m = { [a]: !0, ...e }, y = await (t == null ? void 0 : t(m));
+          if ("data" in y) {
+            const { data: $ } = y;
+            f.value[a] = $.data[a];
+          } else Array.isArray(y) && (f.value[a] = y);
+        } catch (m) {
+          console.error(m);
+        } finally {
+          c.value[a] = !1;
+        }
+    }, W = (t) => {
+      const a = /* @__PURE__ */ new Set();
+      if (v.value)
+        for (let e = 0; e < v.value.length; e++) {
+          const m = L(v.value[e], t);
+          a.add(m);
+        }
+      return Array.from(a).map((e) => ({ label: e, value: e }));
+    }, V = () => {
+      if (d.value) {
+        const { children: t } = d.value, a = d.value.childElementCount, e = a % o.fieldsPerRow;
+        let [m, y] = [1, 1];
+        for (const $ in Array.from({ length: a })) {
+          const q = Number($) === a - 1;
+          t[$].setAttribute(
+            "style",
+            `grid-area: ${m}/${q && e ? o.fieldsPerRow : y}`
+          ), ++y > o.fieldsPerRow && (y = 1, m++);
+        }
+      }
+    }, j = () => {
+      r(), O.value++;
+    }, E = i((t) => {
+      o.static ? pe(t, o.tableName, A, s) : me(t, o.tableName, s);
+    }), H = (t, a) => {
+      var e;
+      switch (t.type) {
+        case "rangenumber":
+          return t.field ? `${t.field}.matchMode` : `${(e = t.fields) == null ? void 0 : e[a]}.matchMode`;
+        case "multiselect":
+        case "dropdown":
+        case "calendar":
+        case "category":
+        case "group":
+          return `${t.field}.matchMode`;
+      }
+    }, K = (t) => (() => {
+      switch (t.type) {
+        case "rangenumber":
+          return "BETWEEN";
+        case "multiselect":
+        case "category":
+        case "group":
+          return "IN";
+        case "dropdown":
+          return "EQUALS";
+        case "calendar":
+          return "DATE_BETWEEN";
+      }
+    })(), U = () => {
+      if (o.static) {
+        const t = {};
+        A.forEach((a) => {
+          ne(
+            t,
+            H(a),
+            K(a)
+          );
+        }), F(t);
+      }
+    }, g = (t, a) => {
+      switch (t.type) {
+        case "rangenumber":
+          return t.field ? o.static ? `${t.field}.value.${a}` : `${t.field}.${a}` : o.static ? `${t.fields[a]}.value` : t.fields[a];
+        case "multiselect":
+        case "dropdown":
+        case "calendar":
+        case "category":
+        case "group":
+          return o.static ? `${t.field}.value` : `${t.field}`;
+      }
+    };
+    return Q(() => o.fields, V), (t, a) => z((h(), k("form", b({
+      ref_key: "container",
+      ref: d
+    }, t.$preset.filtercontainer.root, {
+      style: `grid-template-columns: repeat(${t.fieldsPerRow}, 1fr)`,
+      onSubmit: a[0] || (a[0] = X(
+        //@ts-ignore
+        (...e) => w(E) && w(E)(...e),
+        ["prevent"]
+      )),
+      "data-wv-name": "filtercontainer"
+    }), [
+      (h(!0), k(B, null, Z(w(A), (e) => (h(), k(B, {
+        key: JSON.stringify(e) + O.value
+      }, [
+        e.type == "rangenumber" ? (h(), _(ce, b({
+          key: 0,
+          ref_for: !0
+        }, e, {
+          mandatory: !1,
+          "max-field-name": g(e, 1),
+          "min-field-name": g(e, 0),
+          "show-optional-text": !1,
+          "use-validator": ""
+        }), null, 16, ["max-field-name", "min-field-name"])) : e.type == "multiselect" ? (h(), _(ue, b({
+          key: 1,
+          ref_for: !0
+        }, e, {
+          "field-name": g(e),
+          loading: c.value[e.optionField ?? e.field],
+          mandatory: !1,
+          options: f.value[e.optionField ?? e.field],
+          "show-optional-text": !1,
+          onShow: (m) => P(
+            e.fetchOptionFn,
+            e.optionField ?? e.field,
+            e.params
+          ),
+          "option-label": "label",
+          "option-value": "value",
+          "use-validator": ""
+        }), null, 16, ["field-name", "loading", "options", "onShow"])) : e.type == "dropdown" ? (h(), _(ie, b({
+          key: 2,
+          ref_for: !0
+        }, e, {
+          "field-name": g(e),
+          loading: c.value[e.field],
+          mandatory: !1,
+          options: f.value[e.optionField ?? e.field],
+          "show-optional-text": !1,
+          onShow: (m) => P(
+            e.fetchOptionFn,
+            e.optionField ?? e.field,
+            e.params
+          ),
+          "option-label": "label",
+          "option-value": "value",
+          "use-validator": ""
+        }), null, 16, ["field-name", "loading", "options", "onShow"])) : e.type === "calendar" ? (h(), _(se, b({
+          key: 3,
+          ref_for: !0
+        }, e, {
+          "field-name": g(e),
+          mandatory: !1,
+          "show-optional-text": !1,
+          "selection-mode": "range",
+          "use-validator": ""
+        }), null, 16, ["field-name"])) : ee(t.$slots, "field", {
+          key: 4,
+          field: e,
+          fieldName: g(e)
+        })
+      ], 64))), 128)),
+      Y("div", fe, [
+        M(R, {
+          label: w(l).clearFieldText,
+          onClick: j,
+          "data-wv-section": "clearbutton",
+          text: ""
+        }, null, 8, ["label"]),
+        M(R, {
+          label: w(l).applyText,
+          onClick: w(E),
+          "data-wv-section": "applybutton",
+          severity: "success"
+        }, null, 8, ["label", "onClick"])
+      ])
+    ], 16)), [
+      [te, T.value]
+    ]);
+  }
+}), Ne = /* @__PURE__ */ x({
+  __name: "FilterContainer",
+  setup(n) {
+    return (u, o) => (h(), _(de, b({
+      fields: u.$attrs.fields
+    }, u.$attrs), {
+      field: ae(({ field: s, fieldName: l }) => [
+        M(oe, b(s, {
+          "field-data-key": s.fieldDataKey ?? "key",
+          "field-label": s.label,
+          "field-name": l,
+          label: s.buttonLabel,
+          mandatory: !1,
+          params: s.params,
+          "show-optional-text": !1,
+          "use-validator": ""
+        }), null, 16, ["field-data-key", "field-label", "field-name", "label", "params"])
+      ]),
+      _: 1
+    }, 16, ["fields"]));
+  }
+});
+export {
+  Ne as default
+};

package/filtercontainer/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}