@agrotools1/at-components 0.6.98-test-45 → 0.6.98

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

@@ -1,21 +1,23 @@
-import I from "./Input.core.vue2.js";
-import { resolveComponent as C, openBlock as n, createElementBlock as r, createElementVNode as i, createTextVNode as p, toDisplayString as d, createCommentVNode as l, Fragment as k, renderList as v, mergeProps as T, normalizeClass as m, createBlock as t, resolveDynamicComponent as y } from "vue";
+import k from "./Input.core.vue2.js";
+import { resolveComponent as p, openBlock as n, createElementBlock as l, createElementVNode as i, createTextVNode as a, toDisplayString as t, createCommentVNode as r, Fragment as v, renderList as T, mergeProps as y, normalizeClass as m, createBlock as d, resolveDynamicComponent as $ } from "vue";
 import "./Input.core.vue3.js";
 import f from "../_virtual/_plugin-vue_export-helper.js";
-const $ = ["data-mode", "has-error", "disabled"], h = ["for"], A = {
+const A = ["data-mode", "disabled"], N = ["for"], b = {
   key: 0,
   class: "AT-INPUT_required"
-}, N = ["title"], F = { class: "AT-INPUT_item_slot" }, O = ["onClick"], P = {
+}, F = ["title"], O = { class: "AT-INPUT_item_slot" }, P = ["onClick"], g = {
   key: 0,
   class: "AT-INPUT_items_length"
-}, b = ["id", "disabled", "readonly", "type", "placeholder", "name", "value"], g = ["data-mode"], M = ["src"];
-function U(e, s, B, S, z, E) {
-  const u = C("AtCircleXMarkSolidIcon");
-  return n(), r("div", null, [
+}, h = ["id", "disabled", "readonly", "type", "placeholder", "name", "value"], U = {
+  key: 0,
+  class: "AT-INPUT_error-message"
+}, B = ["src"];
+function M(e, s, S, z, E, w) {
+  const I = p("AtCircleXMarkSolidIcon"), C = p("AtCloseSolidIcon");
+  return n(), l("div", null, [
     i("div", {
       ref: "wrapperEl",
       "data-mode": e.currentMode,
-      "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)),
@@ -25,34 +27,34 @@ function U(e, s, B, S, z, E) {
         for: e.id,
         onClick: s[0] || (s[0] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
       }, [
-        p(d(e.label) + " ", 1),
-        e.$props.required ? (n(), r("span", A, "*")) : l("", !0)
-      ], 8, h),
-      e.separator ? (n(), r("div", {
+        a(t(e.label) + " ", 1),
+        e.$props.required ? (n(), l("span", b, "*")) : r("", !0)
+      ], 8, N),
+      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), r(k, null, v(e.selectedItemsController.itemsToRender, (o) => (n(), r("span", {
+        (n(!0), l(v, null, T(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
           key: o.value,
           ref_for: !0,
           ref: "selectedItemsEl",
           title: o.text,
           class: "AT-INPUT_item"
         }, [
-          i("span", F, d(o.text), 1),
+          i("span", O, t(o.text), 1),
           i("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, O)
-        ], 8, N))), 128)),
-        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), r("span", P, "+ " + d(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : l("", !0)
-      ], 512)) : (n(), r("input", T({ key: 1 }, e.$attrs, {
+          }, "x", 8, P)
+        ], 8, F))), 128)),
+        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), l("span", g, "+ " + t(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : r("", !0)
+      ], 512)) : (n(), l("input", y({ key: 1 }, e.$attrs, {
         id: e.id,
         ref: "inputEl",
         style: { cursor: e.cursor },
@@ -60,54 +62,51 @@ function U(e, s, B, S, z, E) {
         disabled: e.$props.disabled || void 0,
         readonly: e.$props.readonly || void 0,
         type: e.type,
-        placeholder: e.placeholder,
+        placeholder: e.label,
         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, b)),
-      e.$props.icon ? (n(), r("div", {
+      }), null, 16, h)),
+      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)
       }, [
-        e.showSideClearButton ? (n(), t(u, {
+        e.showSideClearButton ? (n(), d(I, {
           key: 0,
           size: "20",
           onClick: s[5] || (s[5] = (o) => e.clearInput())
-        })) : l("", !0)
-      ], 2)) : l("", !0),
-      e.$props.icon ? (n(), r("div", {
+        })) : 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)
       }, [
-        e.showClearButton ? (n(), t(u, {
+        e.showClearButton ? (n(), d(C, {
           key: 0,
+          role: "button",
           size: "20",
           onClick: s[7] || (s[7] = (o) => e.clearInput())
-        })) : (n(), t(y(e.icons[e.$props.icon.name]), {
+        })) : (n(), d($(e.icons[e.$props.icon.name]), {
           key: 1,
           size: e.$props.icon.size || "20",
           color: e.iconColor
         }, null, 8, ["size", "color"]))
-      ], 2)) : l("", !0)
-    ], 40, $),
-    e.error.value ? (n(), r("span", {
-      key: 0,
-      class: "AT-INPUT_error-message",
-      "data-mode": e.currentMode
-    }, [
+      ], 2)) : r("", !0)
+    ], 40, A),
+    e.error.value ? (n(), l("span", U, [
       i("img", {
         src: e.icons.error,
         alt: "error icon"
-      }, null, 8, M),
-      p(" " + d(e.error.message), 1)
-    ], 8, g)) : l("", !0)
+      }, null, 8, B),
+      a(" " + t(e.error.message), 1)
+    ])) : r("", !0)
   ]);
 }
