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

package/components/dialogselecttree/DialogSelectTree-BA8xEqco.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 v, 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 "../animation/Animation-COWVilAA.es.js";
+import { _ as j } from "../button/Button-D-MSv_AS.es.js";
+import { _ as R } from "../dialog/Dialog-Dy93f91f.es.js";
+import { _ as X } from "../tree/Tree-DnaIZZ8S.es.js";
+import { _ as Z } from "../treesearchinput/TreeSearchInput-B1PmhE7k.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"), f = 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: [
+            ...v(f).root({ state: {} }).class,
+            "!w-[400px]",
+            { "!hidden": e.hidden }
+          ]
+        },
+        header: {
+          class: "relative"
+        },
+        icons: {
+          class: "absolute top-0 right-0"
+        },
+        content: {
+          class: [
+            ...v(f).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([...v(f).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" ? v(Q)(i, e.listLabel) : i), 1))), 128))
+                ])) : S("", !0),
+                e.subHeader ? (d(), k("h4", {
+                  key: 1,
+                  class: V([...v(f).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 _
+};

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

@@ -0,0 +1 @@
+System.register(["vue","../animation/Animation-6756VN9N.system.js","../button/Button-Okx1_kOu.system.js","../dialog/Dialog-WEl66uTI.system.js","../tree/Tree-BoVGYw5N.system.js","../treesearchinput/TreeSearchInput-C-hXPV61.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,z,I,Y;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._},l=>{z=l._},l=>{I=l._},l=>{Y=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("_",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(q,{expose:le,emit:te}){const a=q,J=te,u=V(q,"visible"),D=H("preset",{}).dialog,p=o(),m=o(""),g=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||(g.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=>g.value=""),"data-wv-name":"dialogselecttree"},K({header:v(()=>{var s;return[B(e.$slots,"header",{dialogHeader:R.value,filter:m.value,isLoading:!!((s=p.value)!=null&&s.isLoading),listLabel:e.listLabel,lists:e.lists,subHeader:e.subHeader,updateFilter:n=>m.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(I,{key:2,modelValue:m.value,"onUpdate:modelValue":t[0]||(t[0]=d=>m.value=d),class:"w-full"},null,8,["modelValue"]))])]})]}),default:v(()=>[h(z,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=>g.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:m.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(Y,{key:0,format:!1,message:g.value},null,8,["message"])),[[G,!!g.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-BZTSktHZ.system.js

@@ -0,0 +1 @@
+System.register(["vue","@tagsamurai/fats-api-services","../image/Image-DX6uB7Ns.system.js","../button/Button-Okx1_kOu.system.js","../buttonfilter/ButtonFilter-C4WRvUrj.system.js","../buttonsearch/ButtonSearch-e57pD5r3.system.js","../datatable/DataTable--mHUKNUr.system.js","../dialog/Dialog-WEl66uTI.system.js","../dialogselectuserfilter/DialogSelectUserFilter-DEl4zFaX.system.js"],function(I,M){"use strict";var a,k,S,w,x,c,b,n,u,v,o,B,C,g,F,D,y,N,h,T,U,j,$,V;return{setters:[e=>{a=e.ref,k=e.defineComponent,S=e.computed,w=e.watch,x=e.createBlock,c=e.openBlock,b=e.withCtx,n=e.createElementVNode,u=e.createElementBlock,v=e.createCommentVNode,o=e.createVNode,B=e.Fragment,C=e.renderList,g=e.toDisplayString,F=e.unref,D=e.renderSlot},e=>{y=e.getImageURL},e=>{N=e._},e=>{h=e._},e=>{T=e._},e=>{U=e._},e=>{j=e.D},e=>{$=e._},e=>{V=e._}],execute:function(){const e=()=>a([{field:"profilePictureSmall",header:"Photo",sortable:!0,bodyComponent(t){return{component:N,props:{thumbnail:y(t.profilePictureSmall),preview:y(t.profilePictureBig),size:"small"}}}},{field:"fullName",header:"Name",sortable:!0,bodyTemplate(t){return(t==null?void 0:t.fullName)??(t==null?void 0:t.name)}},{field:"employeeId",header:"Empolyee ID",sortable:!0,bodyTemplate(t){return(t==null?void 0:t.employeeId)??"-"}},{field:"email",header:"Email",sortable:!0,bodyTemplate(t){return(t==null?void 0:t.email)??"-"}},{field:"phoneNumber",header:"Phone",sortable:!0,bodyTemplate(t){return(t==null?void 0:t.phoneNumber)??"-"}},{field:"position",header:"Position",sortable:!0,bodyTemplate(t){return(t==null?void 0:t.position)??"-"}},{field:"division",header:"Division",sortable:!0,bodyTemplate(t){return(t==null?void 0:t.division)??"-"}}]),L={class:"flex flex-col gap-2"},P={key:0,class:"overflow-auto max-h-20 list-inside list-disc h-auto ml-2"},O={class:"flex justify-between items-center gap-1","data-ts-section":"dialog-asset-name-detail-action-group"},R={class:""},z={class:"flex justify-end items-center gap-1"},W={class:"flex flex-col justify-end gap-1"},Y={key:0,class:"text-danger-500 text-[12px] font-light","data-ts-section":"warning-message"},Q=I("_",k({__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(t,{emit:q}){const s=t,p=q,_=S(()=>s.visible),d=a(!1),E=a(),f=a([]),m=a(),A=e(),G=()=>{!f.value.length&&!m.value?d.value=!0:(s.selectionType==="checkbox"?p("selected",f.value):p("selected",m.value),p("update:visible",!1))},H=()=>{f.value=[],m.value=void 0,d.value=!1},J=async r=>{if(s.fetchFunction)return await s.fetchFunction(r)};return w(_,async r=>{H(),r&&s.fetchOptionFunction&&(E.value=await s.fetchOptionFunction())},{immediate:!0}),(r,l)=>(c(),x($,{visible:_.value,"onUpdate:visible":[l[3]||(l[3]=i=>_.value=i),l[4]||(l[4]=i=>p("update:visible",!!i))],draggable:!1,header:s.header,class:"w-[800px]",closable:"","data-ts-name":"dialog-asset-name-detail",modal:""},{footer:b(()=>[D(r.$slots,"footer",{},()=>[n("div",W,[d.value?(c(),u("span",Y," You must pick a user ")):v("",!0),n("div",null,[o(h,{onClick:l[2]||(l[2]=i=>r.$emit("update:visible",!1)),label:"Cancel",severity:"dark",text:""}),o(h,{label:s.selectButtonLabel,onClick:G,"data-ts-section":"select-button",severity:"success"},null,8,["label"])])])])]),default:b(()=>[n("div",L,[s.list&&s.list.length?(c(),u("ul",P,[(c(!0),u(B,null,C(s.list,(i,K)=>(c(),u("li",{key:K},g(i),1))),128))])):v("",!0),n("div",O,[n("div",R,g(r.description),1),n("div",z,[o(U,{"table-name":"dialog-select-user-table"}),o(T,{"table-name":"dialog-select-user-table"})])]),o(V,{"filter-options":E.value,"table-name":"dialog-select-user-table"},null,8,["filter-options"]),o(j,{"selected-data":f.value,"onUpdate:selectedData":l[0]||(l[0]=i=>f.value=i),columns:F(A),"fetch-function":J,rows:10,"selection-type":s.selectionType,"use-option":!1,onRowSelect:l[1]||(l[1]=i=>{d.value=!1,m.value=m.value?void 0:i.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/DialogSelectUser-Bu5TDAPt.es.js

@@ -0,0 +1,186 @@
+import { ref as c, defineComponent as U, computed as $, watch as C, createBlock as N, openBlock as u, withCtx as v, createElementVNode as i, createElementBlock as f, createCommentVNode as h, createVNode as n, Fragment as B, renderList as D, toDisplayString as y, unref as P, renderSlot as E } from "vue";
+import { getImageURL as _ } from "@tagsamurai/fats-api-services";
+import { _ as I } from "../image/Image-BZ31CL-y.es.js";
+import { _ as g } from "../button/Button-D-MSv_AS.es.js";
+import { _ as L } from "../buttonfilter/ButtonFilter-BIE-jM2i.es.js";
+import { _ as O } from "../buttonsearch/ButtonSearch-Clbafqts.es.js";
+import { D as j } from "../datatable/DataTable-J1j-OKsW.es.js";
+import { _ as V } from "../dialog/Dialog-Dy93f91f.es.js";
+import { _ as z } from "../dialogselectuserfilter/DialogSelectUserFilter-Dz5OxAU-.es.js";
+const R = () => c([
+  {
+    field: "profilePictureSmall",
+    header: "Photo",
+    sortable: !0,
+    bodyComponent(e) {
+      return {
+        component: I,
+        props: {
+          thumbnail: _(e.profilePictureSmall),
+          preview: _(e.profilePictureBig),
+          size: "small"
+        }
+      };
+    }
+  },
+  {
+    field: "fullName",
+    header: "Name",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.fullName) ?? (e == null ? void 0 : e.name);
+    }
+  },
+  {
+    field: "employeeId",
+    header: "Empolyee ID",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.employeeId) ?? "-";
+    }
+  },
+  {
+    field: "email",
+    header: "Email",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.email) ?? "-";
+    }
+  },
+  {
+    field: "phoneNumber",
+    header: "Phone",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.phoneNumber) ?? "-";
+    }
+  },
+  {
+    field: "position",
+    header: "Position",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.position) ?? "-";
+    }
+  },
+  {
+    field: "division",
+    header: "Division",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.division) ?? "-";
+    }
+  }
+]), 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" }, J = {
+  key: 0,
+  class: "text-danger-500 text-[12px] font-light",
+  "data-ts-section": "warning-message"
+}, oe = /* @__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(e, { emit: x }) {
+    const t = e, m = x, d = $(() => t.visible), p = c(!1), b = c(), r = c([]), a = c(), k = R(), w = () => {
+      !r.value.length && !a.value ? p.value = !0 : (t.selectionType === "checkbox" ? m("selected", r.value) : m("selected", a.value), m("update:visible", !1));
+    }, S = () => {
+      r.value = [], a.value = void 0, p.value = !1;
+    }, T = async (o) => {
+      if (t.fetchFunction)
+        return await t.fetchFunction(o);
+    };
+    return C(
+      d,
+      async (o) => {
+        S(), o && t.fetchOptionFunction && (b.value = await t.fetchOptionFunction());
+      },
+      { immediate: !0 }
+    ), (o, l) => (u(), N(V, {
+      visible: d.value,
+      "onUpdate:visible": [
+        l[3] || (l[3] = (s) => d.value = s),
+        l[4] || (l[4] = (s) => m("update:visible", !!s))
+      ],
+      draggable: !1,
+      header: t.header,
+      class: "w-[800px]",
+      closable: "",
+      "data-ts-name": "dialog-asset-name-detail",
+      modal: ""
+    }, {
+      footer: v(() => [
+        E(o.$slots, "footer", {}, () => [
+          i("div", H, [
+            p.value ? (u(), f("span", J, " You must pick a user ")) : h("", !0),
+            i("div", null, [
+              n(g, {
+                onClick: l[2] || (l[2] = (s) => o.$emit("update:visible", !1)),
+                label: "Cancel",
+                severity: "dark",
+                text: ""
+              }),
+              n(g, {
+                label: t.selectButtonLabel,
+                onClick: w,
+                "data-ts-section": "select-button",
+                severity: "success"
+              }, null, 8, ["label"])
+            ])
+          ])
+        ])
+      ]),
+      default: v(() => [
+        i("div", W, [
+          t.list && t.list.length ? (u(), f("ul", Y, [
+            (u(!0), f(B, null, D(t.list, (s, F) => (u(), f("li", { key: F }, y(s), 1))), 128))
+          ])) : h("", !0),
+          i("div", q, [
+            i("div", A, y(o.description), 1),
+            i("div", G, [
+              n(O, { "table-name": "dialog-select-user-table" }),
+              n(L, { "table-name": "dialog-select-user-table" })
+            ])
+          ]),
+          n(z, {
+            "filter-options": b.value,
+            "table-name": "dialog-select-user-table"
+          }, null, 8, ["filter-options"]),
+          n(j, {
+            "selected-data": r.value,
+            "onUpdate:selectedData": l[0] || (l[0] = (s) => r.value = s),
+            columns: P(k),
+            "fetch-function": T,
+            rows: 10,
+            "selection-type": t.selectionType,
+            "use-option": !1,
+            onRowSelect: l[1] || (l[1] = (s) => {
+              p.value = !1, a.value = a.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 {
+  oe as _
+};

package/components/dialogselectuserfilter/DialogSelectUserFilter-DEl4zFaX.system.js

@@ -0,0 +1 @@
+System.register(["vue","../filtercontainer/FilterContainer-DUeVLHgZ.system.js"],function(r,f){"use strict";var i,n,o,l,s;return{setters:[e=>{i=e.defineComponent,n=e.computed,o=e.createBlock,l=e.openBlock},e=>{s=e._}],execute:function(){const e=r("_",i({__name:"DialogSelectUserFilter",props:{tableName:{},filterOptions:{}},setup(p){const c=p,a=n(()=>[{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,u)=>(l(),o(s,{fields:a.value,"table-name":t.tableName},null,8,["fields","table-name"]))}}))}}});

package/components/dialogselectuserfilter/DialogSelectUserFilter-Dz5OxAU-.es.js

@@ -0,0 +1,40 @@
+import { defineComponent as l, computed as n, createBlock as s, openBlock as p } from "vue";
+import { _ as a } from "../filtercontainer/FilterContainer-CuMaq5Sv.es.js";
+const m = /* @__PURE__ */ l({
+  __name: "DialogSelectUserFilter",
+  props: {
+    tableName: {},
+    filterOptions: {}
+  },
+  setup(t) {
+    const i = t, o = n(() => [
+      {
+        type: "multiselect",
+        field: "position",
+        label: "Position",
+        placeholder: "Select position",
+        fetchOptionFn: () => {
+          var e;
+          return (e = i.filterOptions) == null ? void 0 : e.positionOptions;
+        }
+      },
+      {
+        type: "multiselect",
+        field: "division",
+        label: "Division",
+        placeholder: "Select division",
+        fetchOptionFn: () => {
+          var e;
+          return (e = i.filterOptions) == null ? void 0 : e.divisionOptions;
+        }
+      }
+    ]);
+    return (e, r) => (p(), s(a, {
+      fields: o.value,
+      "table-name": e.tableName
+    }, null, 8, ["fields", "table-name"]));
+  }
+});
+export {
+  m as _
+};