@agrotools1/at-components 0.1.4 → 0.1.7

package/dist/Avatar/Avatar.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     slotSize: import("vue").ComputedRef<string>;
     fontSize: import("vue").ComputedRef<string>;
     text: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     imgBase64: {
         required: false;
         type: StringConstructor;

package/dist/Avatar/Avatar.vue.js

@@ -0,0 +1,26 @@
+import a from "./Avatar.vue2.js";
+import { openBlock as t, createElementBlock as o, normalizeStyle as s, renderSlot as i, toDisplayString as r } from "vue";
+import "./Avatar.vue3.js";
+import l from "../_virtual/_plugin-vue_export-helper.js";
+const n = ["aria-label"], d = ["src"], m = ["data-size"];
+function p(e, f, c, h, u, z) {
+  return t(), o("div", {
+    style: s({ width: e.slotSize, height: e.slotSize }),
+    "aria-label": e.text
+  }, [
+    e.imgBase64 ? (t(), o("img", {
+      key: 0,
+      src: e.imgBase64,
+      alt: "User image"
+    }, null, 8, d)) : e.withIcon ? i(e.$slots, "default", { key: 1 }, void 0, !0) : (t(), o("span", {
+      key: 2,
+      "data-size": e.size,
+      class: "username-slot",
+      style: s({ fontSize: e.fontSize })
+    }, r(e.text), 13, m))
+  ], 12, n);
+}
+const k = /* @__PURE__ */ l(a, [["render", p], ["__scopeId", "data-v-fe77416e"]]);
+export {
+  k as default
+};

package/dist/Avatar/Avatar.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, computed as n } from "vue";
+const p = f({
+  name: "AtAvatar",
+  props: {
+    imgBase64: {
+      required: !1,
+      type: String,
+      default: null,
+      validator: (e) => typeof e == "string"
+    },
+    withIcon: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    username: {
+      required: !0,
+      type: String,
+      default: null,
+      validator: (e) => typeof e == "string"
+    },
+    size: {
+      required: !1,
+      type: String,
+      default: "M",
+      validator: (e) => typeof e == "string" && ["P", "M", "G"].includes(e)
+    }
+  },
+  setup(e) {
+    const s = n(() => {
+      switch (e.size) {
+        case "P":
+          return 24;
+        case "M":
+          return 32;
+        case "G":
+          return 44;
+        default:
+          return 32;
+      }
+    }), a = n(() => `${s.value / 2}px`), i = () => {
+      if (e.username.length) {
+        const t = e.username.split(" "), o = t[0], r = t == null ? void 0 : t[1], l = o[0], u = (r == null ? void 0 : r[0]) || "";
+        return `${l}${u}`.toUpperCase();
+      }
+      return "";
+    };
+    return {
+      slotSize: n(() => `${s.value}px`),
+      fontSize: a,
+      text: i()
+    };
+  }
+});
+export {
+  p as default
+};

package/dist/Avatar/Avatar.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Button/Button.d.ts

