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

package/components/username/UserName-CWs83BX6.es.js

@@ -0,0 +1,130 @@
+import { defineComponent as _, computed as B, shallowRef as y, ref as A, createElementBlock as n, openBlock as r, mergeProps as l, createBlock as f, createCommentVNode as S, createVNode as V, withModifiers as F, unref as u, toDisplayString as p, withCtx as H, createElementVNode as w, normalizeProps as I, createTextVNode as O, Fragment as M } from "vue";
+import { b as h } from "../../vendor/primevue-CadmDhWp.es.js";
+import { navigateToUrl as R } from "single-spa";
+import { u as q, m as G, g as x } from "../animation/Animation-COWVilAA.es.js";
+import { a as J } from "../badge/Badge-DA-XiE1C.es.js";
+import { _ as K } from "../icon/Icon-mDqG7urn.es.js";
+import { _ as j } from "../image/Image-BZ31CL-y.es.js";
+import { _ as L } from "../overlaypanel/OverlayPanel-DXNek7Yb.es.js";
+const Q = { key: 0 }, oe = /* @__PURE__ */ _({
+  __name: "UserName",
+  props: {
+    user: {},
+    fetchDetailOnPanelShow: { type: Boolean, default: !0 },
+    detailUserPath: {},
+    type: {},
+    showUserName: { type: Boolean, default: !0 },
+    userNameField: {},
+    profilePictureField: {},
+    getUserDetail: {}
+  },
+  setup(T) {
+    const o = T, { locale: z, defaultProps: E } = q("UserName"), m = B(() => G(o, E)), d = y(!1), t = y(), g = y(!1), c = A(), k = B(
+      () => x(
+        o.user ?? {},
+        m.value.userNameField
+      )
+    ), W = async () => {
+      var e, a, i;
+      if (!t.value && o.fetchDetailOnPanelShow)
+        try {
+          d.value = !0;
+          const s = await ((i = (a = m.value).getUserDetail) == null ? void 0 : i.call(a, (e = o.user) == null ? void 0 : e._id));
+          t.value = s;
+        } catch (s) {
+          console.error(s);
+        } finally {
+          d.value = !1;
+        }
+      else o.fetchDetailOnPanelShow || (t.value = o.user);
+    };
+    return (e, a) => Object.keys(o.user ?? {}).length < 2 ? (r(), n("span", Q, " - ")) : (r(), n("span", l({
+      key: 1,
+      onClick: a[4] || (a[4] = //@ts-ignore
+      (...i) => {
+        var s, v;
+        return ((s = c.value) == null ? void 0 : s.toggle) && ((v = c.value) == null ? void 0 : v.toggle(...i));
+      })
+    }, e.$preset.username.root, {
+      "data-wv-name": "username",
+      "data-wv-section": "root"
+    }), [
+      m.value.type == "picture" ? (r(), f(j, {
+        key: 0,
+        preview: k.value !== void 0,
+        src: u(x)(
+          o.user ?? {},
+          m.value.profilePictureField
+        ),
+        onClick: a[0] || (a[0] = F((i) => {
+          var s;
+          k.value || (s = c.value) == null || s.toggle(i);
+        }, ["stop"])),
+        rounded: "",
+        size: "small"
+      }, null, 8, ["preview", "src"])) : (r(), f(K, {
+        key: 1,
+        class: "text-general-300 text-base",
+        icon: "user"
+      })),
+      e.showUserName ? (r(), n("span", l({ key: 2 }, e.$preset.username.displayname({ props: o }), { "data-wv-section": "displayname" }), p(u(J)(k.value)), 17)) : S("", !0),
+      V(L, {
+        ref_key: "miniProfile",
+        ref: c,
+        dismissable: !g.value,
+        onShow: W
+      }, {
+        default: H(() => {
+          var i, s, v, P, N, $, U, b;
+          return [
+            w("div", l(e.$preset.username.panel.contentwrapper, { "data-wv-section": "contentwrapper" }), [
+              w("div", l(e.$preset.username.panel.background, { "data-wv-section": "background" }), null, 16),
+              V(j, {
+                src: ((i = t.value) == null ? void 0 : i.profilePicture) ?? ((s = t.value) == null ? void 0 : s.profilePictureBig),
+                width: 60,
+                onHide: a[1] || (a[1] = (D) => g.value = !1),
+                onShow: a[2] || (a[2] = (D) => g.value = !0),
+                class: "w-[60px] h-[60px]",
+                rounded: ""
+              }, null, 8, ["src"]),
+              d.value ? (r(), f(u(h), {
+                key: 1,
+                height: "29px",
+                width: "100px"
+              })) : (r(), n("div", I(l({ key: 0 }, e.$preset.username.panel.detailwrapper)), [
+                w("h4", l(e.$preset.username.panel.username, { "data-wv-section": "username" }), [
+                  O(p((v = t.value) == null ? void 0 : v.fullName) + " ", 1),
+                  (P = t.value) != null && P.nickName ? (r(), n(M, { key: 0 }, [
+                    O(" (" + p((N = t.value) == null ? void 0 : N.nickName) + ") ", 1)
+                  ], 64)) : S("", !0)
+                ], 16),
+                w("span", l(e.$preset.username.panel.useremail, { "data-wv-section": "useremail" }), p(($ = t.value) == null ? void 0 : $.email), 17)
+              ], 16)),
+              d.value ? (r(), f(u(h), {
+                key: 3,
+                height: "12px",
+                width: "60px"
+              })) : (r(), n("span", l({ key: 2 }, e.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), p((U = t.value) == null ? void 0 : U.division) + " / " + p((b = t.value) == null ? void 0 : b.position), 17)),
+              d.value ? (r(), f(u(h), {
+                key: 5,
+                width: "75px"
+              })) : (r(), n("a", l({
+                key: 4,
+                onClick: a[3] || (a[3] = F((D) => {
+                  var C;
+                  return u(R)(
+                    m.value.detailUserPath.replace("{userId}", (C = o.user) == null ? void 0 : C._id)
+                  );
+                }, ["stop"]))
+              }, e.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), p(u(z).detailUserAnchorText), 17))
+            ], 16)
+          ];
+        }),
+        _: 1
+      }, 8, ["dismissable"])
+    ], 16));
+  }
+});
+export {
+  oe as _
+};

