eco-vue-js 0.3.75 → 0.3.76

package/dist/components/Dropdown/WDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAiBA;AAMA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8MvD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAgBA;AAMA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4MvD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Dropdown/WDropdown.vue.js

@@ -1,8 +1,7 @@
-import { defineComponent, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, renderSlot } from 'vue';
+import { defineComponent, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
 import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
 import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
 import { horizontalGetterOrderMap, searchStyleGetter } from './utils/DropdownStyle.js';
-import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdown",
@@ -36,16 +35,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...verticalStyle.value
       };
     });
-    const setParentRect = (updateSize = false) => {
+    const setParentRect = (updateSize = false, updateAlign = false) => {
       const newRect = props.parentElement.getBoundingClientRect();
       const isLeftChanged = newRect.left !== parentRect?.left;
       const isTopChanged = newRect.top !== parentRect?.top || newRect.bottom !== parentRect?.bottom;
-      if (!horizontalGetter || isLeftChanged && props.updateAlign) {
+      if (!horizontalGetter || isLeftChanged && (props.updateAlign || updateAlign)) {
         horizontalGetter = searchStyleGetter(order.value, newRect, props.maxWidth);
         if (updateSize)
           widthStyle.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
       }
-      if (!verticalGetter || isTopChanged && props.updateAlign) {
+      if (!verticalGetter || isTopChanged && (props.updateAlign || updateAlign)) {
         const order2 = horizontalGetter.verticalGetterOrder;
         verticalGetter = searchStyleGetter(order2, newRect, props.maxHeight);
         isTop.value = verticalGetter.isTop;
@@ -87,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       domListenerContainer.destroy();
     });
     watch(toRef(props, "parentElement"), () => {
-      setParentRect();
+      setParentRect(false, true);
     });
     __expose({
       update: () => {
@@ -100,8 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: dropdown,
         style: normalizeStyle(styles.value),
         class: normalizeClass(["fixed h-auto group/dropdown", {
-          "dropdown-top": isTop.value,
-          "w-0 flex justify-center": _ctx.horizontalAlign === unref(HorizontalAlign).CENTER
+          "dropdown-top": isTop.value
         }])
       }, [
         renderSlot(_ctx.$slots, "default", {

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAsCA;AAIA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6L5D,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAuCA;AAIA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6L5D,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/DropdownMenu/WDropdownMenu.vue.js

@@ -48,10 +48,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "max-height": _ctx.maxHeight,
                 "max-width": _ctx.maxWidth,
                 "emit-update": _ctx.emitUpdate,
-                class: normalizeClass({
+                class: normalizeClass([{
                   "z-[2]": !_ctx.teleport,
                   "z-30": _ctx.teleport
-                }),
+                }, "will-change-[top,bottom]"]),
                 "onUpdate:rect": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:rect"))
               }, {
                 default: withCtx(() => [

package/dist/components/Tooltip/WTooltip.vue.d.ts

@@ -4,12 +4,14 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     overflowOnly?: boolean | undefined;
     light?: boolean | undefined;
     trigger?: Element | undefined;
+    maxHeight?: number | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     text?: string | undefined;
     noTouch?: boolean | undefined;
     overflowOnly?: boolean | undefined;
     light?: boolean | undefined;
     trigger?: Element | undefined;
+    maxHeight?: number | undefined;
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Tooltip/WTooltip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/WTooltip.vue"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;AA0HA,wBAYG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"WTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/WTooltip.vue"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;AAmIA,wBAaG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/Tooltip/WTooltip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, ref, computed, watch, toRef, onBeforeUnmount, unref, openBlock, createElementBlock, createCommentVNode } from 'vue';
+import { defineComponent, useSlots, ref, computed, watch, toRef, onBeforeUnmount, unref, openBlock, createElementBlock, createCommentVNode, markRaw } from 'vue';
 import { getIsTouchDevice } from '../../utils/mobile.js';
 import { Tooltip } from '../../utils/Tooltip.js';
 import { getIncrement } from './models/utils.js';
@@ -10,7 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noTouch: { type: Boolean },
     overflowOnly: { type: Boolean },
     light: { type: Boolean },
-    trigger: {}
+    trigger: {},
+    maxHeight: {}
   },
   setup(__props) {
     const props = __props;
@@ -32,7 +33,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (parent.value.scrollHeight === Math.round(rect.height) && parent.value.scrollWidth === Math.round(rect.width))
           return;
       }
-      Tooltip.add({ parent: parent.value, slot, text: props.text, light: props.light, key: getIncrement() });
+      Tooltip.add({
+        parent: parent.value,
+        slot: slot ? markRaw(slot) : void 0,
+        text: props.text,
+        light: props.light,
+        key: getIncrement(),
+        maxHeight: props.maxHeight
+      });
     };
     const close = () => {
       isOpen.value = false;

package/dist/components/Tooltip/WTooltipContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/WTooltipContainer.vue"],"names":[],"mappings":"AAkEA;;AAoSA,wBAKG"}
+{"version":3,"file":"WTooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/WTooltipContainer.vue"],"names":[],"mappings":"AA4CA;;AAoMA,wBAKG"}

package/dist/components/Tooltip/WTooltipContainer.vue.js

@@ -1,20 +1,17 @@
-import { defineComponent, ref, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, openBlock, createBlock, Transition, withCtx, unref, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createElementBlock, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, ref, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, openBlock, createBlock, Transition, withCtx, unref, createVNode, resolveDynamicComponent, createElementBlock, toDisplayString, createCommentVNode, markRaw } from 'vue';
 import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { initTooltip } from '../../utils/Tooltip.js';
-import { isClientSide } from '../../utils/utils.js';
+import _sfc_main$2 from './components/TooltipContainer.vue.js';
 
 const _hoisted_1 = {
   key: 1,
   class: "whitespace-nowrap"
 };
-const MARGIN = 12;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WTooltipContainer",
   setup(__props) {
     const tooltipMeta = ref(null);
-    const container = ref();
-    const containerWidth = ref(0);
     let timeout;
     const setTooltipMeta = (meta) => {
       clearTimeoutOnClose();
@@ -25,8 +22,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 100);
       } else if (tooltipMeta.value !== meta) {
         timeout = setTimeout(() => {
-          tooltipMeta.value = meta;
-          updateContainerStyles(container.value);
+          tooltipMeta.value = markRaw(meta);
+          timeout = void 0;
         }, 25);
       }
     };
@@ -40,45 +37,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       clearTimeout(timeout);
       timeout = void 0;
     };
-    const updateContainerStyles = (value) => {
-      if (!value) {
-        containerWidth.value = 0;
-      } else {
-        containerWidth.value = value.getBoundingClientRect().width;
-      }
-    };
-    const getMarginStyles = (left, right) => {
-      if (!isClientSide || !containerWidth.value)
-        return;
-      const l = left ? Number.parseFloat(left.substring(0, left.indexOf("px"))) : void 0;
-      if (l !== void 0) {
-        const containerLeft = l - containerWidth.value / 2 - MARGIN;
-        if (containerLeft < 0)
-          return { marginLeft: 0 - containerLeft + "px", marginRight: containerLeft + "px" };
-        const containerRight = window.innerWidth - l - containerWidth.value / 2 - MARGIN;
-        if (containerRight < 0)
-          return { marginRight: 0 - containerRight + "px", marginLeft: containerRight + "px" };
-        return {};
-      }
-      const r = right ? Number.parseFloat(right.substring(0, right.indexOf("px"))) : void 0;
-      if (r !== void 0) {
-        const containerLeft = window.innerWidth - r - containerWidth.value / 2 - MARGIN;
-        if (containerLeft < 0)
-          return { marginLeft: 0 - containerLeft + "px", marginRight: containerLeft + "px" };
-        const containerRight = r - containerWidth.value / 2 - MARGIN;
-        if (containerRight < 0)
-          return { marginRight: 0 - containerRight + "px", marginLeft: containerRight + "px" };
-        return {};
-      }
-    };
-    const marginStyleCache = ref();
-    const getMarginStylesCached = (left, right) => {
-      const styles = getMarginStyles(left, right);
-      if (!styles)
-        return marginStyleCache.value;
-      marginStyleCache.value = styles;
-      return styles;
-    };
     onBeforeMount(() => {
       initTooltip(setTooltipMeta);
     });
@@ -103,45 +61,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             "parent-element": tooltipMeta.value.parent,
             "horizontal-align": unref(HorizontalAlign).CENTER,
-            "max-height": 200,
+            "max-height": tooltipMeta.value?.maxHeight ?? 120,
             "max-width": 240,
             "emit-update": "",
-            class: "z-[10000] [--arrow-size:8px] transition-[top,bottom,left,right]",
+            class: "z-[10000] sm:transition-[top,bottom,left,right] will-change-[top,bottom,left,right] isolate",
             "onUpdate:rect": close
           }, {
             default: withCtx(({ left, right, istop }) => [
-              createElementVNode("div", {
-                ref_key: "container",
-                ref: container,
-                class: "flex justify-center items-center flex-col drop-shadow-md dark:drop-shadow-none pointer-events-none"
-              }, [
-                createElementVNode("div", {
-                  class: normalizeClass(["w-[calc(var(--arrow-size)/2)] z-10 pointer-events-auto border-[transparent] border-solid [border-width:var(--arrow-size)]", {
-                    "text-black-default dark:text-gray-800": !tooltipMeta.value.light,
-                    "text-default dark:text-gray-800": tooltipMeta.value.light,
-                    "border-t-current order-2": istop,
-                    "border-b-current": !istop
-                  }]),
-                  onMouseover: _cache[0] || (_cache[0] = ($event) => setTooltipMeta(tooltipMeta.value)),
-                  onMouseleave: _cache[1] || (_cache[1] = ($event) => setTooltipMeta(null))
-                }, null, 34),
-                createElementVNode("div", {
-                  class: normalizeClass(["py-3 px-4 rounded-xl text-xs font-medium text-center transition-[margin] pointer-events-auto", {
-                    "bg-black-default dark:bg-gray-800 text-default": !tooltipMeta.value.light,
-                    "bg-default dark:bg-gray-800 text-accent": tooltipMeta.value.light
-                  }]),
-                  style: normalizeStyle(getMarginStylesCached(left, right)),
-                  onMouseover: _cache[2] || (_cache[2] = ($event) => setTooltipMeta(tooltipMeta.value)),
-                  onMouseleave: _cache[3] || (_cache[3] = ($event) => setTooltipMeta(null))
-                }, [
+              createVNode(_sfc_main$2, {
+                "tooltip-meta": tooltipMeta.value,
+                left,
+                right,
+                "is-top": istop,
+                onOver: _cache[0] || (_cache[0] = ($event) => setTooltipMeta(tooltipMeta.value)),
+                onLeave: _cache[1] || (_cache[1] = ($event) => setTooltipMeta(null))
+              }, {
+                default: withCtx(() => [
                   tooltipMeta.value.slot ? (openBlock(), createBlock(resolveDynamicComponent(tooltipMeta.value.slot), {
                     key: tooltipMeta.value.key
                   })) : tooltipMeta.value.text ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(tooltipMeta.value.text), 1)) : createCommentVNode("", true)
-                ], 38)
-              ], 512)
+                ]),
+                _: 2
+              }, 1032, ["tooltip-meta", "left", "right", "is-top"])
             ]),
             _: 1
-          }, 8, ["parent-element", "horizontal-align"])) : createCommentVNode("", true)
+          }, 8, ["parent-element", "horizontal-align", "max-height"])) : createCommentVNode("", true)
         ]),
         _: 1
       });

