eco-vue-js 0.10.99 → 0.10.100

package/dist/components/Auth/utils/utils.d.ts

@@ -1,4 +1,5 @@
 export declare function checkExpirationDate(): boolean | null;
+export declare function updateExpirationDate(date: Date): void;
 export declare function setExpirationDate(): void;
 export declare function removeExpirationDate(): void;
 export declare function setRefreshTimestamp(): void;

package/dist/components/Auth/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Auth/utils/utils.ts"],"names":[],"mappings":"AAmBA,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,IAAI,CAMpD;AAED,wBAAgB,iBAAiB,SAMhC;AAED,wBAAgB,oBAAoB,SAGnC;AAID,wBAAgB,mBAAmB,SAQlC;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAED,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAwB5D"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Auth/utils/utils.ts"],"names":[],"mappings":"AAyBA,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,IAAI,CAMpD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,QAI9C;AAED,wBAAgB,iBAAiB,SAMhC;AAED,wBAAgB,oBAAoB,SAGnC;AAID,wBAAgB,mBAAmB,SAQlC;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAED,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAwB5D"}

package/dist/components/Auth/utils/utils.js

@@ -9,13 +9,22 @@ function getCookie(name) {
   }
   return "";
 }
+function setCookie(name, value, expires) {
+  document.cookie = name + "=" + encodeURIComponent(value) + "; Path=/;" + (expires ? " Expires=" + expires.toUTCString() + ";" : "");
+}
 function deleteCookie(name) {
   document.cookie = name + "=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
 }
+const EXP_FACTOR = 1e3;
 function checkExpirationDate() {
   const exp = Number.parseFloat(getCookie(EXPIRATION_DATE_KEY));
   if (!exp || !Number.isFinite(exp)) return null;
-  return exp > Date.now() / 1e3;
+  return exp > Date.now() / EXP_FACTOR;
+}
+function updateExpirationDate(date) {
+  const exp = (date.getTime() / EXP_FACTOR).toString();
+  setCookie(EXPIRATION_DATE_KEY, exp, date);
+  localStorage.setItem(EXPIRATION_DATE_KEY, exp);
 }
 function setExpirationDate() {
   const exp = Number.parseFloat(getCookie(EXPIRATION_DATE_KEY));
@@ -58,4 +67,4 @@ function getLastRefreshPromise() {
   });
 }
 
-export { checkExpirationDate, getLastRefreshPromise, removeExpirationDate, removeRefreshTimestamp, setExpirationDate, setRefreshTimestamp };
+export { checkExpirationDate, getLastRefreshPromise, removeExpirationDate, removeRefreshTimestamp, setExpirationDate, setRefreshTimestamp, updateExpirationDate };

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":"AAqBA;AA4JA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AA0ItH,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;iBArDvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EA0DtD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAoCA;AAuKA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAsItH,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;iBA9DvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EAmEtD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,8 +1,30 @@
-import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, unref, renderSlot, mergeProps } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, unref, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import '../Button/WButtonAction.vue.js';
+import '../../utils/SemanticType.js';
+import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
+import '../ActionsBar/use/useActionsBarFilter.js';
+import 'vue-router';
+import '@tanstack/vue-query';
+import '../Button/WButton.vue.js';
+import '../../utils/mobile.js';
+import '../Tooltip/models/tooltipMeta.js';
+import '../Button/WButtonDropdown.vue.js';
 import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
+import { OriginX, OriginY, horizontalGetterOrderMap, searchStyleGetter, LeftCenter, LeftOuter, LeftInner, RightOuter, RightInner } from './utils/DropdownStyle.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
-import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
-import { horizontalGetterOrderMap, searchStyleGetter, LeftCenter, LeftOuter, LeftInner, RightOuter, RightInner } from './utils/DropdownStyle.js';
+import '../Chip/WChip.vue.js';
+import '../DragContainer/use/useDragContainer.js';
+import '../../utils/Modal.js';
+import '../Input/WInputSuggest.vue.js';
+import '../HeaderBar/use/useHeader.js';
+import '../HeaderBar/use/useHeaderSearch.js';
+import '../HeaderBar/use/useHeaderSearchVisible.js';
+import '../InfoCard/models/utils.js';
+import '../Input/WInputDate.vue.js';
+import '../Link/WLink.vue.js';
+import '../List/WList.vue.js';
+import '../Modal/use/useIsBackdrop.js';
+import '../Page/use/usePageBreadcrumbs.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdown",
@@ -28,37 +50,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isLeftCenter = ref(false);
     const isLeft = ref(false);
     const isRight = ref(false);
-    const widthStyle = ref({});
-    const heightStyle = ref({});
-    const horizontalStyle = ref({});
-    const verticalStyle = ref({});
+    const x = ref(0);
+    const y = ref(0);
+    const width = ref(0);
+    const height = ref(0);
+    const originX = ref(OriginX.LEFT);
+    const originY = ref(OriginY.TOP);
     const order = computed(() => horizontalGetterOrderMap[props.horizontalAlign]);
-    const styles = computed(() => {
-      return {
-        ...widthStyle.value,
-        ...heightStyle.value,
-        ...horizontalStyle.value,
-        ...verticalStyle.value
-      };
-    });
     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 || updateAlign)) {
         horizontalGetter = searchStyleGetter(order.value, newRect, props.maxWidth);
+        originX.value = horizontalGetter.origin;
         isLeftCenter.value = horizontalGetter instanceof LeftCenter;
         isLeft.value = horizontalGetter instanceof LeftOuter || horizontalGetter instanceof LeftInner;
         isRight.value = horizontalGetter instanceof RightOuter || horizontalGetter instanceof RightInner;
-        if (updateSize) widthStyle.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
+        if (updateSize) width.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
       }
       if (!verticalGetter || isTopChanged && (props.updateAlign || updateAlign)) {
         verticalGetter = props.top ? horizontalGetter.verticalGetterOrder[1] : props.bottom ? horizontalGetter.verticalGetterOrder[0] : searchStyleGetter(horizontalGetter.verticalGetterOrder, newRect, props.maxHeight);
+        originY.value = verticalGetter.origin;
         isTop.value = verticalGetter.isTop;
-        if (updateSize) heightStyle.value = verticalGetter.heightStyleGetter(newRect, props.maxHeight);
+        if (updateSize) height.value = verticalGetter.heightStyleGetter(newRect, props.maxHeight);
       }