package/components/userwithicon/UserWithIcon-CFjQcbAS.system.js

@@ -0,0 +1 @@
+System.register(["vue","../username/UserName-CCyPAYG6.system.js"],function(c,u){"use strict";var n,r,s,t;return{setters:[e=>{n=e.defineComponent,r=e.createBlock,s=e.openBlock},e=>{t=e._}],execute:function(){const e=c("_",n({__name:"UserWithIcon",props:{user:{}},setup(a){return(o,i)=>(s(),r(t,{user:o.user,type:"icon","user-name-field":"fullName"},null,8,["user"]))}}))}}});

package/components/userwithicon/UserWithIcon-Dn3aNKdq.es.js

@@ -0,0 +1,18 @@
+import { defineComponent as r, createBlock as o, openBlock as n } from "vue";
+import { _ as s } from "../username/UserName-CWs83BX6.es.js";
+const m = /* @__PURE__ */ r({
+  __name: "UserWithIcon",
+  props: {
+    user: {}
+  },
+  setup(p) {
+    return (e, t) => (n(), o(s, {
+      user: e.user,
+      type: "icon",
+      "user-name-field": "fullName"
+    }, null, 8, ["user"]));
+  }
+});
+export {
+  m as _
+};

package/components/validatormessage/ValidatorMessage-BtKfBXzO.es.js

@@ -0,0 +1,19 @@
+import { defineComponent as o, inject as t, withDirectives as a, createElementBlock as n, openBlock as m, mergeProps as p, unref as i, toDisplayString as l, vShow as c } from "vue";
+const u = /* @__PURE__ */ o({
+  __name: "ValidatorMessage",
+  props: {
+    message: {}
+  },
+  setup(g) {
+    const r = t("preset", {}).validatormessage;
+    return (e, _) => {
+      var s;
+      return a((m(), n("small", p((s = i(r)) == null ? void 0 : s.root, { role: "alert" }), l(e.message), 17)), [
+        [c, e.message]
+      ]);
+    };
+  }
+});
+export {
+  u as _
+};

package/components/validatormessage/ValidatorMessage-VVfyqlRF.system.js

@@ -0,0 +1 @@
+System.register(["vue"],function(l,v){"use strict";var t,r,s,n,i,o,a,c,p;return{setters:[e=>{t=e.defineComponent,r=e.inject,s=e.withDirectives,n=e.createElementBlock,i=e.openBlock,o=e.mergeProps,a=e.unref,c=e.toDisplayString,p=e.vShow}],execute:function(){const e=l("_",t({__name:"ValidatorMessage",props:{message:{}},setup(_){const m=r("preset",{}).validatormessage;return(g,h)=>{var f;return s((i(),n("small",o((f=a(m))==null?void 0:f.root,{role:"alert"}),c(g.message),17)),[[p,g.message]])}}}))}}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.0-alpha.40",
+  "version": "1.0.0-alpha.42",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",