@agrotools1/at-components 0.6.93 → 0.6.95

package/dist/DataTable/DataTable.d.ts

@@ -246,7 +246,9 @@ declare const _default: import('vue').DefineComponent<{
     }> & {} & {
         setPage(page: number): void;
     } & import('vue').ComponentCustomProperties & {}) | undefined>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, unknown, {}, {
+    setPage(page: number): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:selected-items": (items: Array<any>) => boolean;
     "update:table-data": (data: TableData) => boolean;
     "update:table-cell": (data: {

package/dist/DataTable/DataTable.vue.js

@@ -2,7 +2,7 @@ import C from "./DataTable.vue2.js";
 import { resolveComponent as p, openBlock as t, createElementBlock as o, Fragment as r, createElementVNode as l, mergeProps as S, createBlock as c, createCommentVNode as u, renderSlot as P, withDirectives as A, renderList as d, normalizeClass as g, withKeys as $, toDisplayString as f, resolveDynamicComponent as w, vShow as D, createVNode as I, pushScopeId as T, popScopeId as E } from "vue";
 import "./DataTable.vue3.js";
 import K from "../_virtual/_plugin-vue_export-helper.js";
-const b = (e) => (T("data-v-b8c01fe3"), e = e(), E(), e), z = ["data-align-columns"], L = { role: "rowgroup" }, B = {
+const b = (e) => (T("data-v-476fccbd"), e = e(), E(), e), z = ["data-align-columns"], L = { role: "rowgroup" }, B = {
   role: "row",
   class: "thead-row"
 }, F = {
@@ -110,7 +110,7 @@ function Q(e, X, Y, Z, x, ee) {
     ])) : u("", !0)
   ], 64);
 }
-const ae = /* @__PURE__ */ K(C, [["render", Q], ["__scopeId", "data-v-b8c01fe3"]]);
+const ae = /* @__PURE__ */ K(C, [["render", Q], ["__scopeId", "data-v-476fccbd"]]);
 export {
   ae as default
 };

