@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/ColorPicker/ColorPicker.vue2.js

@@ -0,0 +1,180 @@
+import { defineComponent as F, reactive as O, computed as $, watch as I, onMounted as N, toRefs as x } from "vue";
+import B from "../Button/Button.vue.js";
+import R from "./ColorPicker.Saturation.vue.js";
+const _ = F({
+  name: "AtColorPicker",
+  components: {
+    AtSaturation: R,
+    AtButton: B
+  },
+  props: {
+    colorsUser: {
+      default: () => ["#B565D2"],
+      type: Array,
+      validator: (l) => Array.isArray(l) ? (l.length === 0 && l.push("#B565D2"), l.every((f) => typeof f == "string")) : !1
+    },
+    colorUser: {
+      type: String,
+      default: () => "#B565D2",
+      validator: (l) => typeof l == "string"
+    },
+    isOpen: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      default: () => "relative",
+      validator: (l) => typeof l == "string" && ["absolute", "relative", "fixed", "sticky", "static"].includes(l)
+    }
+  },
+  emits: ["colorsChanged", "selectColorUser", "isOpenChanged"],
+  setup(l, { emit: f }) {
+    const e = O({
+      selectedColorHue: 0,
+      oldHue: 0,
+      oldColor: "",
+      color: l.colorUser,
+      colors: {},
+      colorInput: "",
+      colorListUser: l.colorsUser,
+      coloring: $(() => e.color ? d() : null)
+    }), d = () => {
+      if (e.color) {
+        const o = b(e.color), r = y(o.r, o.g, o.b), t = v(o.r, o.g, o.b);
+        return {
+          hex: e.color,
+          hsl: r,
+          hsv: t,
+          a: 1
+        };
+      }
+    }, b = (o) => {
+      o = o.replace(/^#/, "");
+      let r, t, s;
+      if (o.length === 3)
+        r = Number.parseInt(o[0] + o[0], 16), t = Number.parseInt(o[1] + o[1], 16), s = Number.parseInt(o[2] + o[2], 16);
+      else if (o.length === 6)
+        r = Number.parseInt(o.substring(0, 2), 16), t = Number.parseInt(o.substring(2, 4), 16), s = Number.parseInt(o.substring(4, 6), 16);
+      else
+        throw new Error("Invalid hexadecimal color format");
+      return { r, g: t, b: s };
+    }, y = (o, r, t) => {
+      let s = 0, i = 0, u = 0;
+      o = h(o, 255), r = h(r, 255), t = h(t, 255);
+      const c = Math.max(o, r, t), a = Math.min(o, r, t);
+      if (u = (c + a) / 2, c === a)
+        s = i = 0;
+      else {
+        const n = c - a;
+        switch (i = u > 0.5 ? n / (2 - c - a) : n / (c + a), c) {
+          case o:
+            s = (r - t) / n + (r < t ? 6 : 0);
+            break;
+          case r:
+            s = (t - o) / n + 2;
+            break;
+          case t:
+            s = (o - r) / n + 4;
+            break;
+        }
+        s /= 6;
+      }
+      return {
+        h: s * 360,
+        s: i,
+        l: u,
+        a: 1
+      };
+    }, v = (o, r, t) => {
+      let s = 0, i = 0, u = 0;
+      o = h(o, 255), r = h(r, 255), t = h(t, 255);
+      const c = Math.max(o, r, t), a = Math.min(o, r, t);
+      u = c;
+      const n = c - a;
+      if (i = c === 0 ? 0 : n / c, c === a)
+        s = 0;
+      else {
+        switch (c) {
+          case o:
+            s = (r - t) / n + (r < t ? 6 : 0);
+            break;
+          case r:
+            s = (t - o) / n + 2;
+            break;
+          case t:
+            s = (o - r) / n + 4;
+            break;
+        }
+        s /= 6;
+      }
+      return e.color.includes("#FFFFFF") || e.color.includes("#000000") ? s = e.selectedColorHue : s = s * 360, {
+        h: s,
+        s: i,
+        v: u,
+        a: 1
+      };
+    }, M = (o) => {
+      const r = o / 360, t = e.colors.hsl.s, s = e.colors.hsl.l;
+      let i, u, c;
+      if (t === 0)
+        i = u = c = s;
+      else {
+        const n = (U, g, p) => (p < 0 && (p += 1), p > 1 && (p -= 1), p < 0.16666666666666666 ? U + (g - U) * 6 * p : p < 0.5 ? g : p < 0.6666666666666666 ? U + (g - U) * (0.6666666666666666 - p) * 6 : U), C = s < 0.5 ? s * (1 + t) : s + t - s * t, m = 2 * s - C;
+        i = n(m, C, r + 1 / 3), u = n(m, C, r), c = n(m, C, r - 1 / 3);
+      }
+      const a = (n) => {
+        const C = Math.round(n * 255).toString(16);
+        return C.length === 1 ? `0${C}` : C;
+      };
+      return `#${a(i)}${a(u)}${a(c)}`;
+    }, h = (o, r) => (o = Math.min(r, Math.max(0, o)), Math.abs(o - r) < 1e-6 ? 1 : o % r / r), k = (o) => {
+      e.oldColor = o.toUpperCase(), e.colorInput = o.toUpperCase();
+    }, H = () => /^[0-9A-F]{6}$/i.test(e.colorInput.toUpperCase().replace("#", "")) ? (e.color = e.oldColor = `#${e.colorInput.toUpperCase().replace("#", "")}`, e.colors = d(), !0) : !1, L = () => {
+      const o = `#${e.colorInput}`, r = e.colorListUser.indexOf(o);
+      r !== -1 && e.colorListUser.splice(r, 1), e.colorListUser.length >= 10 && e.colorListUser.shift(), e.colorListUser.push(o), e.color = e.oldColor = o, f("colorsChanged", e.colorListUser), f("selectColorUser", o), f("isOpenChanged", !l.isOpen);
+    }, w = () => {
+      f("colorsChanged", l.colorsUser), f("selectColorUser", l.colorUser), f("isOpenChanged", !l.isOpen);
+    }, A = (o) => {
+      e.color = o, e.oldColor = o;
+      const r = d();
+      r !== void 0 && (e.selectedColorHue = r.hsv.h), e.colorInput = o;
+    };
+    return I(
+      () => e.selectedColorHue,
+      (o, r) => {
+        H() && (e.color = e.oldColor = e.colorInput, e.colors = d()), e.oldHue === 0 ? (e.color = l.colorUser, e.colors = d(), e.oldHue = r, e.colorInput = e.color.replace("#", "").toUpperCase()) : o !== r && (e.color = e.oldColor = M(o), e.colorInput = e.color.replace("#", "").toUpperCase(), e.colors = d());
+      },
+      { immediate: !0 }
+    ), I(
+      () => e.color,
+      () => {
+        var o;
+        e.color = e.color.toUpperCase(), e.oldColor = e.color.toUpperCase(), e.colors = d(), e.selectedColorHue = (o = e.colors) == null ? void 0 : o.hsv.h;
+      },
+      { immediate: !0 }
+    ), I(
+      () => e.colorInput,
+      (o) => {
+        e.colorInput = o.replace("#", "").toUpperCase();
+      },
+      { immediate: !0 }
+    ), N(() => {
+      e.colors = d(), e.selectedColorHue = e.colors.hsv.h, e.color = l.colorUser, e.colorInput = l.colorUser.replace("#", ""), e.colorListUser = l.colorsUser;
+    }), {
+      ...x(e),
+      applyColoring: d,
+      hexToRgb: b,
+      rgbToHsl: y,
+      bound01: h,
+      handleColorChange: k,
+      validateHexInput: H,
+      updateColorsUser: L,
+      cancelColorsUser: w,
+      selectedColor: A
+    };
+  }
+});
+export {
+  _ as default
+};

