@caipira/tamandua 0.0.30 → 0.0.32

package/dist/{InputPhone.vue_vue_type_script_setup_true_lang-DXtliNyv.js → InputPhone.vue_vue_type_script_setup_true_lang-B4TULqLW.js}

@@ -1,5 +1,5 @@
-import { defineComponent as w, ref as s, onBeforeMount as g, watch as h, resolveComponent as p, openBlock as I, createElementBlock as B, createVNode as m, withCtx as f, createElementVNode as v, toDisplayString as l } from "vue";
-const j = { class: "h-9 flex input-bg-color input-text-color border input-border input-roundness w-full" }, E = /* @__PURE__ */ w({
+import { defineComponent as y, ref as r, onBeforeMount as g, watch as h, resolveComponent as p, openBlock as I, createElementBlock as B, createVNode as m, withCtx as f, createElementVNode as b, toDisplayString as l } from "vue";
+const k = { class: "flex items-center h-9 w-full input-bg-color input-text-color border input-border input-roundness" }, N = /* @__PURE__ */ y({
   name: "TInputPhone",
   __name: "InputPhone",
   props: {
@@ -7,12 +7,12 @@ const j = { class: "h-9 flex input-bg-color input-text-color border input-border
     modelValue: { default: () => ({}) }
   },
   emits: ["update:model-value"],
-  setup(b, { emit: _ }) {
-    const u = b, C = _, a = s(""), o = s(), r = s([]), i = s([]), d = () => {
-      if (!o.value)
+  setup(v, { emit: _ }) {
+    const u = v, C = _, a = r(""), n = r(), i = r([]), s = r([]), d = () => {
+      if (!n.value)
         return;
-      const e = i.value.find(
-        (n) => n.dialCode === o.value
+      const e = s.value.find(
+        (o) => o.dialCode === n.value
       );
       e && C("update:model-value", {
         iso2: e.iso2,
@@ -20,14 +20,14 @@ const j = { class: "h-9 flex input-bg-color input-text-color border input-border
         number: a.value ?? ""
       });
     }, V = async () => {
-      u.resource && (i.value = await u.resource(), r.value = i.value.map(
+      u.resource && (s.value = await u.resource(), i.value = s.value.map(
         (e) => ({
           label: e,
           value: e.dialCode
         })
       ) ?? []);
     }, c = async (e) => {
-      e && typeof e == "object" && (o.value = e.dialCode, "number" in e && (a.value = e.number));
+      e && typeof e == "object" && (n.value = e.dialCode, "number" in e && (a.value = e.number));
     };
     return g(async () => {
       await V(), c(u.modelValue);
@@ -37,30 +37,31 @@ const j = { class: "h-9 flex input-bg-color input-text-color border input-border
         c(e);
       },
       { immediate: !0 }
-    ), (e, n) => {
-      const x = p("t-input-select"), y = p("t-input-text");
-      return I(), B("div", j, [
-        m(x, {
-          modelValue: o.value,
+    ), (e, o) => {
+      const w = p("t-input-select"), x = p("t-input-text");
+      return I(), B("div", k, [
+        m(w, {
+          modelValue: n.value,
           "onUpdate:modelValue": [
-            n[0] || (n[0] = (t) => o.value = t),
+            o[0] || (o[0] = (t) => n.value = t),
             d
           ],
-          options: r.value,
-          "disable-style": !0,
-          class: "border-r min-w-20 flex justify-center items-center input-border"
+          options: i.value,
+          "width-class": "min-w-20",
+          "border-class": "border-t border-r border-b input-border",
+          "roundness-class": ""
         }, {
           default: f((t) => [
-            v("span", null, l(t.flag) + " " + l(t.name) + " +" + l(t.dialCode), 1)
+            b("span", null, l(t.flag) + " " + l(t.name) + " +" + l(t.dialCode), 1)
           ]),
           selection: f((t) => [
-            v("span", null, l(t.flag) + " +" + l(t.dialCode), 1)
+            b("span", null, l(t.flag) + " +" + l(t.dialCode), 1)
           ]),
           _: 1
         }, 8, ["modelValue", "options"]),
-        m(y, {
+        m(x, {
           modelValue: a.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (t) => a.value = t),
+          "onUpdate:modelValue": o[1] || (o[1] = (t) => a.value = t),
           "disable-style": !0,
           class: "w-full input-bg-color input-text-color input-outline input-roundness input-padding",
           onInput: d
@@ -70,5 +71,5 @@ const j = { class: "h-9 flex input-bg-color input-text-color border input-border
   }
 });
 export {
-  E as _
+  N as _
 };

package/dist/InputPrice.js

@@ -1,5 +1,5 @@
-import { _ as e } from "./InputPrice.vue_vue_type_script_setup_true_lang-DBMW1AwZ.js";
-import { p as t } from "./plugin-DgCWOSWh.js";
+import { _ as e } from "./InputPrice.vue_vue_type_script_setup_true_lang-BX4rsYIr.js";
+import { p as t } from "./plugin-z8Hr_T_O.js";
 export {
   e as InputPrice,
   t as InputPricePlugin

package/dist/InputPrice.vue_vue_type_script_setup_true_lang-BX4rsYIr.js

@@ -0,0 +1,67 @@
+import { defineComponent as p, mergeModels as c, useModel as m, watch as v, resolveComponent as b, openBlock as f, createElementBlock as _, createVNode as g, withDirectives as h, createElementVNode as x, vModelText as N } from "vue";
+const I = {
+  options: {
+    precision: 2
+  },
+  inputToPriceNumber(r) {
+    return r = r.replace(/[^0-9]/g, "").trim(), r ? parseFloat(r) / Math.pow(10, this.options.precision) : void 0;
+  }
+}, M = { class: "flex items-center h-9 w-full input-bg-color input-text-color border input-border input-roundness" }, P = ["disabled"], y = /* @__PURE__ */ p({
+  name: "TInputPrice",
+  inheritAttrs: !1,
+  __name: "InputPrice",
+  props: /* @__PURE__ */ c({
+    resource: { type: Function },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {
+      default: {
+        iso: "",
+        value: void 0
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r, { emit: n }) {
+    const t = m(r, "modelValue"), i = r, u = (e) => ({
+      label: e.symbol,
+      value: e.iso
+    }), a = (e, o) => {
+      if (o === void 0) {
+        t.value = { ...t.value };
+        return;
+      }
+      e?.value && e.value !== o?.value && (t.value.value = e.value), e?.iso && e.iso !== o?.iso && (t.value.iso = e.iso);
+    }, d = (e) => {
+      const s = e.target.value;
+      return t.value.value = I.inputToPriceNumber(s), !1;
+    };
+    return v(t, a, { immediate: !0 }), (e, o) => {
+      const s = b("t-input-select");
+      return f(), _("div", M, [
+        g(s, {
+          modelValue: t.value.iso,
+          "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value.iso = l),
+          resource: i.resource,
+          mapper: u,
+          "width-class": "w-20",
+          "border-class": "border-t border-r border-b input-border",
+          "roundness-class": ""
+        }, null, 8, ["modelValue", "resource"]),
+        h(x("input", {
+          "onUpdate:modelValue": o[1] || (o[1] = (l) => t.value.value = l),
+          type: "text",
+          class: "w-full h-full input-bg-color input-text-color input-outline input-roundness input-padding",
+          disabled: i.disabled,
+          onInput: d
+        }, null, 40, P), [
+          [N, t.value.value]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  y as _
+};

package/dist/InputRadio.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./InputRadio.vue_vue_type_script_setup_true_lang-Dqbov2kN.js";
-import { p as t } from "./plugin-VtriDxZB.js";
+import { _ as a } from "./InputRadio.vue_vue_type_script_setup_true_lang-Cu7lzDAh.js";
+import { p as t } from "./plugin-Bog7k3Qf.js";
 export {
   a as InputRadio,
   t as InputRadioPlugin

package/dist/{InputRadio.vue_vue_type_script_setup_true_lang-Dqbov2kN.js → InputRadio.vue_vue_type_script_setup_true_lang-Cu7lzDAh.js}

@@ -1,7 +1,7 @@
 import { defineComponent as m, inject as e, openBlock as u, createElementBlock as b, createElementVNode as o, unref as r, toDisplayString as v } from "vue";
 const h = { class: "h-9 inline-flex items-center" }, f = ["value", "name", "disabled", "checked"];
 let _ = 0;
-const k = /* @__PURE__ */ m({
+const g = /* @__PURE__ */ m({
   name: "TInputRadio",
   __name: "InputRadio",
   props: {
@@ -10,25 +10,25 @@ const k = /* @__PURE__ */ m({
   },
   setup(t) {
     const i = `radio_${++_}`, c = e("name", ""), a = t, l = e("model", ""), d = e("change", () => {
-    }), p = e("disabled", !1);
-    return (s, n) => (u(), b("div", h, [
+    }), s = e("disabled", !1);
+    return (p, n) => (u(), b("div", h, [
       o("input", {
         value: a.value,
         name: r(c),
         id: i,
-        disabled: r(p),
+        disabled: r(s),
         checked: a.value === r(l),
         type: "radio",
-        class: "form-radio relative w-5 h-5 border border-caipira-primary-inverted checked:hover:border-caipira-primary-inverted checked:focus:border-caipira-primary-inverted checked:border-caipira-primary-inverted input-outline focus:input-outline bg-caipira-primary color-caipira-primary cursor-pointer bg-[length:30px]",
+        class: "form-radio w-5 h-5 border border-caipira-primary-inverted checked:hover:border-caipira-primary-inverted checked:focus:border-caipira-primary-inverted checked:border-caipira-primary-inverted input-outline focus:input-outline bg-caipira-primary color-caipira-primary",
         onChange: n[0] || (n[0] = (y) => r(d)(a.value))
       }, null, 40, f),
       o("label", {
         class: "cursor-pointer pl-2 mr-3 input-label",
         for: i
-      }, v(s.label), 1)
+      }, v(p.label), 1)
     ]));
   }
 });
 export {
-  k as _
+  g as _
 };

package/dist/InputSelect.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-ukwmeVxc.js";
-import { p as r } from "./plugin-BR7RSh1H.js";
+import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-BlA3DIYZ.js";
+import { p as r } from "./plugin-Daf_swsz.js";
 export {
   p as InputSelect,
   r as InputSelectPlugin

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-dnL75W40.js";
+import { p as P } from "./plugin-CdJ1wBq2.js";
 export {
   p as Popover,
   P as PopoverPlugin