@fewangsit/wangsvue-fats 1.0.0-alpha.41 → 1.0.0-alpha.43

package/components/dialogform/DialogForm-tAbix3iC.es.js

@@ -0,0 +1,222 @@
+import { defineComponent as se, useSlots as ie, inject as G, ref as D, shallowRef as P, computed as re, createBlock as m, openBlock as n, unref as t, mergeProps as i, withCtx as J, createElementVNode as k, normalizeProps as p, guardReactiveProps as $, createElementBlock as Q, createCommentVNode as d, createVNode as X, renderSlot as S, toDisplayString as ne, withDirectives as ue, vShow as de } from "vue";
+import { s as me } from "../../vendor/primevue-DkBtKf1Y.es.js";
+import { B as C, C as be } from "../../async-components/index-C8nb7p3T.es.js";
+import { u as ce } from "../../plugins/WangsVue-Dl5OiLXF.es.js";
+import ve from "../form/Form-DhWBpdkq.es.js";
+import fe from "../icon/Icon-C4kXVcEX.es.js";
+import { _ as pe } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+const $e = /* @__PURE__ */ se({
+  __name: "DialogForm",
+  props: {
+    buttonsTemplate: {},
+    header: {},
+    visible: { type: Boolean },
+    asideRightWidth: { default: 260 },
+    class: {},
+    cancelBtnLabel: {},
+    clearBtnLabel: {},
+    closable: { type: Boolean, default: !0 },
+    closeOnSubmit: { type: Boolean, default: !0 },
+    contentClass: {},
+    dateHeader: {},
+    headerIcon: {},
+    invalid: { type: Boolean },
+    resetAfterSubmit: { type: Boolean, default: !0 },
+    severity: {},
+    showStayCheckbox: { type: Boolean, default: void 0 },
+    stayCheckboxLabel: {},
+    submitBtnLabel: {},
+    validatorMessage: {},
+    validationFunction: {},
+    width: { default: "small" },
+    disableSubmit: { type: Boolean },
+    columnPerRow: { default: 1 },
+    hideFooter: { type: Boolean },
+    hideStayCheckbox: { type: Boolean },
+    saveBtnLabel: {},
+    validateOnSave: { type: Boolean },
+    cancelBtnSeverity: {},
+    saveBtnSeverity: {},
+    submitBtnSeverity: {}
+  },
+  emits: ["clear", "close", "hide", "show", "submit", "update:visible"],
+  setup(Y, { expose: Z, emit: x }) {
+    const o = Y, r = x, L = ie(), { locale: b } = ce("DialogForm"), _ = G("preset", {}).dialog, l = G("preset", {}).dialogform, s = D(), ee = D(), te = P(0), V = P(!1), c = P(!1), w = D({
+      stayAfterSubmit: !1,
+      formValues: {}
+    }), ae = re(() => {
+      const e = L["aside-right"] && c.value ? o.asideRightWidth : 0;
+      return `calc(${{
+        small: 400,
+        medium: 500,
+        large: 572,
+        "semi-xlarge": 600,
+        xlarge: 800
+      }[o.width]}px + ${e}px)`;
+    }), le = () => {
+      r("update:visible", !1), r("close");
+    }, W = () => {
+      s.value && !o.invalid && !o.validatorMessage && (s.value.onSubmitClicked(), s.value.submit());
+    }, F = () => {
+      s.value && s.value.clearField(), r("clear");
+    }, oe = async (e) => {
+      o.validationFunction && await o.validationFunction(e.formValues), !o.invalid && !o.validatorMessage && (w.value = e, L.confirm ? V.value = !0 : A());
+    }, A = async (e) => {
+      const { stayAfterSubmit: a } = w.value;
+      if (!a && o.closeOnSubmit && r("update:visible", !1), L.confirm)
+        try {
+          await (e == null ? void 0 : e(w.value));
+        } catch (v) {
+          console.error(v);
+        }
+      else
+        r("submit", w.value);
+      o.resetAfterSubmit && F();
+    };
+    return Z({
+      form: s,
+      clearField: F,
+      setValues: (e) => {
+        var a;
+        (a = s.value) == null || a.setValues(e);
+      },
+      setFieldValue: (e, a, v) => {
+        var y;
+        (y = s.value) == null || y.setFieldValue(e, a, v);
+      },
+      setErrors: (e) => {
+        var a;
+        (a = s.value) == null || a.setErrors(e);
+      }
+    }), (e, a) => {
+      var v, y, T, E;
+      return n(), m(t(me), i({
+        ref_key: "dialogForm",
+        ref: ee
+      }, (v = t(l)) == null ? void 0 : v.root, {
+        class: o.class,
+        closable: e.closable,
+        draggable: !1,
+        header: e.header,
+        pt: {
+          root: {
+            class: [
+              ...(y = t(_)) == null ? void 0 : y.root({ state: {} }).class,
+              ...(T = t(l)) == null ? void 0 : T.root.class
+            ],
+            style: (E = t(l)) == null ? void 0 : E.root.style(ae.value)
+          }
+        },
+        visible: e.visible,
+        onHide: a[3] || (a[3] = (f) => r("hide")),
+        onShow: a[4] || (a[4] = (f) => r("show")),
+        "onUpdate:visible": a[5] || (a[5] = (f) => r("update:visible", !!f)),
+        modal: ""
+      }), {
+        container: J(() => {
+          var f, M, I, H, N, O, U, j, z, K;
+          return [
+            k("div", p($((f = t(l)) == null ? void 0 : f.container(c.value))), [
+              k("section", i((M = t(l)) == null ? void 0 : M.mainsection, { id: "main" }), [
+                k("div", p($((I = t(l)) == null ? void 0 : I.header)), [
+                  S(e.$slots, "header", {}, () => {
+                    var u, h, g, B;
+                    return [
+                      e.headerIcon ? (n(), m(fe, i({ key: 0 }, (u = t(l)) == null ? void 0 : u.headericon, {
+                        icon: e.headerIcon,
+                        severity: e.severity,
+                        "aria-label": "Header Icon"
+                      }), null, 16, ["icon", "severity"])) : d("", !0),
+                      k("h3", p($((h = t(l)) == null ? void 0 : h.headertitle)), ne(e.header), 17),
+                      e.$slots["aside-right"] ? (n(), m(t(C), i({ key: 1 }, (g = t(l)) == null ? void 0 : g.expandasidebutton, {
+                        label: c.value ? t(b).asideRightExpandedButtonLabel : t(b).asideRightCollapsedButtonLabel,
+                        onClick: a[0] || (a[0] = (R) => c.value = !c.value),
+                        text: ""
+                      }), null, 16, ["label"])) : d("", !0),
+                      e.closable ? (n(), m(t(C), i({
+                        key: 2,
+                        onClick: le
+                      }, (B = t(l)) == null ? void 0 : B.closedialog, {
+                        icon: "close",
+                        "icon-class": "w-[22px] h-[22px]",
+                        rounded: "",
+                        severity: "secondary",
+                        text: ""
+                      }), null, 16)) : d("", !0)
+                    ];
+                  })
+                ], 16),
+                X(ve, i((H = t(l)) == null ? void 0 : H.form, {
+                  ref_key: "form",
+                  ref: s,
+                  "buttons-template": e.buttonsTemplate,
+                  "column-per-row": e.columnPerRow,
+                  "reset-after-submit": e.resetAfterSubmit,
+                  onSubmit: oe,
+                  "hide-footer": ""
+                }), {
+                  fields: J(({ formValues: u }) => [
+                    S(e.$slots, "fields", {
+                      key: te.value,
+                      formValues: u
+                    })
+                  ]),
+                  _: 3
+                }, 16, ["buttons-template", "column-per-row", "reset-after-submit"]),
+                S(e.$slots, "confirm", {
+                  hide: () => V.value = !1,
+                  submit: A,
+                  visible: V.value
+                }),
+                k("div", p($((N = t(l)) == null ? void 0 : N.footer)), [
+                  e.showStayCheckbox ? (n(), m(t(be), i({ key: 0 }, (O = t(l)) == null ? void 0 : O.staycheckbox, {
+                    label: e.stayCheckboxLabel ?? t(b).stayCheckboxLabel,
+                    "model-value": (U = s.value) == null ? void 0 : U.stayAfterSubmit,
+                    "onUpdate:modelValue": a[1] || (a[1] = (u) => s.value && (s.value.stayAfterSubmit = u))
+                  }), null, 16, ["label", "model-value"])) : d("", !0),
+                  ue(X(pe, i((j = t(l)) == null ? void 0 : j.validatormessage, {
+                    format: !1,
+                    message: e.validatorMessage
+                  }), null, 16, ["message"]), [
+                    [de, e.invalid && e.validatorMessage]
+                  ]),
+                  o.buttonsTemplate.length ? (n(), Q("div", p(i({ key: 1 }, (z = t(l)) == null ? void 0 : z.footerbutton)), [
+                    S(e.$slots, "actionButtons", { submit: W }, () => {
+                      var u, h, g, B, R, q;
+                      return [
+                        (u = o.buttonsTemplate) != null && u.includes("cancel") ? (n(), m(t(C), i({ key: 0 }, (h = t(l)) == null ? void 0 : h.cancelbtn, {
+                          label: e.cancelBtnLabel ?? t(b).cancelBtnLabel,
+                          onClick: a[2] || (a[2] = (ye) => (r("close"), r("update:visible", !1))),
+                          severity: "dark",
+                          text: ""
+                        }), null, 16, ["label"])) : d("", !0),
+                        (g = o.buttonsTemplate) != null && g.includes("clear") ? (n(), m(t(C), i({ key: 1 }, (B = t(l)) == null ? void 0 : B.clearfield, {
+                          label: e.clearBtnLabel ?? t(b).clearBtnLabel,
+                          onClick: F,
+                          class: "whitespace-nowrap",
+                          text: ""
+                        }), null, 16, ["label"])) : d("", !0),
+                        (R = o.buttonsTemplate) != null && R.includes("submit") ? (n(), m(t(C), i({ key: 2 }, (q = t(l)) == null ? void 0 : q.savesubmitbutton, {
+                          label: e.submitBtnLabel ?? t(b).submitBtnLabel,
+                          severity: o.severity === "primary" ? void 0 : o.severity ?? "success",
+                          onClick: W
+                        }), null, 16, ["label", "severity"])) : d("", !0)
+                      ];
+                    })
+                  ], 16)) : d("", !0)
+                ], 16)
+              ], 16),
+              e.$slots["aside-right"] ? (n(), Q("aside", p(i({ key: 0 }, (K = t(l)) == null ? void 0 : K.asidesection(c.value, e.asideRightWidth))), [
+                S(e.$slots, "aside-right")
+              ], 16)) : d("", !0)
+            ], 16)
+          ];
+        }),
+        _: 3
+      }, 16, ["class", "closable", "header", "pt", "visible"]);
+    };
+  }
+});
+export {
+  $e as default
+};