@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     leftIconSlotEl: {
         value: HTMLElement | null;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isToggle: {
         type: BooleanConstructor;
         default: boolean;

package/dist/Button/Button.vue.js

@@ -0,0 +1,35 @@
+import a from "./Button.vue2.js";
+import { openBlock as o, createElementBlock as t, normalizeStyle as n, normalizeClass as i, createCommentVNode as s, toDisplayString as l } from "vue";
+import "./Button.vue3.js";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const d = ["disabled", "aria-label", "aria-disabled"], c = {
+  key: 0,
+  ref: "leftIconSlotEl",
+  class: "icon-slot"
+}, p = {
+  key: 1,
+  class: "spinner"
+}, f = { key: 2 }, m = {
+  key: 3,
+  ref: "iconSlotEl",
+  class: "icon-slot"
+};
+function b(e, u, _, h, y, k) {
+  return o(), t("button", {
+    ref: "buttonRef",
+    style: n({ width: e.size.width }),
+    class: i(e.variant),
+    disabled: e.disabled,
+    role: "button",
+    "aria-label": e.text,
+    "aria-disabled": e.disabled
+  }, [
+    e.iconLeft ? (o(), t("span", c, null, 512)) : s("", !0),
+    e.loading ? (o(), t("span", p)) : (o(), t("span", f, l(e.text), 1)),
+    e.icon ? (o(), t("span", m, null, 512)) : s("", !0)
+  ], 14, d);
+}
+const E = /* @__PURE__ */ r(a, [["render", b], ["__scopeId", "data-v-55cfef3b"]]);
+export {
+  E as default
+};

package/dist/Button/Button.vue2.js

@@ -0,0 +1,86 @@
+import { defineComponent as m, ref as o, onMounted as E, onUnmounted as G } from "vue";
+const b = m({
+  name: "AtButton",
+  props: {
+    isToggle: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    text: {
+      type: String,
+      required: !0,
+      default: "Clique aqui",
+      validator: (e) => typeof e == "string" && e.length > 0
+    },
+    variant: {
+      type: String,
+      default: "primary",
+      validator: (e) => ["primary", "secondary", "danger", "header"].includes(e)
+    },
+    loading: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    size: {
+      type: Object,
+      default: () => ({
+        width: "max-content"
+      }),
+      validator: (e) => typeof e.width == "string"
+    },
+    icon: {
+      type: [SVGSVGElement, String],
+      default: "",
+      required: !1,
+      validator: (e) => e instanceof SVGSVGElement || typeof e == "string"
+    },
+    iconLeft: {
+      type: [SVGSVGElement, String],
+      default: "",
+      required: !1,
+      validator: (e) => e instanceof SVGSVGElement || typeof e == "string"
+    }
+  },
+  setup(e) {
+    const t = o(), r = o(), s = o(), l = o(!1);
+    E(() => {
+      var n, f, u, c;
+      a(e.icon, r), a(e.iconLeft, s), (f = t.value) == null || f.style.setProperty(
+        "--ATHOST-initial-width",
+        `${(n = t.value) == null ? void 0 : n.offsetWidth}px`
+      ), (u = t.value) == null || u.addEventListener("click", d), e.isToggle && ((c = t.value) == null || c.setAttribute("aria-pressed", "false"));
+      function a(i, p) {
+        var g, v;
+        if (i)
+          if (i instanceof SVGSVGElement)
+            (g = p.value) == null || g.appendChild(i);
+          else {
+            const S = i, y = document.createElement("img");
+            y.src = S, (v = p.value) == null || v.appendChild(y);
+          }
+      }
+    }), G(() => {
+      var a;
+      (a = t.value) == null || a.removeEventListener("click", d);
+    });
+    const d = (a) => {
+      var n;
+      a.preventDefault(), l.value = !l.value, e.isToggle && ((n = t.value) == null || n.setAttribute("aria-pressed", String(l.value)));
+    };
+    return {
+      buttonRef: t,
+      iconSlotEl: r,
+      leftIconSlotEl: s
+    };
+  }
+});
+export {
+  b as default
+};

package/dist/Button/Button.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/CardWithInsights/CardWithInsights.vue.js

@@ -0,0 +1,52 @@
+import d from "./CardWithInsights.vue2.js";
+import { resolveComponent as o, openBlock as n, createElementBlock as s, normalizeStyle as u, Fragment as p, renderList as h, createVNode as r, createElementVNode as i, toDisplayString as l, withCtx as _, createTextVNode as g } from "vue";
+import "./CardWithInsights.vue3.js";
+import "./CardWithInsights.vue4.js";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "insight-container" }, v = { class: "circle-question-container" }, $ = ["src", "onClick"], w = {
+  id: "insight-value",
+  class: "insight-value"
+};
+function y(t, C, k, I, A, V) {
+  const a = o("AtIllustration"), c = o("AtParagraph");
+  return n(), s("div", {
+    class: "card-with-insights-container",
+    style: u({
+      width: t.$props.fullWidth === !0 ? "100%" : "max-content",
+      justifyContent: t.$props.fullWidth === !0 ? "space-between" : "flex-start"
+    })
+  }, [
+    (n(!0), s(p, null, h(t.insightsList, (e) => (n(), s("div", {
+      key: e.index,
+      class: "card-with-insights-list"
+    }, [
+      r(a, {
+        illustration: e.image
+      }, null, 8, ["illustration"]),
+      i("div", f, [
+        i("div", v, [
+          i("img", {
+            alt: "circle-question",
+            src: t.$props.iconQuestion,
+            class: "circle-question-icon",
+            onClick: e.myFunction
+          }, null, 8, $)
+        ]),
+        i("h3", w, l(t.renderInsightValue(e.value)), 1),
+        r(c, {
+          size: "p2",
+          weight: "light"
+        }, {
+          default: _(() => [
+            g(l(e.insightTitle), 1)
+          ]),
+          _: 2
+        }, 1024)
+      ])
+    ]))), 128))
+  ], 4);
+}
+const B = /* @__PURE__ */ m(d, [["render", y], ["__scopeId", "data-v-28800341"]]);
+export {
+  B as default
+};

package/dist/CardWithInsights/CardWithInsights.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as i } from "vue";
+import { AtTipograph as s } from "../Tipograph/index.js";
+import l from "../Illustration/Illustration.vue.js";
+const h = i({
+  name: "AtCardWithInsights",
+  components: {
+    AtParagraph: s.Paragraph,
+    AtIllustration: l
+  },
+  props: {
+    insightsList: {
+      type: Array,
+      required: !0,
+      validator: (r) => Array.isArray(r) && r.every((e) => typeof e == "object")
+    },
+    iconQuestion: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (r) => typeof r == "string"
+    },
+    fullWidth: {
+      type: Boolean,
+      required: !1,
+      default: !1,
+      validator: (r) => typeof r == "boolean"
+    }
+  },
+  setup() {
+    const e = (t) => t % 1 !== 0, n = (t) => t.toFixed(2), a = (t) => t < 0 ? 0 : t, o = (t) => t > 1e9 ? 1e9 : t;
+    return { renderInsightValue: (t) => (t = o(t), e(t) ? n(t) : a(t)), handleFloatValue: n };
+  }
+});
+export {
+  h as default
+};

