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

package/languageswitcher/index.es.js

@@ -0,0 +1,88 @@
+import { defineComponent as h, onMounted as v, shallowRef as i, watch as w, createBlock as u, openBlock as c, unref as _, withCtx as s, createVNode as g, createCommentVNode as y } from "vue";
+import { u as L } from "../plugins/basei18n.es.js";
+import { s as x } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import C from "../icon/index.es.js";
+import { _ as p } from "../languagedropdownoption/LanguageDropdownOption.es.js";
+const b = /* @__PURE__ */ h({
+  __name: "LanguageSwitcher",
+  setup(S) {
+    v(async () => {
+      n.value = await f();
+    });
+    const { service: r, setLocale: m } = L(), n = i(), o = i([]), l = i(!1), f = async () => {
+      const a = localStorage.getItem("lang") || navigator.language.split("-")[0];
+      if (!o.value.length)
+        try {
+          const e = await r.getLanguageOptionMeta(a);
+          if (e.isoCode)
+            return o.value[0] = e, e;
+        } catch (e) {
+          console.error(
+            "Ups! Something error while fetching Language Option Meta.",
+            e
+          );
+        }
+      return o.value.find((e) => e.isoCode === a) || o.value[0];
+    }, d = async () => {
+      if (!(!r || o.value.length > 1))
+        try {
+          l.value = !0;
+          const a = await r.getLanguageOptions();
+          o.value = a;
+        } catch (a) {
+          console.error(
+            "Ups! Something error while fetching language options.",
+            a
+          );
+        } finally {
+          l.value = !1;
+        }
+    };
+    return w(n, (a) => {
+      m(a.isoCode);
+    }), (a, e) => (c(), u(_(x), {
+      modelValue: n.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
+      "filter-fields": ["language", "name"],
+      loading: l.value,
+      options: o.value,
+      pt: {
+        root: {
+          class: "flex items-center gap-1 gap-1"
+        },
+        input: {
+          class: "p-0 outline-none"
+        },
+        trigger: {
+          class: "w-max hover:bg-primary-50 rounded-full"
+        }
+      },
+      onShow: d,
+      class: "w-max",
+      "data-key": "language",
+      filter: "",
+      "filter-placeholder": "Search language"
+    }, {
+      dropdownicon: s(() => [
+        g(C, {
+          class: "w-4 h-4 rotate-180 text-general-800 transition-transform",
+          icon: "arrow-up-s"
+        })
+      ]),
+      value: s(({ value: t }) => [
+        t ? (c(), u(p, {
+          key: 0,
+          option: t,
+          "icon-only": ""
+        }, null, 8, ["option"])) : y("", !0)
+      ]),
+      option: s(({ option: t }) => [
+        g(p, { option: t }, null, 8, ["option"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "loading", "options"]));
+  }
+});
+export {
+  b as default
+};

package/languageswitcher/package.json

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

package/{components/litedropdown/LiteDropdown.vue.d.ts → litedropdown/index.d.ts}

@@ -1,4 +1,4 @@
-import { Option, OptionValue } from '../../components/dropdown/Dropdown.vue.d';
+import { Option, OptionValue } from '../dropdown';
 
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 

package/litedropdown/index.es.js

@@ -0,0 +1,102 @@
+import { defineComponent as w, mergeModels as u, inject as g, useModel as y, shallowRef as V, createBlock as h, openBlock as b, withCtx as l, createVNode as n, unref as f, mergeProps as v, createSlots as B, normalizeClass as x, renderSlot as $ } from "vue";
+import { s as S } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { _ as C } from "../fieldwrapper/FieldWrapper.es.js";
+import s from "../icon/index.es.js";
+const M = /* @__PURE__ */ w({
+  __name: "LiteDropdown",
+  props: /* @__PURE__ */ u({
+    modelValue: { type: [String, Number, Boolean, Object] },
+    options: {},
+    optionLabel: {},
+    optionValue: {},
+    mandatory: { type: Boolean },
+    placeholder: { default: "Pilih data" },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    filter: { type: Boolean, default: !0 },
+    filterPlaceholder: { default: "Cari" }
+  }, {
+    modelValue: { type: [String, Number, Boolean, Object], required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ u(["update:modelValue", "show", "change"], ["update:modelValue"]),
+  setup(d) {
+    const c = g("preset", {}).dropdown, i = y(d, "modelValue"), t = d, r = V(!1);
+    return (a, o) => (b(), h(C, {
+      mandatory: t.mandatory
+    }, {
+      default: l(() => [
+        n(f(S), v(t, {
+          modelValue: i.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (e) => i.value = e),
+          placeholder: t.loading ? "Loading..." : t.placeholder,
+          pt: {
+            root: ({ state: e, props: p }) => {
+              var m;
+              return {
+                class: [
+                  ...(m = f(c)) == null ? void 0 : m.root({ state: e, props: p }).class,
+                  "text-base",
+                  {
+                    "cursor-pointer": !p.disabled
+                  }
+                ],
+                "data-wv-name": "litedropdown"
+              };
+            },
+            input: ({ props: e }) => ({
+              class: [
+                "!font-semibold",
+                {
+                  "!text-general-200": e.modelValue == null,
+                  "!text-grayscale-900": e.modelValue != null
+                }
+              ]
+            })
+          },
+          onChange: o[1] || (o[1] = (e) => a.$emit("change", e)),
+          onHide: o[2] || (o[2] = (e) => r.value = !1),
+          onShow: o[3] || (o[3] = () => {
+            a.$emit("show"), r.value = !0;
+          }),
+          class: "!w-fit"
+        }), B({
+          dropdownicon: l(() => [
+            n(s, {
+              class: x([
+                "!w-6 !h-6 !transition-transform !text-general-500",
+                { "rotate-180": r.value }
+              ]),
+              icon: "arrow-drop-down"
+            }, null, 8, ["class"])
+          ]),
+          loadingicon: l(() => [
+            n(s, {
+              class: "text-xs animate-spin duration-200",
+              icon: "spinner"
+            })
+          ]),
+          filtericon: l(() => [
+            n(s, {
+              class: "text-xs w-6 h-6",
+              icon: "search-line"
+            })
+          ]),
+          _: 2
+        }, [
+          a.$slots.option ? {
+            name: "option",
+            fn: l(({ option: e }) => [
+              $(a.$slots, "option", { option: e })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder", "pt"])
+      ]),
+      _: 3
+    }, 8, ["mandatory"]));
+  }
+});
+export {
+  M as default
+};

package/litedropdown/package.json

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

package/loading/index.es.js

@@ -0,0 +1,24 @@
+import { defineComponent as r, createBlock as i, createCommentVNode as m, unref as o, openBlock as d, Teleport as s, createElementVNode as l, mergeProps as a, createVNode as p, createTextVNode as c, toDisplayString as g } from "vue";
+import { u } from "../assetinfo/AssetInfo.es.js";
+import { _ } from "../animation/Animation.es.js";
+const k = /* @__PURE__ */ r({
+  __name: "Loading",
+  setup(f) {
+    const { loading: t, message: n } = u();
+    return (e, v) => o(t) ? (d(), i(s, {
+      key: 0,
+      to: "body"
+    }, [
+      l("div", a(e.$preset.loading.root, {
+        "data-wv-name": "loading-overlay",
+        "data-wv-section": "overlay"
+      }), [
+        p(_, a({ animation: "loading-page" }, e.$preset.loading.animation), null, 16),
+        c(" " + g(o(n)), 1)
+      ], 16)
+    ])) : m("", !0);
+  }
+});
+export {
+  k as default
+};

package/loading/package.json

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

package/loading/store/index.es.js

@@ -0,0 +1,5 @@
+import "vue";
+import { u as a } from "../../assetinfo/AssetInfo.es.js";
+export {
+  a as default
+};

package/loading/store/package.json

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

package/mentionlist/MentionList.es.js

@@ -0,0 +1,58 @@
+import { defineComponent as g, shallowRef as v, watch as y, createElementBlock as l, openBlock as s, Fragment as k, renderList as w, normalizeClass as x, createVNode as b, createElementVNode as a, toDisplayString as u } from "vue";
+import C from "../username/index.es.js";
+const N = { class: "bg-white border border-gray-200 rounded-lg shadow-md flex flex-col max-h-72 overflow-y-scroll w-fit gap-1 p-2 relative" }, D = ["onClick"], E = { class: "flex flex-col gap-[1px]" }, H = { class: "!text-[10px] !font-light" }, P = {
+  key: 1,
+  class: "text-xs font-semibold"
+}, I = /* @__PURE__ */ g({
+  __name: "MentionList",
+  props: {
+    items: {},
+    command: { type: Function }
+  },
+  setup(d, { expose: m }) {
+    const o = d, t = v(0), p = (e) => e.key === "ArrowUp" ? (f(), !0) : e.key === "ArrowDown" ? (h(), !0) : e.key === "Enter" ? (_(), !0) : !1, f = () => {
+      t.value = (t.value + o.items.length - 1) % o.items.length;
+    }, h = () => {
+      t.value = (t.value + 1) % o.items.length;
+    }, _ = () => {
+      c(t.value);
+    }, c = (e) => {
+      const r = o.items[e];
+      r && o.command({
+        id: r.id,
+        label: r.label
+      });
+    };
+    return m({
+      onKeyDown: p
+    }), y(
+      () => o.items,
+      () => {
+        t.value = 0;
+      }
+    ), (e, r) => (s(), l("div", N, [
+      e.items.length ? (s(!0), l(k, { key: 0 }, w(e.items, (n, i) => (s(), l("div", {
+        key: i,
+        class: x({
+          "hover:bg-gray-100 flex": !0,
+          "!bg-gray-100 ": i === t.value
+        }),
+        onClick: (A) => c(i)
+      }, [
+        b(C, {
+          user: {
+            profilePicture: n.profilePicture
+          },
+          "profile-picture-field": "profilePicture"
+        }, null, 8, ["user"]),
+        a("div", E, [
+          a("p", null, u(n.label), 1),
+          a("p", H, u(n.nickName), 1)
+        ])
+      ], 10, D))), 128)) : (s(), l("div", P, "No result"))
+    ]));
+  }
+});
+export {
+  I as _
+};

package/mentionsection/MentionSection.es.js

@@ -0,0 +1,52 @@
+import { defineComponent as m, onMounted as x, shallowRef as b, ref as i, watch as d, createBlock as v, openBlock as p, unref as f, withCtx as y, createElementVNode as a, createElementBlock as _, createCommentVNode as g, createTextVNode as T, toDisplayString as u, normalizeClass as w } from "vue";
+import { n as V, N as k } from "../vendor/@tiptap/vue-3/dist/index.es.js";
+const N = { class: "flex flex-col gap-1 border-primary-400 border-[2px] rounded-md relative my-4" }, B = { class: "!font-semibold !text-sm absolute -top-[10px] ml-2 bg-white border-primary-400 border-[2px] px-4 rounded-md" }, C = {
+  key: 0,
+  class: "absolute top-[45%] px-4 text-gray-400"
+}, E = ["contenteditable"], P = /* @__PURE__ */ m({
+  __name: "MentionSection",
+  props: V,
+  setup(c) {
+    const o = c;
+    x(() => {
+      r.value = o.editor.isEditable;
+    });
+    const l = i(o.node.attrs.title), s = i(o.node.attrs.bodyText), r = b(!0);
+    return d(l, () => {
+      o.updateAttributes({ title: l.value });
+    }), d(s, () => {
+      o.updateAttributes({ bodyText: s.value });
+    }), (h, e) => (p(), v(f(k), null, {
+      default: y(() => [
+        a("div", N, [
+          a("p", B, [
+            e[3] || (e[3] = a("span", { class: "text-xs" }, "#", -1)),
+            T(u(l.value), 1)
+          ]),
+          r.value ? (p(), _("span", C, " Tuliskan sebuah pesan ")) : g("", !0),
+          a("span", {
+            class: w([
+              "p-4 pt-6 caret-primary-500 focus:caret-primary-500 relative "
+            ]),
+            contenteditable: o.editor.isEditable,
+            onBlur: e[0] || (e[0] = (n) => {
+              const t = n.target.innerText;
+              s.value = t, r.value = t === "" || t === `
+`;
+            }),
+            onFocus: e[1] || (e[1] = (n) => r.value = !1),
+            onKeyup: e[2] || (e[2] = (n) => {
+              const t = n.target.innerText;
+              console.log(t), r.value = t === "" || t === `
+`;
+            })
+          }, u(s.value), 41, E)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  P as _
+};

package/menu/index.es.js

@@ -0,0 +1,73 @@
+import { defineComponent as _, ref as w, createBlock as B, openBlock as g, unref as n, mergeProps as x, createSlots as M, withCtx as p, createVNode as $, renderSlot as k } from "vue";
+import s from "../event-bus/index.es.js";
+import { u as I } from "../plugins/WangsVue.es.js";
+import { f as C } from "../buttonbulkaction/ButtonBulkAction.es.js";
+import { s as L } from "../vendor/primevue/menu/menu.esm.es.js";
+import { _ as S } from "../menuitem/MenuItem.es.js";
+const N = /* @__PURE__ */ _({
+  __name: "Menu",
+  props: {
+    model: { default: () => [] },
+    popup: { type: Boolean, default: !0 },
+    appendTo: {},
+    autoZIndex: { type: Boolean },
+    baseZIndex: {},
+    exact: { type: Boolean },
+    tabindex: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  emits: ["focus", "blur"],
+  setup(V, { expose: u, emit: i }) {
+    const a = i, { locale: m } = I("Menu"), l = +/* @__PURE__ */ new Date(), t = w(), f = (e) => {
+      var o;
+      (o = t.value) == null || o.toggle(e);
+    }, d = (e) => {
+      var o;
+      (o = t.value) == null || o.show(e);
+    }, r = (e) => {
+      var o;
+      t.value && e.overlayId !== l && ((o = t.value) == null || o.hide());
+    }, c = (e) => {
+      a("blur", e), setTimeout(() => {
+        s.off("overlay:show", r);
+      }, 1e3);
+    }, y = (e) => {
+      s.on("overlay:show", r), s.emit("overlay:show", { overlayId: l }), a("focus", e);
+    };
+    return u({
+      toggle: f,
+      show: d,
+      hide: r
+    }), (e, o) => (g(), B(n(L), x(e.$props, {
+      ref_key: "menu",
+      ref: t,
+      model: n(C)(e.$props.model, n(m).noOptionLabel),
+      onBlur: c,
+      onFocus: y
+    }), M({
+      item: p(({ item: v, props: h, index: b }) => [
+        $(S, {
+          index: b,
+          item: v,
+          "router-props": h
+        }, null, 8, ["index", "item", "router-props"])
+      ]),
+      _: 2
+    }, [
+      e.$slots.start ? {
+        name: "start",
+        fn: p(() => [
+          k(e.$slots, "start")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["model"]));
+  }
+});
+export {
+  N as default
+};

package/menu/package.json

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

package/menuitem/MenuItem.es.js

@@ -0,0 +1,65 @@
+import { defineComponent as E, resolveComponent as M, createBlock as i, createElementBlock as b, openBlock as r, withCtx as N, createElementVNode as n, mergeProps as t, createCommentVNode as a, normalizeProps as h, guardReactiveProps as C, toDisplayString as s, withModifiers as V } from "vue";
+import l from "../icon/index.es.js";
+const $ = ["href", "onClick"], z = ["href", "target"], R = /* @__PURE__ */ E({
+  __name: "MenuItem",
+  props: {
+    item: {},
+    routerProps: {}
+  },
+  setup(_) {
+    const e = _;
+    return (o, m) => {
+      var p, c, u, d, k, P;
+      const v = M("router-link");
+      return e.item.route ? (r(), i(v, {
+        key: 0,
+        to: e.item.route,
+        custom: ""
+      }, {
+        default: N(({ href: B, navigate: w }) => {
+          var f, g, y;
+          return [
+            n("a", t({ href: B }, (f = o.routerProps) == null ? void 0 : f.action, { onClick: w }), [
+              e.item.icon ? (r(), i(l, t({ key: 0 }, (g = o.routerProps) == null ? void 0 : g.icon, {
+                icon: e.item.icon
+              }), null, 16, ["icon"])) : a("", !0),
+              n("span", h(C((y = o.routerProps) == null ? void 0 : y.label)), s(e.item.label), 17)
+            ], 16, $)
+          ];
+        }),
+        _: 1
+      }, 8, ["to"])) : e.item.url ? (r(), b("a", t({
+        key: 1,
+        href: e.item.url,
+        target: e.item.target
+      }, (p = o.routerProps) == null ? void 0 : p.action, {
+        onClick: m[0] || (m[0] = V(() => {
+        }, ["stop"]))
+      }), [
+        e.item.icon ? (r(), i(l, t({ key: 0 }, (c = o.routerProps) == null ? void 0 : c.icon, {
+          icon: e.item.icon
+        }), null, 16, ["icon"])) : a("", !0),
+        n("span", h(C((u = o.routerProps) == null ? void 0 : u.label)), s(e.item.label), 17)
+      ], 16, z)) : (r(), b("a", t({ key: 2 }, (d = o.routerProps) == null ? void 0 : d.action, {
+        "aria-hidden": "true",
+        "data-pc-section": "action",
+        tabindex: "-1"
+      }), [
+        e.item.icon ? (r(), i(l, t({
+          key: 0,
+          icon: e.item.icon,
+          severity: e.item.danger ? "danger" : void 0
+        }, (k = o.routerProps) == null ? void 0 : k.icon), null, 16, ["icon", "severity"])) : a("", !0),
+        n("span", t(
+          (P = o.$preset.menu) == null ? void 0 : P.label({
+            props: { danger: e.item.danger }
+          }),
+          { "data-pc-section": "label" }
+        ), s(e.item.label), 17)
+      ], 16));
+    };
+  }
+});
+export {
+  R as _
+};

package/{components/menuitem → menuitem}/index.d.ts

@@ -1,4 +1,4 @@
-import { WangsIcons } from '../icon/Icon.vue.d';
+import { WangsIcons } from '../icon';
 
 /**
  *

package/multirow/MultiRow.es.js

@@ -0,0 +1,52 @@
+import { defineComponent as C, inject as f, createElementBlock as n, openBlock as o, normalizeProps as k, guardReactiveProps as v, unref as m, Fragment as t, renderList as _, mergeProps as a, createBlock as V, resolveDynamicComponent as b, toHandlers as g, withModifiers as w, createTextVNode as P, toDisplayString as x } from "vue";
+const D = /* @__PURE__ */ C({
+  __name: "MultiRow",
+  props: {
+    attributes: {}
+  },
+  setup(c) {
+    const i = c, s = f("preset", {}).datatable;
+    return (y, l) => {
+      var r;
+      return o(), n("div", k(v((r = m(s)) == null ? void 0 : r.multirowcontainer({ props: i }))), [
+        (o(!0), n(t, null, _(y.attributes, (e, d) => {
+          var p;
+          return o(), n("span", a(
+            {
+              key: d,
+              ref_for: !0
+            },
+            (p = m(s)) == null ? void 0 : p.multirow({
+              context: {
+                firstIndex: d === 0
+              }
+            }),
+            {
+              class: e.class
+            }
+          ), [
+            e.bodyComponent ? (o(), V(b(e.bodyComponent.component), a({
+              key: 0,
+              modelValue: e.bodyComponent.model,
+              "onUpdate:modelValue": (u) => e.bodyComponent.model = u,
+              ref_for: !0
+            }, e.bodyComponent.props, {
+              class: e.class,
+              disabled: e.bodyComponent.disabled
+            }, g(
+              e.bodyComponent.events ? e.bodyComponent.events : {}
+            ), {
+              onClick: l[0] || (l[0] = w(() => {
+              }, ["stop"]))
+            }), null, 16, ["modelValue", "onUpdate:modelValue", "class", "disabled"])) : (o(), n(t, { key: 1 }, [
+              P(x(e.value), 1)
+            ], 64))
+          ], 16);
+        }), 128))
+      ], 16);
+    };
+  }
+});
+export {
+  D as _
+};

package/{components/multiselect/MultiSelect.vue.d.ts → multiselect/index.d.ts}

@@ -1,10 +1,6 @@
-import {
-  DropdownLocaleConfig,
-  Option,
-  OptionValue,
-} from '../../components/dropdown/Dropdown.vue.d';
+import { DropdownLocaleConfig, Option, OptionValue } from '../dropdown';
 
-import { CustomValidation } from '../form/Form.vue.d';
+import { CustomValidation } from '../form';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type MultiSelectLocaleConfig = DropdownLocaleConfig & {};