package/dist/ColorPicker/ColorPicker.vue3.js

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

package/dist/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorPicker, type AtColorPickerProps, } from './ColorPicker';

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

@@ -0,0 +1,37 @@
+import { PropType, Ref } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    withMaxMinFilter: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, {
+    alignColumns: Ref<"center" | "left" | "right">;
+    filterSvg: string;
+    orientation: Ref<"top" | "bottom">;
+    toggleOrientation: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    withMaxMinFilter: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}>>, {
+    withMaxMinFilter: boolean;
+}, {}>;
+export default _default;

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 e, 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 u = ["data-align-columns", "data-filterable"], f = { class: "slot" }, p = ["data-orientation", "data-filterable"], c = ["src"];
+function g(t, o, b, h, M, _) {
+  return a(), l("th", {
+    role: "columnheader",
+    class: "column",
+    "data-align-columns": t.alignColumns,
+    "data-filterable": t.withMaxMinFilter
+  }, [
+    e("div", f, [
+      e("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: o[0] || (o[0] = (...i) => t.toggleOrientation && t.toggleOrientation(...i))
+      }, [
+        e("img", {
+          src: t.filterSvg,
+          alt: "Botão para filtrar valor"
+        }, null, 8, c)
+      ], 8, p)) : s("", !0),
+      d(t.$slots, "default", {}, void 0, !0)
+    ])
+  ], 8, u);
+}
+const w = /* @__PURE__ */ m(n, [["render", g], ["__scopeId", "data-v-989b4dde"]]);
+export {
+  w as default
+};

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