package/components/dialogselecttree/DialogSelectTree-BrVtt3iG.es.js

@@ -0,0 +1,268 @@
+import { defineComponent as P, mergeModels as T, useModel as U, inject as F, ref as o, computed as W, watch as b, createBlock as N, openBlock as d, unref as f, createSlots as O, withCtx as g, createVNode as w, mergeProps as z, renderSlot as D, createElementVNode as K, createElementBlock as k, createCommentVNode as S, normalizeClass as V, toDisplayString as L, Fragment as I, renderList as Y, withDirectives as q, vShow as J } from "vue";
+import { g as Q } from "../../utils/object.util-6veM2gu5.es.js";
+import { _ as j } from "../button/Button-CgkhMnxo.es.js";
+import R from "../dialog/Dialog-BCcbXSya.es.js";
+import { _ as X } from "../tree/Tree-93NvdElH.es.js";
+import { _ as Z } from "../treesearchinput/TreeSearchInput-CNfoc3f6.es.js";
+import { _ } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+const ee = {
+  class: "flex flex-col gap-3 items-start w-full",
+  "data-wv-section": "header-wrapper"
+}, le = {
+  key: 0,
+  class: "list-inside w-full overflow-auto max-h-20",
+  "data-wv-section": "dialog-select-tree-lists"
+}, te = {
+  class: "flex gap-1 items-center justify-end",
+  "data-wv-section": "footer-button"
+}, ue = /* @__PURE__ */ P({
+  __name: "DialogSelectTree",
+  props: /* @__PURE__ */ T({
+    fetchTree: {},
+    params: {},
+    visible: { type: Boolean },
+    type: { default: "group" },
+    autoSelectAll: { type: Boolean },
+    header: {},
+    subHeader: { default: void 0 },
+    selectionMode: { default: "checkbox" },
+    allowEmptySelection: { type: Boolean, default: !0 },
+    keys: { default: void 0 },
+    lists: { default: void 0 },
+    listLabel: { default: void 0 },
+    disableNodeAll: { type: Boolean, default: !1 },
+    exactDisableKey: {},
+    disableKeys: {},
+    exactDisableKeys: {},
+    readonly: { type: Boolean },
+    showDisposableGroups: { type: Boolean },
+    flattenDisposableNode: { type: Boolean },
+    excludedKeys: {},
+    hidden: { type: Boolean },
+    propagateSelection: { type: Boolean },
+    selectedKeys: {},
+    selectedTreeNodes: {},
+    useOption: { type: Boolean },
+    listLabelsNoOption: {},
+    treeNodeMenus: {},
+    selectLastNode: { type: Boolean },
+    includeNodeAllKey: { type: Boolean },
+    selectDisposableOnly: { type: Boolean },
+    shouldEmitEventOnChange: { type: Boolean },
+    level: {},
+    value: {},
+    expandedKeys: {},
+    selectionKeys: {},
+    metaKeySelection: { type: Boolean },
+    loading: { type: Boolean },
+    loadingIcon: {},
+    loadingMode: {},
+    filterText: {},
+    filterBy: {},
+    filterMode: {},
+    filterPlaceholder: {},
+    filterLocale: {},
+    highlightOnSelect: { type: Boolean },
+    scrollHeight: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    disableNodeWhen: {},
+    exactDisableNodeWhen: {},
+    nodeSelectedWhen: {}
+  }, {
+    visible: { type: Boolean, default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["select", "hide"], ["update:visible"]),
+  setup($, { expose: x, emit: A }) {
+    const s = $, C = A, n = U($, "visible"), v = F("preset", {}).dialog, r = o(), p = o(""), y = o(""), m = o([]), c = o(), h = o(), E = o(!1), u = o(), B = o(), H = W(() => s.header ? s.header : s.type === "group" ? "Select Group" : "Select Category"), M = (e = !0) => {
+      c.value = u.value, h.value = B.value, Object.keys(c.value ?? {}).length ? (C("select", {
+        keys: c.value,
+        selectedNodes: m.value,
+        singleNode: h.value
+      }), n.value = !e) : s.allowEmptySelection ? (C("select", {
+        keys: [],
+        selectedNodes: void 0,
+        singleNode: void 0
+      }), n.value = !e) : s.allowEmptySelection || (y.value = "You must pick a " + s.type.toLowerCase());
+    };
+    return b(n, (e) => {
+      u.value = e ? c.value : void 0, B.value = e ? h.value : void 0, e && s.keys && !u.value && (u.value = s.keys);
+    }), b(
+      r,
+      (e) => {
+        e && s.showDisposableGroups && (e.showDisposableGroups = !0, E.value = !0);
+      },
+      { deep: !0 }
+    ), b(
+      m,
+      () => {
+        s.hidden && M(!1);
+      },
+      { once: !0 }
+    ), b(
+      () => s.keys,
+      () => {
+        c.value = s.keys;
+      }
+    ), x({ treeComponent: r }), (e, l) => (d(), N(R, {
+      visible: n.value,
+      "onUpdate:visible": l[7] || (l[7] = (t) => n.value = t),
+      modal: !e.hidden,
+      pt: {
+        root: {
+          class: [
+            ...f(v).root({ state: {} }).class,
+            "!w-[400px]",
+            { "!hidden": e.hidden }
+          ]
+        },
+        header: {
+          class: "relative"
+        },
+        icons: {
+          class: "absolute top-0 right-0"
+        },
+        content: {
+          class: [
+            ...f(v).content({ state: {}, instance: {} }).class,
+            "pr-1.5 focus-visible:outline-none"
+          ]
+        },
+        footer: {
+          class: [
+            {
+              "flex justify-end items-center gap-1": e.allowEmptySelection,
+              "flex justify-end items-end flex-col gap-1": !e.allowEmptySelection
+            }
+          ]
+        }
+      },
+      onHide: l[8] || (l[8] = (t) => e.$emit("hide")),
+      onShow: l[9] || (l[9] = (t) => y.value = ""),
+      "data-wv-name": "dialogselecttree"
+    }, O({
+      header: g(() => {
+        var t;
+        return [
+          D(e.$slots, "header", {
+            dialogHeader: H.value,
+            filter: p.value,
+            isLoading: !!((t = r.value) != null && t.isLoading),
+            listLabel: e.listLabel,
+            lists: e.lists,
+            subHeader: e.subHeader,
+            updateFilter: (a) => p.value = a
+          }, () => {
+            var a;
+            return [
+              K("div", ee, [
+                K("h3", {
+                  class: V([...f(v).title.class, "!leading-6"])
+                }, L(H.value), 3),
+                e.lists ? (d(), k("ul", le, [
+                  (d(!0), k(I, null, Y(e.lists, (i, G) => (d(), k("li", {
+                    key: G,
+                    class: "text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 list-disc ps-[6px]"
+                  }, L(e.listLabel && typeof i != "string" ? f(Q)(i, e.listLabel) : i), 1))), 128))
+                ])) : S("", !0),
+                e.subHeader ? (d(), k("h4", {
+                  key: 1,
+                  class: V([...f(v).title.class, "!leading-6 text-sm"])
+                }, L(e.subHeader), 3)) : S("", !0),
+                (a = r.value) != null && a.isLoading ? S("", !0) : (d(), N(Z, {
+                  key: 2,
+                  modelValue: p.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (i) => p.value = i),
+                  class: "w-full"
+                }, null, 8, ["modelValue"]))
+              ])
+            ];
+          })
+        ];
+      }),
+      default: g(() => [
+        w(X, z({
+          ref_key: "treeComponent",
+          ref: r
+        }, s, {
+          "selected-keys": u.value,
+          "onUpdate:selectedKeys": [
+            l[1] || (l[1] = (t) => u.value = t),
+            l[4] || (l[4] = (t) => y.value = "")
+          ],
+          "selected-tree-nodes": m.value,
+          "onUpdate:selectedTreeNodes": l[2] || (l[2] = (t) => m.value = t),
+          "auto-select-all": e.autoSelectAll,
+          "disable-keys": e.disableKeys,
+          "disable-node-all": e.disableNodeAll,
+          "exact-disable-key": e.exactDisableKey,
+          "exact-disable-keys": e.exactDisableKeys,
+          "excluded-keys": e.excludedKeys,
+          "fetch-tree": e.fetchTree,
+          filter: p.value,
+          "flatten-disposable-node": e.flattenDisposableNode,
+          params: e.params,
+          "propagate-selection": e.propagateSelection,
+          readonly: s.readonly,
+          "select-disposable-only": E.value,
+          "selection-mode": e.selectionMode,
+          type: s.type,
+          onNodeSelect: l[3] || (l[3] = (t) => B.value = t)
+        }), O({ _: 2 }, [
+          e.$slots.treenode ? {
+            name: "default",
+            fn: g(({ node: t, checked: a, disabled: i }) => [
+              D(e.$slots, "treenode", {
+                checked: a,
+                disabled: i,
+                node: t
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["selected-keys", "selected-tree-nodes", "auto-select-all", "disable-keys", "disable-node-all", "exact-disable-key", "exact-disable-keys", "excluded-keys", "fetch-tree", "filter", "flatten-disposable-node", "params", "propagate-selection", "readonly", "select-disposable-only", "selection-mode", "type"])
+      ]),
+      _: 2
+    }, [
+      s.readonly ? void 0 : {
+        name: "footer",
+        fn: g(() => [
+          D(e.$slots, "footer", {}, () => {
+            var t;
+            return [
+              e.allowEmptySelection ? S("", !0) : q((d(), N(_, {
+                key: 0,
+                format: !1,
+                message: y.value
+              }, null, 8, ["message"])), [
+                [J, !!y.value]
+              ]),
+              K("div", te, [
+                w(j, {
+                  onClick: l[5] || (l[5] = (a) => n.value = !1),
+                  label: "Cancel",
+                  severity: "secondary",
+                  text: ""
+                }),
+                w(j, {
+                  disabled: (t = r.value) == null ? void 0 : t.isLoading,
+                  onClick: l[6] || (l[6] = (a) => M(!0)),
+                  label: "Select",
+                  severity: "success"
+                }, null, 8, ["disabled"])
+              ])
+            ];
+          })
+        ]),
+        key: "0"
+      }
+    ]), 1032, ["visible", "modal", "pt"]));
+  }
+});
+export {
+  ue as default
+};

package/components/dialogselecttree/DialogSelectTree-CT7dKC5N.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../utils/object.util-uApor4uP.system.js","../button/Button-D892iaxz.system.js","../dialog/Dialog-Dv7Jzg4E.system.js","../tree/Tree-BTTVTAEH.system.js","../treesearchinput/TreeSearchInput-BG2TfunA.system.js","../validatormessage/ValidatorMessage-VVfyqlRF.system.js"],function(Z,ae){"use strict";var T,L,V,H,o,O,y,S,i,r,K,v,h,x,B,w,f,b,$,N,A,P,F,G,U,j,W,q,z,I;return{setters:[l=>{T=l.defineComponent,L=l.mergeModels,V=l.useModel,H=l.inject,o=l.ref,O=l.computed,y=l.watch,S=l.createBlock,i=l.openBlock,r=l.unref,K=l.createSlots,v=l.withCtx,h=l.createVNode,x=l.mergeProps,B=l.renderSlot,w=l.createElementVNode,f=l.createElementBlock,b=l.createCommentVNode,$=l.normalizeClass,N=l.toDisplayString,A=l.Fragment,P=l.renderList,F=l.withDirectives,G=l.vShow},l=>{U=l.g},l=>{j=l._},l=>{W=l.default},l=>{q=l._},l=>{z=l._},l=>{I=l._}],execute:function(){const l={class:"flex flex-col gap-3 items-start w-full","data-wv-section":"header-wrapper"},_={key:0,class:"list-inside w-full overflow-auto max-h-20","data-wv-section":"dialog-select-tree-lists"},ee={class:"flex gap-1 items-center justify-end","data-wv-section":"footer-button"},oe=Z("default",T({__name:"DialogSelectTree",props:L({fetchTree:{},params:{},visible:{type:Boolean},type:{default:"group"},autoSelectAll:{type:Boolean},header:{},subHeader:{default:void 0},selectionMode:{default:"checkbox"},allowEmptySelection:{type:Boolean,default:!0},keys:{default:void 0},lists:{default:void 0},listLabel:{default:void 0},disableNodeAll:{type:Boolean,default:!1},exactDisableKey:{},disableKeys:{},exactDisableKeys:{},readonly:{type:Boolean},showDisposableGroups:{type:Boolean},flattenDisposableNode:{type:Boolean},excludedKeys:{},hidden:{type:Boolean},propagateSelection:{type:Boolean},selectedKeys:{},selectedTreeNodes:{},useOption:{type:Boolean},listLabelsNoOption:{},treeNodeMenus:{},selectLastNode:{type:Boolean},includeNodeAllKey:{type:Boolean},selectDisposableOnly:{type:Boolean},shouldEmitEventOnChange:{type:Boolean},level:{},value:{},expandedKeys:{},selectionKeys:{},metaKeySelection:{type:Boolean},loading:{type:Boolean},loadingIcon:{},loadingMode:{},filterText:{},filterBy:{},filterMode:{},filterPlaceholder:{},filterLocale:{},highlightOnSelect:{type:Boolean},scrollHeight:{},ariaLabel:{},ariaLabelledby:{},pt:{},ptOptions:{},unstyled:{type:Boolean},disableNodeWhen:{},exactDisableNodeWhen:{},nodeSelectedWhen:{}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:L(["select","hide"],["update:visible"]),setup(Y,{expose:le,emit:te}){const a=Y,J=te,u=V(Y,"visible"),D=H("preset",{}).dialog,p=o(),g=o(""),m=o(""),C=o([]),k=o(),E=o(),Q=o(!1),c=o(),M=o(),R=O(()=>a.header?a.header:a.type==="group"?"Select Group":"Select Category"),X=(e=!0)=>{k.value=c.value,E.value=M.value,Object.keys(k.value??{}).length?(J("select",{keys:k.value,selectedNodes:C.value,singleNode:E.value}),u.value=!e):a.allowEmptySelection?(J("select",{keys:[],selectedNodes:void 0,singleNode:void 0}),u.value=!e):a.allowEmptySelection||(m.value="You must pick a "+a.type.toLowerCase())};return y(u,e=>{c.value=e?k.value:void 0,M.value=e?E.value:void 0,e&&a.keys&&!c.value&&(c.value=a.keys)}),y(p,e=>{e&&a.showDisposableGroups&&(e.showDisposableGroups=!0,Q.value=!0)},{deep:!0}),y(C,()=>{a.hidden&&X(!1)},{once:!0}),y(()=>a.keys,()=>{k.value=a.keys}),le({treeComponent:p}),(e,t)=>(i(),S(W,{visible:u.value,"onUpdate:visible":t[7]||(t[7]=s=>u.value=s),modal:!e.hidden,pt:{root:{class:[...r(D).root({state:{}}).class,"!w-[400px]",{"!hidden":e.hidden}]},header:{class:"relative"},icons:{class:"absolute top-0 right-0"},content:{class:[...r(D).content({state:{},instance:{}}).class,"pr-1.5 focus-visible:outline-none"]},footer:{class:[{"flex justify-end items-center gap-1":e.allowEmptySelection,"flex justify-end items-end flex-col gap-1":!e.allowEmptySelection}]}},onHide:t[8]||(t[8]=s=>e.$emit("hide")),onShow:t[9]||(t[9]=s=>m.value=""),"data-wv-name":"dialogselecttree"},K({header:v(()=>{var s;return[B(e.$slots,"header",{dialogHeader:R.value,filter:g.value,isLoading:!!((s=p.value)!=null&&s.isLoading),listLabel:e.listLabel,lists:e.lists,subHeader:e.subHeader,updateFilter:n=>g.value=n},()=>{var n;return[w("div",l,[w("h3",{class:$([...r(D).title.class,"!leading-6"])},N(R.value),3),e.lists?(i(),f("ul",_,[(i(!0),f(A,null,P(e.lists,(d,se)=>(i(),f("li",{key:se,class:"text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 list-disc ps-[6px]"},N(e.listLabel&&typeof d!="string"?r(U)(d,e.listLabel):d),1))),128))])):b("",!0),e.subHeader?(i(),f("h4",{key:1,class:$([...r(D).title.class,"!leading-6 text-sm"])},N(e.subHeader),3)):b("",!0),(n=p.value)!=null&&n.isLoading?b("",!0):(i(),S(z,{key:2,modelValue:g.value,"onUpdate:modelValue":t[0]||(t[0]=d=>g.value=d),class:"w-full"},null,8,["modelValue"]))])]})]}),default:v(()=>[h(q,x({ref_key:"treeComponent",ref:p},a,{"selected-keys":c.value,"onUpdate:selectedKeys":[t[1]||(t[1]=s=>c.value=s),t[4]||(t[4]=s=>m.value="")],"selected-tree-nodes":C.value,"onUpdate:selectedTreeNodes":t[2]||(t[2]=s=>C.value=s),"auto-select-all":e.autoSelectAll,"disable-keys":e.disableKeys,"disable-node-all":e.disableNodeAll,"exact-disable-key":e.exactDisableKey,"exact-disable-keys":e.exactDisableKeys,"excluded-keys":e.excludedKeys,"fetch-tree":e.fetchTree,filter:g.value,"flatten-disposable-node":e.flattenDisposableNode,params:e.params,"propagate-selection":e.propagateSelection,readonly:a.readonly,"select-disposable-only":Q.value,"selection-mode":e.selectionMode,type:a.type,onNodeSelect:t[3]||(t[3]=s=>M.value=s)}),K({_:2},[e.$slots.treenode?{name:"default",fn:v(({node:s,checked:n,disabled:d})=>[B(e.$slots,"treenode",{checked:n,disabled:d,node:s})]),key:"0"}:void 0]),1040,["selected-keys","selected-tree-nodes","auto-select-all","disable-keys","disable-node-all","exact-disable-key","exact-disable-keys","excluded-keys","fetch-tree","filter","flatten-disposable-node","params","propagate-selection","readonly","select-disposable-only","selection-mode","type"])]),_:2},[a.readonly?void 0:{name:"footer",fn:v(()=>[B(e.$slots,"footer",{},()=>{var s;return[e.allowEmptySelection?b("",!0):F((i(),S(I,{key:0,format:!1,message:m.value},null,8,["message"])),[[G,!!m.value]]),w("div",ee,[h(j,{onClick:t[5]||(t[5]=n=>u.value=!1),label:"Cancel",severity:"secondary",text:""}),h(j,{disabled:(s=p.value)==null?void 0:s.isLoading,onClick:t[6]||(t[6]=n=>X(!0)),label:"Select",severity:"success"},null,8,["disabled"])])]})]),key:"0"}]),1032,["visible","modal","pt"]))}}))}}});

package/components/dialogselectuser/DialogSelectUser-Bu7z7lUq.es.js

@@ -0,0 +1,121 @@
+import { defineComponent as U, computed as $, ref as d, watch as C, createBlock as B, openBlock as c, withCtx as v, createElementVNode as a, createElementBlock as f, createCommentVNode as b, createVNode as i, Fragment as D, renderList as O, toDisplayString as g, unref as T, renderSlot as j } from "vue";
+import { s as L } from "./options/columns-BKDHtwAp.es.js";
+import { _ } from "../button/Button-CgkhMnxo.es.js";
+import N from "../buttonfilter/ButtonFilter-B49leY-q.es.js";
+import V from "../buttonsearch/ButtonSearch-BjcXUDQZ.es.js";
+import { D as E } from "../datatable/DataTable-BH7Fk88O.es.js";
+import z from "../dialog/Dialog-BCcbXSya.es.js";
+import { _ as R } from "./DialogSelectUserFilter-BgBrQCz1.es.js";
+const W = { class: "flex flex-col gap-2" }, Y = {
+  key: 0,
+  class: "overflow-auto max-h-20 list-inside list-disc h-auto ml-2"
+}, q = {
+  class: "flex justify-between items-center gap-1",
+  "data-ts-section": "dialog-asset-name-detail-action-group"
+}, A = { class: "" }, G = { class: "flex justify-end items-center gap-1" }, H = { class: "flex flex-col justify-end gap-1" }, I = {
+  key: 0,
+  class: "text-danger-500 text-[12px] font-light",
+  "data-ts-section": "warning-message"
+}, te = /* @__PURE__ */ U({
+  __name: "DialogSelectUser",
+  props: {
+    header: { default: "Select User" },
+    description: { default: "Select user" },
+    selectionType: {},
+    visible: { type: Boolean },
+    list: {},
+    selectButtonLabel: { default: "Select" },
+    fetchFunction: {},
+    fetchOptionFunction: {}
+  },
+  emits: ["update:visible", "selected"],
+  setup(y, { emit: h }) {
+    const e = y, r = h, m = $(() => e.visible), u = d(!1), p = d(), o = d([]), n = d(), x = L(), k = () => {
+      !o.value.length && !n.value ? u.value = !0 : (e.selectionType === "checkbox" ? r("selected", o.value) : r("selected", n.value), r("update:visible", !1));
+    }, w = () => {
+      o.value = [], n.value = void 0, u.value = !1;
+    }, F = async (l) => {
+      if (e.fetchFunction)
+        return await e.fetchFunction(l);
+    };
+    return C(
+      m,
+      async (l) => {
+        w(), l && e.fetchOptionFunction && (p.value = await e.fetchOptionFunction());
+      },
+      { immediate: !0 }
+    ), (l, t) => (c(), B(z, {
+      visible: m.value,
+      "onUpdate:visible": [
+        t[3] || (t[3] = (s) => m.value = s),
+        t[4] || (t[4] = (s) => r("update:visible", !!s))
+      ],
+      draggable: !1,
+      header: e.header,
+      class: "w-[800px]",
+      closable: "",
+      "data-ts-name": "dialog-asset-name-detail",
+      modal: ""
+    }, {
+      footer: v(() => [
+        j(l.$slots, "footer", {}, () => [
+          a("div", H, [
+            u.value ? (c(), f("span", I, " You must pick a user ")) : b("", !0),
+            a("div", null, [
+              i(_, {
+                onClick: t[2] || (t[2] = (s) => l.$emit("update:visible", !1)),
+                label: "Cancel",
+                severity: "dark",
+                text: ""
+              }),
+              i(_, {
+                label: e.selectButtonLabel,
+                onClick: k,
+                "data-ts-section": "select-button",
+                severity: "success"
+              }, null, 8, ["label"])
+            ])
+          ])
+        ])
+      ]),
+      default: v(() => [
+        a("div", W, [
+          e.list && e.list.length ? (c(), f("ul", Y, [
+            (c(!0), f(D, null, O(e.list, (s, S) => (c(), f("li", { key: S }, g(s), 1))), 128))
+          ])) : b("", !0),
+          a("div", q, [
+            a("div", A, g(l.description), 1),
+            a("div", G, [
+              i(V, { "table-name": "dialog-select-user-table" }),
+              i(N, { "table-name": "dialog-select-user-table" })
+            ])
+          ]),
+          i(R, {
+            "filter-options": p.value,
+            "table-name": "dialog-select-user-table"
+          }, null, 8, ["filter-options"]),
+          i(E, {
+            "selected-data": o.value,
+            "onUpdate:selectedData": t[0] || (t[0] = (s) => o.value = s),
+            columns: T(x),
+            "fetch-function": F,
+            rows: 10,
+            "selection-type": e.selectionType,
+            "use-option": !1,
+            onRowSelect: t[1] || (t[1] = (s) => {
+              u.value = !1, n.value = n.value ? void 0 : s.data;
+            }),
+            "data-key": "_id",
+            lazy: "",
+            "table-name": "dialog-select-user-table",
+            "use-paginator": ""
+          }, null, 8, ["selected-data", "columns", "selection-type"])
+        ])
+      ]),
+      _: 3
+    }, 8, ["visible", "header"]));
+  }
+});
+export {
+  te as default
+};

package/components/dialogselectuser/DialogSelectUser-DXL_NMJj.system.js

@@ -0,0 +1 @@
+System.register(["vue","./options/columns-DLmJdDTR.system.js","../button/Button-D892iaxz.system.js","../buttonfilter/ButtonFilter-B1F4poKd.system.js","../buttonsearch/ButtonSearch-3hnarf3D.system.js","../datatable/DataTable-Cko2S6sM.system.js","../dialog/Dialog-Dv7Jzg4E.system.js","./DialogSelectUserFilter-BNbIynoa.system.js"],function(T,K){"use strict";var h,_,c,k,x,o,v,a,r,m,n,w,S,b,B,F,j,g,C,D,U,$,N;return{setters:[e=>{h=e.defineComponent,_=e.computed,c=e.ref,k=e.watch,x=e.createBlock,o=e.openBlock,v=e.withCtx,a=e.createElementVNode,r=e.createElementBlock,m=e.createCommentVNode,n=e.createVNode,w=e.Fragment,S=e.renderList,b=e.toDisplayString,B=e.unref,F=e.renderSlot},e=>{j=e.s},e=>{g=e._},e=>{C=e.default},e=>{D=e.default},e=>{U=e.D},e=>{$=e.default},e=>{N=e._}],execute:function(){const e={class:"flex flex-col gap-2"},E={key:0,class:"overflow-auto max-h-20 list-inside list-disc h-auto ml-2"},L={class:"flex justify-between items-center gap-1","data-ts-section":"dialog-asset-name-detail-action-group"},O={class:""},z={class:"flex justify-end items-center gap-1"},q={class:"flex flex-col justify-end gap-1"},A={key:0,class:"text-danger-500 text-[12px] font-light","data-ts-section":"warning-message"},M=T("default",h({__name:"DialogSelectUser",props:{header:{default:"Select User"},description:{default:"Select user"},selectionType:{},visible:{type:Boolean},list:{},selectButtonLabel:{default:"Select"},fetchFunction:{},fetchOptionFunction:{}},emits:["update:visible","selected"],setup(R,{emit:W}){const t=R,f=W,y=_(()=>t.visible),p=c(!1),V=c(),u=c([]),d=c(),Y=j(),G=()=>{!u.value.length&&!d.value?p.value=!0:(t.selectionType==="checkbox"?f("selected",u.value):f("selected",d.value),f("update:visible",!1))},H=()=>{u.value=[],d.value=void 0,p.value=!1},I=async i=>{if(t.fetchFunction)return await t.fetchFunction(i)};return k(y,async i=>{H(),i&&t.fetchOptionFunction&&(V.value=await t.fetchOptionFunction())},{immediate:!0}),(i,s)=>(o(),x($,{visible:y.value,"onUpdate:visible":[s[3]||(s[3]=l=>y.value=l),s[4]||(s[4]=l=>f("update:visible",!!l))],draggable:!1,header:t.header,class:"w-[800px]",closable:"","data-ts-name":"dialog-asset-name-detail",modal:""},{footer:v(()=>[F(i.$slots,"footer",{},()=>[a("div",q,[p.value?(o(),r("span",A," You must pick a user ")):m("",!0),a("div",null,[n(g,{onClick:s[2]||(s[2]=l=>i.$emit("update:visible",!1)),label:"Cancel",severity:"dark",text:""}),n(g,{label:t.selectButtonLabel,onClick:G,"data-ts-section":"select-button",severity:"success"},null,8,["label"])])])])]),default:v(()=>[a("div",e,[t.list&&t.list.length?(o(),r("ul",E,[(o(!0),r(w,null,S(t.list,(l,J)=>(o(),r("li",{key:J},b(l),1))),128))])):m("",!0),a("div",L,[a("div",O,b(i.description),1),a("div",z,[n(D,{"table-name":"dialog-select-user-table"}),n(C,{"table-name":"dialog-select-user-table"})])]),n(N,{"filter-options":V.value,"table-name":"dialog-select-user-table"},null,8,["filter-options"]),n(U,{"selected-data":u.value,"onUpdate:selectedData":s[0]||(s[0]=l=>u.value=l),columns:B(Y),"fetch-function":I,rows:10,"selection-type":t.selectionType,"use-option":!1,onRowSelect:s[1]||(s[1]=l=>{p.value=!1,d.value=d.value?void 0:l.data}),"data-key":"_id",lazy:"","table-name":"dialog-select-user-table","use-paginator":""},null,8,["selected-data","columns","selection-type"])])]),_:3},8,["visible","header"]))}}))}}});

package/components/dialogselectuser/DialogSelectUserFilter-BNbIynoa.system.js

@@ -0,0 +1 @@
+System.register(["../filtercontainer/FilterContainer-kkw3n3tu.system.js","vue"],function(n,f){"use strict";var i,o,l,r,s;return{setters:[e=>{i=e._},e=>{o=e.defineComponent,l=e.computed,r=e.createBlock,s=e.openBlock}],execute:function(){n("F",Object.freeze(Object.defineProperty({__proto__:null,default:i},Symbol.toStringTag,{value:"Module"})));const u=n("_",o({__name:"DialogSelectUserFilter",props:{tableName:{},filterOptions:{}},setup(a){const c=a,p=l(()=>[{type:"multiselect",field:"position",label:"Position",placeholder:"Select position",fetchOptionFn:()=>{var t;return(t=c.filterOptions)==null?void 0:t.positionOptions}},{type:"multiselect",field:"division",label:"Division",placeholder:"Select division",fetchOptionFn:()=>{var t;return(t=c.filterOptions)==null?void 0:t.divisionOptions}}]);return(t,d)=>(s(),r(i,{fields:p.value,"table-name":t.tableName},null,8,["fields","table-name"]))}}))}}});