eco-vue-js 0.11.16 → 0.11.17

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

@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             content: withCtx(() => [
               createVNode(_sfc_main$2, {
-                class: "bg-default dark:bg-default-dark dropdown my-2 grid grid-cols-1 overflow-hidden rounded-xl shadow-md dark:outline dark:outline-1 dark:outline-gray-800",
+                class: "bg-default dark:bg-default-dark dropdown w-shine-hidden my-2 grid grid-cols-1 overflow-hidden rounded-xl shadow-md dark:outline dark:outline-1 dark:outline-gray-800",
                 onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
               }, {
                 default: withCtx(() => [

package/dist/components/Button/WButtonSelectionAction.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAgDA;AAuEA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,YAAY,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;;;;;AAyGF,wBAQG"}
+{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAkDA;AA2EA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,YAAY,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;;;;;AAmHF,wBAQG"}

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

@@ -1,4 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString, withCtx } from 'vue';
+import _sfc_main$2 from '../Shine/WShine.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
 
@@ -49,7 +50,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_3, toDisplayString(_ctx.disableMessage), 1)
           ]),
           _: 1
-        })) : createCommentVNode("", true)
+        })) : createCommentVNode("", true),
+        !_ctx.disabled && !_ctx.disableMessage && !_ctx.loading ? (openBlock(), createBlock(_sfc_main$2, { key: 2 })) : createCommentVNode("", true)
       ], 10, _hoisted_1);
     };
   }

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

@@ -146,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "[--w-list-right:calc(var(--w-list-padding,1rem)*2+1.25em)]": _ctx.menu,
           "[--w-list-right:--w-list-header-rounded,1rem]": !_ctx.menu,
           "[--w-list-left:calc(var(--w-list-padding,1rem)*2+1.25em+1px)]": allowSelect.value,
-          "[--w-list-left:--w-list-header-rounded,1rem)": !allowSelect.value
+          "[--w-list-left:--w-list-header-rounded,1rem]": !allowSelect.value
         }),
         style: normalizeStyle([stylesWidth.value, stylesFixed.value])
       }, [

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":"AA8EA;AA0JA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAOlD,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;;;;;;;;;;AA4QjD,wBASG"}
+{"version":3,"file":"ConfirmModal.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/modals/Confirm/ConfirmModal.vue"],"names":[],"mappings":"AAgFA;AA4JA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAOlD,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;;;;;;;;;;AAgRjD,wBASG"}

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

@@ -16,7 +16,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cancelText: { default: "Cancel" },
     onAccept: {},
     onIntermediate: {},
-    onCancel: {}
+    onCancel: {},
+    acceptTo: {},
+    intermediateTo: {}
   },
   emits: ["close:modal"],
   setup(__props, { emit: __emit }) {
@@ -40,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const accept = () => {
       if (loadingIntermediate.value || loadingAccept.value) return;
-      const promise = props.onAccept();
+      const promise = props.onAccept?.();
       if (promise) {
         loadingAccept.value = true;
         promise.then(() => {
@@ -79,6 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["semantic-type", "disabled"]),
           _ctx.intermediateText ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
+            to: _ctx.intermediateTo,
             "semantic-type": _ctx.intermediateSemanticType,
             loading: loadingIntermediate.value,
             disabled: loadingAccept.value,
@@ -91,8 +94,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.intermediateText), { key: 1 }))
             ]),
             _: 1
-          }, 8, ["semantic-type", "loading", "disabled"])) : createCommentVNode("", true),
+          }, 8, ["to", "semantic-type", "loading", "disabled"])) : createCommentVNode("", true),
           createVNode(_sfc_main$2, {
+            to: _ctx.acceptTo,
             "semantic-type": _ctx.acceptSemanticType,
             loading: loadingAccept.value,
             disabled: loadingIntermediate.value,
@@ -105,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.acceptText), { key: 1 }))
             ]),
             _: 1