-      if (isLeftChanged) horizontalStyle.value = horizontalGetter.styleGetter(newRect);
-      if (isTopChanged) verticalStyle.value = verticalGetter.styleGetter(newRect);
+      if (isLeftChanged) x.value = horizontalGetter.styleGetter(newRect);
+      if (isTopChanged) y.value = verticalGetter.styleGetter(newRect);
       if (isLeftChanged || isTopChanged) parentRect = newRect;
     };
     onBeforeMount(() => {
@@ -98,20 +116,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref: "dropdown",
-        style: normalizeStyle(styles.value),
-        class: normalizeClass(["group/dropdown fixed grid h-auto", {
-          "dropdown-top": isTop.value,
-          "content-center": _ctx.horizontalAlign === unref(HorizontalAlign).LEFT_CENTER || _ctx.horizontalAlign === unref(HorizontalAlign).RIGHT_CENTER,
-          "justify-end": isLeftCenter.value,
-          "justify-center": _ctx.horizontalAlign === unref(HorizontalAlign).CENTER
-        }])
+        style: normalizeStyle([{
+          "--dropdown-x": x.value + "px",
+          "--dropdown-y": y.value + "px"
+        }, { "transform": "translate(var(--dropdown-x, 0px), var(--dropdown-y, 0px))" }]),
+        class: normalizeClass(["group/dropdown width-0 height-0 fixed left-0 top-0 grid will-change-transform", [
+          {
+            "dropdown-top": isTop.value
+          },
+          originX.value,
+          originY.value
+        ]])
       }, [
-        renderSlot(_ctx.$slots, "default", mergeProps({ isTop: isTop.value, isLeft: isLeft.value, isRight: isRight.value }, {
-          left: styles.value.left,
-          right: styles.value.right,
-          top: styles.value.top,
-          bottom: styles.value.bottom
-        }))
+        createElementVNode("div", {
+          style: normalizeStyle([{
+            "--dropdown-width": width.value !== void 0 ? width.value + "px" : void 0,
+            "--dropdown-height": height.value !== void 0 ? height.value + "px" : void 0,
+            width: props.horizontalAlign === unref(HorizontalAlign).FILL ? "var(--dropdown-width)" : "max-content"
+          }, { "max-width": "var(--dropdown-width)", "max-height": "var(--dropdown-height)" }])
+        }, [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ isTop: isTop.value, isLeft: isLeft.value, isRight: isRight.value, x: x.value, y: y.value, originX: originX.value, originY: originY.value })))
+        ], 4)
       ], 6);
     };
   }

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

@@ -1,3 +1,4 @@
+import { OriginX, OriginY } from './utils/DropdownStyle';
 import { HorizontalAlign } from '../../utils/HorizontalAlign';
 export interface DropdownProps {
     maxHeight: number;
@@ -10,10 +11,10 @@ export interface DropdownProps {
     emitUpdate?: boolean;
 }
 export type DropdownDefaultSlotScope = {
-    left: string;
-    right: string;
-    top: string;
-    bottom: string;
+    x: number;
+    y: number;
+    originX: OriginX;
+    originY: OriginY;
     isTop: boolean;
     isLeft: boolean;
     isRight: boolean;

package/dist/components/Dropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}

package/dist/components/Dropdown/utils/DropdownStyle.d.ts

@@ -1,84 +1,85 @@
 import { HorizontalAlign } from '../../../utils/HorizontalAlign';
 interface StyleGetter {
-    styleGetter(parentRect: DOMRect): Record<string, string>;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeightOrWidth: number): number;
 }
+export declare enum OriginY {
+    TOP = "content-start",
+    BOTTOM = "content-end",
+    CENTER = "content-center"
+}
 export declare abstract class VerticalGetter implements StyleGetter {
     abstract isTop: boolean;
-    abstract styleGetter(parentRect: DOMRect): Record<string, string>;
+    abstract origin: OriginY;
+    abstract styleGetter(parentRect: DOMRect): number;
     abstract marginGetter(parentRect: DOMRect, maxHeight: number): number;
-    heightStyleGetter(parentRect: DOMRect, maxHeight: number): Record<string, string>;
+    heightStyleGetter(parentRect: DOMRect, maxHeight: number): number | undefined;
 }
 declare class BottomInner extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        top: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeight: number): number;
 }
 declare class BottomOuter extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        top: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeight: number): number;
 }
 declare class VerticalCenter extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        top: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(): number;
-    heightStyleGetter(): {
-        height: string;
-    };
+    heightStyleGetter(): undefined;
 }
 declare class TopOuter extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        bottom: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeight: number): number;
 }
 declare class TopInner extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        bottom: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeight: number): number;
 }