package/dist/CardWithInsights/CardWithInsights.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/CardWithInsights/CardWithInsights.vue4.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/dist/Checkbox/Checkbox.d.ts

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     isChecked: import("vue").Ref<boolean | undefined>;
     onClick: () => void;
     borderRadius: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         required: false;
         type: () => CheckboxProps["disabled"];

package/dist/Checkbox/Checkbox.vue.js

@@ -0,0 +1,38 @@
+import s from "./Checkbox.vue2.js";
+import { openBlock as d, createElementBlock as o, Fragment as a, createElementVNode as t, mergeProps as n, createCommentVNode as c, normalizeStyle as l } from "vue";
+import "./Checkbox.vue3.js";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const h = ["aria-checked", "disabled"], p = ["src"], u = ["disabled"];
+function b(e, i, k, f, C, y) {
+  return d(), o(a, null, [
+    t("button", n({ ref: "buttonRef" }, e.$attrs, {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": e.isChecked,
+      disabled: e.disabled,
+      style: {
+        width: e.computedSize,
+        height: e.computedSize,
+        borderRadius: e.borderRadius
+      },
+      onClick: i[0] || (i[0] = (r) => e.$emit("click", { ...r, isChecked: !e.isChecked }))
+    }), [
+      e.isChecked ? (d(), o("img", {
+        key: 0,
+        src: e.checkmarck
+      }, null, 8, p)) : c("", !0)
+    ], 16, h),
+    t("input", {
+      ref: "inputRef",
+      tabindex: "-1",
+      "aria-hidden": "true",
+      type: "checkbox",
+      disabled: e.disabled,
+      style: l({ width: e.size, height: e.size })
+    }, null, 12, u)
+  ], 64);
+}
+const S = /* @__PURE__ */ m(s, [["render", b], ["__scopeId", "data-v-bd3c7067"]]);
+export {
+  S as default
+};

package/dist/Checkbox/Checkbox.vue2.js

