@agrotools1/at-components 1.0.67 → 1.0.68

package/dist/Input/Input.core.vue.js

@@ -1,19 +1,19 @@
-import I from "./Input.core.vue2.js";
-import { resolveComponent as v, openBlock as n, createElementBlock as l, createElementVNode as t, createTextVNode as p, toDisplayString as d, createCommentVNode as r, Fragment as C, renderList as k, mergeProps as T, normalizeClass as m, createBlock as i, resolveDynamicComponent as y } from "vue";
+import v from "./Input.core.vue2.js";
+import { resolveComponent as C, openBlock as n, createElementBlock as l, createElementVNode as t, createTextVNode as p, toDisplayString as i, createCommentVNode as r, Fragment as k, renderList as T, createBlock as d, resolveDynamicComponent as m, mergeProps as y, normalizeClass as I } from "vue";
 import "./Input.core.vue3.js";
-import $ from "../_virtual/_plugin-vue_export-helper.js";
-const f = ["data-mode", "has-error", "disabled"], h = ["for"], A = {
+import h from "../_virtual/_plugin-vue_export-helper.js";
+const $ = ["data-mode", "has-error", "disabled"], f = ["for"], A = {
   key: 0,
   class: "AT-INPUT_required"
-}, N = ["title"], b = { class: "AT-INPUT_item_slot" }, F = ["onClick"], O = {
+}, N = ["title"], P = { class: "AT-INPUT_item_slot" }, b = ["onClick"], F = {
   key: 0,
   class: "AT-INPUT_items_length"
-}, P = {
+}, U = {
   key: 1,
   class: "AT_INPUT_button_placeholder"
-}, g = ["id", "disabled", "readonly", "type", "placeholder", "name", "value"], U = ["data-mode"], B = ["src"];
-function M(e, s, S, z, E, w) {
-  const u = v("AtCloseSolidIcon");
+}, c = ["data-mode"], g = ["src"];
+function B(e, s, O, M, S, z) {
+  const a = C("AtCloseSolidIcon");
   return n(), l("div", null, [
     t("div", {
       ref: "wrapperEl",
@@ -21,85 +21,85 @@ function M(e, s, S, z, E, w) {
       "has-error": e.error.value,
       disabled: e.$props.disabled || void 0,
       class: "AT-INPUT_core",
-      onMouseover: s[9] || (s[9] = (...o) => e.handleMouseOver && e.handleMouseOver(...o)),
-      onMouseleave: s[10] || (s[10] = (...o) => e.handleMouseLeave && e.handleMouseLeave(...o))
+      onMouseover: s[6] || (s[6] = (...o) => e.handleMouseOver && e.handleMouseOver(...o)),
+      onMouseleave: s[7] || (s[7] = (...o) => e.handleMouseLeave && e.handleMouseLeave(...o))
     }, [
       t("label", {
         for: e.id,
         onClick: s[0] || (s[0] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
       }, [
-        p(d(e.label) + " ", 1),
+        p(i(e.label) + " ", 1),
         e.$props.required ? (n(), l("span", A, "*")) : r("", !0)
-      ], 8, h),
+      ], 8, f),
       e.separator ? (n(), l("div", {
         key: 0,
         ref: "containerItemsEl",
         class: "AT-INPUT_items",
         onClick: s[1] || (s[1] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
       }, [
-        (n(!0), l(C, null, k(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
+        (n(!0), l(k, null, T(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
           key: o.value,
           ref_for: !0,
           ref: "selectedItemsEl",
           title: o.text,
           class: "AT-INPUT_item"
         }, [
-          t("span", b, d(o.text), 1),
+          t("span", P, i(o.text), 1),
           t("span", {
             class: "AT-INPUT_item_slot_x",
             style: { padding: "1px 5px" },
             onClick: () => {
-              var a;
-              (a = e.onSelectedItemClick) == null || a.call(e, o == null ? void 0 : o.value);
+              var u;
+              (u = e.onSelectedItemClick) == null || u.call(e, o == null ? void 0 : o.value);
             }
-          }, "x", 8, F)
+          }, "x", 8, b)
         ], 8, N))), 128)),
-        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), l("span", O, "+ " + d(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : r("", !0),
-        e.$props.type === "button" && e.selectedItems.length <= 0 ? (n(), l("div", P, [
-          t("span", null, d(e.placeholder), 1)
+        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), l("span", F, "+ " + i(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : r("", !0),
+        e.$props.type === "button" && e.selectedItems.length <= 0 ? (n(), l("div", U, [
+          t("span", null, i(e.placeholder), 1)
         ])) : r("", !0)
-      ], 512)) : (n(), l("input", T({ key: 1 }, e.$attrs, {
+      ], 512)) : (n(), d(m(e.as), y({ key: 1 }, e.$attrs, {
         id: e.id,
         ref: "inputEl",
         style: { cursor: e.cursor },
-        class: e.inputClass,
+        class: [e.inputClass, "AT-INPUT"],
         disabled: e.$props.disabled || void 0,
         readonly: e.$props.readonly || void 0,
         type: e.type,
         placeholder: e.placeholder,
         name: e.id,
         value: e.inputComputedValue,
-        onInput: s[2] || (s[2] = (...o) => e.onInput && e.onInput(...o)),
-        onFocus: s[3] || (s[3] = (...o) => e.handleOnFocus && e.handleOnFocus(...o)),
-        onFocusout: s[4] || (s[4] = (...o) => e.handleOnFocusOut && e.handleOnFocusOut(...o))
-      }), null, 16, g)),
+        onInput: e.onInput,
+        onFocus: e.handleOnFocus,
+        onFocusout: e.handleOnFocusOut
+      }), null, 16, ["id", "style", "class", "disabled", "readonly", "type", "placeholder", "name", "value", "onInput", "onFocus", "onFocusout"])),
       e.$props.icon ? (n(), l("div", {
         key: 2,
-        class: m(["AT_INPUT_side_icon_slot", { clickable: e.useSideClearButton }]),
-        onClick: s[6] || (s[6] = (o) => e.showSideClearButton ? e.clearInput() : null)
+        class: I(["AT_INPUT_side_icon_slot", { clickable: e.useSideClearButton }]),
+        onClick: s[3] || (s[3] = (o) => e.showSideClearButton ? e.clearInput() : null)
       }, [
-        e.showSideClearButton ? (n(), i(u, {
+        e.showSideClearButton ? (n(), d(a, {
           key: 0,
           size: "20",
-          onClick: s[5] || (s[5] = (o) => e.clearInput())
+          onClick: s[2] || (s[2] = (o) => e.clearInput())
         })) : r("", !0)
       ], 2)) : r("", !0),
       e.$props.icon ? (n(), l("div", {
         key: 3,
-        class: m(["AT_INPUT_icon_slot", { clickable: e.useClearButton && e.isFocused }]),
-        onClick: s[8] || (s[8] = (o) => e.showClearButton ? e.clearInput() : null)
+        class: I(["AT_INPUT_icon_slot", { clickable: e.useClearButton && e.isFocused }]),
+        onClick: s[5] || (s[5] = (o) => e.showClearButton ? e.clearInput() : null)
       }, [
-        e.showClearButton ? (n(), i(u, {
+        e.showClearButton ? (n(), d(a, {
           key: 0,
           size: "20",
-          onClick: s[7] || (s[7] = (o) => e.clearInput())
-        })) : (n(), i(y(e.icons[e.$props.icon.name]), {
+          onClick: s[4] || (s[4] = (o) => e.clearInput())
+        })) : (n(), d(m(e.icons[e.$props.icon.name]), {
           key: 1,
           size: e.$props.icon.size || "20",
           color: e.iconColor
         }, null, 8, ["size", "color"]))
       ], 2)) : r("", !0)
-    ], 40, f),
+    ], 40, $),
     e.error.value ? (n(), l("span", {
       key: 0,
       class: "AT-INPUT_error-message",
@@ -108,12 +108,12 @@ function M(e, s, S, z, E, w) {
       t("img", {
         src: e.icons.error,
         alt: "error icon"
-      }, null, 8, B),
-      p(" " + d(e.error.message), 1)
-    ], 8, U)) : r("", !0)
+      }, null, 8, g),
+      p(" " + i(e.error.message), 1)
+    ], 8, c)) : r("", !0)
   ]);
 }
-const j = /* @__PURE__ */ $(I, [["render", M], ["__scopeId", "data-v-a228fa48"]]);
+const D = /* @__PURE__ */ h(v, [["render", B], ["__scopeId", "data-v-3369221a"]]);
 export {
-  j as default
+  D as default
 };

package/dist/Input/Input.core.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as u, computed as i, onMounted as H, onBeforeUnmount as G, watchEffect as J, watch as B, nextTick as b } from "vue";
+import { defineComponent as P, ref as n, computed as i, onMounted as H, onBeforeUnmount as G, watchEffect as J, watch as B, nextTick as b } from "vue";
 import { AtCloseSolidIcon as K } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
 import Q from "../Icons/icons.js";
 import X from "./imgs/error.svg.js";
@@ -18,6 +18,11 @@ const ee = P({
       required: !1,
       default: void 0
     },
+    as: {
+      type: String,
+      default: "input",
+      required: !1
+    },
     forceFocus: {
       type: Boolean,
       default: !1,
@@ -107,19 +112,19 @@ const ee = P({
     "overflow"
   ],
   setup(e, { emit: s }) {
-    const F = { ...Q }, S = u(null), f = u(null), v = u(null), E = u(null), L = i(() => e.error), a = u(!1), d = u(""), c = u(!1), M = u(!1), T = i(
+    const F = { ...Q }, S = n(null), f = n(null), v = n(null), E = n(null), L = i(() => e.error), a = n(!1), d = n(""), c = n(!1), M = n(!1), T = i(
       () => e.useClearButton && a.value && e.modelValue && !c.value
     ), k = i(
       () => e.useSideClearButton && !e.useClearButton && e.modelValue && !c.value
-    ), h = u({
+    ), g = n({
       supportedItems: e.selectedItems.length,
       isCounterActive: !1,
       itemsToRender: e.selectedItems
-    }), _ = Math.random().toString(36).substring(2), o = u(!1), W = () => {
+    }), _ = Math.random().toString(36).substring(2), o = n(!1), W = () => {
       o.value = !0;
     }, x = () => {
       o.value = !1;
-    }, g = () => {
+    }, h = () => {
       a.value = !0;
     }, m = () => {
       e.forceFocus || (e.forceEventClearButton ? a.value = !0 : A(() => {
@@ -127,28 +132,28 @@ const ee = P({
       }, 100)());
     }, I = async () => {
       var q;
-      h.value.itemsToRender = e.selectedItems, await b();
+      g.value.itemsToRender = e.selectedItems, await b();
       const t = (q = v.value) == null ? void 0 : q.clientWidth;
       if (t === void 0)
         return;
-      let l = 50, n = 0;
+      let l = 50, u = 0;
       const r = E.value;
       if (r)
         for (let y = 0; y < r.length; y++)
-          l += r[y].clientWidth + 10, l <= t && (n = y + 1);
+          l += r[y].clientWidth + 10, l <= t && (u = y + 1);
       let w;
       l >= t ? w = {
         isCounterActive: l > (t || 0),
-        supportedItems: n,
-        itemsToRender: e.selectedItems.slice(0, n)
+        supportedItems: u,
+        itemsToRender: e.selectedItems.slice(0, u)
       } : w = {
         isCounterActive: l > (t || 0),
         supportedItems: e.selectedItems.length,
         itemsToRender: e.selectedItems
-      }, h.value = w;
+      }, g.value = w;
     }, O = (t) => {
-      var l, n;
-      !((l = S.value) != null && l.contains(t.target)) && !((n = f.value) != null && n.contains(t.target)) && !T.value && !c.value && (m(), a.value = !1, s("clickOutside"));
+      var l, u;
+      !((l = S.value) != null && l.contains(t.target)) && !((u = f.value) != null && u.contains(t.target)) && !T.value && !c.value && (m(), a.value = !1, s("clickOutside"));
     }, C = async () => {
       if (await b(), f.value) {
         const t = f.value.scrollWidth > f.value.clientWidth;
@@ -157,7 +162,7 @@ const ee = P({
     };
     H(() => {
       var t;
-      (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && g(), document.addEventListener("click", O), window.addEventListener("resize", I);
+      (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && h(), document.addEventListener("click", O), window.addEventListener("resize", I);
     }), G(() => {
       document.removeEventListener("click", O), window.removeEventListener("resize", I);
     });
@@ -171,9 +176,9 @@ const ee = P({
       s("update:modelValue", t), e.modelValue === void 0 && (d.value = t);
     };
     function A(t, l) {
-      let n;
+      let u;
       return function() {
-        clearTimeout(n), n = setTimeout(t, l);
+        clearTimeout(u), u = setTimeout(t, l);
       };
     }
     const j = () => {
@@ -183,7 +188,7 @@ const ee = P({
     };
     J(() => {
       var t, l;
-      e.separator && ((e.modelValue !== void 0 ? e.modelValue.split(e.separator).filter((r) => r.length > 1) : d.value.split(e.separator).filter((r) => r.length > 1)).length ? (t = v.value) == null || t.classList.remove("AT-INPUT_items_empty") : ((l = v.value) == null || l.classList.add("AT-INPUT_items_empty"), m(), a.value = !1)), e.forceFocus ? g() : (m(), a.value = !1);
+      e.separator && ((e.modelValue !== void 0 ? e.modelValue.split(e.separator).filter((r) => r.length > 1) : d.value.split(e.separator).filter((r) => r.length > 1)).length ? (t = v.value) == null || t.classList.remove("AT-INPUT_items_empty") : ((l = v.value) == null || l.classList.add("AT-INPUT_items_empty"), m(), a.value = !1)), e.forceFocus ? h() : (m(), a.value = !1);
     }), B(
       () => e.selectedItems,
       async () => {
@@ -210,7 +215,7 @@ const ee = P({
       inputEl: f,
       inputError: L,
       inputId: e.id ?? _,
-      handleOnFocus: g,
+      handleOnFocus: h,
       handleOnFocusOut: m,
       icons: {
         error: X,
@@ -230,7 +235,7 @@ const ee = P({
       inputComputedValue: U,
       currentMode: N,
       selectedItemsEl: E,
-      selectedItemsController: h,
+      selectedItemsController: g,
       resizeSelectedItems: I,
       inputClass: D,
       checkOverflow: C

package/dist/Input/Text-area.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/Input/Text-area.vue.js

@@ -0,0 +1,16 @@
+import o from "./Text-area.vue2.js";
+import { resolveComponent as r, openBlock as p, createBlock as n, mergeProps as a } from "vue";
+import "./Text-area.vue3.js";
+import s from "../_virtual/_plugin-vue_export-helper.js";
+function c(t, m, _, f, d, i) {
+  const e = r("AtCoreInput");
+  return p(), n(e, a({
+    type: "textarea",
+    as: "textarea",
+    rows: 8
+  }, t.$attrs), null, 16);
+}
+const A = /* @__PURE__ */ s(o, [["render", c], ["__scopeId", "data-v-383d7748"]]);
+export {
+  A as default
+};

package/dist/Input/Text-area.vue2.js

@@ -0,0 +1,14 @@
+import { defineComponent as t } from "vue";
+import e from "./Input.core.vue.js";
+const r = t({
+  name: "AtTextArea",
+  components: {
+    AtCoreInput: e
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  r as default
+};

package/dist/Input/Text-area.vue3.js

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