+export declare enum OriginX {
+    LEFT = "justify-start",
+    RIGHT = "justify-end",
+    CENTER = "justify-center"
+}
 export declare abstract class HorizontalGetter implements StyleGetter {
+    abstract origin: OriginX;
     abstract verticalGetterOrder: Array<VerticalGetter>;
-    abstract styleGetter(parentRect: DOMRect): Record<string, string>;
+    abstract styleGetter(parentRect: DOMRect): number;
     abstract marginGetter(parentRect: DOMRect, maxWidth: number): number;
-    widthStyleGetter(parentRect: DOMRect, maxWidth: number): Record<string, string>;
+    widthStyleGetter(parentRect: DOMRect, maxWidth: number): number | undefined;
 }
 export declare class RightOuter extends HorizontalGetter {
     verticalGetterOrder: (BottomInner | TopInner)[];
-    styleGetter(parentRect: DOMRect): {
-        left: string;
-    };
+    origin: OriginX;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxWidth: number): number;
 }
 export declare class RightInner extends HorizontalGetter {
     verticalGetterOrder: (BottomOuter | TopOuter)[];
-    styleGetter(parentRect: DOMRect): {
-        left: string;
-    };
+    origin: OriginX;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxWidth: number): number;
 }
 export declare class LeftInner extends HorizontalGetter {
     verticalGetterOrder: (BottomOuter | TopOuter)[];
-    styleGetter(parentRect: DOMRect): {
-        right: string;
-    };
+    origin: OriginX;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxWidth: number): number;
 }
 export declare class LeftOuter extends HorizontalGetter {
     verticalGetterOrder: (BottomInner | TopInner)[];
-    styleGetter(parentRect: DOMRect): {
-        right: string;
-    };
+    origin: OriginX;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxWidth: number): number;
 }
 export declare class LeftCenter extends LeftOuter {

package/dist/components/Dropdown/utils/DropdownStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"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"}

package/dist/components/Dropdown/utils/DropdownStyle.js

@@ -1,82 +1,99 @@
 import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
 
 const EDGE = 20;
+var OriginY = /* @__PURE__ */ ((OriginY2) => {
+  OriginY2["TOP"] = "content-start";
+  OriginY2["BOTTOM"] = "content-end";
+  OriginY2["CENTER"] = "content-center";
+  return OriginY2;
+})(OriginY || {});
 class VerticalGetter {
   heightStyleGetter(parentRect, maxHeight) {
-    return { maxHeight: _maxHeightOrWidthGetter(this, parentRect, maxHeight) + "px" };
+    return _maxHeightOrWidthGetter(this, parentRect, maxHeight);
   }
 }
 class BottomInner extends VerticalGetter {
   isTop = false;
+  origin = "content-start" /* TOP */;
   styleGetter(parentRect) {
-    return { top: parentRect.top + "px" };
+    return Math.round(parentRect.top);
   }
   marginGetter(parentRect, maxHeight) {
-    return window.innerHeight - parentRect.top - maxHeight - EDGE;
+    return Math.round(window.innerHeight - parentRect.top - maxHeight - EDGE);
   }
 }
 class BottomOuter extends VerticalGetter {
   isTop = false;
+  origin = "content-start" /* TOP */;
   styleGetter(parentRect) {
-    return { top: parentRect.bottom + "px" };
+    return Math.round(parentRect.bottom);
   }
   marginGetter(parentRect, maxHeight) {
-    return window.innerHeight - parentRect.bottom - maxHeight - EDGE;
+    return Math.round(window.innerHeight - parentRect.bottom - maxHeight - EDGE);
   }
 }
 class VerticalCenter extends VerticalGetter {
   isTop = false;
+  origin = "content-center" /* CENTER */;
   styleGetter(parentRect) {
-    return { top: parentRect.top + parentRect.height / 2 + "px" };
+    return Math.round(parentRect.top + parentRect.height / 2);
   }
   marginGetter() {
     return 0;
   }
   heightStyleGetter() {
-    return {
-      height: "0px"
-    };
+    return void 0;
   }
 }
 class TopOuter extends VerticalGetter {
   isTop = true;
+  origin = "content-end" /* BOTTOM */;
   styleGetter(parentRect) {
-    return { bottom: window.innerHeight - parentRect.top + "px" };
+    return Math.round(parentRect.top);
   }
   marginGetter(parentRect, maxHeight) {
-    return parentRect.top - maxHeight - EDGE;
+    return Math.round(parentRect.top - maxHeight - EDGE);
   }
 }
 class TopInner extends VerticalGetter {
   isTop = true;
+  origin = "content-end" /* BOTTOM */;
   styleGetter(parentRect) {
-    return { bottom: window.innerHeight - parentRect.bottom + "px" };
+    return Math.round(parentRect.bottom);
   }
   marginGetter(parentRect, maxHeight) {
-    return parentRect.bottom - maxHeight - EDGE;
+    return Math.round(parentRect.bottom - maxHeight - EDGE);
   }
 }
