eco-vue-js 0.10.99 → 0.11.0

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/DropdownMenu/WDropdownMenu.vue.js

@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(), createBlock(resolveDynamicComponent(unref(unwrapSlots)(_ctx.$slots.toggle?.({ isTop: isTop.value }) ?? [])[0]), mergeProps({ ref: "container" }, _ctx.$attrs), null, 16)),
+        (openBlock(), createBlock(resolveDynamicComponent(unref(unwrapSlots)(_ctx.$slots.toggle?.({ isTop: isTop.value, unclickable: false }) ?? [])[0]), mergeProps({ ref: "container" }, _ctx.$attrs), null, 16)),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !_ctx.isOpen

package/dist/components/Expansion/WExpansionItem.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, useTemplateRef, createElementBlock, openBlock, Fragment, createBlock, createVNode, resolveDynamicComponent, withKeys, normalizeClass, withCtx, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
-import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
+import IconArrow from '../../assets/icons/IconArrow.svg.js';
 import _sfc_main$1 from './WExpansion.vue.js';
 
 const _hoisted_1 = {

package/dist/components/FieldWrapper/components/FilterButton.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode, unref } from 'vue';
-import IconFilter from '../../../assets/icons/sax/IconFilter.svg.js';
+import IconFilter from '../../../assets/icons/IconFilter.svg.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/components/FilePicker/components/FilePickerItem.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, createVNode, unref, withModifiers, toDisplayString } from 'vue';
-import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
-import IconCheckCircle from '../../../assets/icons/sax/IconCheckCircle.svg.js';
-import IconCloseCircle from '../../../assets/icons/sax/IconCloseCircle.svg.js';
+import IconCancel from '../../../assets/icons/IconCancel.svg.js';
+import IconCheckCircle from '../../../assets/icons/IconCheckCircle.svg.js';
+import IconCloseCircle from '../../../assets/icons/IconCloseCircle.svg.js';
 
 const _hoisted_1 = { class: "height-52 grid justify-items-center gap-2" };
 const _hoisted_2 = { class: "square-44 relative flex items-center justify-center" };

package/dist/components/FilterWrapper/WFilterWrapper.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, onUnmounted, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, unref, renderSlot, createVNode, withCtx, createTextVNode } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import _sfc_main$1 from '../Button/WButton.vue.js';
-import IconFilterRemove from '../../assets/icons/sax/IconFilterRemove.svg.js';
+import IconFilterRemove from '../../assets/icons/IconFilterRemove.svg.js';
 import { Modal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import { throttle } from '../../utils/utils.js';

package/dist/components/FormAsync/use/useFormAsync.d.ts

@@ -1,7 +1,7 @@
 import { FormAsyncProps } from '../types';
 export declare const useFormAsync: <Model, FieldType, QueryParams>(props: FormAsyncProps<Model, FieldType, QueryParams>, onSuccess: (value: Model) => void) => {
-    isLoadingError: import('vue').Ref<false, false> | import('vue').Ref<true, true>;
-    data: import('vue').Ref<Model, Model> | import('vue').Ref<undefined, undefined>;
+    isLoadingError: import('vue').Ref<true, true> | import('vue').Ref<false, false>;
+    data: import('vue').Ref<undefined, undefined> | import('vue').Ref<Model, Model>;
     modelValue: import('vue').ComputedRef<FieldType | undefined>;
     submitting: import('vue').Ref<boolean, boolean>;
     showModal: (value: FieldType) => void;

package/dist/components/HeaderBar/WHeaderBar.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, provide, useTemplateRef, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, unref, withDirectives, createCommentVNode, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, vShow, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
-import IconSearch from '../../assets/icons/sax/IconSearch.svg.js';
+import IconSearch from '../../assets/icons/IconSearch.svg.js';
 import { wBaseZIndex, BASE_ZINDEX_HEADER_BAR } from '../../utils/utils.js';
 import { useHeader } from './use/useHeader.js';
 import { useHeaderSearch } from './use/useHeaderSearch.js';

package/dist/components/ImageViewer/components/ImageModal.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, toDisplayString } from 'vue';
-import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
+import IconCancel from '../../../assets/icons/IconCancel.svg.js';
 
 const _hoisted_1 = { class: "relative flex flex-col items-center" };
 const _hoisted_2 = { class: "relative" };

package/dist/components/InfoCard/WInfoCard.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent } from 'vue';
-import IconNegativeInfo from '../../assets/icons/sax/IconNegativeInfo.svg.js';
+import IconNegativeInfo from '../../assets/icons/IconNegativeInfo.svg.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import { infoCardSemanticTypeMap, infoCardIconSemanticTypeMap } from './models/utils.js';
 

