@agrotools1/at-components 0.4.0 → 0.4.2

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

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

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

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

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

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

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

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

package/dist/Input/index.d.ts

@@ -81,6 +81,14 @@ export declare const AtInput: {
         onSelectedItemClick: {
             type: () => (separatedValue: string) => void;
         };
+        useClearButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceEventClearButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         wrapperEl: import("vue").Ref<HTMLDivElement | null>;
         inputEl: import("vue").Ref<HTMLInputElement | null>;
@@ -4603,6 +4611,9 @@ export declare const AtInput: {
             }>>, {}, {}>;
             error: string;
         };
+        clickedClear: import("vue").Ref<boolean>;
+        showClearButton: import("vue").ComputedRef<boolean | "" | undefined>;
+        clearInput: () => void;
         containerItemsEl: import("vue").Ref<HTMLDivElement | null>;
         onInput: (event: InputEvent) => void;
         iconColor: import("vue").ComputedRef<"var(--at-dark-grey)" | "var(--at-medium-grey)" | "var(--at-black)" | "var(--at-primary-color-2)" | "var(--at-error)">;
@@ -4628,7 +4639,7 @@ export declare const AtInput: {
             }[];
         }>;
         resizeSelectedItems: () => Promise<void>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "clickOutside")[], "input" | "update:modelValue" | "clickOutside", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "mouseover" | "clickOutside" | "clearInput")[], "input" | "update:modelValue" | "mouseover" | "clickOutside" | "clearInput", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: StringConstructor;
             required: false;
@@ -4708,10 +4719,20 @@ export declare const AtInput: {
         onSelectedItemClick: {
             type: () => (separatedValue: string) => void;
         };
+        useClearButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceEventClearButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onInput?: ((...args: any[]) => any) | undefined;
+        onMouseover?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onClickOutside?: ((...args: any[]) => any) | undefined;
+        onClearInput?: ((...args: any[]) => any) | undefined;
     }, {
         type: string;
         label: string;
@@ -4733,5 +4754,7 @@ export declare const AtInput: {
         readonly: boolean;
         cursor: string;
         selectedItems: import("../Select/Item/Item").SelectItemProps[];
+        useClearButton: boolean;
+        forceEventClearButton: boolean;
     }, {}>;
 };

package/dist/Legend/Legend.vue.js

@@ -1,10 +1,10 @@
 import _ from "./Legend.vue2.js";