+var OriginX = /* @__PURE__ */ ((OriginX2) => {
+  OriginX2["LEFT"] = "justify-start";
+  OriginX2["RIGHT"] = "justify-end";
+  OriginX2["CENTER"] = "justify-center";
+  return OriginX2;
+})(OriginX || {});
 class HorizontalGetter {
   widthStyleGetter(parentRect, maxWidth) {
-    return { maxWidth: _maxHeightOrWidthGetter(this, parentRect, maxWidth) + "px" };
+    return _maxHeightOrWidthGetter(this, parentRect, maxWidth);
   }
 }
 class RightOuter extends HorizontalGetter {
   verticalGetterOrder = [new BottomInner(), new TopInner()];
+  origin = "justify-start" /* LEFT */;
   styleGetter(parentRect) {
-    return { left: parentRect.right + "px" };
+    return Math.round(parentRect.right);
   }
   marginGetter(parentRect, maxWidth) {
-    return document.documentElement.clientWidth - parentRect.right - maxWidth - EDGE;
+    return Math.round(document.documentElement.clientWidth - parentRect.right - maxWidth - EDGE);
   }
 }
 class RightInner extends HorizontalGetter {
   verticalGetterOrder = [new BottomOuter(), new TopOuter()];
+  origin = "justify-start" /* LEFT */;
   styleGetter(parentRect) {
-    return { left: parentRect.left + "px" };
+    return Math.round(parentRect.left);
   }
   marginGetter(parentRect, maxWidth) {
-    return document.documentElement.clientWidth - parentRect.left - maxWidth - EDGE;
+    return Math.round(document.documentElement.clientWidth - parentRect.left - maxWidth - EDGE);
   }
 }
 class RightCenter extends RightOuter {
@@ -84,51 +101,48 @@ class RightCenter extends RightOuter {
 }
 class Fill extends HorizontalGetter {
   verticalGetterOrder = [new BottomOuter(), new TopOuter()];
+  origin = "justify-start" /* LEFT */;
   styleGetter(parentRect) {
-    return {
-      left: parentRect.left + "px",
-      right: document.documentElement.clientWidth - parentRect.right + "px"
-    };
+    return Math.round(parentRect.left);
   }
   marginGetter() {
     return 0;
   }
-  widthStyleGetter() {
-    return {};
+  widthStyleGetter(parentRect) {
+    return Math.round(parentRect.right - parentRect.left);
   }
 }
 class Center extends HorizontalGetter {
   verticalGetterOrder = [new BottomOuter(), new TopOuter()];
+  origin = "justify-center" /* CENTER */;
   styleGetter(parentRect) {
-    return {
-      left: parentRect.left + parentRect.width / 2 + "px"
-    };
+    return Math.round(parentRect.left + parentRect.width / 2);
   }
   marginGetter() {
     return 0;
   }
   widthStyleGetter() {
-    return {
-      width: "0px"
-    };
+    return void 0;
   }
 }
 class LeftInner extends HorizontalGetter {
   verticalGetterOrder = [new BottomOuter(), new TopOuter()];
+  origin = "justify-end" /* RIGHT */;
   styleGetter(parentRect) {
-    return { right: document.documentElement.clientWidth - parentRect.right + "px" };
+    return Math.round(parentRect.right);
   }
   marginGetter(parentRect, maxWidth) {
-    return parentRect.right - maxWidth - EDGE;
+    return Math.round(parentRect.right - maxWidth - EDGE);
   }
 }
 class LeftOuter extends HorizontalGetter {
   verticalGetterOrder = [new BottomInner(), new TopInner()];
+  origin = "justify-end" /* RIGHT */;
   styleGetter(parentRect) {
-    return { right: document.documentElement.clientWidth - parentRect.left + "px" };
+    return Math.round(parentRect.left);
   }
   marginGetter(parentRect, maxWidth) {
-    return parentRect.left - maxWidth - EDGE;
+    return Math.round(parentRect.left - maxWidth - EDGE);
   }
 }
 class LeftCenter extends LeftOuter {
@@ -154,8 +168,8 @@ function searchStyleGetter(order, parentRect, maxHeightOrWidth) {
 }
 function _maxHeightOrWidthGetter(getter, parentRect, maxHeightOrWidth) {
   const margin = getter.marginGetter(parentRect, maxHeightOrWidth);
-  if (margin > 0) return maxHeightOrWidth;
-  else return maxHeightOrWidth + margin;
+  if (margin > 0) return Math.round(maxHeightOrWidth);
+  else return Math.round(maxHeightOrWidth + margin);
 }
 
-export { HorizontalGetter, LeftCenter, LeftInner, LeftOuter, RightInner, RightOuter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };
+export { HorizontalGetter, LeftCenter, LeftInner, LeftOuter, OriginX, OriginY, RightInner, RightOuter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };

package/dist/components/Modal/WModal.vue.d.ts

@@ -1,3 +1,5 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    modalComponent: unknown;
+}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=WModal.vue.d.ts.map

package/dist/components/Modal/WModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;AAyYA,wBAMG"}
+{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;;;AAsYA,wBAOG"}

package/dist/components/Modal/WModal.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, provide, ref, reactive, watch, onBeforeMount, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, unref, createVNode, Transition, withCtx, createCommentVNode, TransitionGroup, Fragment, renderList, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, mergeProps } from 'vue';
+import { defineComponent, provide, ref, useTemplateRef, reactive, watch, onBeforeMount, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, unref, createVNode, Transition, withCtx, createCommentVNode, TransitionGroup, Fragment, renderList, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, mergeProps } from 'vue';
 import { Modal, initModal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import { wBaseZIndex, BASE_ZINDEX_MODAL } from '../../utils/utils.js';
@@ -11,14 +11,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     provide(wBaseZIndex, BASE_ZINDEX_MODAL);
     provide(wIsModal, true);
-    const key = ref(0);
+    let key = 0;
     const modalMetaList = ref([]);
     const isBackdrop = useIsBackdrop();
+    const modalComponentRef = useTemplateRef("modalComponent");
     const hasChangesMap = reactive({});
     const addModal = (component, props, cb, autoclose = false) => {
       const modalMeta = {
         component,
-        key: key.value++,
+        key: `w-modal-${key++}`,
         props,
         cb,
         autoclose
@@ -33,14 +34,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       modalMetaListNew.splice(index, 1);
       modalMetaList.value = modalMetaListNew;
       delete hasChangesMap[modalMeta.key];
-      if (!modalMetaListNew.length) {
-        key.value = 0;
-      }
+      if (modalMetaListNew.length === 0) key = 0;
       modalMeta.cb?.();
     };
     let closeConfirm = null;
-    const closeModalWithConfirm = (modalMeta) => {
-      if (modalMeta.autoclose || !hasChangesMap[modalMeta.key]) {
+    const closeModalWithConfirm = (modalMeta, index) => {
+      if (modalMeta.autoclose || !hasChangesMap[modalMeta.key] && !modalComponentRef.value?.[index]?.formRef?.hasChanges) {
         closeModal(modalMeta);
         return;
       }
@@ -86,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             unref(isBackdrop) ? (openBlock(), createElementBlock("div", {
               key: 0,
-              style: normalizeStyle({ zIndex: 100 + modalMetaList.value.length + modalMetaList.value.length - 1 }),
+              style: normalizeStyle({ zIndex: 99 + modalMetaList.value.length + modalMetaList.value.length }),
               class: "bg-primary-light dark:bg-primary-darkest fixed left-0 top-0 size-full bg-opacity-40 backdrop-blur dark:bg-opacity-40"
             }, null, 4)) : createCommentVNode("", true)
           ]),
@@ -102,17 +101,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(modalMetaList.value, (modalMeta, index) => {
               return openBlock(), createElementBlock("div", {
                 key: modalMeta.key,
-                style: normalizeStyle({ zIndex: 100 + index + index + 2 }),
+                style: normalizeStyle({ zIndex: 102 + index }),
                 class: "no-scrollbar fixed inset-0 isolate flex items-center justify-center overflow-y-auto overscroll-none"
               }, [
                 _cache[0] || (_cache[0] = createElementVNode("div", { class: "h-[calc(100%+1px)]" }, null, -1)),
                 createVNode(_sfc_main$1, {
-                  onClick: withModifiers(($event) => closeModalWithConfirm(modalMeta), ["stop", "prevent"])
+                  onClick: withModifiers(($event) => closeModalWithConfirm(modalMeta, index), ["stop", "prevent"])
                 }, null, 8, ["onClick"]),
-                (openBlock(), createBlock(resolveDynamicComponent(modalMeta.component), mergeProps({ ref_for: true }, modalMeta.props, {
-                  "onClose:modal": ($event) => closeModal(modalMeta),
-                  "onUpdate:hasChanges": ($event) => hasChangesMap[modalMeta.key] = $event
-                }), null, 16, ["onClose:modal", "onUpdate:hasChanges"]))
+                (openBlock(), createBlock(resolveDynamicComponent(modalMeta.component), mergeProps({
+                  ref_for: true,
+                  ref: "modalComponent"
+                }, modalMeta.props, {
+                  "onClose:modal": ($event) => closeModal(modalMeta)
+                }), null, 16, ["onClose:modal"]))
               ], 4);
             }), 128))
           ]),

package/dist/components/Modal/modals/Confirm/ConfirmModal.vue.d.ts

@@ -1,20 +1,14 @@
+import { ConfirmModalProps } from '../../types';
 import { SemanticType } from '../../../../utils/SemanticType';
-type __VLS_Props = {
-    title: string;
-    description: string;
-    acceptText?: string;
-    acceptSemanticType?: SemanticType;
-    intermediateText?: string;
-    intermediateSemanticType?: SemanticType;
-    cancelText?: string;
-    onAccept: () => void | Promise<void>;
-    onIntermediate?: () => void | Promise<void>;
-    onCancel?: () => void;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: import('vue').DefineComponent<ConfirmModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "close:modal": () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<ConfirmModalProps> & Readonly<{
     "onClose:modal"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {
+    acceptText: string | import('vue').VNode | import('vue').Component;
+    acceptSemanticType: SemanticType;
+    intermediateSemanticType: SemanticType;
+    cancelText: string | import('vue').VNode | import('vue').Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=ConfirmModal.vue.d.ts.map

package/dist/components/Modal/modals/Confirm/ConfirmModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/modals/Confirm/ConfirmModal.vue"],"names":[],"mappings":"AA2CA;AA6HA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,YAAY,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,wBAAwB,CAAC,EAAE,YAAY,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAC;;;;;;AAyMF,wBAQG"}
+{"version":3,"file":"ConfirmModal.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/modals/Confirm/ConfirmModal.vue"],"names":[],"mappings":"AA8EA;AA0JA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAOlD,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;;;;;;;;;;AA4QjD,wBASG"}

package/dist/components/Modal/modals/Confirm/ConfirmModal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createBlock, openBlock, withCtx, createElementVNode, toDisplayString, createVNode, createCommentVNode, withModifiers, unref, createTextVNode } from 'vue';
+import { defineComponent, ref, createBlock, openBlock, withCtx, createElementVNode, createElementBlock, Fragment, createTextVNode, toDisplayString, resolveDynamicComponent, createVNode, createCommentVNode, withModifiers, unref } from 'vue';
 import _sfc_main$2 from '../../../Button/WButton.vue.js';
 import _sfc_main$1 from '../../WModalWrapper.vue.js';
 import { SemanticType } from '../../../../utils/SemanticType.js';
@@ -9,14 +9,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     title: {},
     description: {},
-    acceptText: {},
-    acceptSemanticType: {},
+    acceptText: { default: "Accept" },
+    acceptSemanticType: { default: SemanticType.PRIMARY },
     intermediateText: {},
-    intermediateSemanticType: {},
-    cancelText: {},
-    onAccept: { type: Function },
-    onIntermediate: { type: Function },
-    onCancel: { type: Function }
+    intermediateSemanticType: { default: SemanticType.SECONDARY },
+    cancelText: { default: "Cancel" },
+    onAccept: {},
+    onIntermediate: {},
+    onCancel: {}
   },
   emits: ["close:modal"],
   setup(__props, { emit: __emit }) {
@@ -59,7 +59,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, { class: "w-modal-wrapper-w-[--w-modal-confirm-width,40rem]" }, {
         title: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.title), 1)
+          typeof _ctx.title === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.title), { key: 1 }))
         ]),
         actions: withCtx(() => [
           createVNode(_sfc_main$2, {
@@ -69,38 +71,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: withModifiers(cancel, ["stop", "prevent"])
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.cancelText || "Cancel"), 1)
+              typeof _ctx.cancelText === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.cancelText), 1)
+              ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.cancelText), { key: 1 }))
             ]),
             _: 1
           }, 8, ["semantic-type", "disabled"]),
           _ctx.intermediateText ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