-          }, 8, ["semantic-type", "loading", "disabled"])
+          }, 8, ["to", "semantic-type", "loading", "disabled"])
         ]),
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [

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

@@ -1,3 +1,4 @@
+import { LinkProps } from '../../types/types';
 import { SemanticType } from '../../utils/SemanticType';
 import { Component, VNode } from 'vue';
 export interface ConfirmModalProps {
@@ -8,8 +9,10 @@ export interface ConfirmModalProps {
     intermediateText?: string | VNode | Component;
     intermediateSemanticType?: SemanticType;
     cancelText?: string | VNode | Component;
-    onAccept: () => void | Promise<void>;
+    onAccept?: () => void | Promise<void>;
     onIntermediate?: () => void | Promise<void>;
     onCancel?: () => void;
+    acceptTo?: LinkProps['to'];
+    intermediateTo?: LinkProps['to'];
 }
 //# sourceMappingURL=types.d.ts.map

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;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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,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,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;CACjC"}

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":"AAkFA;AA6JA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAC,KAAK,KAAK,EAAY,QAAQ,EAAwD,MAAM,KAAK,CAAA;AA2EzG,iBAAS,cAAc;WAsLT,OAAO,IAA6B;;kBAnMtC,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;kBADV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqPi6S,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;EA9C5iT;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBk6S,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;kBAf3iT,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":"AAmFA;AA8KA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAC,KAAK,KAAK,EAAY,QAAQ,EAAwD,MAAM,KAAK,CAAA;AA2FzG,iBAAS,cAAc;WA2MT,OAAO,IAA6B;;kBAxNtC,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;kBADV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2QutP,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;EA/Cl2P;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBwtP,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;kBAfj2P,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,12 +1,13 @@
 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 _sfc_main$4 from '../Expansion/WExpansion.vue.js';
 import IconArrow from '../../assets/icons/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { useIsMobile } from '../../utils/mobile.js';
 import { unwrapSlots } from '../../utils/utils.js';
-import _sfc_main$2 from './WNavItem.vue.js';
+import _sfc_main$3 from './WNavItem.vue.js';
 import WNavItemTransition from './WNavItemTransition.vue.js';
+import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 
 const _hoisted_1 = { class: "bg-default dark:bg-default-dark w-nav-bar-width overflow-hidden rounded-xl border border-solid border-gray-200 text-start font-normal shadow dark:border-gray-800" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -36,11 +37,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await nextTick();
       hasActive.value = innerRef.value?.some((item) => item.isActive) ?? false;
     };
+    let timeout = null;
     const showDropdown = () => {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
       isDropdownOpen.value = true;
     };
     const hideDropdown = () => {
-      isDropdownOpen.value = false;
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      timeout = setTimeout(() => {
+        isDropdownOpen.value = false;
+      }, 20);
     };
     watch(hasInnerActive, updateHasActive, { immediate: true });
     watch(isActive, updateHasActive, { immediate: true });
@@ -61,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "horizontal-align": unref(HorizontalAlign).RIGHT_OUTER
         }, {
           toggle: withCtx(() => [
-            createVNode(_sfc_main$2, mergeProps(unref(isMobile) || hasActive.value || _ctx.even ? void 0 : {
+            createVNode(_sfc_main$3, mergeProps(unref(isMobile) || hasActive.value || _ctx.even ? void 0 : {
               onmouseenter: showDropdown,
               onmouseleave: hideDropdown
             }, {
@@ -93,25 +105,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 16, ["to", "title", "icon", "skeleton", "count", "counter", "has-active", "indent", "even", "expand", "query-fields", "hovered"])
           ]),
           content: withCtx(() => [
-            createElementVNode("div", {
+            createVNode(_sfc_main$2, {
               class: "px-1",
               onMouseenter: showDropdown,
-              onMouseleave: hideDropdown
-            }, [
-              createElementVNode("div", _hoisted_1, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(slotsDefault.value, (slot, index) => {
-                  return openBlock(), createBlock(resolveDynamicComponent(slot), {
-                    key: index,
-                    even: "",
-                    "onUpdate:isActive": _cache[0] || (_cache[0] = ($event) => $event[1] && hideDropdown())
-                  }, null, 32);
-                }), 128))
-              ])
-            ], 32)
+              onMouseleave: hideDropdown,
+              onClick: hideDropdown
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(slotsDefault.value, (slot, index) => {
+                    return openBlock(), createBlock(resolveDynamicComponent(slot), {
+                      key: index,
+                      even: "",
+                      "onUpdate:isActive": _cache[0] || (_cache[0] = ($event) => $event[1] && hideDropdown())
+                    }, null, 32);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            })
           ]),
           _: 3
         }, 8, ["is-open", "horizontal-align"]),
-        createVNode(_sfc_main$3, {
+        createVNode(_sfc_main$4, {
           "is-shown": isActive.value || _ctx.even
         }, {
           default: withCtx(() => [

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

@@ -3,7 +3,7 @@ import { useShine } from './use/useShine.js';
 
 const _hoisted_1 = {
   ref: "element",
-  class: "rounded-inherit sm-not:hidden pointer-events-none absolute inset-0 overflow-hidden print:hidden"
+  class: "rounded-inherit sm-not:hidden w-shine pointer-events-none absolute inset-0 overflow-hidden print:hidden"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WShine",
@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return 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",
+          class: "bg-primary-light/80 dark:bg-primary-light/50 pointer-events-none absolute h-full w-screen bg-clip-border",
           style: normalizeStyle({
             "mask": `url(#${unref(id)})`,
             "-webkit-mask": `url(#${unref(id)})`,

package/package.json

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

package/tailwind-base/plugins/default.ts

@@ -203,6 +203,13 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     },
   })
 
+  addBase({
+    '.w-shine-hidden': {
+      '.w-shine': {display: 'none'},
+    },
+    '.w-shine': {},
+  })
+
   matchUtilities(
     {
       'w-scroll-bar-color': value => {