@caipira/tamandua 0.0.13 → 0.0.15

package/dist/IconButton.vue_vue_type_script_setup_true_lang-CfILJjtd.js

@@ -0,0 +1,91 @@
+import { defineComponent as D, getCurrentInstance as B, ref as g, computed as l, resolveComponent as k, openBlock as r, createBlock as E, resolveDynamicComponent as T, normalizeClass as N, unref as u, withCtx as U, createVNode as L, createElementBlock as z, createCommentVNode as w } from "vue";
+import { c as t, a as R, b as s } from "./ui-D3dPdT4S.js";
+import { u as S } from "./useDomHelpers-5CFMo6bx.js";
+const x = ["multiple"], K = /* @__PURE__ */ D({
+  name: "TIconButton",
+  __name: "IconButton",
+  props: {
+    to: {},
+    icon: {},
+    href: { default: "" },
+    type: { default: t.BUTTON },
+    size: { default: R.DEFAULT },
+    label: { default: "" },
+    shape: { default: s.ROUNDED },
+    target: { default: void 0 },
+    multiple: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["upload"],
+  setup(c, { emit: p }) {
+    const e = c, f = p, a = B(), i = g(), { isPopoverActivator: d, onPopoverActivatorClick: m } = S(), h = l(() => e.href ? e.href : void 0), v = l(() => {
+      switch (e.type) {
+        case t.LINK:
+          return;
+        case t.FILE:
+          return "button";
+        default:
+          return e.type;
+      }
+    }), y = l(() => e.type === t.SUBMIT ? e.label : void 0), _ = l(() => {
+      switch (e.type) {
+        case t.SUBMIT:
+          return "input";
+        case t.LINK:
+          return "a";
+        case t.ROUTER_LINK:
+          return "router-link";
+        default:
+          return "button";
+      }
+    }), I = (n) => {
+      a && d(a) && m(n, a), e.type === t.SUBMIT && n.preventDefault(), e.type === t.FILE && i.value?.click();
+    }, b = (n) => {
+      n.stopPropagation();
+      const o = n.target.files;
+      !o || !o.length || f("upload", o);
+    };
+    return (n, C) => {
+      const o = k("t-icon");
+      return r(), E(T(_.value), {
+        type: v.value,
+        href: h.value,
+        value: y.value,
+        to: e.to,
+        disabled: e.isDisabled,
+        target: e.target,
+        class: N([{
+          "opacity-50": e.isDisabled,
+          // Shape
+          "rounded-full": e.shape === u(s).CIRCLE,
+          "input-roundness": e.shape === u(s).ROUNDED,
+          // Cursor
+          "cursor-pointer": !e.isDisabled,
+          "cursor-not-allowed": e.isDisabled
+        }, "input-outline flex items-center"]),
+        role: "button",
+        onClick: I
+      }, {
+        default: U(() => [
+          L(o, {
+            size: e.size,
+            icon: e.icon
+          }, null, 8, ["size", "icon"]),
+          e.type === "file" ? (r(), z("input", {
+            key: 0,
+            multiple: e.multiple,
+            onChange: b,
+            type: "file",
+            ref_key: "fileInput",
+            ref: i,
+            class: "hidden"
+          }, null, 40, x)) : w("", !0)
+        ]),
+        _: 1
+      }, 8, ["type", "href", "value", "to", "disabled", "target", "class"]);
+    };
+  }
+});
+export {
+  K as _
+};

package/dist/InputPassword.js

@@ -1,5 +1,5 @@
-import { _ as s } from "./InputPassword.vue_vue_type_script_setup_true_lang-kknXv5I-.js";
-import { p as a } from "./plugin-BURDNZOq.js";
+import { _ as s } from "./InputPassword.vue_vue_type_script_setup_true_lang-DvHndXqE.js";
+import { p as a } from "./plugin-Duvcbc38.js";
 export {
   s as InputPassword,
   a as InputPasswordPlugin

package/dist/{InputPassword.vue_vue_type_script_setup_true_lang-kknXv5I-.js → InputPassword.vue_vue_type_script_setup_true_lang-DvHndXqE.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ee, ref as S, inject as te, watch as ne, resolveComponent as O, openBlock as k, createElementBlock as L, normalizeClass as T, unref as U, createElementVNode as P, createVNode as q, createCommentVNode as N, withKeys as le, createBlock as se, toDisplayString as oe } from "vue";
-import { _ as ae } from "./ButtonCopy.vue_vue_type_script_setup_true_lang-CZsqPE-4.js";
+import { _ as ae } from "./ButtonCopy.vue_vue_type_script_setup_true_lang-hBqHMiGU.js";
 import { f as re } from "./index-CjvqeRf7.js";
 const ie = (s) => {
   let e = 0, r = 0, l = 0, i = 0, o = 0, u = 0, m = 0, p = 0, f = 0, I = 0, c = 0, x = 0, y = 0, b = 0, M = 0, _ = 0, n = 0, d = 0, A = 2, V = 2, R = 2, g = 2, E = 3, K = 3, D = 3, W = 4, Z = 4, G = 6, B = "", $ = "", j = "", C = "Too Short";

package/dist/InputSelect.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-ByRPZrIg.js";
-import { p as r } from "./plugin-CNoSZVuJ.js";
+import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-B93CKCR3.js";
+import { p as r } from "./plugin-DmfiHplR.js";
 export {
   p as InputSelect,
   r as InputSelectPlugin

package/dist/InputSelect.vue_vue_type_script_setup_true_lang-B93CKCR3.js

@@ -0,0 +1,227 @@
+import { defineComponent as ue, ref as p, inject as re, computed as $, onBeforeMount as ce, onBeforeUnmount as pe, watch as A, resolveComponent as b, openBlock as i, createElementBlock as c, normalizeClass as V, unref as M, createElementVNode as de, withKeys as fe, renderSlot as h, normalizeProps as k, mergeProps as D, Fragment as _, renderList as U, guardReactiveProps as H, createBlock as I, toDisplayString as me, createCommentVNode as N, withDirectives as ve, vModelText as ye, createVNode as P, withCtx as q, createSlots as be, nextTick as he } from "vue";
+import { u as ke } from "./useDomHelpers-5CFMo6bx.js";
+import { a as we, E as ge } from "./ui-D3dPdT4S.js";
+const Ve = { key: 1 }, _e = ["placeholder", "disabled", "readonly"], Se = {
+  key: 0,
+  class: "inline-flex w-full justify-between items-center"
+}, xe = {
+  key: 1,
+  class: "inline-flex items-center"
+};
+let Ce = 0;
+const $e = /* @__PURE__ */ ue({
+  name: "TInputSelect",
+  __name: "InputSelect",
+  props: {
+    size: { default: we.DEFAULT },
+    options: { default: () => [] },
+    mapper: { type: Function, default: (f) => ({ value: f.id ?? f.uuid, label: f }) },
+    filter: { type: Function, default: (f, S) => S.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
+    tooltip: { default: "" },
+    disabled: { type: Boolean },
+    resource: {},
+    multiple: { type: Boolean, default: !1 },
+    modelValue: {},
+    placeholder: { default: "" },
+    initialValue: {},
+    disableStyle: { type: Boolean, default: !1 },
+    isSearchable: { type: Boolean, default: !1 },
+    dropdownPlacement: { default: ge.BOTTOM }
+  },
+  emits: ["update:model-value"],
+  setup(f, { emit: S }) {
+    const l = f;
+    let x = !1, w, T = "";
+    const G = S, J = `checkbox_${++Ce}`, r = p(""), o = p([]), L = p(null), O = re("formStyle", { label: "", input: "" }), C = p(null), n = p(!1), z = p(null), a = p([]), B = p(!1), { wasClickOutsideOfContainer: Q } = ke(), d = p(null), E = $(() => a.value.length > 0), F = $(() => l.isSearchable && n.value), v = $(() => typeof l.resource == "function"), W = (e) => !l.multiple || !l.modelValue || !Array.isArray(l.modelValue) ? !1 : l.modelValue.includes(e.value), X = (e = l.modelValue) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), Y = (e) => {
+      G("update:model-value", e);
+    }, m = (e = l.modelValue) => {
+      if (X(e))
+        if (l.multiple)
+          Array.isArray(e) && (a.value = e.map(
+            (t) => R(t)
+          ).filter((t) => t > -1));
+        else {
+          const t = R(e);
+          ~t && (a.value = [t]);
+        }
+    }, K = (e) => {
+      n.value = !n.value, n.value && F.value && he(() => {
+        L.value?.focus();
+      }), e.stopPropagation();
+    }, R = (e) => o.value.findIndex(
+      (t) => t.value === e
+    ), j = (e) => {
+      C.value && Q(e, C.value) && (n.value = !1);
+    }, g = async (e = !1) => {
+      if (!l.resource)
+        return;
+      B.value = !0;
+      const t = {
+        t: r.value,
+        r: "option"
+      };
+      e && d.value && d.value.pages > d.value.page ? t.page = d.value.page + 1 : e = !1, !r.value && l.modelValue && (t.i = l.modelValue);
+      const u = await l.resource(t);
+      e ? o.value.push(...u.items.map(l.mapper)) : o.value = u.items.map(l.mapper), d.value = u.pagination, !v.value && r.value && m(r.value), B.value = !1;
+    }, Z = () => {
+      !r.value || T === r.value || (w && (clearTimeout(w), w = null), w = setTimeout(() => {
+        T = r.value, v.value ? (n.value || (n.value = !0), g()) : l.isSearchable && (o.value = l.options.filter(
+          (e) => l.filter(r.value, e)
+        ));
+      }, 500));
+    }, ee = () => {
+      n.value = !1;
+    }, le = (e) => {
+      n.value = !1, e.stopPropagation();
+    }, te = ({
+      index: e,
+      hold: t
+    }) => {
+      if (x = !0, l.multiple) {
+        const u = a.value.findIndex(
+          (y) => y === e
+        );
+        ~u ? a.value.splice(u, 1) : a.value.push(e);
+      } else
+        a.value = [e];
+      (!l.multiple || !t) && (n.value = !1);
+    }, ae = () => {
+      v.value && d.value && d.value.pages > d.value.page && g(!0);
+    }, oe = async (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          z.value?.move(e);
+          break;
+      }
+    };
+    return ce(async () => {
+      v.value ? (await g(), m()) : l.options.length > 0 && (o.value = l.options), !l.modelValue && l.initialValue ? m(l.initialValue) : m(l.modelValue), document.addEventListener("click", j);
+    }), pe(() => {
+      document.removeEventListener("click", j);
+    }), A(
+      () => l.modelValue,
+      async (e) => {
+        e && (R(e) < 0 && v.value && await g(), m(e));
+      }
+    ), A(
+      a,
+      (e) => {
+        const t = l.multiple ? o.value.filter(
+          (u, y) => a.value.includes(y)
+        ).map((u) => u.value) : o.value[a.value[0]].value;
+        x && (x = !1, Y(t));
+      },
+      { deep: !0 }
+    ), A(
+      () => l.options,
+      (e) => {
+        e.length > 0 && (o.value = e, l.modelValue && a.value.length === 0 && m(l.modelValue));
+      }
+    ), (e, t) => {
+      const u = b("t-tag"), y = b("t-icon-button"), ne = b("t-icon"), se = b("t-dropdown"), ie = b("t-popover");
+      return i(), c("div", {
+        class: V({ [M(O).input]: !l.disableStyle })
+      }, [
+        de("div", {
+          ref_key: "wrapperRef",
+          ref: C,
+          class: V([{
+            "h-9": !l.disableStyle && !l.multiple,
+            "min-h-9": !l.disableStyle && l.multiple,
+            "text-left select-none input-bg-color input-text-color border input-border input-roundness": !l.disableStyle,
+            [M(O).input]: !l.disableStyle
+          }, "inline-flex justify-between items-center w-full text-left"]),
+          role: "button",
+          onClick: K,
+          onBlur: ee,
+          onKeyup: fe(le, ["esc"])
+        }, [
+          F.value ? ve((i(), c("input", {
+            key: 1,
+            "onUpdate:modelValue": t[0] || (t[0] = (s) => r.value = s),
+            type: "text",
+            ref_key: "inputRef",
+            ref: L,
+            placeholder: l.placeholder,
+            disabled: l.disabled,
+            readonly: !l.isSearchable,
+            class: V([{ "cursor-pointer": !l.isSearchable }, "w-full h-9 bg-transparent input-padding input-roundness input-outline"]),
+            onClick: t[1] || (t[1] = (s) => s.stopPropagation()),
+            onInput: Z,
+            onKeydown: oe
+          }, null, 42, _e)), [
+            [ye, r.value]
+          ]) : (i(), c("div", {
+            key: 0,
+            class: V(["flex items-center ml-2", {
+              "overflow-hidden whitespace-nowrap": !l.multiple,
+              "flex-wrap gap-2 py-1": l.multiple
+            }])
+          }, [
+            e.$slots.selection && E.value ? h(e.$slots, "selection", k(D({ key: 0 }, o.value[a.value[0]].label))) : e.$slots.default && E.value ? (i(), c(_, { key: 1 }, [
+              l.multiple ? (i(!0), c(_, { key: 0 }, U(a.value, (s) => h(e.$slots, "default", k(H(o.value[s].label)))), 256)) : h(e.$slots, "default", k(D({ key: 1 }, o.value[a.value[0]].label)))
+            ], 64)) : E.value ? (i(), c(_, { key: 2 }, [
+              l.multiple ? (i(!0), c(_, { key: 0 }, U(a.value, (s) => (i(), I(u, {
+                key: s,
+                text: o.value[s].label,
+                color: "#6e6e6e"
+              }, null, 8, ["text"]))), 128)) : (i(), c("span", Ve, me(o.value[a.value[0]]?.label), 1))
+            ], 64)) : N("", !0)
+          ], 2)),
+          P(y, {
+            "disable-style": !0,
+            class: "h-9",
+            icon: n.value === !0 ? "chevron-up" : "chevron-down",
+            onClick: K
+          }, null, 8, ["icon"])
+        ], 34),
+        P(ie, {
+          placement: l.dropdownPlacement,
+          "is-visible": n.value
+        }, {
+          content: q(() => [
+            P(se, {
+              ref_key: "dropdownRef",
+              ref: z,
+              owner: J,
+              items: o.value,
+              "is-visible": n.value,
+              multiple: l.multiple,
+              loading: B.value,
+              class: "fixed",
+              "aria-describedby": "tooltip",
+              onChange: te,
+              onEndReached: ae
+            }, be({ _: 2 }, [
+              e.$slots.default || l.multiple ? {
+                name: "default",
+                fn: q((s) => [
+                  l.multiple ? (i(), c("div", Se, [
+                    e.$slots.default ? h(e.$slots, "default", k(D({ key: 0 }, s.label))) : (i(), I(u, {
+                      key: 1,
+                      text: s.label,
+                      class: "m-1"
+                    }, null, 8, ["text"])),
+                    W(s) ? (i(), I(ne, {
+                      key: 2,
+                      icon: "check",
+                      size: "sm",
+                      class: "float-right ml-2"
+                    })) : N("", !0)
+                  ])) : (i(), c("div", xe, [
+                    h(e.$slots, "default", k(H(s.label)))
+                  ]))
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["items", "is-visible", "multiple", "loading"])
+          ]),
+          _: 3
+        }, 8, ["placement", "is-visible"])
+      ], 2);
+    };
+  }
+});
+export {
+  $e as _
+};

package/dist/Link.js

@@ -0,0 +1,6 @@
+import { _ as i } from "./Link.vue_vue_type_script_setup_true_lang-BJVsokc1.js";
+import { p } from "./plugin-C8V0p_Rv.js";
+export {
+  i as Link,
+  p as LinkPlugin
+};

package/dist/Link.vue_vue_type_script_setup_true_lang-BJVsokc1.js

@@ -0,0 +1,50 @@
+import { defineComponent as s, computed as d, resolveComponent as c, openBlock as o, createBlock as n, resolveDynamicComponent as m, withCtx as u, renderSlot as p, createElementBlock as f, Fragment as _, createTextVNode as k, toDisplayString as y, createCommentVNode as b } from "vue";
+import { L as l } from "./ui-D3dPdT4S.js";
+const B = /* @__PURE__ */ s({
+  name: "TLink",
+  __name: "Link",
+  props: {
+    to: {},
+    href: {},
+    type: { default: l.Default },
+    label: { default: "" },
+    target: { default: "_self" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(r, { emit: v }) {
+    const e = r, t = d(() => {
+      switch (e.type) {
+        case l.Router:
+          return "router-link";
+        default:
+          return "a";
+      }
+    });
+    return (a, g) => {
+      const i = c("t-icon");
+      return o(), n(m(t.value), {
+        href: t.value === "a" ? e.href : void 0,
+        to: t.value === "router-link" ? e.to : void 0,
+        disabled: e.disabled,
+        target: e.target,
+        class: "color-caipira-primary-inverted underline font-bold inline-flex items-baseline"
+      }, {
+        default: u(() => [
+          a.$slots.default ? p(a.$slots, "default", { key: 0 }) : (o(), f(_, { key: 1 }, [
+            k(y(e.label), 1)
+          ], 64)),
+          e.target === "_blank" ? (o(), n(i, {
+            key: 2,
+            size: 15,
+            class: "ml-1",
+            icon: "open-in-new"
+          })) : b("", !0)
+        ]),
+        _: 3
+      }, 8, ["href", "to", "disabled", "target"]);
+    };
+  }
+});
+export {
+  B as _
+};

package/dist/ModalForm.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-CUk3DI3O.js";
-import { p as l } from "./plugin-CIK2QwfI.js";
+import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-CZBGpJCs.js";
+import { p as l } from "./plugin-CCH1Q2cN.js";
 export {
   a as ModalForm,
   l as ModalFormPlugin

package/dist/{ModalForm.vue_vue_type_script_setup_true_lang-CUk3DI3O.js → ModalForm.vue_vue_type_script_setup_true_lang-CZBGpJCs.js}

@@ -59,7 +59,7 @@ const $ = {
             })
           ])) : (l(), a(B, {
             key: 1,
-            title: `Are you sure you want to delete this ${s.value?.title}?`,
+            message: `Are you sure you want to delete this ${s.value?.title}?`,
             onConfirm: t[2] || (t[2] = () => e.value?.delete())
           }, {
             default: n(() => [
@@ -74,7 +74,7 @@ const $ = {
               }, null, 8, ["is-disabled"])) : d("", !0)
             ]),
             _: 1
-          }, 8, ["title"])),
+          }, 8, ["message"])),
           c(_, {
             variant: "success",
             icon: "save",

package/dist/Popconfirm.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Popconfirm.vue_vue_type_script_setup_true_lang-DWMW-u7V.js";
-import { p as m } from "./plugin-D9vhvf_z.js";
+import { _ as p } from "./Popconfirm.vue_vue_type_script_setup_true_lang-CGs37-Nn.js";
+import { p as m } from "./plugin-CX1WsfRO.js";
 export {
   p as Popconfirm,
   m as PopconfirmPlugin

package/dist/Popconfirm.vue_vue_type_script_setup_true_lang-CGs37-Nn.js

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

package/dist/Popover.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Popover.vue_vue_type_script_setup_true_lang-Dhcy-iL3.js";
-import { p as P } from "./plugin-c1rFpmlH.js";
+import { _ as p } from "./Popover.vue_vue_type_script_setup_true_lang-B1brEdFx.js";
+import { p as P } from "./plugin-JgFOdNjC.js";
 export {
   p as Popover,
   P as PopoverPlugin