-            "semantic-type": _ctx.intermediateSemanticType ?? unref(SemanticType).SECONDARY,
+            "semantic-type": _ctx.intermediateSemanticType,
             loading: loadingIntermediate.value,
             disabled: loadingAccept.value,
             class: "w-full",
             onClick: withModifiers(intermediate, ["stop", "prevent"])
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.intermediateText), 1)
+              typeof _ctx.intermediateText === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.intermediateText), 1)
+              ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.intermediateText), { key: 1 }))
             ]),
             _: 1
           }, 8, ["semantic-type", "loading", "disabled"])) : createCommentVNode("", true),
           createVNode(_sfc_main$2, {
-            "semantic-type": _ctx.acceptSemanticType ?? unref(SemanticType).PRIMARY,
+            "semantic-type": _ctx.acceptSemanticType,
             loading: loadingAccept.value,
             disabled: loadingIntermediate.value,
             class: "w-full",
             onClick: withModifiers(accept, ["stop", "prevent"])
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.acceptText || "Accept"), 1)
+              typeof _ctx.acceptText === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.acceptText), 1)
+              ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.acceptText), { key: 1 }))
             ]),
             _: 1
           }, 8, ["semantic-type", "loading", "disabled"])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.description), 1)
+          createElementVNode("div", _hoisted_1, [
+            typeof _ctx.description === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.description), { key: 1 }))
+          ])
         ]),
         _: 1
       });

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