package/dist/components/InfoCard/WInfoCardNegative.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, unref, normalizeClass, toDisplayString, renderSlot } from 'vue';
-import IconDanger from '../../assets/icons/default/IconDanger.svg.js';
+import IconDanger from '../../assets/icons/IconDanger.svg.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 
 const _hoisted_1 = { class: "mt-2 rounded-2xl bg-gray-100 p-4 dark:bg-gray-800" };

package/dist/components/Input/WInputSuggest.vue.js

@@ -3,7 +3,7 @@ import _sfc_main$1 from '../BottomSheet/WBottomSheet.vue.js';
 import _sfc_main$2 from '../DropdownMenu/WDropdownMenu.vue.js';
 import _sfc_main$3 from '../InfiniteList/WInfiniteListScrollingElement.vue.js';
 import _sfc_main$4 from './WInput.vue.js';
-import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
+import IconArrow from '../../assets/icons/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { useIsMobile } from '../../utils/mobile.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';

package/dist/components/Input/components/InputActions.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent, toRef, createElementBlock, createCommentVNode, openBlock, createBlock, markRaw, unref, createVNode, withCtx, renderSlot } from 'vue';
 import WSpinner from '../../Spinner/WSpinner.vue.js';
-import IconClose from '../../../assets/icons/sax/IconClose.svg.js';
-import IconEye from '../../../assets/icons/sax/IconEye.svg.js';
-import IconEyeSlash from '../../../assets/icons/sax/IconEyeSlash.svg.js';
-import IconPaste from '../../../assets/icons/sax/IconPaste.svg.js';
+import IconClose from '../../../assets/icons/IconClose.svg.js';
+import IconEye from '../../../assets/icons/IconEye.svg.js';
+import IconEyeSlash from '../../../assets/icons/IconEyeSlash.svg.js';
+import IconPaste from '../../../assets/icons/IconPaste.svg.js';
 import { useCopy } from '../../../utils/useCopy.js';
 import _sfc_main$1 from './InputActionsButton.vue.js';
 

package/dist/components/Link/WLink.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot, normalizeClass, createTextVNode, toDisplayString } from 'vue';
 import { RouterLink } from 'vue-router';
-import IconLink from '../../assets/icons/sax/IconLink.svg.js';
+import IconLink from '../../assets/icons/IconLink.svg.js';
 import { SemanticType, useSemanticTypeTextMap, useSemanticTypeChipMap } from '../../utils/SemanticType.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/Link/WLinkArrow.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from 'vue';
 import { RouterLink } from 'vue-router';
-import IconBack from '../../assets/icons/default/IconBack.svg.js';
+import IconBack from '../../assets/icons/IconBack.svg.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WLinkArrow",

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, toRef, watch, createElementBlock, openB
 import _sfc_main$4 from '../Button/WButtonSelection.vue.js';
 import _sfc_main$5 from '../Button/WButtonSelectionAction.vue.js';
 import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
-import IconRefresh from '../../assets/icons/sax/IconRefresh.svg.js';
+import IconRefresh from '../../assets/icons/IconRefresh.svg.js';
 import { useIsMobile } from '../../utils/mobile.js';
 import { parseOrdering, encodeOrdering } from '../../utils/order.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';

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