package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts

@@ -0,0 +1,36 @@
+import type { TooltipMeta } from '../../../utils/Tooltip';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    tooltipMeta: TooltipMeta;
+    isTop?: boolean | undefined;
+    left?: string | undefined;
+    right?: string | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    over: () => void;
+    leave: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    tooltipMeta: TooltipMeta;
+    isTop?: boolean | undefined;
+    left?: string | undefined;
+    right?: string | undefined;
+}>>> & {
+    onLeave?: (() => any) | undefined;
+    onOver?: (() => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TooltipContainer.vue.d.ts.map

package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/components/TooltipContainer.vue"],"names":[],"mappings":"AA+BA;AAGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;AA2MhD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Tooltip/components/TooltipContainer.vue.js

@@ -0,0 +1,86 @@
+import { defineComponent, ref, watch, toRef, onMounted, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, nextTick } from 'vue';
+import { isClientSide } from '../../../utils/utils.js';
+
+const _hoisted_1 = { class: "flex justify-center items-center flex-col drop-shadow-md dark:drop-shadow-none pointer-events-none" };
+const MARGIN = 12;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TooltipContainer",
+  props: {
+    tooltipMeta: {},
+    isTop: { type: Boolean },
+    left: {},
+    right: {}
+  },
+  emits: ["over", "leave"],
+  setup(__props) {
+    const props = __props;
+    const container = ref();
+    const transformX = ref(0);
+    const getTransformX = () => {
+      if (!isClientSide || !container.value)
+        return 0;
+      const l = props.left ? Number.parseFloat(props.left.slice(0, -2)) : null;
+      if (typeof l === "number") {
+        const containerLeft = l - container.value.offsetWidth / 2 - MARGIN;
+        if (containerLeft < 0)
+          return containerLeft * -1;
+        const containerRight = window.innerWidth - l - container.value.offsetWidth / 2 - MARGIN;
+        if (containerRight < 0)
+          return containerRight;
+        return 0;
+      }
+      const r = props.right ? Number.parseFloat(props.right.slice(0, -2)) : null;
+      if (typeof r === "number") {
+        const containerLeft = window.innerWidth - r - container.value.offsetWidth / 2 - MARGIN;
+        if (containerLeft < 0)
+          return containerLeft * -1;
+        const containerRight = r - container.value.offsetWidth / 2 - MARGIN;
+        if (containerRight < 0)
+          return containerRight;
+        return 0;
+      }
+      return 0;
+    };
+    const setTransformX = async () => {
+      await nextTick();
+      transformX.value = getTransformX();
+    };
+    watch(toRef(props, "tooltipMeta"), () => {
+      setTransformX();
+    });
+    onMounted(() => {
+      setTransformX();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["w-1 z-10 pointer-events-auto border-[transparent] border-solid border-[0.5rem]", {
+            "text-black-default dark:text-gray-800": !_ctx.tooltipMeta.light,
+            "text-default dark:text-gray-800": _ctx.tooltipMeta.light,
+            "border-t-current order-2": _ctx.isTop,
+            "border-b-current": !_ctx.isTop
+          }]),
+          onMouseover: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("over")),
+          onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("leave"))
+        }, null, 34),
+        createElementVNode("div", {
+          ref_key: "container",
+          ref: container,
+          class: normalizeClass(["py-3 px-4 rounded-xl text-xs font-medium text-center pointer-events-auto translate-x-[var(--t-translate-x)] max-w-[calc(100vw-1.5rem)]", {
+            "bg-black-default dark:bg-gray-800 text-default": !_ctx.tooltipMeta.light,
+            "bg-default dark:bg-gray-800 text-accent": _ctx.tooltipMeta.light
+          }]),
+          style: normalizeStyle({
+            "--t-translate-x": transformX.value + "px"
+          }),
+          onMouseover: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("over")),
+          onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("leave"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 38)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Tooltip/components/TooltipContainer.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './TooltipContainer.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/utils/Tooltip.d.ts

@@ -5,6 +5,7 @@ export type TooltipMeta = {
     text?: string;
     light?: boolean;
     key: number;
+    maxHeight?: number;
 };
 export type SetTooltipMeta = (meta: TooltipMeta | null) => void;
 export declare const initTooltip: (value: SetTooltipMeta | undefined) => void;

package/dist/utils/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/utils/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG;IAAC,MAAM,EAAE,WAAW,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,CAAA;AAE1G,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;AAI/D,eAAO,MAAM,WAAW,UAAW,cAAc,GAAG,SAAS,SAE5D,CAAA;AAED,eAAO,MAAM,OAAO;cACR,WAAW,GAAG,IAAI;aAGnB,IAAI;CAGd,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/utils/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;AAI/D,eAAO,MAAM,WAAW,UAAW,cAAc,GAAG,SAAS,SAE5D,CAAA;AAED,eAAO,MAAM,OAAO;cACR,WAAW,GAAG,IAAI;aAGnB,IAAI;CAGd,CAAA"}

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.3.75",
+  "version": "0.3.76",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",