@@ -1,12 +1,13 @@
 import { SemanticType } from '../../utils/SemanticType';
+import { Component, VNode } from 'vue';
 export interface ConfirmModalProps {
-    title: string;
-    description: string;
-    acceptText?: string;
+    title: string | VNode | Component;
+    description: string | VNode | Component;
+    acceptText?: string | VNode | Component;
     acceptSemanticType?: SemanticType;
-    intermediateText?: string;
+    intermediateText?: string | VNode | Component;
     intermediateSemanticType?: SemanticType;
-    cancelText?: string;
+    cancelText?: string | VNode | Component;
     onAccept: () => void | Promise<void>;
     onIntermediate?: () => void | Promise<void>;
     onCancel?: () => void;

package/dist/components/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEtD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,YAAY,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,wBAAwB,CAAC,EAAE,YAAY,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAC,SAAS,EAAE,KAAK,EAAC,MAAM,KAAK,CAAA;AAEzC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;IACjC,WAAW,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;IAEvC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;IACvC,kBAAkB,CAAC,EAAE,YAAY,CAAA;IAEjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;IAC7C,wBAAwB,CAAC,EAAE,YAAY,CAAA;IAEvC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;IAEvC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB"}

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":"AAoDA;AAuFA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAmMiif,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;AAT9sf,wBAOG"}
+{"version":3,"file":"WTooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/WTooltipContainer.vue"],"names":[],"mappings":"AAgDA;AAmFA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2L6zf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;AAT1+f,wBAOG"}

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

@@ -44,13 +44,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "isolate z-[10000]",
             "onUpdate:rect": unref(close)
           }, {
-            default: withCtx(({ left, right, top, bottom, isTop }) => [
+            default: withCtx(({ isTop }) => [
               createVNode(_sfc_main$2, {
                 "tooltip-meta": unref(tooltipMeta),
-                left,
-                right,
-                top,
-                bottom,
                 "is-top": isTop,
                 "is-left": unref(tooltipMeta).left,
                 "is-right": unref(tooltipMeta).right,
@@ -63,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })) : unref(tooltipMeta).text ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(tooltipMeta).text), 1)) : createCommentVNode("", true)
                 ]),
                 _: 2
-              }, 1032, ["tooltip-meta", "left", "right", "top", "bottom", "is-top", "is-left", "is-right"])
+              }, 1032, ["tooltip-meta", "is-top", "is-left", "is-right"])
             ]),
             _: 1
           }, 8, ["parent-element", "horizontal-align", "max-height", "max-width", "top", "bottom", "onUpdate:rect"])) : createCommentVNode("", true)

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

@@ -2,10 +2,6 @@ import { TooltipMeta } from '../models/tooltipMeta';
 type __VLS_Props = {
     tooltipMeta: TooltipMeta;
     isTop?: boolean;
-    left?: string;
-    right?: string;
-    top?: string;
-    bottom?: string;
     isLeft?: boolean;
     isRight?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/components/TooltipContainer.vue"],"names":[],"mappings":"AAgEA;AAAA,OAgLO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAA;AAQtD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAgGF,iBAAS,cAAc;WAiFT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/components/TooltipContainer.vue"],"names":[],"mappings":"AA4DA;AAAA,OA6EO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAA;AAEtD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAWF,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,76 +1,17 @@
-import { defineComponent, useTemplateRef, ref, watch, toRef, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, nextTick } from 'vue';
-import { isClientSide } from '../../../utils/utils.js';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
 
 const _hoisted_1 = ["viewBox"];
 const _hoisted_2 = ["transform"];
-const MARGIN = 12;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TooltipContainer",
   props: {
     tooltipMeta: {},
     isTop: { type: Boolean },
-    left: {},
-    right: {},
-    top: {},
-    bottom: {},
     isLeft: { type: Boolean },
     isRight: { type: Boolean }
   },
   emits: ["over", "leave"],
   setup(__props) {
-    const props = __props;
-    const containerRef = useTemplateRef("container");
-    const transformX = ref(0);
-    const transformY = ref(0);
-    const getTransformX = () => {
-      if (!isClientSide || !containerRef.value) return 0;
-      if (props.isLeft || props.isRight) return 0;
-      const l = props.left ? Number.parseFloat(props.left.slice(0, -2)) : null;
-      if (typeof l === "number") {
-        const containerLeft = l - containerRef.value.offsetWidth / 2 - MARGIN;
-        if (containerLeft < 0) return containerLeft * -1;
-        const containerRight = window.innerWidth - l - containerRef.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 - containerRef.value.offsetWidth / 2 - MARGIN;
-        if (containerLeft < 0) return containerLeft * -1;
-        const containerRight = r - containerRef.value.offsetWidth / 2 - MARGIN;
-        if (containerRight < 0) return containerRight;
-        return 0;
-      }
-      return 0;
-    };
-    const getTransformY = () => {
-      if (!isClientSide || !containerRef.value) return 0;
-      if (!props.isLeft && !props.isRight) return 0;
-      const t = props.top ? Number.parseFloat(props.top.slice(0, -2)) : null;
-      if (typeof t === "number") {
-        const containerTop = t - containerRef.value.offsetHeight / 2 - MARGIN;
-        if (containerTop < 0) return containerTop * -1;
-        const containerBottom = window.innerHeight - t - containerRef.value.offsetHeight / 2 - MARGIN;
-        if (containerBottom < 0) return containerBottom;
-        return 0;
-      }
-      const b = props.bottom ? Number.parseFloat(props.bottom.slice(0, -2)) : null;
-      if (typeof b === "number") {
-        const containerTop = window.innerHeight - b - containerRef.value.offsetHeight / 2 - MARGIN;
-        if (containerTop < 0) return containerTop * -1;
-        const containerBottom = b - containerRef.value.offsetHeight / 2 - MARGIN;
-        if (containerBottom < 0) return containerBottom;
-        return 0;
-      }
-      return 0;
-    };
-    const setTransform = async () => {
-      await nextTick();
-      transformX.value = getTransformX();
-      transformY.value = getTransformY();
-    };
-    watch(toRef(props, "tooltipMeta"), setTransform);
-    onMounted(setTransform);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["pointer-events-none flex items-center", {
@@ -114,16 +55,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 42, _hoisted_1)),
         createElementVNode("div", {
           ref: "container",
-          class: "bg-black-default text-default pointer-events-auto max-w-[calc(100vw-1.5rem)] translate-x-[var(--t-translate-x)] translate-y-[var(--t-translate-y)] rounded-lg border border-solid border-gray-400 px-3 py-2 text-center text-xs font-medium shadow-md dark:border-gray-600 dark:bg-gray-800",
-          style: normalizeStyle({
-            "--t-translate-x": transformX.value + "px",
-            "--t-translate-y": transformY.value + "px"
-          }),
+          class: normalizeClass(["bg-black-default text-default pointer-events-auto max-w-[calc(100vw-1.5rem)] rounded-lg border border-solid border-gray-400 px-3 py-2 text-center text-xs font-medium shadow-md will-change-transform dark:border-gray-600 dark:bg-gray-800", _ctx.isLeft || _ctx.isRight ? void 0 : "w-tooltip-center-x"]),
           onMouseover: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("over")),
           onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("leave"))
         }, [
           renderSlot(_ctx.$slots, "default")
-        ], 36)
+        ], 34)
       ], 2);
     };
   }