-import { resolveComponent as l, openBlock as t, createElementBlock as s, createElementVNode as o, Fragment as m, renderList as g, normalizeStyle as k, toDisplayString as d, createBlock as r, createCommentVNode as c, withCtx as v, createTextVNode as f } from "vue";
+import { resolveComponent as l, openBlock as t, createElementBlock as s, createElementVNode as o, Fragment as m, renderList as g, normalizeStyle as k, toDisplayString as i, createBlock as r, createCommentVNode as c, withCtx as v, createTextVNode as f } from "vue";
 import "./Legend.vue3.js";
 import y 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" }, I = { class: "d-flex flex-grow-1" }, $ = ["onClick"], A = { class: "d-flex legend-button pr-elm" };
 function x(n, a, B, E, w, R) {
-  const i = l("AtEyeAtivoRegularIcon"), u = l("AtEyeInativoRegularIcon"), p = l("AtButton");
+  const d = l("AtEyeAtivoRegularIcon"), u = l("AtEyeInativoRegularIcon"), p = l("AtButton");
   return t(), s("div", b, [
     o("ul", null, [
       (t(!0), s(m, null, g(n.legendItems, (e) => (t(), s("li", {
@@ -19,12 +19,12 @@ function x(n, a, B, E, w, R) {
                 backgroundColor: `${e.hexColor}66`
               })
             }, null, 4),
-            o("span", I, d(e.name), 1),
+            o("span", I, i(e.name), 1),
             o("div", {
               class: "pointer pr-elm",
               onClick: (z) => n.toggleItem(e)
             }, [
-              e.show ? (t(), r(i, {
+              e.show ? (t(), r(d, {
                 key: 0,
                 size: "20",
                 color: "black",
@@ -47,14 +47,14 @@ function x(n, a, B, E, w, R) {
         onClick: a[0] || (a[0] = (e) => n.$emit("legendbuttonclick"))
       }, {
         default: v(() => [
-          f(d(n.legendButtonText), 1)
+          f(i(n.legendButtonText), 1)
         ]),
         _: 1
       }))
     ])
   ]);
 }
-const T = /* @__PURE__ */ y(_, [["render", x], ["__scopeId", "data-v-61370d02"]]);
+const T = /* @__PURE__ */ y(_, [["render", x], ["__scopeId", "data-v-789c7f87"]]);
 export {
   T as default
 };

package/dist/List/components/List.d.ts

@@ -16,9 +16,17 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     position: {
-        type: PropType<"left" | "right" | "top" | "bottom" | undefined>;
+        type: PropType<"left" | "right" | undefined>;
         default: string;
     };
+    showNoResultMessage: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    trigger: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }, {
     listItems: import("vue").Ref<{
         value: boolean | string[];
@@ -58,17 +66,27 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     position: {
-        type: PropType<"left" | "right" | "top" | "bottom" | undefined>;
+        type: PropType<"left" | "right" | undefined>;
         default: string;
     };
+    showNoResultMessage: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    trigger: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }>> & {
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
     onOnSave?: ((...args: any[]) => any) | undefined;
     onItemClicked?: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
-    position: "left" | "right" | "top" | "bottom" | undefined;
+    position: "left" | "right" | undefined;
+    trigger: Record<string, any>;
     dropDownList: DropdownListItem[];
     isMultiple: boolean | undefined;
+    showNoResultMessage: boolean;
 }, {}>;
 export default _default;

package/dist/List/components/List.types.d.ts

@@ -7,5 +7,6 @@ export interface AtDpListProps {
     isOpen: boolean;
     dropDownList: DropdownListItem[];
     isMultiple?: boolean;
-    position?: "top" | "left" | "right" | "bottom";
+    position?: "left" | "right";
+    showNoResultMessage: boolean;
 }

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

@@ -1,61 +1,65 @@
-import k from "./List.vue2.js";
-import { resolveComponent as a, openBlock as t, createBlock as n, withCtx as r, createElementBlock as s, createVNode as p, createTextVNode as d, createCommentVNode as l, Fragment as y, renderList as g, resolveDynamicComponent as u, normalizeStyle as m, createElementVNode as _, toDisplayString as C } from "vue";
+import h from "./List.vue2.js";
+import { resolveComponent as i, openBlock as t, createBlock as n, withCtx as s, resolveDynamicComponent as a, createElementBlock as l, createVNode as d, createTextVNode as u, createCommentVNode as r, Fragment as k, renderList as y, normalizeStyle as m, createElementVNode as C, toDisplayString as _ } from "vue";
 import "./List.vue3.js";
 import V from "../../_virtual/_plugin-vue_export-helper.js";
 const v = {
   key: 0,
   class: "noResult"
 }, I = ["onClick"], A = ["for"];
-function N(e, b, z, D, L, R) {
-  const c = a("AtParagraph"), f = a("AtCheckbox"), h = a("AtDropdown");
-  return t(), n(h, {
+function N(e, z, b, D, L, R) {
+  const c = i("AtParagraph"), f = i("AtCheckbox"), g = i("AtDropdown");
+  return t(), n(g, {
     "is-open": e.isOpen,
+    position: e.position,
     "onUpdate:isOpen": e.handleIsOpen
   }, {
-    default: r(() => [
-      (t(), s("div", {
+    trigger: s(() => [
+      (t(), n(a(e.trigger)))
+    ]),
+    default: s(() => [
+      (t(), l("div", {
         key: e.keyValue,
         class: "list"
       }, [
-        e.showNoResult ? (t(), s("section", v, [
-          p(c, { size: "p2" }, {
-            default: r(() => [
-              d(" Dado não encontrado ")
+        e.showNoResult ? (t(), l("section", v, [
+          d(c, { size: "p2" }, {
+            default: s(() => [
+              u(" Dado não encontrado ")
             ]),
             _: 1
           })
-        ])) : l("", !0),
-        (t(!0), s(y, null, g(e.listItems, (o) => (t(), s("div", {
+        ])) : r("", !0),
+        (t(!0), l(k, null, y(e.listItems, (o) => (t(), l("div", {
           key: o.text,
           class: "item",
-          onClick: (i) => e.selectItem(o)
+          onClick: (p) => e.selectItem(o)
         }, [
           e.isMultiple ? (t(), n(f, {
             key: 0,
             id: o.text,
             modelValue: o.value,
-            "onUpdate:modelValue": (i) => o.value = i,
+            "onUpdate:modelValue": (p) => o.value = p,
             class: "item-check",
             size: "12"
-          }, null, 8, ["id", "modelValue", "onUpdate:modelValue"])) : l("", !0),
-          o.iconLeft ? (t(), n(u(e.icons[e.getIconName(o.iconLeft)]), {
+          }, null, 8, ["id", "modelValue", "onUpdate:modelValue"])) : r("", !0),
+          o.iconLeft ? (t(), n(a(e.icons[e.getIconName(o.iconLeft)]), {
             key: 1,
             size: "16",
             class: "icon-left",
             style: m({ color: e.getIconColor(o.iconLeft) })
-          }, null, 8, ["style"])) : l("", !0),
-          _("label", {
+          }, null, 8, ["style"])) : r("", !0),
+          C("label", {
             for: o.text,
             class: "item-label"
           }, [
-            p(c, { size: "p2" }, {
-              default: r(() => [
-                d(C(o.text), 1)
+            d(c, { size: "p2" }, {
+              default: s(() => [
+                u(_(o.text), 1)
               ]),
               _: 2
             }, 1024)
           ], 8, A),
-          o.iconRight ? (t(), n(u(e.icons[e.getIconName(o.iconRight)]), {
+          o.iconRight ? (t(), n(a(e.icons[e.getIconName(o.iconRight)]), {
             key: 2,
             class: "icon-right",
             style: m({
@@ -64,14 +68,14 @@ function N(e, b, z, D, L, R) {
               right: "16px"
             }),
             size: "16"
-          }, null, 8, ["style"])) : l("", !0)
+          }, null, 8, ["style"])) : r("", !0)
         ], 8, I))), 128))
       ]))
     ]),
     _: 1
-  }, 8, ["is-open", "onUpdate:isOpen"]);
+  }, 8, ["is-open", "position", "onUpdate:isOpen"]);
 }
-const B = /* @__PURE__ */ V(k, [["render", N], ["__scopeId", "data-v-9ba39fdd"]]);
+const B = /* @__PURE__ */ V(h, [["render", N], ["__scopeId", "data-v-01658f6d"]]);
 export {
   B as default
 };