eco-vue-js 0.10.55 → 0.10.57

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAiCA;AA2DA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAYF,iBAAS,cAAc;WAiFT,OAAO,IAA6B;;;;YAZtB,GAAG;;;YACF,GAAG;yBACF,GAAG;;;;EAehC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,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":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAmCA;AA6DA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAYF,iBAAS,cAAc;WAmFT,OAAO,IAA6B;;;;YAZtB,GAAG;;;YACF,GAAG;yBACF,GAAG;;;;EAehC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,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/BottomSheet/WBottomSheet.vue.js

@@ -28,7 +28,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _cache[1] || (_cache[1] = createElementVNode("div", { class: "flex h-9 items-center justify-center" }, [
                   createElementVNode("div", { class: "h-1 w-12 rounded-sm bg-gray-300" })
                 ], -1)),
-                renderSlot(_ctx.$slots, "toggle", { unclickable: false })
+                createElementVNode("div", null, [
+                  renderSlot(_ctx.$slots, "toggle", { unclickable: false })
+                ])
               ]),
               createElementVNode("div", _hoisted_2, [
                 renderSlot(_ctx.$slots, "content")

package/dist/components/Button/WButtonMore.vue.js

@@ -55,8 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass(["relative", {
                 "w-hover-circle": !_ctx.disabled,
-                "text-description": !isOpen.value,
-                "text-primary dark:text-primary-dark": isOpen.value
+                "text-description": !isOpen.value || _ctx.anchor,
+                "text-primary dark:text-primary-dark": isOpen.value && !_ctx.anchor
               }])
             }, [
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(IconMore)), { class: "square-[1.25em]" }))

package/dist/components/Button/WButtonTab.vue.js

@@ -108,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               _ctx.hasChanges ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full transition-colors duration-500", {
+                class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full transition-colors duration-200", {
                   "bg-info dark:bg-info-dark": !_ctx.hasError,
                   "bg-negative dark:bg-negative-dark": _ctx.hasError
                 }])

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

@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 0,
               "filter-field": _ctx.filterField,
               "encoded-query-param": encodedQueryParam.value,
-              class: "absolute -top-0.5 ml-1"
+              class: "absolute top-0.5 ml-2"
             }, null, 8, ["filter-field", "encoded-query-param"])) : createCommentVNode("", true)
           ], 64)) : (openBlock(), createBlock(WSkeleton, { key: 1 }))
         ], 10, _hoisted_1)) : createCommentVNode("", true),

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

@@ -3,7 +3,7 @@ import IconFilter from '../../../assets/icons/sax/IconFilter.svg.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "square-5"
+  class: "square-[1.5em]"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FilterButton",
@@ -16,13 +16,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return _ctx.skeleton || !_ctx.encodedQueryParam ? (openBlock(), createElementBlock("div", _hoisted_1)) : (openBlock(), createElementBlock("button", {
         key: 1,
-        class: normalizeClass(["w-ripple w-ripple-hover rounded p-0.5", {
+        class: normalizeClass(["w-ripple w-ripple-hover rounded p-[0.125em]", {
           "text-description": _ctx.$route.query[_ctx.filterField] !== _ctx.encodedQueryParam,
-          "bg-primary dark:bg-primary-dark text-default dark:text-default-dark": _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam
+          "bg-primary dark:bg-primary-dark text-default": _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam
         }]),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.replace({ query: { ..._ctx.$route.query, [_ctx.filterField]: _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam ? void 0 : _ctx.encodedQueryParam } }))
       }, [
-        createVNode(unref(IconFilter), { class: "square-4" })
+        createVNode(unref(IconFilter), { class: "square-[1.25em]" })
       ], 2));
     };
   }