package/dist/main.js

@@ -124,3 +124,4 @@ export { paginatedResponseUpdater, useQueryUpdater } from './utils/useQueryUpdat
 export { useCopy } from './utils/useCopy.js';
 export { BASE_ZINDEX_ACTIONS_BAR, BASE_ZINDEX_BOTTOM_SHEET, BASE_ZINDEX_DROPDOWN, BASE_ZINDEX_HEADER_BAR, BASE_ZINDEX_LIST_HEADER, BASE_ZINDEX_MODAL, BASE_ZINDEX_NAV_BAR, ListMode, Theme, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getHasScrollbar, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseBoolean, parseId, parseIdList, parseIndex, parseInteger, parseIntegerList, parseJson, parseSliceIndexes, parseString, parseStringList, percentCompactFormatter, percentFormatter, set, throttle, unwrapSlots, wBaseZIndex } from './utils/utils.js';
 export { validateForbiddenRegexp, validateRequired, validateRequiredSymbols } from './utils/validate.js';
+export { updateExpirationDate } from './components/Auth/utils/utils.js';

package/dist/utils/ApiClient.d.ts

@@ -1,7 +1,8 @@
 import { LocationQuery } from 'vue-router';
+export { updateExpirationDate } from '../components/Auth/utils/utils';
 export declare const getURLParams: (params: RequestConfig["params"] | LocationQuery) => string;
 type ApiUrl = `/${string}/`;