@@ -4,8 +4,8 @@ import _sfc_main$4 from '../Button/WButtonMore.vue.js';
 import _sfc_main$5 from '../Button/WButtonMoreItem.vue.js';
 import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
 import _sfc_main$2 from '../Form/WForm.vue.js';
-import IconAddCircle from '../../assets/icons/sax/IconAddCircle.svg.js';
-import IconMinusCircle from '../../assets/icons/sax/IconMinusCircle.svg.js';
+import IconAddCircle from '../../assets/icons/IconAddCircle.svg.js';
+import IconMinusCircle from '../../assets/icons/IconMinusCircle.svg.js';
 import _sfc_main$3 from './components/ListCardAction.vue.js';
 import { AREA_SELECT, AREA_MORE } from './types.js';
 

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

@@ -1,5 +1,5 @@
 import { defineComponent, useTemplateRef, computed, ref, onMounted, createBlock, openBlock, resolveDynamicComponent, mergeProps, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Transition, createElementBlock, createVNode, unref } from 'vue';
-import IconBack from '../../assets/icons/default/IconBack.svg.js';
+import IconBack from '../../assets/icons/IconBack.svg.js';
 import { Order } from '../../utils/order.js';
 import _sfc_main$2 from './components/HeaderItem.vue.js';
 import _sfc_main$1 from './components/HeaderItemResizer.vue.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, useTemplateRef, watch, onBeforeUnmount, createElementBlock, openBlock, renderSlot, createElementVNode, withModifiers, createVNode, unref } from 'vue';
-import IconDrag from '../../../assets/icons/sax/IconDrag.svg.js';
-import DOMListenerContainer from '../../../utils/DOMListenerContainer.js';
+import IconDrag from '../../../assets/icons/IconDrag.svg.js';
+import { DOMListenerContainer } from '../../../utils/DOMListenerContainer.js';
 
 const _hoisted_1 = {
   ref: "element",

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createVNo
 import _sfc_main$5 from '../../Button/WButtonSelectionAction.vue.js';
 import _sfc_main$2 from '../../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../../DropdownMenu/WDropdownMenu.vue.js';
-import IconTableSettings from '../../../assets/icons/sax/IconTableSettings.svg.js';
+import IconTableSettings from '../../../assets/icons/IconTableSettings.svg.js';
 import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
 import { isField } from '../models/utils.js';
 import _sfc_main$4 from './HeaderSettingsList.vue.js';

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

@@ -1,10 +1,10 @@
 import { defineComponent, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, normalizeStyle, createVNode, mergeProps, createElementVNode, toDisplayString, resolveDynamicComponent, normalizeClass } from 'vue';
 import _sfc_main$1 from '../../DragContainer/WDragContainer.vue.js';
-import IconDrag from '../../../assets/icons/sax/IconDrag.svg.js';
-import IconEye from '../../../assets/icons/sax/IconEye.svg.js';
-import IconEyeSlash from '../../../assets/icons/sax/IconEyeSlash.svg.js';
-import IconLock from '../../../assets/icons/sax/IconLock.svg.js';
-import IconLockOff from '../../../assets/icons/sax/IconLockOff.svg.js';
+import IconDrag from '../../../assets/icons/IconDrag.svg.js';
+import IconEye from '../../../assets/icons/IconEye.svg.js';
+import IconEyeSlash from '../../../assets/icons/IconEyeSlash.svg.js';
+import IconLock from '../../../assets/icons/IconLock.svg.js';
+import IconLockOff from '../../../assets/icons/IconLockOff.svg.js';
 import { sortFields } from '../use/useListConfig.js';
 
 const _hoisted_1 = ["onMousedown"];

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, createBlock, createCommentVNode, openBl
 import _sfc_main$4 from '../../Button/WButtonSelectionAction.vue.js';
 import _sfc_main$2 from '../../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../../DropdownMenu/WDropdownMenu.vue.js';
-import IconSort from '../../../assets/icons/default/IconSort.svg.js';
+import IconSort from '../../../assets/icons/IconSort.svg.js';
 import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
 import _sfc_main$3 from './HeaderSortItem.vue.js';
 

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, toDisplayString, createVNode, Transition, createCommentVNode, unref, normalizeClass, createElementBlock } from 'vue';
 import _sfc_main$1 from '../../MenuItem/WMenuItem.vue.js';