@@ -0,0 +1,96 @@
+import { defineComponent as h, ref as l, inject as p, watch as C, onMounted as x } from "vue";
+import A from "./imgs/filter.svg.js";
+const N = h({
+  name: "AtColumn",
+  props: {
+    field: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      required: !0
+    },
+    withMaxMinFilter: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  setup(a) {
+    const o = l("top"), { updateColumn: f } = p("columns", {
+      updateColumn: () => {
+      }
+    }), y = l(
+      []
+    ), s = p("tableData", y), g = p("alignColumns", "left"), b = l(g), d = () => {
+      o.value = o.value === "bottom" ? "top" : "bottom";
+    };
+    C(
+      () => o.value,
+      () => {
+        v();
+      }
+    );
+    const u = (t) => {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (Array.isArray(t) && t.length > 0) {
+        const e = t[0];
+        if (typeof e == "string" || typeof e == "number")
+          return e;
+        if (e && e.children && Array.isArray(e.children))
+          return e.children.map((i) => typeof i == "string" ? i : "").join("");
+        if ("text" in e.props)
+          return e.props.text ? e.props.text : "";
+      } else {
+        if (t && t.children && Array.isArray(t.children))
+          return t.children.map((e) => typeof e == "string" ? e : "").join("");
+        if (t && t.children && typeof t.children == "string")
+          return t.children;
+        if (t && t.props) {
+          if ("modelValue" in t.props)
+            return t.props.modelValue ? 1 : 0;
+          if ("text" in t.props)
+            return t.props.text ? t.props.text : "";
+        }
+      }
+      return "";
+    }, v = () => {
+      if (o.value === "bottom") {
+        const t = [...s.value].sort((e, i) => {
+          const r = u(e[a.field]), n = u(i[a.field]);
+          if (typeof r == "string" && typeof n == "string")
+            return r.localeCompare(n);
+          const c = Number(r), m = Number(n);
+          return c < m ? -1 : c > m ? 1 : 0;
+        });
+        s.value = t;
+      } else if (o.value === "top") {
+        const t = [...s.value].sort((e, i) => {
+          const r = u(e[a.field]), n = u(i[a.field]);
+          if (typeof r == "string" && typeof n == "string")
+            return n.localeCompare(r);
+          if (typeof r == "number" && typeof n == "number") {
+            if (r > n)
+              return -1;
+            if (r < n)
+              return 1;
+          }
+          return 0;
+        });
+        s.value = t;
+      }
+    };
+    return x(() => {
+      f(a.field);
+    }), {
+      alignColumns: b,
+      filterSvg: A,
+      orientation: o,
+      toggleOrientation: d
+    };
+  }
+});
+export {
+  N as default
+};

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

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

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

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

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