package/dist/components/Input/WInputSuggest.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA4GA;AA+MA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAY5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmYO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAjTD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAxEvD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EAgXlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9YzE,wBA8Y4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA6GA;AAgNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAY5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAqYO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAnTD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAxEvD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EAkXlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhZzE,wBAgZ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -119,9 +119,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$4, mergeProps({ ref: "input" }, {
             ...props,
             ..._ctx.$attrs,
-            title: toggleScope?.unclickable ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
+            title: toggleScope?.unclickable === false ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
             unclickable: toggleScope?.unclickable,
-            description: toggleScope?.unclickable === false ? void 0 : _ctx.description
+            description: toggleScope?.unclickable === false ? void 0 : _ctx.description,
+            seamless: toggleScope?.unclickable === false ? false : props.seamless
           }, {
             class: {
               "cursor-pointer": !_ctx.disabled && !_ctx.readonly,

package/dist/components/List/components/HeaderSettings.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSettings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSettings.vue"],"names":[],"mappings":"AAiFA;AA2LA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;AAWhE,OAAO,EAA0B,KAAK,QAAQ,EAAc,MAAM,eAAe,CAAA;yBAQhE,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAiVO,mBAAmB,CAAC;;;;;gBA/UlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;wBACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;cACrC,QAAQ;qBACD,WAAW;kBACd,OAAO;gBACT,OAAO;mBACJ,OAAO;mBAyU0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YAtUL,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;;EAwUtB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5VzE,wBA4V4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderSettings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSettings.vue"],"names":[],"mappings":"AAiFA;AA6LA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;AAWhE,OAAO,EAA0B,KAAK,QAAQ,EAAc,MAAM,eAAe,CAAA;yBAQhE,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmVO,mBAAmB,CAAC;;;;;gBAjVlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;wBACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;cACrC,QAAQ;qBACD,WAAW;kBACd,OAAO;gBACT,OAAO;mBACJ,OAAO;mBA2U0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YAxUL,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;;EA0UtB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9VzE,wBA8V4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, provide, ref, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, createElementBlock, createCommentVNode, Fragment, renderList, normalizeClass, markRaw } from 'vue';
+import { defineComponent, inject, provide, ref, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, createElementBlock, createCommentVNode, Fragment, renderList, normalizeClass, markRaw } from 'vue';
 import _sfc_main$6 from '../../Button/WButtonSelectionAction.vue.js';
 import _sfc_main$2 from '../../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../../DropdownMenu/WDropdownMenu.vue.js';
@@ -38,7 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    provide(wBaseZIndex, BASE_ZINDEX_LIST_HEADER);
+    const baseZIndex = inject(wBaseZIndex, null);
+    provide(wBaseZIndex, baseZIndex ?? BASE_ZINDEX_LIST_HEADER);
     const isOpen = ref(false);
     const dragItem = ref(null);
     const dragItemNewOrder = ref(null);

package/dist/components/List/components/HeaderSort.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSort.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSort.vue"],"names":[],"mappings":"AAmCA;AAqFA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;AAChE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAc1B,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2LO,mBAAmB,CAAC;;;;;;kBAvLhB,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;gBACzB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;qBACxB,WAAW;mBACb,OAAO;mBAoL0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YAjLL,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;YACpB,iBAAiB,SAAS,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE,GAAG,IAAI;;EAkL1D,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtMzE,wBAsM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderSort.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSort.vue"],"names":[],"mappings":"AAmCA;AAyFA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;AAChE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAW5C,OAAO,EAA0B,KAAK,QAAQ,EAAc,MAAM,eAAe,CAAA;yBAIhE,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+LO,mBAAmB,CAAC;;;;;;kBA3LhB,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;gBACzB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;qBACxB,WAAW;mBACb,OAAO;mBAwL0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YArLL,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;YACpB,iBAAiB,SAAS,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE,GAAG,IAAI;;EAsL1D,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1MzE,wBA0M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,9 +1,10 @@
-import { defineComponent, ref, computed, createBlock, createCommentVNode, openBlock, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, markRaw } from 'vue';
+import { defineComponent, inject, provide, ref, computed, createBlock, createCommentVNode, openBlock, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, markRaw } from 'vue';
 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 { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
+import { wBaseZIndex, BASE_ZINDEX_LIST_HEADER } from '../../../utils/utils.js';
 import _sfc_main$3 from './HeaderSortItem.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -17,6 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:field-config-map", "update:mode", "click:reset", "update:ordering"],
   setup(__props) {
     const props = __props;
+    const baseZIndex = inject(wBaseZIndex, null);
+    provide(wBaseZIndex, baseZIndex ?? BASE_ZINDEX_LIST_HEADER);
     const isOpen = ref(false);
     const fieldsFlat = computed(() => {
       const result = [];

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

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         "is-open": isOpen.value,
-        "horizontal-align": unref(HorizontalAlign).RIGHT_INNER,
+        "horizontal-align": unref(HorizontalAlign).FILL,
         "max-height": 320,
         "max-width": 320,
         teleport: "",

package/dist/components/Nav/WNavItem.vue.d.ts

@@ -22,11 +22,9 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:isActive": (value: [string, boolean]) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:isActive"?: ((value: [string, boolean]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    isActive: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Nav/WNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAyFA;AAkJA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAY5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAiCD,iBAAS,cAAc;WAuKT,OAAO,IAA6B;;sBAXvB,GAAG;uBACF,GAAG;;;;EAe9B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,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":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAyFA;AA4IA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAY5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA6BD,iBAAS,cAAc;WAuKT,OAAO,IAA6B;;sBAXvB,GAAG;uBACF,GAAG;;;;EAe9B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;8OAQnB,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/Nav/WNavItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, onBeforeUnmount, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createElementVNode, Transition, createElementBlock, createCommentVNode, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createElementVNode, Transition, createElementBlock, createCommentVNode, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString } from 'vue';
 import { useRoute, useRouter, RouterLink } from 'vue-router';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
@@ -35,11 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     even: { type: Boolean },
     to: {}
   },
-  emits: ["update:isActive"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose }) {
     const EXCLUDE_QUERY_FIELDS = ["ordering", "page"];
     const props = __props;
-    const emit = __emit;
     const route = useRoute();
     const router = useRouter();
     const routeTo = computed(() => router.resolve(props.to));
@@ -49,9 +47,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return isEqualObj(route.query, routeTo.value.query, EXCLUDE_QUERY_FIELDS, props.queryFields);
     });
     const isTextColor = computed(() => props.hasActive ? !props.indent : isActive.value);
-    watch(isActive, (value) => emit("update:isActive", [titleLocal.value, value]), { immediate: true });
-    onBeforeUnmount(() => {
-      emit("update:isActive", [titleLocal.value, false]);
+    __expose({
+      isActive
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(RouterLink), {

package/dist/components/Nav/WNavItemExpand.vue.d.ts

@@ -1,5 +1,4 @@
 import { LinkProps } from '../../types/types';
-import { VNode } from 'vue';
 interface Props extends Partial<LinkProps> {
     icon?: SVGComponent;
     title: string;
@@ -10,24 +9,11 @@ interface Props extends Partial<LinkProps> {
     queryFields?: string[];
     even?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default?: () => VNode[];
-        icon?: () => VNode[];
-    }> & {
-        default?: () => VNode[];
-        icon?: () => VNode[];
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:isActive": (value: [string, boolean]) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:isActive"?: ((value: [string, boolean]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    isActive: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Nav/WNavItemExpand.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AA2FA;AAuKA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAC,KAAK,KAAK,EAA4D,MAAM,KAAK,CAAA;AAczF,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAmDD,iBAAS,cAAc;WAkMT,OAAO,IAA6B;;kBAxMtC,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;kBADV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;;;EA4MrB;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,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":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AAoFA;AAAA,OAuKO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA4DD,iBAAS,cAAc,QA+LtB;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;+OASnB,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/Nav/WNavItemExpand.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, useSlots, computed, useTemplateRef, ref, watch, onBeforeUnmount, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, normalizeClass, renderSlot, nextTick } from 'vue';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
 import _sfc_main$3 from '../Expansion/WExpansion.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { useIsMobile } from '../../utils/mobile.js';
-import { unwrapSlots, debounce } from '../../utils/utils.js';
+import { unwrapSlots } from '../../utils/utils.js';
 import _sfc_main$2 from './WNavItem.vue.js';
 import WNavItemTransition from './WNavItemTransition.vue.js';
 
@@ -22,64 +22,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     even: { type: Boolean },
     to: {}
   },
-  emits: ["update:isActive"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
+  setup(__props, { expose: __expose }) {
     const slots = useSlots();
     const { isMobile } = useIsMobile();
     const slotsDefault = computed(() => unwrapSlots(slots.default?.() ?? []));
-    const emit = __emit;
-    const isOpen = ref(false);
-    const hasActiveCached = ref(false);
+    const componentRef = useTemplateRef("component");
+    const innerRef = useTemplateRef("inner");
     const isDropdownOpen = ref(false);
-    const isActiveChildrenMap = reactive({});
-    const hasActive = computed(() => isOpen.value || Object.values(isActiveChildrenMap).includes(true));
-    const updateHasActiveCache = debounce((value) => {
-      hasActiveCached.value = value;
-      isDropdownOpen.value = false;
-      emit("update:isActive", [props.title, value]);
-    }, 10);
+    const hasActive = ref(false);
+    const isActive = computed(() => componentRef.value?.isActive ?? false);
+    const hasInnerActive = computed(() => innerRef.value?.some((item) => item.isActive) ?? false);
+    const updateHasActive = async () => {
+      await nextTick();
+      hasActive.value = componentRef.value?.isActive || (innerRef.value?.some((item) => item.isActive) ?? false);
+    };
     const showDropdown = () => {
       isDropdownOpen.value = true;
     };
     const hideDropdown = () => {
       isDropdownOpen.value = false;
     };
-    watch(hasActive, updateHasActiveCache, { immediate: true });
+    watch(hasInnerActive, updateHasActive, { immediate: true });
+    watch(isActive, updateHasActive, { immediate: true });
+    watch(slotsDefault, updateHasActive, { immediate: true });
+    watch(hasActive, () => {
+      isDropdownOpen.value = false;
+    }, { immediate: true });
     onBeforeUnmount(() => {
       isDropdownOpen.value = false;
-      emit("update:isActive", [props.title, false]);
+    });
+    __expose({
+      isActive: hasActive
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(_sfc_main$1, {
-          "is-open": isDropdownOpen.value && !hasActiveCached.value,
+          "is-open": isDropdownOpen.value && !hasActive.value,
           "max-width": 320,
           "max-height": 320,
           "horizontal-align": unref(HorizontalAlign).RIGHT_OUTER
         }, {
           toggle: withCtx(() => [
-            createVNode(_sfc_main$2, mergeProps(unref(isMobile) || hasActiveCached.value || _ctx.even ? void 0 : {
+            createVNode(_sfc_main$2, mergeProps(unref(isMobile) || hasActive.value || _ctx.even ? void 0 : {
               onmouseenter: showDropdown,
               onmouseleave: hideDropdown
             }, {
+              ref: "component",
               to: _ctx.to ?? slotsDefault.value?.[0]?.props?.to,
               title: _ctx.title,
               icon: _ctx.icon,
               skeleton: _ctx.skeleton,
               count: _ctx.count,
               counter: _ctx.counter,
-              "has-active": hasActiveCached.value,
+              "has-active": hasActive.value,
               indent: _ctx.indent,
               even: _ctx.even,
               expand: !_ctx.to,
               "query-fields": _ctx.queryFields,
-              hovered: isDropdownOpen.value && !hasActiveCached.value,
-              "onUpdate:isActive": _cache[0] || (_cache[0] = ($event) => {
-                isOpen.value = $event[1];
-                $event[1] && _ctx.$emit("update:isActive", [_ctx.title, $event[1]]);
-                $event[1] && hideDropdown();
-              })
+              hovered: isDropdownOpen.value && !hasActive.value
             }), {
               icon: withCtx(() => [
                 renderSlot(_ctx.$slots, "icon")
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               right: withCtx(() => [
                 createVNode(unref(IconArrow), {
                   class: normalizeClass(["square-3 transition-transform", {
-                    "-rotate-90": !hasActiveCached.value && !_ctx.even
+                    "-rotate-90": !hasActive.value && !_ctx.even
                   }])
                 }, null, 8, ["class"])
               ]),
@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   return openBlock(), createBlock(resolveDynamicComponent(slot), {
                     key: index,
                     even: "",
-                    "onUpdate:isActive": _cache[1] || (_cache[1] = ($event) => $event[1] && hideDropdown())
+                    "onUpdate:isActive": _cache[0] || (_cache[0] = ($event) => $event[1] && hideDropdown())
                   }, null, 32);
                 }), 128))
               ])
@@ -114,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 3
         }, 8, ["is-open", "horizontal-align"]),
         createVNode(_sfc_main$3, {
-          "is-shown": hasActiveCached.value || _ctx.even
+          "is-shown": hasActive.value || _ctx.even
         }, {
           default: withCtx(() => [
             createVNode(WNavItemTransition, null, {
@@ -122,13 +122,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(Fragment, null, renderList(slotsDefault.value, (slot, index) => {
                   return openBlock(), createBlock(resolveDynamicComponent(slot), {
                     key: index,
+                    ref_for: true,
+                    ref: "inner",
                     even: _ctx.even,
-                    indent: !_ctx.even,
-                    "onUpdate:isActive": _cache[2] || (_cache[2] = ($event) => {
-                      isActiveChildrenMap[$event[0]] = $event[1];
-                      $event[1] && hideDropdown();
-                    })
-                  }, null, 40, ["even", "indent"]);
+                    indent: !_ctx.even
+                  }, null, 8, ["even", "indent"]);
                 }), 128))
               ]),
               _: 1

package/dist/components/Shine/WShine.vue.d.ts

@@ -1,5 +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, {
     element: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;
 //# sourceMappingURL=WShine.vue.d.ts.map

package/dist/components/Shine/WShine.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WShine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShine.vue"],"names":[],"mappings":"AAeA;;;;AAmFA,wBAOG"}
+{"version":3,"file":"WShine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShine.vue"],"names":[],"mappings":"AAgBA;;;;AA6FA,wBAMG"}

package/dist/components/Shine/WShine.vue.js

@@ -1,7 +1,9 @@
-import { defineComponent, useTemplateRef, createElementBlock, openBlock, createElementVNode, normalizeStyle, unref } from 'vue';
+import { defineComponent, useTemplateRef, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode, normalizeStyle } from 'vue';
+import { useIsMobile } from '../../utils/mobile.js';
 import { useShine } from './use/useShine.js';
 
 const _hoisted_1 = {
+  key: 0,
   ref: "element",
   class: "rounded-inherit pointer-events-none absolute inset-0 overflow-hidden"
 };
@@ -9,9 +11,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WShine",
   setup(__props) {
     const { id } = useShine();
+    const { isMobile } = useIsMobile();
     const elementRef = useTemplateRef("element");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return !unref(isMobile) ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           class: "bg-default/80 dark:bg-default/50 pointer-events-none absolute h-full w-screen bg-clip-border",
           style: normalizeStyle({
@@ -20,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "left": `-${unref(elementRef)?.getBoundingClientRect().left ?? 0}px`
           })
         }, null, 4)
-      ], 512);
+      ], 512)) : createCommentVNode("", true);
     };
   }
 });

package/dist/components/Shine/WShineEffect.vue.d.ts

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

package/dist/components/Shine/WShineEffect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WShineEffect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShineEffect.vue"],"names":[],"mappings":"AAkEA;;AA0KA,wBAMG"}
+{"version":3,"file":"WShineEffect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShineEffect.vue"],"names":[],"mappings":"AAmEA;;AAsLA,wBAKG"}

package/dist/components/Shine/WShineEffect.vue.js

@@ -1,18 +1,21 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createStaticVNode, unref } from 'vue';
+import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode, createStaticVNode } from 'vue';
+import { useIsMobile } from '../../utils/mobile.js';
 import { useShine } from './use/useShine.js';
 
 const _hoisted_1 = {
+  key: 0,
   width: "100%",
   height: "100%",
-  class: "pointer-events-none absolute top-0 -translate-x-full"
+  class: "pointer-events-none fixed top-0"
 };
 const _hoisted_2 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WShineEffect",
   setup(__props) {
     const { id } = useShine();
+    const { isMobile } = useIsMobile();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1, [
+      return !unref(isMobile) ? (openBlock(), createElementBlock("svg", _hoisted_1, [
         createElementVNode("defs", null, [
           _cache[1] || (_cache[1] = createStaticVNode('<linearGradient id="w-shine-gradient" x1="0%" y1="0%" x2="100%" y2="0%" gradientTransform="rotate(10)"><stop offset="0%" stop-color="rgba(255, 255, 255, 0)"></stop><stop offset="45%" stop-color="rgba(255, 255, 255, 0)"></stop><stop offset="49%" stop-color="rgba(255, 255, 255, 0.4)"></stop><stop offset="50%" stop-color="rgba(255, 255, 255, 1)"></stop><stop offset="51%" stop-color="rgba(255, 255, 255, 0.4)"></stop><stop offset="55%" stop-color="rgba(255, 255, 255, 0)"></stop><stop offset="100%" stop-color="rgba(255, 255, 255, 0)"></stop></linearGradient>', 1)),
           createElementVNode("mask", {
@@ -34,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], -1)
           ]), 8, _hoisted_2)
         ])
-      ]);
+      ])) : createCommentVNode("", true);
     };
   }
 });

package/dist/components/Skeleton/WSkeleton.vue.js

@@ -5,7 +5,7 @@ const _sfc_main = {  };
 
 function _sfc_render(_ctx, _cache) {
   return (openBlock(), createElementBlock("div", {
-    class: "bg-primary-light dark:bg-primary-darkest w-skeleton before:animate-ticker",
+    class: "bg-primary-light dark:bg-primary-darkest w-skeleton w-skeleton-opacity-50 dark:w-skeleton-opacity-5 before:animate-ticker",
     style: normalizeStyle({'--skeleton-width-internal': (Math.round(Math.random() * 40) + 40) + '%'})
   }, [
     renderSlot(_ctx.$slots, "default")

package/dist/components/Tabs/WTabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAqIA;AAAA,OAyZO,KAAK,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAA;AAIrD,OAAO,KAAK,MAAM,6BAA6B,CAAA;AA2R/C,iBAAS,cAAc;WAoST,OAAO,IAA6B;;iBAzSvC,MAAM,IAAI;;iBAAV,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiFP,GAAG,8CACL,GAAG,yBACO,GAAG,6DAErB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAJO,GAAG,8CACL,GAAG,yBACO,GAAG,6DAErB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAJO,GAAG,8CACL,GAAG,yBACO,GAAG,6DAErB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAJO,GAAG,8CACL,GAAG,yBACO,GAAG,6DAErB,GAAG;;;;;;;;;;;;;;;;;;;;EAyNN;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;2BAxgBS,MAAM;yBAMR,MAAM;gCAiCH,IAAI;oBAYd,IAAI;iBAIL,MAAM,uBAAmB,IAAI;qBAwBzB,MAAM,mGAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;8BAIzH,MAAM,mGAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;uBAMzI,MAAM,8DAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;sBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAoL/I,GAAG,8CACL,GAAG,yBACO,GAAG,6DAErB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAJO,GAAG,8CACL,GAAG,yBACO,GAAG,6DAErB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAJO,GAAG,8CACL,GAAG,yBACO,GAAG,6DAErB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAJO,GAAG,8CACL,GAAG,yBACO,GAAG,6DAErB,GAAG;;;;;;;;;;;;;;;;;;OA6PL,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/Tabs/WTabs.vue.js

@@ -272,7 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       (openBlock(), createBlock(resolveDynamicComponent(slot.children?.right), mergeProps({ ref_for: true }, scope), null, 16)),
                       "onClose" in slot.props ? (openBlock(), createElementBlock("button", {
                         key: 0,
-                        class: "w-ripple-trigger text-description sm-not:-mr--inner-margin flex h-full items-center justify-center px-1",
+                        class: "w-ripple-trigger text-description sm-not:mx-3 flex h-full items-center justify-center px-1",
                         onClick: ($event) => slot.props.onClose?.()
                       }, [
                         createElementVNode("div", _hoisted_2, [

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.55",
+  "version": "0.10.57",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --mode development --watch",

package/tailwind-base/plugins/default.ts

@@ -404,12 +404,8 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
         top: '0',
         width: '100%',
         height: '100%',
-        'background-image': 'linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0))',
+        'background-image': 'linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255, var(--w-skeleton-opacity)), rgba(255,255,255,0))',
         animation: theme('animation.ticker'),
-
-        [config('darkMode')[1][0]]: {
-          'background-image': 'linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.01),rgba(255,255,255,0))',
-        },
       },
     },
     '.w-skeleton-static': {
@@ -469,6 +465,15 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     },
   )
 
+  matchUtilities(
+    {
+      'w-skeleton-opacity': value => ({'--w-skeleton-opacity': value}),
+    },
+    {
+      values: theme('opacity'),
+    },
+  )
+
   matchUtilities(
     {
       'w-svg-stroke-width': value => ({'& path': {'stroke-width': value}}),