@@ -0,0 +1,83 @@
+import { defineComponent as v, ref as u, computed as c, onMounted as m, onBeforeUnmount as p, watch as r } from "vue";
+import k from "./img/checkmarck.svg.js";
+const x = v({
+  name: "AtCheckbox",
+  props: {
+    disabled: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    value: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    size: {
+      required: !1,
+      type: String,
+      default: "24",
+      validator: (e) => ["12", "16", "20", "24", "28"].includes(e)
+    },
+    labelledby: {
+      required: !1,
+      type: String,
+      default: "",
+      validator: (e) => typeof e == "string"
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    const a = u(null), o = u(null), l = u(e.value), s = c(() => `${e.size}px`), f = c(
+      () => ({
+        12: "3px",
+        16: "4px",
+        20: "6px",
+        24: "6px",
+        28: "8px"
+      })[e.size]
+    );
+    m(() => {
+      var t;
+      a.value && e.labelledby && a.value.setAttribute("aria-labelledby", e.labelledby), (t = a.value) == null || t.addEventListener("click", n);
+    }), p(() => {
+      var t;
+      (t = a.value) == null || t.removeEventListener("click", n);
+    }), r(
+      () => e.value,
+      (t) => {
+        l.value = t;
+      }
+    ), r(
+      () => l.value,
+      (t) => {
+        b(t);
+      }
+    );
+    const b = (t) => {
+      var i, d;
+      t ? (i = o.value) == null || i.setAttribute("checked", "") : (d = o.value) == null || d.removeAttribute("checked");
+    }, n = () => {
+      l.value = !l.value, window.dispatchEvent(
+        new CustomEvent("checkbox:change", {
+          bubbles: !0,
+          detail: l
+        })
+      );
+    };
+    return {
+      checkmarck: k,
+      buttonRef: a,
+      inputRef: o,
+      computedSize: s,
+      isChecked: l,
+      onClick: n,
+      borderRadius: f
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/Checkbox/Checkbox.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Checkbox/img/checkmarck.svg.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aA0KICAgICAgICBkPSJNMTYuNzM5MyAwLjMyMzI1Nkw2LjM3NSAxMC42ODY4QzYuMzA1MzIgMTAuNzU2NyA2LjIyMjUxIDEwLjgxMjIgNi4xMzEzMiAxMC44NTAxQzYuMDQwMTMgMTAuODg4IDUuOTQyMzcgMTAuOTA3NSA1Ljg0MzYzIDEwLjkwNzVDNS43NDQ4OCAxMC45MDc1IDUuNjQ3MTIgMTAuODg4IDUuNTU1OTMgMTAuODUwMUM1LjQ2NDc0IDEwLjgxMjIgNS4zODE5MyAxMC43NTY3IDUuMzEyMjUgMTAuNjg2OEwxLjMwNDI1IDYuNjc1MDFDMS4yMzQ1NyA2LjYwNTA1IDEuMTUxNzYgNi41NDk1NCAxLjA2MDU3IDYuNTExNjZDMC45NjkzODMgNi40NzM3OSAwLjg3MTYxNSA2LjQ1NDI5IDAuNzcyODc1IDYuNDU0MjlDMC42NzQxMzQgNi40NTQyOSAwLjU3NjM2NiA2LjQ3Mzc5IDAuNDg1MTc5IDYuNTExNjZDMC4zOTM5OTIgNi41NDk1NCAwLjMxMTE4MiA2LjYwNTA1IDAuMjQxNDk5IDYuNjc1MDFDMC4xNzE1NDIgNi43NDQ2OSAwLjExNjAzMiA2LjgyNzUgMC4wNzgxNTYyIDYuOTE4NjlDMC4wNDAyOCA3LjAwOTg3IDAuMDIwNzgyNSA3LjEwNzY0IDAuMDIwNzgyNSA3LjIwNjM4QzAuMDIwNzgyNSA3LjMwNTEyIDAuMDQwMjggNy40MDI4OSAwLjA3ODE1NjIgNy40OTQwOEMwLjExNjAzMiA3LjU4NTI2IDAuMTcxNTQyIDcuNjY4MDggMC4yNDE0OTkgNy43Mzc3Nkw0LjI1MSAxMS43NDY1QzQuNjczOTYgMTIuMTY4NyA1LjI0NzE1IDEyLjQwNTggNS44NDQ3NSAxMi40MDU4QzYuNDQyMzUgMTIuNDA1OCA3LjAxNTU0IDEyLjE2ODcgNy40Mzg1IDExLjc0NjVMMTcuODAyIDEuMzg1MjZDMTcuODcxOCAxLjMxNTU5IDE3LjkyNzMgMS4yMzI4MiAxNy45NjUxIDEuMTQxNzFDMTguMDAyOSAxLjA1MDU5IDE4LjAyMjMgMC45NTI5MDcgMTguMDIyMyAwLjg1NDI1NkMxOC4wMjIzIDAuNzU1NjA1IDE4LjAwMjkgMC42NTc5MjMgMTcuOTY1MSAwLjU2NjgwNkMxNy45MjczIDAuNDc1Njg4IDE3Ljg3MTggMC4zOTI5MjUgMTcuODAyIDAuMzIzMjU2QzE3LjczMjMgMC4yNTMyOTkgMTcuNjQ5NSAwLjE5Nzc4OSAxNy41NTgzIDAuMTU5OTEzQzE3LjQ2NzEgMC4xMjIwMzcgMTcuMzY5NCAwLjEwMjUzOSAxNy4yNzA2IDAuMTAyNTM5QzE3LjE3MTkgMC4xMDI1MzkgMTcuMDc0MSAwLjEyMjAzNyAxNi45ODI5IDAuMTU5OTEzQzE2Ljg5MTcgMC4xOTc3ODkgMTYuODA4OSAwLjI1MzI5OSAxNi43MzkzIDAuMzIzMjU2WiINCiAgICAgICAgZmlsbD0id2hpdGUiIC8+DQo8L3N2Zz4=";
+export {
+  M as default
+};

package/dist/DataTable/Column/Column.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     filterSvg: string;
     orientation: Ref<"bottom" | "top">;
     onClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     field: {
         type: StringConstructor;
         required: true;

package/dist/DataTable/Column/Column.vue.js

@@ -0,0 +1,35 @@
+import n from "./Column.vue2.js";
+import { openBlock as a, createElementBlock as l, createElementVNode as o, toDisplayString as r, createCommentVNode as s, renderSlot as d } from "vue";
+import "./Column.vue3.js";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const c = ["data-align-columns", "data-filterable"], f = { class: "slot" }, u = ["data-orientation", "data-filterable"], p = ["src"];
+function b(t, e, h, g, k, C) {
+  return a(), l("th", {
+    role: "columnheader",
+    class: "column",
+    "data-align-columns": t.alignColumns,
+    "data-filterable": t.withMaxMinFilter
+  }, [
+    o("div", f, [
+      o("span", null, r(t.label), 1),
+      t.withMaxMinFilter ? (a(), l("button", {
+        key: 0,
+        class: "filter-icon",
+        type: "button",
+        "data-orientation": t.orientation,
+        "data-filterable": t.withMaxMinFilter,
+        onClick: e[0] || (e[0] = (...i) => t.onClick && t.onClick(...i))
+      }, [
+        o("img", {
+          src: t.filterSvg,
+          alt: "Botão para filtrar valor"
+        }, null, 8, p)
+      ], 8, u)) : s("", !0),
+      d(t.$slots, "default", {}, void 0, !0)
+    ])
+  ], 8, c);
+}
+const w = /* @__PURE__ */ m(n, [["render", b], ["__scopeId", "data-v-08f84b93"]]);
+export {
+  w as default
+};

package/dist/DataTable/Column/Column.vue2.js

@@ -0,0 +1,67 @@
+import { defineComponent as C, ref as u, inject as f, onMounted as y } from "vue";
+import F from "./imgs/filter.svg.js";
+const M = C({
+  name: "AtColumn",
+  props: {
+    field: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      required: !0
+    },
+    withMaxMinFilter: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  setup(n) {
+    const o = u("bottom"), { updateColumn: c } = f("columns", {
+      updateColumn: () => {
+      }
+    }), d = u(
+      []
+    ), i = f("tableData", d), b = f("alignColumns", "left"), p = u(b), g = () => {
+      o.value = o.value === "top" ? "bottom" : "top", v();
+    };
+    /* istanbul ignore next -- @preserve */
+    const v = () => {
+      if (o.value === "bottom") {
+        const l = [...i.value].sort((r, a) => {
+          const t = r[n.field], e = a[n.field];
+          if (typeof t == "string" && typeof e == "string")
+            return t.localeCompare(e);
+          const s = Number(t), m = Number(e);
+          return s < m ? -1 : s > m ? 1 : 0;
+        });
+        i.value = l;
+      } else if (o.value === "top") {
+        const l = [...i.value].sort((r, a) => {
+          const t = r[n.field], e = a[n.field];
+          if (typeof t == "string" && typeof e == "string")
+            return e.localeCompare(t);
+          if (typeof t == "number" && typeof e == "number") {
+            if (t > e)
+              return -1;
+            if (t < e)
+              return 1;
+          }
+          return 0;
+        });
+        i.value = l;
+      }
+    };
+    return y(() => {
+      c(n.field);
+    }), {
+      alignColumns: p,
+      filterSvg: F,
+      orientation: o,
+      onClick: g
+    };
+  }
+});
+export {
+  M as default
+};

package/dist/DataTable/Column/Column.vue3.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/dist/DataTable/Column/imgs/filter.svg.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjgzNF8xMjIyMSkiPg0KICAgICAgICA8cGF0aA0KICAgICAgICAgICAgZD0iTTE0LjAwMDcgMC41ODMzMzNDMTQuMDAwNyAwLjkwNTkxNyAxMy43Mzk0IDEuMTY2NjcgMTMuNDE3NCAxLjE2NjY3SDUuODM0MDNDNS41MTIwMyAxLjE2NjY3IDUuMjUwNjkgMC45MDU5MTcgNS4yNTA2OSAwLjU4MzMzM0M1LjI1MDY5IDAuMjYwNzUgNS41MTIwMyAwIDUuODM0MDMgMEgxMy40MTc0QzEzLjczOTQgMCAxNC4wMDA3IDAuMjYwNzUgMTQuMDAwNyAwLjU4MzMzM1pNMTEuNjY3NCAyLjkxNjY3SDUuODM0MDNDNS41MTIwMyAyLjkxNjY3IDUuMjUwNjkgMy4xNzc0MiA1LjI1MDY5IDMuNUM1LjI1MDY5IDMuODIyNTggNS41MTIwMyA0LjA4MzMzIDUuODM0MDMgNC4wODMzM0gxMS42Njc0QzExLjk4OTQgNC4wODMzMyAxMi4yNTA3IDMuODIyNTggMTIuMjUwNyAzLjVDMTIuMjUwNyAzLjE3NzQyIDExLjk4OTQgMi45MTY2NyAxMS42Njc0IDIuOTE2NjdaTTkuOTE3MzYgNS44MzMzM0g1LjgzNDAzQzUuNTEyMDMgNS44MzMzMyA1LjI1MDY5IDYuMDk0MDggNS4yNTA2OSA2LjQxNjY3QzUuMjUwNjkgNi43MzkyNSA1LjUxMjAzIDcgNS44MzQwMyA3SDkuOTE3MzZDMTAuMjM5NCA3IDEwLjUwMDcgNi43MzkyNSAxMC41MDA3IDYuNDE2NjdDMTAuNTAwNyA2LjA5NDA4IDEwLjIzOTQgNS44MzMzMyA5LjkxNzM2IDUuODMzMzNaTTguMTY3MzYgOC43NUg1LjgzNDAzQzUuNTEyMDMgOC43NSA1LjI1MDY5IDkuMDEwNzUgNS4yNTA2OSA5LjMzMzMzQzUuMjUwNjkgOS42NTU5MiA1LjUxMjAzIDkuOTE2NjcgNS44MzQwMyA5LjkxNjY3SDguMTY3MzZDOC40ODkzNiA5LjkxNjY3IDguNzUwNjkgOS42NTU5MiA4Ljc1MDY5IDkuMzMzMzNDOC43NTA2OSA5LjAxMDc1IDguNDg5MzYgOC43NSA4LjE2NzM2IDguNzVaTTQuNDk2NDQgMTEuMjU0M0wzLjUwMDY5IDEyLjI1VjAuNTgzMzMzQzMuNTAwNjkgMC4yNjA3NSAzLjIzOTM2IDAgMi45MTczNiAwQzIuNTk1MzYgMCAyLjMzNDAzIDAuMjYwNzUgMi4zMzQwMyAwLjU4MzMzM1YxMi4yNUwxLjMzNzY5IDExLjI1MzdDMS4xMDk2MSAxMS4wMjU2IDAuNzQwOTQzIDExLjAyNTYgMC41MTI4NTkgMTEuMjUzN0MwLjI4NDc3NiAxMS40ODE4IDAuMjg0Nzc2IDExLjg1MDQgMC41MTI4NTkgMTIuMDc4NUwyLjA5MTk0IDEzLjY1NzZDMi4zMTk0NCAxMy44ODUxIDIuNjE4MTEgMTMuOTk4OCAyLjkxNzM2IDEzLjk5ODhDMy4yMTY2MSAxMy45OTg4IDMuNTE0NjkgMTMuODg1MSAzLjc0MjE5IDEzLjY1NzZMNS4zMjEyOCAxMi4wNzg1QzUuNTQ5MzYgMTEuODUwNCA1LjU0OTM2IDExLjQ4MTggNS4zMjEyOCAxMS4yNTM3QzUuMDkzMTkgMTEuMDI1NiA0LjcyNDUzIDExLjAyNjIgNC40OTY0NCAxMS4yNTQzWiINCiAgICAgICAgICAgIGZpbGw9IndoaXRlIiAvPg0KICAgIDwvZz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8yODM0XzEyMjIxIj4NCiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIC8+DQogICAgICAgIDwvY2xpcFBhdGg+DQogICAgPC9kZWZzPg0KPC9zdmc+";
+export {
+  M as default
+};

package/dist/DataTable/Counters/Counters.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     closeIcon: string;
     checkIfContainerIsWithinViewport: () => void;
     onDispatchEvent: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: () => CountersProps["columns"];
         required: true;