@@ -0,0 +1,41 @@
+export interface CountersProps {
+    list: Array<any>;
+    columns: Array<{
+        label: string;
+        key: string;
+    }>;
+}
+declare const _default: import('vue').DefineComponent<{
+    columns: {
+        type: () => CountersProps["columns"];
+        required: true;
+    };
+    list: {
+        type: () => CountersProps["list"];
+        required: true;
+    };
+}, {
+    isOpened: import('vue').Ref<boolean>;
+    toggleClick: () => void;
+    handleClose: () => void;
+    countersQuantityRef: import('vue').Ref<HTMLElement | null>;
+    computedItems: import('vue').ComputedRef<{
+        label: string;
+        key: string;
+        value: any[];
+    }[]>;
+    itemsRef: import('vue').Ref<HTMLElement | null>;
+    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<{
+    columns: {
+        type: () => CountersProps["columns"];
+        required: true;
+    };
+    list: {
+        type: () => CountersProps["list"];
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/DataTable/Counters/Counters.vue.js

@@ -0,0 +1,44 @@
+import d from "./Counters.vue2.js";
+import { openBlock as o, createElementBlock as s, toDisplayString as r, createCommentVNode as a, createElementVNode as c, Fragment as i, renderList as u } from "vue";
+import "./Counters.vue3.js";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "at-counters_container" }, f = {
+  key: 1,
+  ref: "itemsRef",
+  class: "at-counters_items"
+}, k = ["src"], _ = {
+  class: "at-counters_item-label",
+  style: { "margin-bottom": "10px" }
+};
+function g(e, n, y, C, h, v) {
+  return o(), s("div", m, [
+    e.list.length ? (o(), s("span", {
+      key: 0,
+      ref: "countersQuantityRef",
+      class: "at-counters_quantity",
+      onClick: n[0] || (n[0] = (...t) => e.toggleClick && e.toggleClick(...t))
+    }, " +" + r(e.list.length), 513)) : a("", !0),
+    e.isOpened ? (o(), s("div", f, [
+      c("img", {
+        src: e.closeIcon,
+        alt: "ícone para fechar o componente",
+        class: "at-counters_close",
+        onClick: n[1] || (n[1] = (...t) => e.handleClose && e.handleClose(...t))
+      }, null, 8, k),
+      (o(!0), s(i, null, u(e.computedItems, (t) => (o(), s("div", {
+        key: t.label,
+        class: "at-counters_item"
+      }, [
+        c("h3", _, r(t.label), 1),
+        (o(!0), s(i, null, u(t.value, (l) => (o(), s("span", {
+          key: l[t.key],
+          class: "at-counters_item-value"
+        }, r(l[t.key]), 1))), 128))
+      ]))), 128))
+    ], 512)) : a("", !0)
+  ]);
+}
+const I = /* @__PURE__ */ p(d, [["render", g], ["__scopeId", "data-v-fc8c9c30"]]);
+export {
+  I as default
+};

package/dist/DataTable/Counters/Counters.vue2.js

@@ -0,0 +1,71 @@
+import { defineComponent as p, ref as c, computed as y, watchEffect as w, onMounted as h, onBeforeUnmount as k } from "vue";
+import C from "./imgs/close.svg.js";
+const I = p({
+  name: "AtCounters",
+  props: {
+    columns: {
+      type: Array,
+      required: !0
+    },
+    list: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(r) {
+    const n = c(null), d = c(null), f = y(() => {
+      var t;
+      return (t = r.columns) == null ? void 0 : t.map((e) => {
+        var s;
+        return {
+          label: e.label,
+          key: e.key,
+          value: (s = r.list) == null ? void 0 : s.filter((i) => i[e.key])
+        };
+      });
+    });
+    /* istanbul ignore next -- @preserve */
+    const u = () => {
+      if (!n.value)
+        return;
+      const t = n.value.getBoundingClientRect();
+      t.right > window.innerWidth && (n.value.style.right = "2rem"), t.bottom > window.innerHeight && (n.value.style.bottom = "2rem"), t.left < 0 && (n.value.style.left = "2rem"), t.top < 0 && (n.value.style.top = "2rem");
+    }, o = c(!1), m = () => {
+      document.dispatchEvent(
+        new CustomEvent("at-counters:opened", {
+          detail: {
+            isOpened: !1
+          }
+        })
+      ), o.value = !o.value;
+    }, v = () => {
+      o.value = !1;
+    }, a = (t) => {
+      var s, i;
+      const e = t.target;
+      !((s = e == null ? void 0 : e.closest) != null && s.call(e, ".at-counters_container")) && !((i = e == null ? void 0 : e.closest) != null && i.call(e, ".at-counters_items")) && (o.value = !1);
+    }, l = (t) => {
+      o.value = t.detail.isOpened;
+    };
+    return w(() => {
+      o.value && u();
+    }), h(() => {
+      window.addEventListener("at-counters:opened", l), document.addEventListener("click", a);
+    }), k(() => {
+      window.removeEventListener("at-counters:opened", l), document.removeEventListener("click", a);
+    }), {
+      isOpened: o,
+      toggleClick: m,
+      handleClose: v,
+      countersQuantityRef: d,
+      computedItems: f,
+      itemsRef: n,
+      closeIcon: C,
+      checkIfContainerIsWithinViewport: u,
+      onDispatchEvent: l
+    };
+  }
+});
+export {
+  I as default
+};

package/dist/DataTable/Counters/Counters.vue3.js

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

package/dist/DataTable/Counters/imgs/close.svg.js

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