package/dist/DataTable/DataTable.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as k, ref as c, reactive as K, provide as p, readonly as j, inject as E, watch as x, onMounted as O, watchEffect as g, h as B, computed as L } from "vue";
-import R from "../Checkbox/Checkbox.vue.js";
-import q from "../Paginator/Paginator.vue.js";
-import { AtTipograph as F } from "../Tipograph/index.js";
-import N from "./Column/Column.vue.js";
+import { defineComponent as k, ref as d, reactive as K, provide as p, readonly as j, inject as E, watch as x, onMounted as O, watchEffect as w, h as P, computed as R } from "vue";
+import B from "../Checkbox/Checkbox.vue.js";
+import L from "../Paginator/Paginator.vue.js";
+import { AtTipograph as q } from "../Tipograph/index.js";
+import F from "./Column/Column.vue.js";
 const J = k({
   name: "AtDataTable",
   components: {
-    AtText: F.Title,
-    AtColumn: N,
-    AtPaginator: q
+    AtText: q.Title,
+    AtColumn: F,
+    AtPaginator: L
   },
   inheritAttrs: !1,
   props: {
@@ -68,18 +68,18 @@ const J = k({
     "update:table-data": (e) => Array.isArray(e),
     "update:table-cell": (e) => typeof e == "object"
   },
-  setup(e, m) {
-    const u = c(e.value), h = c([...u.value]), f = c([]), A = c(), d = c(
+  setup(e, r) {
+    const i = d(e.value), h = d([...i.value]), f = d([]), A = d(), m = d(
       null
-    ), r = K([]), y = (t) => {
-      r.includes(t) || r.push(t);
+    ), c = K([]), y = (t) => {
+      c.includes(t) || c.push(t);
     };
     p("columns", {
-      columns: j(r),
+      columns: j(c),
       updateColumn: y
-    }), p("alignColumns", e.alignColumns), p("tableData", u);
-    const b = E("columns", {
-      columns: r,
+    }), p("alignColumns", e.alignColumns), p("tableData", i);
+    const g = E("columns", {
+      columns: c,
       updateColumn: y
     }), C = (t) => Object.entries(t), s = (t) => {
       try {
@@ -100,20 +100,20 @@ const J = k({
         const l = s(o);
         return [...f.value].includes(l);
       });
-      if (d.value) {
-        const { element: o, item: l } = d.value, n = a.find(
-          (i) => s(i) === s(l)
+      if (m.value) {
+        const { element: o, item: l } = m.value, n = a.find(
+          (u) => s(u) === s(l)
         );
         o.setAttribute("aria-selected", JSON.stringify(!!n));
       }
-      m.emit("update:selected-items", Array.from(a));
+      r.emit("update:selected-items", Array.from(a));
     }, D = (t, a) => {
-      var i;
-      const o = t.target, { value: l } = o, n = (i = d.value) == null ? void 0 : i.item;
-      n && (n[a] = l, u.value = u.value.map((w) => {
-        const I = s(w), T = s(n);
-        return I === T ? n : w;
-      }), m.emit("update:table-data", u.value), m.emit("update:table-cell", {
+      var u;
+      const o = t.target, { value: l } = o, n = (u = m.value) == null ? void 0 : u.item;
+      n && (n[a] = l, i.value = i.value.map((b) => {
+        const I = s(b), T = s(n);
+        return I === T ? n : b;
+      }), r.emit("update:table-data", i.value), r.emit("update:table-cell", {
         field: a,
         value: l
       }));
@@ -125,38 +125,44 @@ const J = k({
       }
     ), O(() => {
       e.withDefaultSelectedItems && v([...e.withDefaultSelectedItems]);
-    }), g(() => {
-      e.withSelection ? u.value = [...e.value].map((t) => ({
-        selection: () => B(R, {
+    }), w(() => {
+      e.withSelection ? i.value = [...e.value].map((t) => ({
+        selection: () => P(B, {
           modelValue: f.value,
           "onUpdate:modelValue": (a) => v(a),
           val: s(t)
         }),
         ...t
-      })) : u.value = [...e.value];
-    }), g(() => {
-      const t = [...r], a = [...u.value].map((o) => {
+      })) : i.value = [...e.value];
+    }), w(() => {
+      const t = [...c], a = [...i.value].map((o) => {
         const l = {}, n = Object.keys({ ...o });
-        for (const i of t)
-          n.includes(i) && (l[i] = o[i]);
+        for (const u of t)
+          n.includes(u) && (l[u] = o[u]);
         return l;
       });
       h.value = a;
     }), {
-      reactiveIsLoading: L(() => e.isLoading),
-      tableData: u,
+      reactiveIsLoading: R(() => e.isLoading),
+      tableData: i,
       activeTableData: h,
-      columns: b.columns,
-      updateColumn: b.updateColumn,
+      columns: g.columns,
+      updateColumn: g.updateColumn,
       internalUpdateColumn: y,
-      internalColumns: r,
-      lastHoveredTr: d,
+      internalColumns: c,
+      lastHoveredTr: m,
       getEntries: C,
       extractKey: s,
       updateOnKeyDown: D,
       handleTrClick: S,
       paginatorRef: A
     };
+  },
+  methods: {
+    setPage(e) {
+      var r;
+      (r = this.paginatorRef) == null || r.setPage(e);
+    }
   }
 });
 export {

package/dist/DataTable/index.d.ts

@@ -244,7 +244,9 @@ export declare const AtDataTable: {
         }> & {} & {
             setPage(page: number): void;
         } & import('vue').ComponentCustomProperties & {}) | undefined>;
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }, unknown, {}, {
+        setPage(page: number): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:selected-items": (items: any[]) => boolean;
         "update:table-data": (data: {
             [key: string]: unknown;

package/dist/Input/Input.core.d.ts

@@ -6259,7 +6259,9 @@ declare const _default: import('vue').DefineComponent<{
         }[];
     }>;
     resizeSelectedItems: () => Promise<void>;
-}, 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<{
+    inputClass: import('vue').ComputedRef<"" | "AT-ITEMS_input">;
+    checkOverflow: () => Promise<void>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "mouseover" | "clickOutside" | "clearInput" | "overflow")[], "input" | "update:modelValue" | "mouseover" | "clickOutside" | "clearInput" | "overflow", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         required: false;
@@ -6355,6 +6357,7 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClickOutside?: ((...args: any[]) => any) | undefined;
     onClearInput?: ((...args: any[]) => any) | undefined;
+    onOverflow?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
     required: boolean;

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

@@ -1,8 +1,8 @@
 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 { resolveComponent as C, openBlock as n, createElementBlock as l, createElementVNode as i, createTextVNode as a, toDisplayString as t, createCommentVNode as r, Fragment as k, renderList as v, mergeProps as T, normalizeClass as m, createBlock as d, resolveDynamicComponent as y } from "vue";
 import "./Input.core.vue3.js";
-import $ from "../_virtual/_plugin-vue_export-helper.js";
-const f = ["data-mode", "disabled"], A = ["for"], N = {
+import f from "../_virtual/_plugin-vue_export-helper.js";
+const $ = ["data-mode", "disabled"], A = ["for"], N = {
   key: 0,
   class: "AT-INPUT_required"
 }, b = ["title"], F = { class: "AT-INPUT_item_slot" }, O = ["onClick"], P = {
@@ -13,7 +13,7 @@ const f = ["data-mode", "disabled"], A = ["for"], N = {
   class: "AT-INPUT_error-message"
 }, U = ["src"];
 function B(e, s, M, S, z, E) {
-  const u = k("AtCircleXMarkSolidIcon");
+  const u = C("AtCircleXMarkSolidIcon");
   return n(), l("div", null, [
     i("div", {
       ref: "wrapperEl",
@@ -36,7 +36,7 @@ function B(e, s, M, S, z, E) {
         class: "AT-INPUT_items",
         onClick: s[1] || (s[1] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
       }, [
-        (n(!0), l(C, null, v(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
+        (n(!0), l(k, null, v(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
           key: o.value,
           ref_for: !0,
           ref: "selectedItemsEl",
@@ -58,6 +58,7 @@ function B(e, s, M, S, z, E) {
         id: e.id,
         ref: "inputEl",
         style: { cursor: e.cursor },
+        class: e.inputClass,
         disabled: e.$props.disabled || void 0,
         readonly: e.$props.readonly || void 0,
         type: e.type,
@@ -94,7 +95,7 @@ function B(e, s, M, S, z, E) {
           color: e.iconColor
         }, null, 8, ["size", "color"]))
       ], 2)) : r("", !0)
-    ], 40, f),
+    ], 40, $),
     e.error.value ? (n(), l("span", h, [
       i("img", {
         src: e.icons.error,
@@ -104,7 +105,7 @@ function B(e, s, M, S, z, E) {
     ])) : r("", !0)
   ]);
 }
-const X = /* @__PURE__ */ $(I, [["render", B], ["__scopeId", "data-v-d7890dba"]]);
+const X = /* @__PURE__ */ f(I, [["render", B], ["__scopeId", "data-v-5ed72fcb"]]);
 export {
   X as default
 };

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

@@ -1,11 +1,11 @@
-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({
+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";
+const ee = P({
   name: "AtCoreInput",
   components: {
-    AtCircleXMarkSolidIcon: X
+    AtCircleXMarkSolidIcon: J
   },
   props: {
     modelValue: {
@@ -99,125 +99,140 @@ const Z = z({
     "input",
     "clickOutside",
     "clearInput",
-    "mouseover"
+    "mouseover",
+    "overflow"
   ],
-  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({
+  setup(e, { emit: s }) {
+    const q = { ...K }, E = u(null), f = u(null), v = u(null), S = u(null), F = i(() => e.error), a = u(!1), d = u(""), c = u(!1), L = u(!1), k = i(
+      () => e.useClearButton && a.value && e.modelValue && !c.value
+    ), T = i(
+      () => e.useSideClearButton && !e.useClearButton && e.modelValue && !c.value
+    ), h = u({
       supportedItems: e.selectedItems.length,
       isCounterActive: !1,
       itemsToRender: e.selectedItems
-    }), F = Math.random().toString(36).substring(2), o = u(!1), M = () => {
+    }), _ = Math.random().toString(36).substring(2), o = u(!1), W = () => {
       o.value = !0;
-    }, L = () => {
+    }, x = () => {
       o.value = !1;
     }, g = () => {
       a.value = !0;
-    }, v = () => {
-      e.forceFocus || (e.forceEventClearButton ? a.value = !0 : k(() => {
+    }, m = () => {
+      e.forceFocus || (e.forceEventClearButton ? a.value = !0 : A(() => {
         a.value = !1;
       }, 100)());
-    }, m = async () => {
-      var w;
-      y.value.itemsToRender = e.selectedItems, await P();
-      const t = (w = f.value) == null ? void 0 : w.clientWidth;
+    }, I = async () => {
+      var M;
+      h.value.itemsToRender = e.selectedItems, await b();
+      const t = (M = v.value) == null ? void 0 : M.clientWidth;
       if (t === void 0)
         return;
       let l = 50, n = 0;
-      const r = b.value;
+      const r = S.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 = {
+        for (let y = 0; y < r.length; y++)
+          l += r[y].clientWidth + 10, l <= t && (n = y + 1);
+      let w;
+      l >= t ? w = {
         isCounterActive: l > (t || 0),
         supportedItems: n,
         itemsToRender: e.selectedItems.slice(0, n)
-      } : C = {
+      } : w = {
         isCounterActive: l > (t || 0),
         supportedItems: e.selectedItems.length,
         itemsToRender: e.selectedItems
-      }, y.value = C;
-    }, S = (t) => {
+      }, h.value = w;
+    }, O = (t) => {
       var l, n;
-      !((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"));
+      !((l = E.value) != null && l.contains(t.target)) && !((n = f.value) != null && n.contains(t.target)) && !k.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);
+      }
     };
-    N(() => {
+    X(() => {
       var t;
-      (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);
+      (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && g(), document.addEventListener("click", O), window.addEventListener("resize", I);
+    }), H(() => {
+      document.removeEventListener("click", O), window.removeEventListener("resize", I);
     });
-    const _ = (t) => {
+    const R = (t) => {
       e.preventInputEvent && t.preventDefault();
       const l = t.target.value;
-      c("input", t), e.debounce > 0 ? k(() => h(l), e.debounce)() : h(l);
-    }, h = (t) => {
-      c("update:modelValue", t), e.modelValue === void 0 && (i.value = t);
+      s("input", t), e.debounce > 0 ? A(() => V(l), e.debounce)() : V(l), b(() => {
+        C();
+      });
+    }, V = (t) => {
+      s("update:modelValue", t), e.modelValue === void 0 && (d.value = t);
     };
-    function k(t, l) {
+    function A(t, l) {
       let n;
       return function() {
         clearTimeout(n), n = setTimeout(t, l);
       };
     }
-    const x = () => {
-      d.value = !0, a.value = !1, c("clearInput"), setTimeout(() => {
-        e.forceEventClearButton || h(""), d.value = !1;
+    const j = () => {
+      c.value = !0, a.value = !1, s("clearInput"), setTimeout(() => {
+        e.forceEventClearButton || V(""), c.value = !1;
       }, 100);
     };
-    D(() => {
+    G(() => {
       var t, l;
-      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.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(
       () => e.selectedItems,
       async () => {
-        await m();
+        await I();
       },
       { deep: !0 }
-    ), T(
+    ), B(
       () => o.value,
       () => {
-        c("mouseover", o.value);
+        s("mouseover", o.value);
+      }
+    ), B(
+      () => e.modelValue,
+      () => {
+        C();
       }
     );
-    const R = s(() => {
+    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 || 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 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" : "");
     return {
-      wrapperEl: B,
-      inputEl: V,
-      inputError: O,
-      inputId: e.id ?? F,
+      wrapperEl: E,
+      inputEl: f,
+      inputError: F,
+      inputId: e.id ?? _,
       handleOnFocus: g,
-      handleOnFocusOut: v,
+      handleOnFocusOut: m,
       icons: {
-        error: G,
-        ...A
+        error: Q,
+        ...q
       },
-      clickedClear: d,
-      showClearButton: E,
-      showSideClearButton: q,
-      clearInput: x,
-      containerItemsEl: f,
-      onInput: _,
-      iconColor: R,
+      clickedClear: c,
+      showClearButton: k,
+      showSideClearButton: T,
+      clearInput: j,
+      containerItemsEl: v,
+      onInput: R,
+      iconColor: z,
       isFocused: a,
-      handleMouseOver: M,
-      handleMouseLeave: L,
+      handleMouseOver: W,
+      handleMouseLeave: x,
       isHovered: o,
-      inputComputedValue: j,
-      currentMode: W,
-      selectedItemsEl: b,
-      selectedItemsController: y,
-      resizeSelectedItems: m
+      inputComputedValue: U,
+      currentMode: N,
+      selectedItemsEl: S,
+      selectedItemsController: h,
+      resizeSelectedItems: I,
+      inputClass: D,
+      checkOverflow: C
     };
   }
 });
 export {
-  Z as default
+  ee as default
 };

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

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

package/dist/Input/index.d.ts

@@ -6246,7 +6246,9 @@ export declare const AtInput: {
             }[];
         }>;
         resizeSelectedItems: () => Promise<void>;
-    }, 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<{
+        inputClass: import('vue').ComputedRef<"" | "AT-ITEMS_input">;
+        checkOverflow: () => Promise<void>;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "mouseover" | "clickOutside" | "clearInput" | "overflow")[], "input" | "update:modelValue" | "mouseover" | "clickOutside" | "clearInput" | "overflow", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
         modelValue: {
             type: StringConstructor;
             required: false;
@@ -6348,6 +6350,7 @@ export declare const AtInput: {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onClickOutside?: ((...args: any[]) => any) | undefined;
         onClearInput?: ((...args: any[]) => any) | undefined;
+        onOverflow?: ((...args: any[]) => any) | undefined;
     }, {
         type: string;
         required: boolean;

package/dist/Select/Select.core.d.ts

@@ -63,6 +63,17 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: boolean;
     };
+    showTooltipOnOverflow: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    tooltipPosition: {
+        required: false;
+        type: () => "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "left-bottom" | "left-center" | "right-bottom" | "right-center" | undefined;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {
     id: string;
     handleValue: () => string;
@@ -78,6 +89,8 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').ComputedRef<"button" | undefined>;
     inputClass: string;
     isTypable: boolean;
+    isOverflowing: import('vue').Ref<boolean>;
+    handleOverflow: (value: boolean) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clearInput" | "update:model-value")[], "clearInput" | "update:model-value", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: PropType<string | SelectItemProps>;
@@ -130,6 +143,17 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: boolean;
     };
+    showTooltipOnOverflow: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    tooltipPosition: {
+        required: false;
+        type: () => "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "left-bottom" | "left-center" | "right-bottom" | "right-center" | undefined;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onClearInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
@@ -143,5 +167,7 @@ declare const _default: import('vue').DefineComponent<{
     isMultiple: boolean;
     customClass: string;
     isTypable: boolean;
+    showTooltipOnOverflow: boolean;
+    tooltipPosition: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "left-bottom" | "left-center" | "right-bottom" | "right-center" | undefined;
 }, {}>;
 export default _default;