@agrotools1/at-components 0.6.69 → 0.6.71

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

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

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

@@ -1,11 +1,11 @@
-import { defineComponent as j, ref as u, computed as c, onMounted as z, onBeforeUnmount as N, watchEffect as U, watch as T, nextTick as D } from "vue";
-import { AtCircleXMarkSolidIcon as P } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
-import X from "../Icons/icons.js";
-import H from "./imgs/error.svg.js";
-const Y = j({
+import { defineComponent as z, ref as u, computed as s, onMounted as N, onBeforeUnmount as U, watchEffect as D, watch as T, nextTick as P } from "vue";
+import { AtCircleXMarkSolidIcon as X } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
+import H from "../Icons/icons.js";
+import G from "./imgs/error.svg.js";
+const Z = z({
   name: "AtCoreInput",
   components: {
-    AtCircleXMarkSolidIcon: P
+    AtCircleXMarkSolidIcon: X
   },
   props: {
     modelValue: {
@@ -85,6 +85,10 @@ const Y = j({
       type: Boolean,
       default: !1
     },
+    useSideClearButton: {
+      type: Boolean,
+      default: !1
+    },
     forceEventClearButton: {
       type: Boolean,
       default: !1
@@ -97,34 +101,36 @@ const Y = j({
     "clearInput",
     "mouseover"
   ],
-  setup(e, { emit: d }) {
-    const A = { ...X }, b = u(null), V = u(null), f = u(null), E = u(null), O = c(() => e.error), a = u(!1), i = u(""), s = u(!1), k = c(
-      () => e.useClearButton && a.value && e.modelValue && !s.value
+  setup(e, { emit: c }) {
+    const A = { ...H }, B = u(null), V = u(null), f = u(null), b = u(null), O = s(() => e.error), a = u(!1), i = u(""), d = u(!1), E = s(
+      () => e.useClearButton && a.value && e.modelValue && !d.value
+    ), q = s(
+      () => e.useSideClearButton && !e.useClearButton && e.modelValue && !d.value
     ), y = u({
       supportedItems: e.selectedItems.length,
       isCounterActive: !1,
       itemsToRender: e.selectedItems
-    }), q = Math.random().toString(36).substring(2), r = u(!1), F = () => {
-      r.value = !0;
-    }, M = () => {
-      r.value = !1;
+    }), F = Math.random().toString(36).substring(2), o = u(!1), M = () => {
+      o.value = !0;
+    }, L = () => {
+      o.value = !1;
     }, g = () => {
       a.value = !0;
     }, v = () => {
-      e.forceFocus || (e.forceEventClearButton ? a.value = !0 : w(() => {
+      e.forceFocus || (e.forceEventClearButton ? a.value = !0 : k(() => {
         a.value = !1;
       }, 100)());
     }, m = async () => {
-      var S;
-      y.value.itemsToRender = e.selectedItems, await D();
-      const t = (S = f.value) == null ? void 0 : S.clientWidth;
+      var w;
+      y.value.itemsToRender = e.selectedItems, await P();
+      const t = (w = f.value) == null ? void 0 : w.clientWidth;
       if (t === void 0)
         return;
       let l = 50, n = 0;
-      const o = E.value;
-      if (o)
-        for (let I = 0; I < o.length; I++)
-          l += o[I].clientWidth + 10, l <= t && (n = I + 1);
+      const r = b.value;
+      if (r)
+        for (let I = 0; I < r.length; I++)
+          l += r[I].clientWidth + 10, l <= t && (n = I + 1);
       let C;
       l >= t ? C = {
         isCounterActive: l > (t || 0),
@@ -135,37 +141,37 @@ const Y = j({
         supportedItems: e.selectedItems.length,
         itemsToRender: e.selectedItems
       }, y.value = C;
-    }, B = (t) => {
+    }, S = (t) => {
       var l, n;
-      !((l = b.value) != null && l.contains(t.target)) && !((n = V.value) != null && n.contains(t.target)) && !k.value && !s.value && (v(), a.value = !1, d("clickOutside"));
+      !((l = B.value) != null && l.contains(t.target)) && !((n = V.value) != null && n.contains(t.target)) && !E.value && !d.value && (v(), a.value = !1, c("clickOutside"));
     };
-    z(() => {
+    N(() => {
       var t;
-      (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && g(), document.addEventListener("click", B), window.addEventListener("resize", m);
-    }), N(() => {
-      document.removeEventListener("click", B), window.removeEventListener("resize", m);
+      (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && g(), document.addEventListener("click", S), window.addEventListener("resize", m);
+    }), U(() => {
+      document.removeEventListener("click", S), window.removeEventListener("resize", m);
     });
-    const L = (t) => {
+    const _ = (t) => {
       e.preventInputEvent && t.preventDefault();
       const l = t.target.value;
-      d("input", t), e.debounce > 0 ? w(() => h(l), e.debounce)() : h(l);
+      c("input", t), e.debounce > 0 ? k(() => h(l), e.debounce)() : h(l);
     }, h = (t) => {
-      d("update:modelValue", t), e.modelValue === void 0 && (i.value = t);
+      c("update:modelValue", t), e.modelValue === void 0 && (i.value = t);
     };
-    function w(t, l) {
+    function k(t, l) {
       let n;
       return function() {
         clearTimeout(n), n = setTimeout(t, l);
       };
     }
-    const _ = () => {
-      s.value = !0, a.value = !1, d("clearInput"), setTimeout(() => {
-        e.forceEventClearButton || h(""), s.value = !1;
+    const x = () => {
+      d.value = !0, a.value = !1, c("clearInput"), setTimeout(() => {
+        e.forceEventClearButton || h(""), d.value = !1;
       }, 100);
     };
-    U(() => {
+    D(() => {
       var t, l;
-      e.separator && ((e.modelValue !== void 0 ? e.modelValue.split(e.separator).filter((o) => o.length > 1) : i.value.split(e.separator).filter((o) => o.length > 1)).length ? (t = f.value) == null || t.classList.remove("AT-INPUT_items_empty") : ((l = f.value) == null || l.classList.add("AT-INPUT_items_empty"), v(), a.value = !1)), e.forceFocus ? g() : (v(), a.value = !1);
+      e.separator && ((e.modelValue !== void 0 ? e.modelValue.split(e.separator).filter((r) => r.length > 1) : i.value.split(e.separator).filter((r) => r.length > 1)).length ? (t = f.value) == null || t.classList.remove("AT-INPUT_items_empty") : ((l = f.value) == null || l.classList.add("AT-INPUT_items_empty"), v(), a.value = !1)), e.forceFocus ? g() : (v(), a.value = !1);
     }), T(
       () => e.selectedItems,
       async () => {
@@ -173,44 +179,45 @@ const Y = j({
       },
       { deep: !0 }
     ), T(
-      () => r.value,
+      () => o.value,
       () => {
-        d("mouseover", r.value);
+        c("mouseover", o.value);
       }
     );
-    const x = c(() => {
+    const R = s(() => {
       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)" : r.value || (t = e.icon) != null && t.color || e.modelValue !== void 0 && e.modelValue.length > 0 || i.value.length > 0 ? "var(--at-black)" : "var(--at-dark-grey)";
-    }), R = c(() => e.disabled ? "disabled" : e.selectedItems.length > 0 ? "filled" : a.value ? "focused" : e.error.value ? "error" : r.value ? "hover" : e.modelValue !== void 0 && e.modelValue.length > 0 || i.value.length > 0 ? "filled" : "default"), W = c(() => e.modelValue !== void 0 ? e.modelValue : i.value ? i.value : null);
+      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 || i.value.length > 0 ? "var(--at-black)" : "var(--at-dark-grey)";
+    }), W = s(() => 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 || i.value.length > 0 ? "filled" : "default"), j = s(() => e.modelValue !== void 0 ? e.modelValue : i.value ? i.value : null);
     return {
-      wrapperEl: b,
+      wrapperEl: B,
       inputEl: V,
       inputError: O,
-      inputId: e.id ?? q,
+      inputId: e.id ?? F,
       handleOnFocus: g,
       handleOnFocusOut: v,
       icons: {
-        error: H,
+        error: G,
         ...A
       },
-      clickedClear: s,
-      showClearButton: k,
-      clearInput: _,
+      clickedClear: d,
+      showClearButton: E,
+      showSideClearButton: q,
+      clearInput: x,
       containerItemsEl: f,
-      onInput: L,
-      iconColor: x,
+      onInput: _,
+      iconColor: R,
       isFocused: a,
-      handleMouseOver: F,
-      handleMouseLeave: M,
-      isHovered: r,
-      inputComputedValue: W,
-      currentMode: R,
-      selectedItemsEl: E,
+      handleMouseOver: M,
+      handleMouseLeave: L,
+      isHovered: o,
+      inputComputedValue: j,
+      currentMode: W,
+      selectedItemsEl: b,
       selectedItemsController: y,
       resizeSelectedItems: m
     };
   }
 });
 export {
-  Y as default
+  Z as default
 };

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

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

package/dist/Input/index.d.ts

@@ -90,6 +90,10 @@ export declare const AtInput: {
             type: BooleanConstructor;
             default: boolean;
         };
+        useSideClearButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         forceEventClearButton: {
             type: BooleanConstructor;
             default: boolean;
@@ -6214,6 +6218,7 @@ export declare const AtInput: {
         };
         clickedClear: import('vue').Ref<boolean>;
         showClearButton: import('vue').ComputedRef<boolean | "" | undefined>;
+        showSideClearButton: import('vue').ComputedRef<boolean | "" | undefined>;
         clearInput: () => void;
         containerItemsEl: import('vue').Ref<HTMLDivElement | null>;
         onInput: (event: InputEvent) => void;
@@ -6328,6 +6333,10 @@ export declare const AtInput: {
             type: BooleanConstructor;
             default: boolean;
         };
+        useSideClearButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         forceEventClearButton: {
             type: BooleanConstructor;
             default: boolean;
@@ -6361,6 +6370,7 @@ export declare const AtInput: {
         cursor: string;
         selectedItems: import('../Select/Item/Item').SelectItemProps[];
         useClearButton: boolean;
+        useSideClearButton: boolean;
         forceEventClearButton: boolean;
     }, {}>;
 };

package/dist/Legend/Legend.vue.js

@@ -2,15 +2,15 @@ import _ from "./Legend.vue2.js";
 import { resolveComponent as l, openBlock as t, createElementBlock as s, createElementVNode as o, Fragment as g, renderList as m, normalizeStyle as k, toDisplayString as d, createBlock as r, createCommentVNode as c, withCtx as v, createTextVNode as y } from "vue";
 import "./Legend.vue3.js";
 import f from "../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "legend-block" }, h = { class: "d-block" }, C = { class: "d-flex justify-content-start align-items-center" }, B = { class: "d-flex flex-grow-1" }, I = ["onClick"], $ = { class: "d-flex legend-button pr-elm" };
+const h = { class: "legend-block" }, b = { class: "d-block" }, C = { class: "d-flex justify-content-start align-items-center" }, B = { class: "d-flex flex-grow-1" }, I = ["onClick"], $ = { class: "d-flex legend-button pr-elm" };
 function A(n, a, E, x, w, R) {
   const i = l("AtEyeAtivoRegularIcon"), u = l("AtEyeInativoRegularIcon"), p = l("AtButton");
-  return t(), s("div", b, [
+  return t(), s("div", h, [
     o("ul", null, [
       (t(!0), s(g, null, m(n.legendItems, (e) => (t(), s("li", {
         key: e.name
       }, [
-        o("div", h, [
+        o("div", b, [
           o("div", C, [
             o("div", {
               class: "color-bullet",
@@ -54,7 +54,7 @@ function A(n, a, E, x, w, R) {
     ])
   ]);
 }
-const T = /* @__PURE__ */ f(_, [["render", A], ["__scopeId", "data-v-6b0b4240"]]);
+const T = /* @__PURE__ */ f(_, [["render", A], ["__scopeId", "data-v-a274a5cb"]]);
 export {
   T as default
 };

package/dist/List/components/List.vue.js

@@ -78,7 +78,7 @@ function b(e, R, L, _, w, D) {
     _: 3
   }, 8, ["id", "is-open", "position", "full-size", "onUpdate:isOpen"]);
 }
-const P = /* @__PURE__ */ I(k, [["render", b], ["__scopeId", "data-v-47dbe9f5"]]);
+const P = /* @__PURE__ */ I(k, [["render", b], ["__scopeId", "data-v-72600db9"]]);
 export {
   P as default
 };

package/dist/List/components/List.vue3.js

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

package/dist/Menu/Menu.vue.js

@@ -1,10 +1,10 @@
-import I from "./Menu.vue2.js";
-import { openBlock as t, createElementBlock as o, createElementVNode as n, Fragment as l, renderList as i, normalizeClass as h, withModifiers as d, createBlock as p, resolveDynamicComponent as m, createCommentVNode as u, toDisplayString as r, createStaticVNode as b, pushScopeId as y, popScopeId as M } from "vue";
+import b from "./Menu.vue2.js";
+import { openBlock as t, createElementBlock as o, createElementVNode as n, Fragment as l, renderList as i, normalizeClass as h, withModifiers as d, createBlock as p, resolveDynamicComponent as m, createCommentVNode as u, toDisplayString as r, createStaticVNode as I, pushScopeId as y, popScopeId as M } from "vue";
 import g from "./assets/at.svg.js";
 import f from "./assets/agrotools.svg.js";
 import "./Menu.vue3.js";
 import $ from "../_virtual/_plugin-vue_export-helper.js";
-const q = (e) => (y("data-v-ec717841"), e = e(), M(), e), z = { class: "aside-container" }, E = /* @__PURE__ */ b('<div class="item" data-v-ec717841><div class="uniq logo" style="height:48px;" data-v-ec717841><span class="at-icon-logo" data-v-ec717841><img alt="at logo" src="' + g + '" data-v-ec717841></span><span class="at-logo" data-v-ec717841><img alt="agrotools" src="' + f + '" data-v-ec717841></span></div><div class="divider" data-v-ec717841></div></div>', 1), S = { class: "item menu-scroll-container" }, B = { class: "uniq menu-scroll" }, L = {
+const q = (e) => (y("data-v-827cadb4"), e = e(), M(), e), z = { class: "aside-container" }, E = /* @__PURE__ */ I('<div class="item" data-v-827cadb4><div class="uniq logo" style="height:48px;" data-v-827cadb4><span class="at-icon-logo" data-v-827cadb4><img alt="at logo" src="' + g + '" data-v-827cadb4></span><span class="at-logo" data-v-827cadb4><img alt="agrotools" src="' + f + '" data-v-827cadb4></span></div><div class="divider" data-v-827cadb4></div></div>', 1), S = { class: "item menu-scroll-container" }, B = { class: "uniq menu-scroll" }, L = {
   class: "actions",
   "aria-label": "Site menu"
 }, N = { class: "menu" }, V = ["data-active", "disabled", "onClick"], w = ["onClick"], A = {
@@ -152,7 +152,7 @@ function _s(e, k, vs, hs, ks, ps) {
     ])
   ], 32);
 }
-const gs = /* @__PURE__ */ $(I, [["render", _s], ["__scopeId", "data-v-ec717841"]]);
+const gs = /* @__PURE__ */ $(b, [["render", _s], ["__scopeId", "data-v-827cadb4"]]);
 export {
   gs as default
 };