@agrotools1/at-components 0.6.93 → 0.6.94

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;

package/dist/Select/Select.core.vue.js

@@ -1,37 +1,51 @@
-import n from "./Select.core.vue2.js";
-import { resolveComponent as a, openBlock as t, createBlock as i, mergeProps as s } from "vue";
-import d from "../_virtual/_plugin-vue_export-helper.js";
-function p(e, o, u, m, c, b) {
-  const l = a("AtInput");
-  return t(), i(l, s(e.$props, {
-    ref: "atInput",
-    modelValue: e.inputModelValue,
-    "onUpdate:modelValue": [
-      o[0] || (o[0] = (r) => e.inputModelValue = r),
-      e.handleTyping
-    ],
-    role: "combobox",
-    type: e.type,
-    cursor: "pointer",
-    "prevent-input-event": !0,
-    "on-selected-item-click": e.onSelectedItemClick,
-    "selected-items": e.selectedItems,
-    label: e.label,
-    "aria-controls": e.id,
-    "aria-label": e.label,
-    separator: e.separator,
-    required: e.required,
-    disabled: e.disabled,
-    error: e.getError,
-    icon: { name: "AtAngleDownSolidIcon" },
-    "aria-autocomplete": "none",
-    class: ["AT-SELECT_container", e.inputClass],
-    "use-side-clear-button": e.showClearButton,
-    onClearInput: e.handleClearInput,
-    onClickOutside: e.handleClickOutside
-  }), null, 16, ["modelValue", "type", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "required", "disabled", "error", "class", "use-side-clear-button", "onUpdate:modelValue", "onClearInput", "onClickOutside"]);
+import i from "./Select.core.vue2.js";
+import { resolveComponent as l, openBlock as s, createElementBlock as d, createVNode as t, withCtx as p, mergeProps as u } from "vue";
+import "./Select.core.vue3.js";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+function c(e, o, f, b, C, v) {
+  const n = l("AtInput"), r = l("AtTooltip");
+  return s(), d("div", null, [
+    t(r, {
+      disable: !e.isOverflowing || !e.showTooltipOnOverflow,
+      text: e.inputModelValue,
+      position: e.tooltipPosition,
+      style: { width: "100%" }
+    }, {
+      default: p(() => [
+        t(n, u(e.$props, {
+          ref: "atInput",
+          modelValue: e.inputModelValue,
+          "onUpdate:modelValue": [
+            o[0] || (o[0] = (a) => e.inputModelValue = a),
+            e.handleTyping
+          ],
+          role: "combobox",
+          type: e.type,
+          cursor: "pointer",
+          "prevent-input-event": !0,
+          "on-selected-item-click": e.onSelectedItemClick,
+          "selected-items": e.selectedItems,
+          label: e.label,
+          "aria-controls": e.id,
+          "aria-label": e.label,
+          separator: e.separator,
+          required: e.required,
+          disabled: e.disabled,
+          error: e.getError,
+          icon: { name: "AtAngleDownSolidIcon" },
+          "aria-autocomplete": "none",
+          class: ["AT-SELECT_container", e.inputClass],
+          "use-side-clear-button": e.showClearButton,
+          onClearInput: e.handleClearInput,
+          onClickOutside: e.handleClickOutside,
+          onOverflow: e.handleOverflow
+        }), null, 16, ["modelValue", "type", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "required", "disabled", "error", "class", "use-side-clear-button", "onUpdate:modelValue", "onClearInput", "onClickOutside", "onOverflow"])
+      ]),
+      _: 1
+    }, 8, ["disable", "text", "position"])
+  ]);
 }
-const k = /* @__PURE__ */ d(n, [["render", p]]);
+const A = /* @__PURE__ */ m(i, [["render", c], ["__scopeId", "data-v-ade5f307"]]);
 export {
-  k as default
+  A as default
 };

package/dist/Select/Select.core.vue2.js

@@ -1,11 +1,13 @@
-import { defineComponent as m, ref as s, computed as n, watch as b, inject as I } from "vue";
-import { AtInput as h } from "../Input/index.js";
+import { defineComponent as h, ref as o, computed as u, watch as g, inject as I } from "vue";
+import { AtInput as T } from "../Input/index.js";
+import q from "../Tooltip/Tooltip.vue.js";
 import "./Item/Item.vue2.js";
 import "./Item/Item.vue3.js";
-const S = m({
+const A = h({
   name: "AtSelect",
   components: {
-    AtInput: h.Text
+    AtInput: T.Text,
+    AtTooltip: q
   },
   props: {
     value: {
@@ -58,55 +60,81 @@ const S = m({
       type: Boolean,
       required: !1,
       default: !1
+    },
+    showTooltipOnOverflow: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    tooltipPosition: {
+      required: !1,
+      type: String,
+      default: "bottom-center",
+      validator: (e) => [
+        "bottom-left",
+        "bottom-center",
+        "bottom-right",
+        "top-left",
+        "top-center",
+        "top-right",
+        "left-bottom",
+        "left-center",
+        "right-bottom",
+        "right-center"
+      ].includes(e)
     }
   },
   emits: ["update:model-value", "clearInput"],
   setup(e, { emit: a }) {
-    const o = s(null), l = s(""), r = n(() => {
+    const d = o(null), l = o(""), r = u(() => {
       var t;
       return typeof e.value == "string" ? e.value : (t = e.value) == null ? void 0 : t.value;
-    }), d = n(() => {
+    }), i = o(!1), f = u(() => {
       if (!e.isTypable)
         return "button";
-    }), f = (t) => {
+    }), c = (t) => {
       a("update:model-value", t);
-    }, c = () => {
-      a("clearInput");
     }, p = () => {
+      a("clearInput");
+    }, m = () => {
       !e.value && e.isTypable && (l.value = "", a("clearInput"));
-    }, u = () => {
-      var i;
+    }, n = () => {
+      var s;
       if (e.isMultiple)
         return "";
-      const t = (i = e.items) == null ? void 0 : i.find(
-        (v) => v.value === r.value
+      const t = (s = e.items) == null ? void 0 : s.find(
+        (b) => b.value === r.value
       );
       return t ? t.text : (console.warn(
         `The default value "${r.value}" is not included in the items array.`
       ), "");
+    }, v = (t) => {
+      i.value = t;
     };
-    b(
+    g(
       () => e.value,
       () => {
-        e.value !== "" && (l.value = u() || "");
+        e.value !== "" && (l.value = n() || "");
       }
-    ), l.value = u() || "";
-    const y = n(() => I("error"));
+    ), l.value = n() || "";
+    const y = u(() => I("error"));
     return {
       id: `at-select-${Math.random().toString(36).substr(2, 9)}`,
-      handleValue: u,
+      handleValue: n,
       getError: y,
-      atInput: o,
+      atInput: d,
       inputModelValue: l,
-      handleTyping: f,
-      handleClearInput: c,
-      handleClickOutside: p,
-      type: d,
+      handleTyping: c,
+      handleClearInput: p,
+      handleClickOutside: m,
+      type: f,
       inputClass: e.customClass,
-      isTypable: e.isTypable
+      isTypable: e.isTypable,
+      isOverflowing: i,
+      handleOverflow: v
     };
   }
 });
 export {
-  S as default
+  A as default
 };

package/dist/Select/Select.core.vue3.js

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

package/dist/Select/Single/Select.single.d.ts

@@ -44,6 +44,11 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showTooltipOnOverflow: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     error: {
         type: ObjectConstructor;
         default: () => void;
@@ -125,6 +130,11 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showTooltipOnOverflow: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     error: {
         type: ObjectConstructor;
         default: () => void;
@@ -146,6 +156,7 @@ declare const _default: import('vue').DefineComponent<{
     items: SelectItemProps[];
     showClearButton: boolean;
     msgNoResult: string;
+    showTooltipOnOverflow: boolean;
     emitValue: boolean;
     hasAutocomplete: boolean;
 }, {}>;