-import IconBack from '../../../assets/icons/default/IconBack.svg.js';
+import IconBack from '../../../assets/icons/IconBack.svg.js';
 import { Order } from '../../../utils/order.js';
 
 const _hoisted_1 = { class: "flex-1 truncate font-normal" };

package/dist/components/List/components/ListFilterGlobal.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, useTemplateRef, computed, createElementBlock, ope
 import _sfc_main$3 from '../../ActionsBar/WActionsBarFilter.vue.js';
 import _sfc_main$5 from '../../Button/WButton.vue.js';
 import _sfc_main$1 from '../../HeaderBar/WHeaderBarSearch.vue.js';
-import IconFilterRemove from '../../../assets/icons/sax/IconFilterRemove.svg.js';
+import IconFilterRemove from '../../../assets/icons/IconFilterRemove.svg.js';
 import { Modal } from '../../../utils/Modal.js';
 import { SemanticType } from '../../../utils/SemanticType.js';
 import _sfc_main$4 from './ListFilterGlobalItem.vue.js';

package/dist/components/List/components/ListFilterLocal.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, markRaw, createBlock, openBlock, unref,
 import _sfc_main$2 from '../../Expansion/WExpansionItem.vue.js';
 import _sfc_main$3 from '../../Tabs/WTabs.vue.js';
 import _sfc_main$4 from '../../Tabs/WTabsItem.vue.js';
-import IconFilter from '../../../assets/icons/sax/IconFilter.svg.js';
+import IconFilter from '../../../assets/icons/IconFilter.svg.js';
 import _sfc_main$1 from './ListFilterSearch.vue.js';
 import _sfc_main$5 from './ListFilterSelect.vue.js';
 import { getMetaValue } from '../models/utils.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, withCtx, createVNode, markRaw, unref } from 'vue';
 import _sfc_main$1 from '../../Form/WFormValidator.vue.js';
 import _sfc_main$2 from '../../Input/WInput.vue.js';
-import IconSearch from '../../../assets/icons/sax/IconSearch.svg.js';
+import IconSearch from '../../../assets/icons/IconSearch.svg.js';
 
 ({
   icon: markRaw(IconSearch)});

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

@@ -3,7 +3,7 @@ import _sfc_main$4 from '../../Button/WButtonTab.vue.js';
 import _sfc_main$2 from '../../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../../DropdownMenu/WDropdownMenu.vue.js';
 import _sfc_main$3 from '../../MenuItem/WMenuItem.vue.js';
-import IconAdd from '../../../assets/icons/sax/IconAdd.svg.js';
+import IconAdd from '../../../assets/icons/IconAdd.svg.js';
 import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
 import { getMetaValue } from '../models/utils.js';
 

package/dist/components/List/use/useListConfig.js

@@ -1,6 +1,6 @@
 import { markRaw, ref, unref, computed, isRef, watch } from 'vue';
-import IconGrid from '../../../assets/icons/sax/IconGrid.svg.js';
-import IconTable from '../../../assets/icons/sax/IconTable.svg.js';
+import IconGrid from '../../../assets/icons/IconGrid.svg.js';
+import IconTable from '../../../assets/icons/IconTable.svg.js';
 import { useIsMobile } from '../../../utils/mobile.js';
 import { ListMode } from '../../../utils/utils.js';
 

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"}