-type BaseUrl = `/${string}`;
+type BaseUrl = `/${string}` | `http://${string}` | `https://${string}`;
 export interface ApiClient {
     baseUrl: string;
     get<R>(url: ApiUrl, config?: RequestConfig<never>): Promise<RequestResponse<R, NonNullable<unknown>>>;
@@ -15,6 +16,7 @@ export declare class ApiClientInstance implements ApiClient {
     isAuthFailed: import('vue').Ref<boolean, boolean>;
     constructor(config: {
         tokenGetter?: () => string | null;
+        tokenRefresh?: () => Promise<void>;
         refreshUrl?: ApiUrl;
         onFailure?: (response: Response) => void;
         credentials?: RequestCredentials;
@@ -30,7 +32,7 @@ export declare class ApiClientInstance implements ApiClient {
     private refresh;
     checkAuth(): boolean | null;
     private fetch;
-    get baseUrl(): "" | `/${string}`;
+    get baseUrl(): "" | BaseUrl;
     get<R>(url: ApiUrl, config?: RequestConfig<never>): Promise<RequestResponse<R, {}>>;
     post<R, D extends RequestData = RequestData>(url: ApiUrl, data?: Required<RequestConfig<D>>['data'], config?: Omit<RequestConfig<D>, 'data'>): Promise<RequestResponse<R, D>>;
     patch<R, D extends RequestData = RequestData>(url: ApiUrl, data?: Required<RequestConfig<D>>['data'], config?: Omit<RequestConfig<D>, 'data'>): Promise<RequestResponse<R, D>>;
@@ -86,5 +88,4 @@ export declare class ApiClientInstance implements ApiClient {
     };
     addInstance(baseUrl: BaseUrl): ApiClient;
 }
-export {};
 //# sourceMappingURL=ApiClient.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApiClient.d.ts","sourceRoot":"","sources":["../../../src/utils/ApiClient.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApiClient.d.ts","sourceRoot":"","sources":["../../../src/utils/ApiClient.ts"],"names":[],"mappings":"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"}

package/dist/utils/ApiClient.js

@@ -2,6 +2,7 @@ import { ref } from 'vue';
 import _sfc_main from '../components/Auth/WRouteAuth.vue.js';
 import _sfc_main$1 from '../components/Auth/WRouteAuthNo.vue.js';
 import { removeExpirationDate, getLastRefreshPromise, setRefreshTimestamp, removeRefreshTimestamp, checkExpirationDate, setExpirationDate } from '../components/Auth/utils/utils.js';
+export { updateExpirationDate } from '../components/Auth/utils/utils.js';
 import { encodeQueryParams, ApiError, ApiErrorCancel } from './api.js';
 
 const getURLParams = (params) => {
@@ -62,7 +63,8 @@ class ApiClientInstance {
         });
       } else {
         setRefreshTimestamp();
-        this.refreshPromise = this.fetch("GET", this.config.refreshUrl, { updateToken: true }).then(() => {
+        const promise = this.config.tokenRefresh ? this.config.tokenRefresh() : this.fetch("GET", this.config.refreshUrl, { updateToken: true });
+        this.refreshPromise = promise.then(() => {
           this.refreshPromise = null;
         }).catch((error) => {
           this.refreshPromise = null;
@@ -75,7 +77,7 @@ class ApiClientInstance {
   }
   checkAuth() {
     let result;
-    if (this.config.tokenGetter) result = !!this.config.tokenGetter?.();
+    if (this.config.tokenGetter && !this.config.tokenRefresh) result = !!this.config.tokenGetter?.();
     else result = checkExpirationDate();
     if (result) this.isAuthFailed.value = false;
     return result;
@@ -87,12 +89,13 @@ class ApiClientInstance {
         if (this.refreshPromise) await this.refreshPromise;
         const check = this.checkAuth();
         if (!check) {
-          if (check === null) {
+          if (check !== null && (this.config.refreshUrl || this.config.tokenRefresh)) await this.refresh();
+          if (!this.checkAuth()) {
             this.isAuthFailed.value = true;
             return Promise.reject();
           }
-          if (this.config.refreshUrl) await this.refresh();
-        } else if (this.config.tokenGetter) {
+        }
+        if (this.config.tokenGetter) {
           const token = this.config.tokenGetter();
           if (token) headers.append("Authorization", "Bearer " + token);
           else return Promise.reject();
@@ -124,7 +127,7 @@ class ApiClientInstance {
             });
           } else {
             if (response.status === 401) {
-              if (this.config.refreshUrl) return this.refresh().then(() => this.retry(request));
+              if (this.config.refreshUrl || this.config.tokenRefresh) return this.refresh().then(() => this.retry(request));
               this.isAuthFailed.value = true;
             }
             this.config.onFailure?.(response);
@@ -174,7 +177,7 @@ class ApiClientInstance {
         if (to.meta.noAuth) return;
         if (this.refreshPromise) await this.refreshPromise;
         if (!this.checkAuth()) {
-          if (this.config.refreshUrl) return this.refresh().catch(() => ({
+          if (this.config.refreshUrl || this.config.tokenRefresh) return this.refresh().catch(() => ({
             name: this.routeNameAuthNo,
             query: to.fullPath !== "/" ? { hash: to.fullPath } : void 0
           }));

package/dist/utils/Modal.d.ts

@@ -1,6 +1,10 @@
 import { ConfirmModalProps } from '../components/Modal/types';
 import { Component, ComponentOptions, MethodOptions } from 'vue';
-export type ModalComponent<Props> = Component<Props, any, any, ComponentOptions, MethodOptions, {
+export type ModalComponent<Props> = Component<Props, {
+    formRef?: {
+        hasChanges?: boolean;
+    };
+}, any, ComponentOptions, MethodOptions, {
     'close:modal': () => void;
 }>;
 export type AddModal<Props> = (component: ModalComponent<Props>, props?: Props, cb?: () => void, autoclose?: boolean) => (() => void);

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/utils/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAA;AAE/D,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAgC,MAAM,KAAK,CAAA;AAI5G,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,SAAS,CAC3C,KAAK,EAEL,GAAG,EAEH,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb;IACE,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CACF,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;AAKrI,eAAO,MAAM,SAAS,GAAI,KAAK,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,SAAS,SAElE,CAAA;AAED,eAAO,MAAM,KAAK;QACZ,KAAK,aAAa,cAAc,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;oBAIjF,KAAK,aAAa,cAAc,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;sBAI3F,iBAAiB,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;CAQ3E,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/utils/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAA;AAE/D,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAgC,MAAM,KAAK,CAAA;AAI5G,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,SAAS,CAC3C,KAAK,EACL;IAAC,OAAO,CAAC,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAC,CAAA;CAAC,EAElC,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb;IACE,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CACF,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;AAKrI,eAAO,MAAM,SAAS,GAAI,KAAK,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,SAAS,SAElE,CAAA;AAED,eAAO,MAAM,KAAK;QACZ,KAAK,aAAa,cAAc,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;oBAIjF,KAAK,aAAa,cAAc,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;sBAI3F,iBAAiB,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;CAQ3E,CAAA"}

package/eslint/configs/configTypescript.js

@@ -1,7 +1,6 @@
 import stylistic from '@stylistic/eslint-plugin'
 import unusedImports from 'eslint-plugin-unused-imports'
 import pluginVue from 'eslint-plugin-vue'
-// eslint-disable-next-line import/no-unresolved
 import {parser as tseslintParser, plugin as tseslintPlugin} from 'typescript-eslint'
 
 export default [

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.99",
+  "version": "0.10.100",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.3",
     "@tanstack/eslint-plugin-query": "5.83.1",

package/tailwind-base/plugins/default.ts

@@ -188,6 +188,15 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     },
   })
 
+  addBase({
+    '.w-tooltip-center-x': {
+      transform: 'translate(calc(min(100vw - var(--dropdown-x, 0px) - 50% - 12px, max((var(--dropdown-x, 0px) - 50% - 12px) * -1, 0px))), 0)',
+    },
+    '.w-tooltip-center-y': {
+      transform: 'translate(0, calc(min(100vh - var(--dropdown-y, 0px) - 50% - 12px, max((var(--dropdown-y, 0px) - 50% - 12px) * -1, 0px))))',
+    },
+  })
+
   matchUtilities(
     {
       'w-scroll-bar-color': value => {