@agrotools1/at-components 0.6.5-6.1 → 0.6.7

package/dist/Paginator/Paginator.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as k, ref as m, computed as v, watch as b } from "vue";
-import y from "./imgs/double-left-arrow.svg.js";
-import C from "./imgs/double-right-arrow.svg.js";
-import V from "./imgs/left-arrow.svg.js";
-import w from "./imgs/right-arrow.svg.js";
-const A = k({
+import { defineComponent as p, ref as f, computed as o } from "vue";
+import P from "./imgs/double-left-arrow.svg.js";
+import k from "./imgs/double-right-arrow.svg.js";
+import b from "./imgs/left-arrow.svg.js";
+import C from "./imgs/right-arrow.svg.js";
+const w = p({
   name: "AtPaginator",
   props: {
     total: {
@@ -17,80 +17,77 @@ const A = k({
     disable: {
       type: Boolean,
       default: !1
-    },
-    modelValue: {
-      type: Number,
-      default: 1
     }
   },
   emits: {
-    "update:activePage": (l) => typeof l == "number"
+    "update:activePage": (a) => typeof a == "number"
   },
-  setup(l, i) {
-    const t = m(0), a = m(l.modelValue), r = v(() => l.disable), f = v(() => l.modelValue), d = v(
-      () => Array.from({ length: l.total }, (e, u) => u + 1)
-    ), n = v(() => {
-      const e = d.value, u = [];
-      for (let o = 0; o < e.length; o += l.pageSize)
-        u.push(e.slice(o, o + l.pageSize));
-      return u;
-    }), g = v(() => n.value[t.value]), h = () => {
+  setup(a, n) {
+    const t = f(0), e = f(1), r = o(() => a.disable), h = o(
+      () => Array.from({ length: a.total }, (u, l) => l + 1)
+    ), i = o(() => {
+      const u = h.value, l = [];
+      for (let s = 0; s < u.length; s += a.pageSize)
+        l.push(u.slice(s, s + a.pageSize));
+      return l;
+    }), g = o(() => i.value[t.value]), m = () => {
       if (r.value)
         return;
-      const e = n.value[t.value];
-      if (a.value === e[0]) {
-        if (a.value === 1)
+      const u = i.value[t.value];
+      if (e.value === u[0]) {
+        if (e.value === 1)
           return;
         c();
         return;
       }
-      a.value = a.value - 1, i.emit("update:activePage", a.value);
-    }, p = () => {
+      e.value = e.value - 1, n.emit("update:activePage", e.value);
+    }, d = () => {
       if (r.value)
         return;
-      const e = n.value[t.value], u = e[e.length - 1];
-      if (a.value === u) {
-        if (t.value >= n.value.length)
+      const u = i.value[t.value], l = u[u.length - 1];
+      if (e.value === l) {
+        if (t.value >= i.value.length)
           return;
-        s();
+        v();
         return;
       }
-      a.value = a.value + 1, i.emit("update:activePage", a.value);
-    }, s = () => {
-      r.value || (t.value = t.value + 1, a.value = n.value[t.value][0], i.emit("update:activePage", a.value));
+      e.value = e.value + 1, n.emit("update:activePage", e.value);
+    }, v = () => {
+      r.value || (t.value = t.value + 1, e.value = i.value[t.value][0], n.emit("update:activePage", e.value));
     }, c = () => {
       if (r.value)
         return;
       t.value = t.value - 1;
-      const e = n.value[t.value];
-      a.value = e[e.length - 1], i.emit("update:activePage", a.value);
-    }, P = (e) => {
-      if (r.value)
-        return;
-      const u = n.value.findIndex((o) => o.includes(e));
-      t.value = u === -1 ? 0 : u, a.value = e, i.emit("update:activePage", e);
+      const u = i.value[t.value];
+      e.value = u[u.length - 1], n.emit("update:activePage", e.value);
     };
-    return b(f, (e) => {
-      P(e);
-    }), {
-      activePage: a,
+    return {
+      activePage: e,
       activeChunk: t,
-      pageChunks: n,
+      pageChunks: i,
       isDisabled: r,
       pages: g,
       icons: {
-        arrowLeft: V,
-        arrowRight: w,
-        doubleLeft: y,
-        doubleRight: C
+        arrowLeft: b,
+        arrowRight: C,
+        doubleLeft: P,
+        doubleRight: k
       },
-      nextChunk: s,
-      nextPage: p,
-      previousPage: h,
+      nextChunk: v,
+      nextPage: d,
+      previousPage: m,
       previousChunk: c
     };
+  },
+  methods: {
+    setPage(a) {
+      if (this.isDisabled || a === this.activePage)
+        return;
+      const n = this.pageChunks.findIndex((t) => t.includes(a));
+      this.activeChunk = n === -1 ? 0 : n, this.activePage = a, this.$emit("update:activePage", a);
+    }
   }
 });
 export {
-  A as default
+  w as default
 };

package/dist/Paginator/Paginator.vue3.js

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

package/dist/Select/Single/Select.single.d.ts

@@ -28,6 +28,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     error: {
         type: ObjectConstructor;
         default: () => void;
@@ -73,6 +77,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     error: {
         type: ObjectConstructor;
         default: () => void;
@@ -83,6 +91,7 @@ declare const _default: import('vue').DefineComponent<{
     required: boolean;
     label: string;
     error: Record<string, any>;
+    disabled: boolean;
     modelValue: string | SelectItemProps;
     items: SelectItemProps[];
     emitValue: boolean;

package/dist/Select/Single/Select.single.vue.js

@@ -1,49 +1,52 @@
-import u from "./Select.single.vue2.js";
-import { resolveComponent as l, openBlock as t, createElementBlock as r, createVNode as d, withModifiers as c, Fragment as f, renderList as v, createBlock as C, createCommentVNode as k } from "vue";
+import p from "./Select.single.vue2.js";
+import { resolveComponent as t, openBlock as o, createElementBlock as l, createVNode as u, withModifiers as c, Fragment as v, renderList as f, createBlock as C, createCommentVNode as b } from "vue";
 import "./Select.single.vue3.js";
-import m from "../../_virtual/_plugin-vue_export-helper.js";
-function g(e, o, A, I, S, y) {
-  const i = l("AtSingleCore"), s = l("AtItem");
-  return t(), r("div", {
+import k from "../../_virtual/_plugin-vue_export-helper.js";
+const m = ["aria-disabled"];
+function g(e, n, A, I, S, y) {
+  const i = t("AtSingleCore"), s = t("AtItem");
+  return o(), l("div", {
     ref: "containerRef",
     class: "AT-SELECT_wrapper",
-    onClick: o[1] || (o[1] = (n) => {
+    "aria-disabled": e.disabled,
+    onClick: n[1] || (n[1] = (a) => {
       e.open = !e.open, e.rotateIcon();
     })
   }, [
-    d(i, {
+    u(i, {
       value: e.selectedValue,
       required: e.required,
+      disabled: e.disabled,
       label: e.label,
       items: e.items
-    }, null, 8, ["value", "required", "label", "items"]),
-    e.open ? (t(), r("div", {
+    }, null, 8, ["value", "required", "disabled", "label", "items"]),
+    e.open ? (o(), l("div", {
       key: 0,
       role: "group",
       "aria-orientation": "vertical",
       tabindex: "-1",
       class: "AT-SELECT_items-container",
-      onClick: o[0] || (o[0] = c((n) => {
+      onClick: n[0] || (n[0] = c((a) => {
         e.open = !1, e.rotateIcon();
       }, ["stop"]))
     }, [
-      (t(!0), r(f, null, v(e.items, (n) => (t(), C(s, {
-        key: n.value,
-        text: n.text,
-        value: n.value,
-        type: n.type,
-        icon: n.icon,
-        "aria-selected": n.value === e.valueOfModel,
-        "data-text": n.text,
-        "on-click": async (p) => {
-          var a;
-          e.isInternalChange = !0, await e.onSelectedValueChange(n), (a = n.onClick) == null || a.call(n, p), e.isInternalChange = !1;
+      (o(!0), l(v, null, f(e.items, (a) => (o(), C(s, {
+        key: a.value,
+        text: a.text,
+        value: a.value,
+        type: a.type,
+        icon: a.icon,
+        "aria-selected": a.value === e.valueOfModel,
+        "data-text": a.text,
+        "on-click": async (d) => {
+          var r;
+          e.isInternalChange = !0, await e.onSelectedValueChange(a), (r = a.onClick) == null || r.call(a, d), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "type", "icon", "aria-selected", "data-text", "on-click"]))), 128))
-    ])) : k("", !0)
-  ], 512);
+    ])) : b("", !0)
+  ], 8, m);
 }
-const V = /* @__PURE__ */ m(u, [["render", g], ["__scopeId", "data-v-323bf049"]]);
+const q = /* @__PURE__ */ k(p, [["render", g], ["__scopeId", "data-v-a9cd00e1"]]);
 export {
-  V as default
+  q as default
 };

package/dist/Select/Single/Select.single.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as y, ref as r, provide as c, watch as d, computed as p } from "vue";
-import g from "../Item/Item.vue.js";
-import A from "../Select.core.vue.js";
-const q = y({
+import { defineComponent as p, ref as u, provide as f, watch as c, computed as g, onMounted as A } from "vue";
+import S from "../Item/Item.vue.js";
+import V from "../Select.core.vue.js";
+const O = p({
   name: "AtSingleSelect",
   components: {
-    AtSingleCore: A,
-    AtItem: g
+    AtSingleCore: V,
+    AtItem: S
   },
   props: {
     modelValue: {
@@ -25,12 +25,16 @@ const q = y({
     items: {
       type: Array,
       default: () => [],
-      validator: (t) => Array.isArray(t) && t.every((n) => typeof n == "object")
+      validator: (t) => Array.isArray(t) && t.every((i) => typeof i == "object")
     },
     emitValue: {
       type: Boolean,
       default: !1
     },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
     error: {
       type: Object,
       default: () => {
@@ -38,25 +42,31 @@ const q = y({
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: n }) {
-    const i = r(null), u = r(!1), a = r(t.modelValue), o = r(!1);
-    c("error", t.error), d(t.error, () => c("error", t.error));
+  setup(t, { emit: i }) {
+    const o = u(null), r = u(!1), a = u(t.modelValue), n = u(!1);
+    f("error", t.error), c(t.error, () => f("error", t.error));
     const s = (e) => {
-      a.value = e, u.value = !1, f(), n(
+      a.value = e, r.value = !1, d(), i(
         "update:modelValue",
         t.emitValue ? a.value.value : a.value
       );
-    }, m = p(() => {
+    }, v = g(() => {
       var e;
       return typeof a.value == "string" ? a.value : (e = a.value) == null ? void 0 : e.value;
     });
-    d(
+    function m(e) {
+      var l;
+      r.value === !0 && !((l = o == null ? void 0 : o.value) != null && l.contains(e.target)) && (r.value = !1);
+    }
+    A(() => {
+      document.addEventListener("click", m);
+    }), c(
       () => t.modelValue,
       async (e) => {
-        if (o.value)
+        if (n.value)
           return;
         const l = t.items.find(
-          (v) => v.value === (typeof e == "string" ? e : e.value)
+          (y) => y.value === (typeof e == "string" ? e : e.value)
         );
         if (!l) {
           console.warn(
@@ -64,25 +74,25 @@ const q = y({
           ), a.value = "";
           return;
         }
-        o.value = !0, await s(l), o.value = !1;
+        n.value = !0, await s(l), n.value = !1;
       }
     );
-    const f = () => {
+    const d = () => {
       var l;
-      const e = (l = i.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
-      e instanceof HTMLElement && e.setAttribute("data-rotate", u.value.toString());
+      const e = (l = o.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
+      e instanceof HTMLElement && e.setAttribute("data-rotate", r.value.toString());
     };
     return {
       onSelectedValueChange: s,
       selectedValue: a,
-      open: u,
-      valueOfModel: m,
-      containerRef: i,
-      isInternalChange: o,
-      rotateIcon: f
+      open: r,
+      valueOfModel: v,
+      containerRef: o,
+      isInternalChange: n,
+      rotateIcon: d
     };
   }
 });
 export {
-  q as default
+  O as default
 };

package/dist/Select/index.d.ts

@@ -28,6 +28,10 @@ export declare const AtSelect: {
             type: BooleanConstructor;
             default: boolean;
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         error: {
             type: ObjectConstructor;
             default: () => void;
@@ -73,6 +77,10 @@ export declare const AtSelect: {
             type: BooleanConstructor;
             default: boolean;
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         error: {
             type: ObjectConstructor;
             default: () => void;
@@ -83,6 +91,7 @@ export declare const AtSelect: {
         required: boolean;
         label: string;
         error: Record<string, any>;
+        disabled: boolean;
         modelValue: string | ISelectItemProps;
         items: ISelectItemProps[];
         emitValue: boolean;

package/dist/agrotools-theme.css

@@ -1,4 +1,4 @@
-:root{--at-primary-color-1: rgba(85, 0, 115, 1);--at-primary-color-2: rgba(181, 101, 210, 1);--at-primary-color-3: rgba(251, 166, 255, 1);--at-primary-color-header: rgba(225, 206, 232, 1);--at-secondary-color-1: rgba(40, 42, 143, 1);--at-secondary-color-2: rgba(135, 118, 232, 1);--at-secondary-color-3: rgba(204, 181, 255, 1);--at-tertiary-color-1: rgba(123, 51, 226, 1);--at-tertiary-color-2: rgba(182, 130, 243, 1);--at-tertiary-color-3: rgba(228, 194, 255, 1);--at-black: rgba(22, 22, 23, 1);--at-dark-grey: #a0a0a0;--at-medium-grey: rgba(214, 214, 214, 1);--at-light-grey: #f1f1f1;--at-background: #fcfcfc;--at-white: rgba(255, 255, 255, 1);--at-hover: rgba(225, 206, 232, 1);--at-line: rgba(241, 237, 242, 1);--at-disabled-background: rgba(214, 214, 214, 1);--at-disabled-text: rgba(160, 160, 160, 1);--at-error: rgba(203, 74, 80, 1);--at-light-error: rgba(243, 232, 232, 1);--at-success: rgba(127, 202, 115, 1);--at-light-success: rgba(232, 243, 232, 1);--at-warning: rgba(238, 204, 85, 1);--at-light-warning: rgba(246, 242, 206, 1);--at-info: rgba(84, 186, 210, 1);--at-light-info: rgba(232, 241, 243, 1);--at-default-transition: all 0.2s;--at-primary-font-family: "Nunito", sans-serif;--at-background-divider: rgba(45, 47, 57, 1)}body{background:#f1f1f1 !important;font-family:"Nunito",sans-serif}:root{--at-primary-color-1: rgba(85, 0, 115, 1);--at-primary-color-2: rgba(181, 101, 210, 1);--at-primary-color-3: rgba(251, 166, 255, 1);--at-primary-color-header: rgba(225, 206, 232, 1);--at-secondary-color-1: rgba(40, 42, 143, 1);--at-secondary-color-2: rgba(135, 118, 232, 1);--at-secondary-color-3: rgba(204, 181, 255, 1);--at-tertiary-color-1: rgba(123, 51, 226, 1);--at-tertiary-color-2: rgba(182, 130, 243, 1);--at-tertiary-color-3: rgba(228, 194, 255, 1);--at-black: rgba(22, 22, 23, 1);--at-dark-grey: #a0a0a0;--at-medium-grey: rgba(214, 214, 214, 1);--at-light-grey: #f1f1f1;--at-background: #fcfcfc;--at-white: rgba(255, 255, 255, 1);--at-hover: rgba(225, 206, 232, 1);--at-line: rgba(241, 237, 242, 1);--at-disabled-background: rgba(214, 214, 214, 1);--at-disabled-text: rgba(160, 160, 160, 1);--at-error: rgba(203, 74, 80, 1);--at-light-error: rgba(243, 232, 232, 1);--at-success: rgba(127, 202, 115, 1);--at-light-success: rgba(232, 243, 232, 1);--at-warning: rgba(238, 204, 85, 1);--at-light-warning: rgba(246, 242, 206, 1);--at-info: rgba(84, 186, 210, 1);--at-light-info: rgba(232, 241, 243, 1);--at-default-transition: all 0.2s;--at-primary-font-family: "Nunito", sans-serif;--at-background-divider: rgba(45, 47, 57, 1)}.alert-s1{background-color:#282a8f;color:#fff}.alert-s2{background-color:#8776e8;color:#fff}.alert-s3{background-color:#ccb5ff;color:#fff}.alert-t1{background-color:#7b33e2;color:#fff}.alert-t2{background-color:#b682f3;color:#fff}.alert-t3{background-color:#e4c2ff;color:#fff}/*!
+:root{--at-primary-color-1: rgba(85, 0, 115, 1);--at-primary-color-2: rgba(181, 101, 210, 1);--at-primary-color-3: rgba(251, 166, 255, 1);--at-primary-color-header: rgba(225, 206, 232, 1);--at-secondary-color-1: rgba(40, 42, 143, 1);--at-secondary-color-2: rgba(135, 118, 232, 1);--at-secondary-color-3: rgba(204, 181, 255, 1);--at-tertiary-color-1: rgba(123, 51, 226, 1);--at-tertiary-color-2: rgba(182, 130, 243, 1);--at-tertiary-color-3: rgba(228, 194, 255, 1);--at-black: rgba(22, 22, 23, 1);--at-dark-grey: #a0a0a0;--at-medium-grey: rgba(214, 214, 214, 1);--at-light-grey: #f1f1f1;--at-background: #fcfcfc;--at-white: rgba(255, 255, 255, 1);--at-hover: rgba(225, 206, 232, 1);--at-line: rgba(241, 237, 242, 1);--at-disabled-background: rgba(214, 214, 214, 1);--at-disabled-text: rgba(160, 160, 160, 1);--at-error: rgba(203, 74, 80, 1);--at-light-error: rgba(243, 232, 232, 1);--at-success: rgba(127, 202, 115, 1);--at-light-success: rgba(232, 243, 232, 1);--at-warning: rgba(238, 204, 85, 1);--at-light-warning: rgba(246, 242, 206, 1);--at-info: rgba(84, 186, 210, 1);--at-light-info: rgba(232, 241, 243, 1);--at-default-transition: all 0.2s;--at-primary-font-family: "Nunito", sans-serif;--at-background-divider: rgba(45, 47, 57, 1)}:root{--at-primary-color-1: rgba(85, 0, 115, 1);--at-primary-color-2: rgba(181, 101, 210, 1);--at-primary-color-3: rgba(251, 166, 255, 1);--at-primary-color-header: rgba(225, 206, 232, 1);--at-secondary-color-1: rgba(40, 42, 143, 1);--at-secondary-color-2: rgba(135, 118, 232, 1);--at-secondary-color-3: rgba(204, 181, 255, 1);--at-tertiary-color-1: rgba(123, 51, 226, 1);--at-tertiary-color-2: rgba(182, 130, 243, 1);--at-tertiary-color-3: rgba(228, 194, 255, 1);--at-black: rgba(22, 22, 23, 1);--at-dark-grey: #a0a0a0;--at-medium-grey: rgba(214, 214, 214, 1);--at-light-grey: #f1f1f1;--at-background: #fcfcfc;--at-white: rgba(255, 255, 255, 1);--at-hover: rgba(225, 206, 232, 1);--at-line: rgba(241, 237, 242, 1);--at-disabled-background: rgba(214, 214, 214, 1);--at-disabled-text: rgba(160, 160, 160, 1);--at-error: rgba(203, 74, 80, 1);--at-light-error: rgba(243, 232, 232, 1);--at-success: rgba(127, 202, 115, 1);--at-light-success: rgba(232, 243, 232, 1);--at-warning: rgba(238, 204, 85, 1);--at-light-warning: rgba(246, 242, 206, 1);--at-info: rgba(84, 186, 210, 1);--at-light-info: rgba(232, 241, 243, 1);--at-default-transition: all 0.2s;--at-primary-font-family: "Nunito", sans-serif;--at-background-divider: rgba(45, 47, 57, 1)}.alert-s1{background-color:#282a8f;color:#fff}.alert-s2{background-color:#8776e8;color:#fff}.alert-s3{background-color:#ccb5ff;color:#fff}.alert-t1{background-color:#7b33e2;color:#fff}.alert-t2{background-color:#b682f3;color:#fff}.alert-t3{background-color:#e4c2ff;color:#fff}/*!
  * Bootstrap  v5.3.3 (https://getbootstrap.com/)
  * Copyright 2011-2024 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)