@caipira/tamandua 0.0.29 → 0.0.31

package/dist/InputSelect.vue_vue_type_script_setup_true_lang-BlA3DIYZ.js

@@ -0,0 +1,232 @@
+import { defineComponent as le, ref as p, computed as I, onBeforeMount as te, watch as D, resolveComponent as w, openBlock as u, createBlock as C, normalizeClass as S, withCtx as x, createElementVNode as ae, withDirectives as oe, createElementBlock as c, vModelText as ne, createCommentVNode as R, createVNode as O, renderSlot as k, normalizeProps as g, mergeProps as z, Fragment as B, renderList as M, guardReactiveProps as K, toDisplayString as ue, createSlots as se, nextTick as ie } from "vue";
+import { a as re, E as pe } from "./ui-BC6H9E93.js";
+const ce = ["placeholder", "disabled", "readonly"], de = { key: 1 }, fe = {
+  key: 0,
+  class: "inline-flex w-full justify-between items-center"
+}, ve = {
+  key: 1,
+  class: "inline-flex items-center"
+}, be = /* @__PURE__ */ le({
+  name: "TInputSelect",
+  __name: "InputSelect",
+  props: {
+    size: { default: re.Default },
+    options: { default: () => [] },
+    mapper: { type: Function, default: (f) => ({ value: f.id ?? f.uuid, label: f }) },
+    filter: { type: Function, default: (f, T) => T.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
+    tooltip: { default: "" },
+    disabled: { type: Boolean },
+    resource: {},
+    multiple: { type: Boolean, default: !1 },
+    modelValue: {},
+    placeholder: { default: "" },
+    initialValue: {},
+    isSearchable: { type: Boolean, default: !1 },
+    dropdownPlacement: { default: pe.BOTTOM_START },
+    widthClass: { default: "w-full" },
+    borderClass: { default: "border input-border" },
+    roundnessClass: { default: "input-roundness" }
+  },
+  emits: ["update:model-value"],
+  setup(f, { emit: T }) {
+    const e = f;
+    let $ = !1, V, j = "";
+    const U = T, o = p([]), r = p(""), P = p(null), F = p(), s = p(!1), L = p(null), a = p([]), A = p(!1), d = p(null), v = I(() => a.value.length > 0), m = I(() => e.isSearchable && s.value), b = I(() => typeof e.resource == "function"), N = (l) => !e.multiple || !e.modelValue || !Array.isArray(e.modelValue) ? !1 : e.modelValue.includes(l.value), q = (l = e.modelValue) => !(l === void 0 || l === "" || Array.isArray(l) && l.length === 0), G = (l) => {
+      U("update:model-value", l);
+    }, y = (l = e.modelValue) => {
+      if (q(l))
+        if (e.multiple)
+          Array.isArray(l) && (a.value = l.map(
+            (t) => E(t)
+          ).filter((t) => t > -1));
+        else {
+          const t = E(l);
+          ~t && (a.value = [t]);
+        }
+    }, H = (l) => {
+      s.value = !s.value, s.value && m.value && ie(() => {
+        P.value?.focus();
+      });
+    }, E = (l) => o.value.findIndex(
+      (t) => t.value === l
+    ), _ = async (l = !1) => {
+      if (!e.resource)
+        return;
+      A.value = !0;
+      const t = {
+        t: r.value,
+        r: "option"
+      };
+      l && d.value && d.value.pages > d.value.page ? t.page = d.value.page + 1 : l = !1, !r.value && e.modelValue && (t.i = e.modelValue);
+      const i = await e.resource(t);
+      l ? o.value.push(...i.items.map(e.mapper)) : o.value = i.items.map(e.mapper), d.value = i.pagination, !b.value && r.value && y(r.value), A.value = !1;
+    }, J = () => {
+      !r.value || j === r.value || (V && (clearTimeout(V), V = null), V = setTimeout(() => {
+        j = r.value, b.value ? (s.value || (s.value = !0), _()) : e.isSearchable && (o.value = e.options.filter(
+          (l) => e.filter(r.value, l)
+        ));
+      }, 500));
+    }, Q = ({
+      index: l,
+      hold: t
+    }) => {
+      if ($ = !0, e.multiple) {
+        const i = a.value.findIndex(
+          (h) => h === l
+        );
+        ~i ? a.value.splice(i, 1) : a.value.push(l);
+      } else
+        a.value = [l];
+      (!e.multiple || !t) && (s.value = !1);
+    }, W = () => {
+      b.value && d.value && d.value.pages > d.value.page && _(!0);
+    }, X = async (l) => {
+      switch (l.key) {
+        case "ArrowDown":
+          L.value?.move(l);
+          break;
+        case "Escape":
+          s.value = !1;
+          break;
+      }
+    };
+    return te(async () => {
+      b.value ? (await _(), y()) : e.options.length > 0 && (o.value = e.options), !e.modelValue && e.initialValue ? y(e.initialValue) : y(e.modelValue);
+    }), D(
+      () => e.modelValue,
+      async (l) => {
+        l && (E(l) < 0 && b.value && await _(), y(l));
+      }
+    ), D(
+      a,
+      (l) => {
+        const t = e.multiple ? o.value.filter(
+          (i, h) => a.value.includes(h)
+        ).map((i) => i.value) : o.value[a.value[0]].value;
+        $ && ($ = !1, G(t));
+      },
+      { deep: !0 }
+    ), D(
+      () => e.options,
+      (l) => {
+        l.length > 0 && (o.value = l, e.modelValue && a.value.length === 0 && y(e.modelValue));
+      }
+    ), (l, t) => {
+      const i = w("t-tag"), h = w("t-button"), Y = w("t-icon"), Z = w("t-dropdown"), ee = w("t-popover");
+      return u(), C(ee, {
+        open: s.value,
+        "onUpdate:open": t[1] || (t[1] = (n) => s.value = n),
+        placement: e.dropdownPlacement,
+        class: S([e.widthClass]),
+        ref_key: "popoverRef",
+        ref: F
+      }, {
+        default: x(() => [
+          ae("div", {
+            class: S([{
+              "h-9": !e.multiple,
+              "h-full *:min-h-9": e.multiple,
+              [e.borderClass]: !0,
+              [e.roundnessClass]: !0
+            }, "flex justify-between items-center w-full max-w-96 input-text-color select-none input-bg-color"])
+          }, [
+            m.value ? oe((u(), c("input", {
+              key: 0,
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => r.value = n),
+              type: "text",
+              ref_key: "inputRef",
+              ref: P,
+              placeholder: e.placeholder,
+              disabled: e.disabled,
+              readonly: !e.isSearchable,
+              class: "w-full h-9 bg-transparent input-padding input-roundness input-outline",
+              onInput: J,
+              onKeydown: X
+            }, null, 40, ce)), [
+              [ne, r.value]
+            ]) : R("", !0),
+            O(h, {
+              variant: "transparent",
+              size: "",
+              class: S(["h-full", {
+                "w-full justify-end pr-2": !m.value && !v.value,
+                "w-full justify-between pr-2": !m.value && v.value,
+                "w-10 justify-center": m.value
+              }]),
+              "aria-describedby": F.value?.name,
+              icon: s.value === !0 ? "chevron-up" : "chevron-down",
+              onClick: H
+            }, {
+              default: x(() => [
+                v.value && !m.value ? (u(), c("div", {
+                  key: 0,
+                  class: S(["inline-flex items-center ml-2 max-w-[calc(100%-2.5rem)]", {
+                    "overflow-hidden whitespace-nowrap": !e.multiple,
+                    "flex-wrap gap-2 py-1": e.multiple
+                  }])
+                }, [
+                  l.$slots.selection && v.value ? k(l.$slots, "selection", g(z(
+                    { key: 0 },
+                    o.value[a.value[0]].label
+                  ))) : l.$slots.default && v.value ? (u(), c(B, { key: 1 }, [
+                    e.multiple ? (u(!0), c(B, { key: 0 }, M(a.value, (n) => k(l.$slots, "default", g(K(
+                      o.value[n].label
+                    )))), 256)) : k(l.$slots, "default", g(z(
+                      { key: 1 },
+                      o.value[a.value[0]].label
+                    )))
+                  ], 64)) : v.value ? (u(), c(B, { key: 2 }, [
+                    e.multiple ? (u(!0), c(B, { key: 0 }, M(a.value, (n) => (u(), C(i, {
+                      key: n,
+                      text: o.value[n].label,
+                      color: "#6e6e6e"
+                    }, null, 8, ["text"]))), 128)) : (u(), c("span", de, ue(o.value[a.value[0]]?.label), 1))
+                  ], 64)) : R("", !0)
+                ], 2)) : R("", !0)
+              ]),
+              _: 3
+            }, 8, ["aria-describedby", "class", "icon"])
+          ], 2)
+        ]),
+        content: x(() => [
+          O(Z, {
+            ref_key: "dropdownRef",
+            ref: L,
+            items: o.value,
+            "is-visible": s.value,
+            multiple: e.multiple,
+            loading: A.value,
+            onChange: Q,
+            onEndReached: W
+          }, se({ _: 2 }, [
+            l.$slots.default || e.multiple ? {
+              name: "default",
+              fn: x((n) => [
+                e.multiple ? (u(), c("div", fe, [
+                  l.$slots.default ? k(l.$slots, "default", g(z({ key: 0 }, n.label))) : (u(), C(i, {
+                    key: 1,
+                    text: n.label,
+                    class: "m-1"
+                  }, null, 8, ["text"])),
+                  N(n) ? (u(), C(Y, {
+                    key: 2,
+                    icon: "check",
+                    size: "sm",
+                    class: "float-right ml-2"
+                  })) : R("", !0)
+                ])) : (u(), c("div", ve, [
+                  k(l.$slots, "default", g(K(n.label)))
+                ]))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["items", "is-visible", "multiple", "loading"])
+        ]),
+        _: 3
+      }, 8, ["open", "placement", "class"]);
+    };
+  }
+});
+export {
+  be as _
+};

package/dist/Popconfirm.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Popconfirm.vue_vue_type_script_setup_true_lang-BNpLdXq7.js";
-import { p as m } from "./plugin-Bt6de9ZA.js";
+import { _ as p } from "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
+import { p as m } from "./plugin-Ee4Z5Rtp.js";
 export {
   p as Popconfirm,
   m as PopconfirmPlugin

package/dist/Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js

@@ -0,0 +1,62 @@
+import { defineComponent as C, ref as x, resolveComponent as l, openBlock as b, createBlock as g, withCtx as m, renderSlot as k, normalizeProps as y, guardReactiveProps as P, createElementVNode as t, createVNode as a, toDisplayString as w } from "vue";
+import { E as z } from "./ui-BC6H9E93.js";
+const $ = { class: "text-sm mb-6 inline-flex items-center" }, B = { class: "color-text" }, E = { class: "flex justify-end gap-2" }, O = /* @__PURE__ */ C({
+  name: "TPopconfirm",
+  __name: "Popconfirm",
+  props: {
+    message: { default: "" },
+    placement: { default: z.BOTTOM }
+  },
+  emits: ["confirm"],
+  setup(c, { emit: f }) {
+    const i = c, d = f, o = x(!1), u = (s) => {
+      d("confirm"), s(!1);
+    };
+    return (s, e) => {
+      const v = l("t-icon"), r = l("t-button"), _ = l("t-popover");
+      return b(), g(_, {
+        open: o.value,
+        "onUpdate:open": e[2] || (e[2] = (n) => o.value = n),
+        placement: i.placement,
+        "slot-wrapper-classes": "rounded"
+      }, {
+        default: m(({ onTogglePopover: n }) => [
+          k(s.$slots, "default", y(P({ onTogglePopover: n })))
+        ]),
+        content: m(({ onTogglePopover: n }) => [
+          t("div", {
+            class: "px-2 py-3 floatable rounded-sm",
+            onClick: e[1] || (e[1] = (p) => o.value = !o.value)
+          }, [
+            t("p", $, [
+              a(v, {
+                icon: "info-outline",
+                class: "color-caipira-yellow mr-1",
+                size: "sm"
+              }),
+              t("span", B, w(i.message), 1)
+            ]),
+            t("div", E, [
+              a(r, {
+                variant: "warning",
+                label: "Cancel",
+                size: "sm",
+                onClick: e[0] || (e[0] = (p) => o.value = !1)
+              }),
+              a(r, {
+                variant: "primary",
+                label: "Confirm",
+                size: "sm",
+                onClick: (p) => u(n)
+              }, null, 8, ["onClick"])
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["open", "placement"]);
+    };
+  }
+});
+export {
+  O as _
+};

package/dist/Popover.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Popover.vue_vue_type_script_setup_true_lang-B4Polh2y.js";
-import { p as P } from "./plugin-Dp-F27SY.js";
+import { _ as p } from "./Popover.vue_vue_type_script_setup_true_lang-65AAXNvQ.js";
+import { p as P } from "./plugin--NhgQEQ9.js";
 export {
   p as Popover,
   P as PopoverPlugin