-const X = /* @__PURE__ */ f(I, [["render", U], ["__scopeId", "data-v-afa36a68"]]);
+const c = /* @__PURE__ */ f(k, [["render", M], ["__scopeId", "data-v-5e0dedd6"]]);
 export {
-  X as default
+  c as default
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as P, ref as u, computed as i, onMounted as X, onBeforeUnmount as H, watchEffect as G, watch as B, nextTick as b } from "vue";
-import { AtCircleXMarkSolidIcon as J } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
-import K from "../Icons/icons.js";
-import Q from "./imgs/error.svg.js";
+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 { AtCloseSolidIcon as K } from "../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
+import Q from "../Icons/icons.js";
+import X from "./imgs/error.svg.js";
 const ee = P({
   name: "AtCoreInput",
   components: {
-    AtCircleXMarkSolidIcon: J
+    AtCloseSolidIcon: K
   },
   props: {
     modelValue: {
@@ -62,10 +62,6 @@ const ee = P({
       type: String,
       default: "text"
     },
-    placeholder: {
-      type: String,
-      default: ""
-    },
     error: {
       type: Object,
       default: () => ({
@@ -107,9 +103,9 @@ const ee = P({
     "overflow"
   ],
   setup(e, { emit: s }) {
-    const q = { ...K }, S = u(null), f = u(null), v = u(null), E = u(null), F = i(() => e.error), a = u(!1), d = u(""), c = u(!1), L = u(!1), k = i(
+    const F = { ...Q }, E = u(null), f = u(null), v = u(null), S = u(null), L = i(() => e.error), a = u(!1), d = u(""), c = u(!1), M = u(!1), T = i(
       () => e.useClearButton && a.value && e.modelValue && !c.value
-    ), T = i(
+    ), k = i(
       () => e.useSideClearButton && !e.useClearButton && e.modelValue && !c.value
     ), h = u({
       supportedItems: e.selectedItems.length,
@@ -126,13 +122,13 @@ const ee = P({
         a.value = !1;
       }, 100)());
     }, I = async () => {
-      var M;
+      var q;
       h.value.itemsToRender = e.selectedItems, await b();
-      const t = (M = v.value) == null ? void 0 : M.clientWidth;
+      const t = (q = v.value) == null ? void 0 : q.clientWidth;
       if (t === void 0)
         return;
       let l = 50, n = 0;
-      const r = E.value;
+      const r = S.value;
       if (r)
         for (let y = 0; y < r.length; y++)
           l += r[y].clientWidth + 10, l <= t && (n = y + 1);
@@ -148,17 +144,17 @@ const ee = P({
       }, h.value = w;
     }, O = (t) => {
       var l, n;
-      !((l = S.value) != null && l.contains(t.target)) && !((n = f.value) != null && n.contains(t.target)) && !k.value && !c.value && (m(), a.value = !1, s("clickOutside"));
+      !((l = E.value) != null && l.contains(t.target)) && !((n = f.value) != null && n.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;
-        L.value = t, s("overflow", t);
+        M.value = t, s("overflow", t);
       }
     };
-    X(() => {
+    H(() => {
       var t;
       (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && g(), document.addEventListener("click", O), window.addEventListener("resize", I);
-    }), H(() => {
+    }), G(() => {
       document.removeEventListener("click", O), window.removeEventListener("resize", I);
     });
     const R = (t) => {
@@ -181,7 +177,7 @@ const ee = P({
         e.forceEventClearButton || V(""), c.value = !1;
       }, 100);
     };
-    G(() => {
+    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);
     }), B(
@@ -204,21 +200,21 @@ const ee = P({
     const z = i(() => {
       var t;
       return e.disabled ? "var(--at-medium-grey)" : e.selectedItems.length > 0 ? "var(--at-black)" : a.value ? "var(--at-primary-color-2)" : e.error.value ? "var(--at-error)" : o.value || (t = e.icon) != null && t.color || e.modelValue !== void 0 && e.modelValue.length > 0 || d.value.length > 0 ? "var(--at-black)" : "var(--at-dark-grey)";
-    }), N = i(() => e.disabled ? "disabled" : e.selectedItems.length > 0 ? "filled" : a.value ? "focused" : e.error.value ? "error" : o.value ? "hover" : e.modelValue !== void 0 && e.modelValue.length > 0 || d.value.length > 0 ? "filled" : "default"), U = i(() => e.modelValue !== void 0 ? e.modelValue : d.value ? d.value : null), D = i(() => T.value === !0 ? "AT-ITEMS_input" : "");
+    }), N = i(() => e.disabled ? "disabled" : e.selectedItems.length > 0 ? "filled" : a.value ? "focused" : e.error.value ? "error" : o.value ? "hover" : e.modelValue !== void 0 && e.modelValue.length > 0 || d.value.length > 0 ? "filled" : "default"), U = i(() => e.modelValue !== void 0 ? e.modelValue : d.value ? d.value : null), D = i(() => k.value === !0 ? "AT-ITEMS_input" : "");
     return {
-      wrapperEl: S,
+      wrapperEl: E,
       inputEl: f,
-      inputError: F,
+      inputError: L,
       inputId: e.id ?? _,
       handleOnFocus: g,
       handleOnFocusOut: m,
       icons: {
-        error: Q,
-        ...q
+        error: X,
+        ...F
       },
       clickedClear: c,
-      showClearButton: k,
-      showSideClearButton: T,
+      showClearButton: T,
+      showSideClearButton: k,
       clearInput: j,
       containerItemsEl: v,
       onInput: R,
@@ -229,7 +225,7 @@ const ee = P({
       isHovered: o,
       inputComputedValue: U,
       currentMode: N,
-      selectedItemsEl: E,
+      selectedItemsEl: S,
       selectedItemsController: h,
       resizeSelectedItems: I,
       inputClass: D,

package/dist/Input/Input.core.vue3.js

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

package/dist/Input/imgs/error.svg.js

@@ -1,4 +1,4 @@
-const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3MTNfMjUpIj4KPHBhdGggZD0iTTggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE1Ljk5NTIgMy41ODM2OSAxMi40MTYzIDAuMDA0NzgxMjUgOCAwWk0xMC42NjY3IDkuNzI0NjZDMTAuOTM3NiA5Ljk3NCAxMC45NTUxIDEwLjM5NTggMTAuNzA1NyAxMC42NjY3QzEwLjQ1NjQgMTAuOTM3NiAxMC4wMzQ2IDEwLjk1NTEgOS43NjM3MiAxMC43MDU3QzkuNzUwMTYgMTAuNjkzMyA5LjczNzE2IDEwLjY4MDIgOS43MjQ2NiAxMC42NjY3TDggOC45NDI2Nkw2LjI3NiAxMC42NjY3QzYuMDExMTYgMTAuOTIyNCA1LjU4OTEzIDEwLjkxNTEgNS4zMzMzNCAxMC42NTAzQzUuMDgzODQgMTAuMzkxOSA1LjA4Mzg0IDkuOTgyMzQgNS4zMzMzNCA5LjcyNEw3LjA1NzM0IDhMNS4zMzMzNCA2LjI3NkM1LjA3NzU2IDYuMDExMTYgNS4wODQ5MSA1LjU4OTEzIDUuMzQ5NzUgNS4zMzMzNEM1LjYwODA5IDUuMDgzODQgNi4wMTc2NiA1LjA4Mzg0IDYuMjc2IDUuMzMzMzRMOCA3LjA1NzM0TDkuNzI0NjYgNS4zMzMzNEM5Ljk3NCA1LjA2MjQ0IDEwLjM5NTggNS4wNDQ5NCAxMC42NjY3IDUuMjk0MjhDMTAuOTM3NiA1LjU0MzYzIDEwLjk1NTEgNS45NjUzOCAxMC43MDU3IDYuMjM2MjhDMTAuNjkzMyA2LjI0OTg0IDEwLjY4MDIgNi4yNjI4NCAxMC42NjY3IDYuMjc1MzRMOC45NDI2NiA4TDEwLjY2NjcgOS43MjQ2NloiIGZpbGw9IiM4MzE1MTEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNzEzXzI1Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=";
+const N = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTYuNTQ0NTggNC41NDQ1OEw1LjU4OTE3IDUuNUw2LjU0NDU4IDYuNDU1NDJDNi43MDc1IDYuNjE4MzMgNi43MDc1IDYuODgxNjcgNi41NDQ1OCA3LjA0NDU4QzYuNDYzMzMgNy4xMjU4MyA2LjM1NjY3IDcuMTY2NjcgNi4yNSA3LjE2NjY3QzYuMTQzMzMgNy4xNjY2NyA2LjAzNjY3IDcuMTI1ODMgNS45NTU0MiA3LjA0NDU4TDUgNi4wODkxN0w0LjA0NDU4IDcuMDQ0NThDMy45NjMzMyA3LjEyNTgzIDMuODU2NjcgNy4xNjY2NyAzLjc1IDcuMTY2NjdDMy42NDMzMyA3LjE2NjY3IDMuNTM2NjcgNy4xMjU4MyAzLjQ1NTQyIDcuMDQ0NThDMy4yOTI1IDYuODgxNjcgMy4yOTI1IDYuNjE4MzMgMy40NTU0MiA2LjQ1NTQyTDQuNDEwODMgNS41TDMuNDU1NDIgNC41NDQ1OEMzLjI5MjUgNC4zODE2NyAzLjI5MjUgNC4xMTgzMyAzLjQ1NTQyIDMuOTU1NDJDMy42MTgzMyAzLjc5MjUgMy44ODE2NyAzLjc5MjUgNC4wNDQ1OCAzLjk1NTQyTDUgNC45MTA4M0w1Ljk1NTQyIDMuOTU1NDJDNi4xMTgzMyAzLjc5MjUgNi4zODE2NyAzLjc5MjUgNi41NDQ1OCAzLjk1NTQyQzYuNzA3NSA0LjExODMzIDYuNzA3NSA0LjM4MTY3IDYuNTQ0NTggNC41NDQ1OFpNMTAgNS41QzEwIDguMjU3MDggNy43NTcwOCAxMC41IDUgMTAuNUMyLjI0MjkyIDEwLjUgMCA4LjI1NzA4IDAgNS41QzAgMi43NDI5MiAyLjI0MjkyIDAuNSA1IDAuNUM3Ljc1NzA4IDAuNSAxMCAyLjc0MjkyIDEwIDUuNVpNOS4xNjY2NyA1LjVDOS4xNjY2NyAzLjIwMjUgNy4yOTc1IDEuMzMzMzMgNSAxLjMzMzMzQzIuNzAyNSAxLjMzMzMzIDAuODMzMzMzIDMuMjAyNSAwLjgzMzMzMyA1LjVDMC44MzMzMzMgNy43OTc1IDIuNzAyNSA5LjY2NjY3IDUgOS42NjY2N0M3LjI5NzUgOS42NjY2NyA5LjE2NjY3IDcuNzk3NSA5LjE2NjY3IDUuNVoiCiAgICAgICAgZmlsbD0iI0NCNEE1MCIgLz4KPC9zdmc+";
 export {
-  M as default
+  N as default
 };