eco-vue-js 0.10.32 → 0.10.34

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, createVNode, unref, withCtx, renderSlot, createElementVNode, createBlock, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, readonly, createElementBlock, openBlock, mergeProps, createVNode, unref, withCtx, normalizeClass, renderSlot, createElementVNode, createBlock, resolveDynamicComponent } from 'vue';
 import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
 import IconMore from '../../assets/icons/default/IconMore.svg.js';
@@ -9,34 +9,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonMore",
   props: {
     icon: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    anchor: {}
   },
-  setup(__props) {
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const isOpen = ref(false);
     const toggle = () => {
       if (props.disabled) return;
       isOpen.value = !isOpen.value;
+      if (!isOpen.value) emit("close");
     };
     const close = () => {
       isOpen.value = false;
+      emit("close");
     };
+    const open = () => {
+      isOpen.value = true;
+    };
+    __expose({
+      open,
+      isOpen: readonly(isOpen)
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
+      return openBlock(), createElementBlock("button", mergeProps(_ctx.$attrs, {
         disabled: _ctx.disabled,
-        class: normalizeClass([{
+        class: [{
           "w-hover-circle-trigger cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
-        }, "flex justify-center outline-none"]),
+        }, "flex justify-center outline-none"],
         onClick: toggle
-      }, [
+      }), [
         createVNode(_sfc_main$1, {
           "is-open": isOpen.value,
           "max-height": 210,
           "max-width": 320,
-          "horizontal-align": unref(HorizontalAlign).LEFT_INNER,
+          "horizontal-align": _ctx.anchor ? unref(HorizontalAlign).RIGHT_INNER : unref(HorizontalAlign).LEFT_INNER,
           "update-align": false,
           "z-index": 1,
+          "parent-element": _ctx.anchor,
           teleport: ""
         }, {
           toggle: withCtx(() => [
@@ -44,26 +57,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["relative", {
                 "w-hover-circle": !_ctx.disabled,
                 "text-description": !isOpen.value,
-                "text-primary-default dark:text-primary-dark": isOpen.value
+                "text-primary dark:text-primary-dark": isOpen.value
               }])
             }, [
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(IconMore)), { class: "square-[1.25em]" }))
             ], 2)
           ]),
-          content: withCtx(() => [
+          content: withCtx(({ isTop, isRight, isLeft }) => [
             createVNode(_sfc_main$2, {
-              class: "sm-not:-mr-6 bg-default dark:bg-default-dark my-4 mr-[-1.375rem] overflow-hidden rounded-xl text-start font-normal shadow-md dark:border dark:border-solid dark:border-gray-800",
+              "no-filter": "",
+              class: normalizeClass(["bg-default dark:bg-default-dark overflow-hidden rounded-xl text-start font-normal shadow-md dark:border dark:border-solid dark:border-gray-800", {
+                "sm-not:-mr-4 my-4 -mr-5": !_ctx.anchor,
+                "rounded-bl-none": _ctx.anchor && isRight && isTop,
+                "rounded-tl-none": _ctx.anchor && isRight && !isTop,
+                "rounded-br-none": _ctx.anchor && isLeft && isTop,
+                "rounded-tr-none": _ctx.anchor && isLeft && !isTop
+              }]),
               onClick: close
             }, {
               default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default", { close })
+                renderSlot(_ctx.$slots, "default")
               ]),
-              _: 3
-            })
+              _: 2
+            }, 1032, ["class"])
           ]),
           _: 3
-        }, 8, ["is-open", "horizontal-align"])
-      ], 10, _hoisted_1);
+        }, 8, ["is-open", "horizontal-align", "parent-element"])
+      ], 16, _hoisted_1);
     };
   }
 });

package/dist/components/Button/WButtonMoreItem.vue.d.ts

@@ -15,12 +15,11 @@ 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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    to: import('vue-router').RouterLinkProps["to"];
-    icon: SVGComponent;
-    href: string;
-    download: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (value: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((value: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, 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/Button/WButtonMoreItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonMoreItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMoreItem.vue"],"names":[],"mappings":"AAkBA;AA2CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAqBD,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;sBAVxB,GAAG;;;;EAe5B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAnGrB,YAvCA;UA6CS,YAAY;UAEZ,MAAM;cACF,MAAM;6EAkGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonMoreItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMoreItem.vue"],"names":[],"mappings":"AAsBA;AAAA,OA2CO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAYD,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;sBAVxB,GAAG;;;;EAe5B;AAUD,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"}

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

@@ -6,24 +6,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonMoreItem",
   props: {
     text: {},
-    icon: { default: void 0 },
+    icon: {},
     disabled: { type: Boolean },
-    href: { default: void 0 },
-    download: { default: void 0 },
-    to: { default: void 0 }
+    href: {},
+    download: {},
+    to: {}
   },
+  emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         to: _ctx.to,
         href: _ctx.href,
         download: _ctx.download,
-        disabled: _ctx.disabled
+        disabled: _ctx.disabled,
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, toDisplayString(_ctx.text), 1),
           renderSlot(_ctx.$slots, "icon", {}, () => [
-            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true)
+            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+              key: 0,
+              class: "square-[1.25em]"
+            })) : createCommentVNode("", true)
           ])
         ]),
         _: 3

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

@@ -9,7 +9,7 @@ import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 
 const _hoisted_1 = { class: "sm:left-inner sm:w-inner grid w-full grid-cols-[1fr,auto] pb-3 sm:sticky" };
 const _hoisted_2 = { class: "flex" };
-const _hoisted_3 = { class: "text-primary-default dark:text-primary-dark font-semibold" };
+const _hoisted_3 = { class: "text-primary dark:text-primary-dark font-semibold" };
 const _hoisted_4 = { class: "sm-not:text-xs" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonSelection",

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

@@ -23,8 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("button", {
         disabled: _ctx.disabled || _ctx.disableMessage !== void 0,
         class: normalizeClass(["disabled:text-description relative cursor-pointer select-none bg-none no-underline outline-none disabled:cursor-not-allowed", {
-          "w-ripple w-ripple-hover before:text-primary-default dark:before:text-primary-dark hover:text-primary-default dark:hover:text-primary-dark": !_ctx.disabled && !_ctx.disableMessage,
-          "text-primary-default dark:text-primary-dark": _ctx.active,
+          "w-ripple w-ripple-hover before:text-primary dark:before:text-primary-dark hover:text-primary dark:hover:text-primary-dark": !_ctx.disabled && !_ctx.disableMessage,
+          "text-primary dark:text-primary-dark": _ctx.active,
           "text-accent": !_ctx.active
         }]),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))

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

@@ -13,7 +13,6 @@ export interface ButtonProps extends Partial<LinkProps> {
     href?: string;
     target?: '_self' | '_blank' | '_parent' | '_top';
     join?: boolean;
-    semanticTypeMap?: Partial<Record<SemanticType, string>>;
     tooltipText?: string;
     download?: string;
 }

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

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

package/dist/components/Checkbox/WCheckbox.vue.js

@@ -48,13 +48,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["square-[1.5em] bg-default dark:bg-default-dark relative isolate flex items-center justify-center border border-solid [font-size:--w-checkbox-size]", {
             "text-default dark:text-default-dark": _ctx.modelValue && !_ctx.disabled,
-            "text-primary-default dark:text-primary-dark": !_ctx.modelValue && !_ctx.disabled,
+            "text-primary dark:text-primary-dark": !_ctx.modelValue && !_ctx.disabled,
             "text-gray-300 dark:text-gray-700": !_ctx.modelValue && _ctx.disabled,
             "w-ripple w-hover-circle before:text-accent after:text-accent": !_ctx.disabled && !_ctx.readonly,
             "rounded-full": _ctx.radio,
             "rounded-md": !_ctx.radio,
             "border-gray-300 dark:border-gray-700": _ctx.disabled,
-            "border-primary-default dark:border-primary-dark": !_ctx.disabled
+            "border-primary dark:border-primary-dark": !_ctx.disabled
           }]),
           onKeypress: withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"])
         }, [
@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "scale-[0.66] rounded": !_ctx.radio && _ctx.intermediate && _ctx.modelValue === null,
                   "scale-[0.66] rounded-full": _ctx.radio && !(_ctx.intermediate && _ctx.modelValue === null),
                   "rounded": !_ctx.radio && !(_ctx.intermediate && _ctx.modelValue === null),
-                  "bg-primary-default dark:bg-primary-dark": !_ctx.disabled,
+                  "bg-primary dark:bg-primary-dark": !_ctx.disabled,
                   "bg-gray-300 dark:bg-gray-700": _ctx.disabled
                 }])
               }, null, 2), [

package/dist/components/Chip/WChip.vue.js

@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const classMap = {
-      [SemanticType.PRIMARY]: "text-primary-default dark:text-primary-dark",
+      [SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
       [SemanticType.SECONDARY]: "text-description",
       [SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
       [SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",

package/dist/components/ClickOutside/WClickOutside.vue.d.ts

@@ -1,3 +1,6 @@
+type __VLS_Props = {
+    noFilter?: boolean;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -9,11 +12,11 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: () => any;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     element: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/ClickOutside/WClickOutside.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAKA;AAuEA,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAKA;AAkDA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAoCF,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ClickOutside/WClickOutside.vue.js

@@ -4,23 +4,31 @@ import { isClientSide, hasParent } from '../../utils/utils.js';
 const _hoisted_1 = { ref: "element" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WClickOutside",
+  props: {
+    noFilter: { type: Boolean }
+  },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const elementRef = useTemplateRef("element");
     const clickListener = (event) => {
-      if (!elementRef.value || !(event.target instanceof Element) || hasParent(elementRef.value, event.target)) return;
+      if (!props.noFilter) {
+        if (!elementRef.value || !(event.target instanceof Element) || hasParent(elementRef.value, event.target)) return;
+      }
       emit("click");
     };
     onMounted(() => {
       if (!isClientSide) return;
       setTimeout(() => {
         document.addEventListener("click", clickListener);
+        document.addEventListener("contextmenu", clickListener);
       });
     });
     onBeforeUnmount(() => {
       if (!isClientSide) return;
       document.removeEventListener("click", clickListener);
+      document.removeEventListener("contextmenu", clickListener);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [

package/dist/components/DatePicker/components/CalendarDay.vue.js

@@ -70,8 +70,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         withDirectives(createElementVNode("div", {
           class: normalizeClass(["absolute h-9 opacity-50", {
-            "border-primary-default border-y border-solid": _ctx.isHoverEnabled && !isDisabled.value,
-            "bg-primary-default dark:bg-primary-dark": !_ctx.isHoverEnabled && !isDisabled.value,
+            "border-primary border-y border-solid": _ctx.isHoverEnabled && !isDisabled.value,
+            "bg-primary dark:bg-primary-dark": !_ctx.isHoverEnabled && !isDisabled.value,
             "bg-gray-200 dark:bg-gray-700": isDisabled.value,
             "w-full": isBetweenRange.value || isDisabled.value,
             "left-1/2 w-1/2": isFrom.value && !isTo.value,
@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["square-9 relative flex items-center justify-center rounded-full", {
             "w-ripple w-ripple-hover": !isDisabled.value,
             "opacity-50": isDisabled.value,
-            "bg-primary-default dark:bg-primary-dark font-semibold": isSelected.value
+            "bg-primary dark:bg-primary-dark font-semibold": isSelected.value
           }])
         }, [
           createElementVNode("div", _hoisted_1, toDisplayString(_ctx.startOfDay.getDate()), 1)

package/dist/components/DatePicker/components/CalendarToggle.vue.js

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
-          class: "square-8 w-ripple hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative mr-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
+          class: "square-8 w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative mr-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:previous"))
         }, [
           createVNode(unref(IconArrow), { class: "-ml-1 rotate-90" })
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })
         ]),
         createElementVNode("div", {
-          class: "square-8 w-ripple hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative ml-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
+          class: "square-8 w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative ml-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:next"))
         }, [
           createVNode(unref(IconArrow), { class: "-mr-1 -rotate-90" })

package/dist/components/DatePicker/components/CalendarValue.vue.js

@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["from-primary-default dark:from-primary-dark text-default dark:text-default-dark relative w-full select-none rounded-xl bg-gradient-to-tr to-[#C376FF] px-4 py-3 dark:to-[#9b3be6]", {
+        class: normalizeClass(["from-primary dark:from-primary-dark text-default dark:text-default-dark relative w-full select-none rounded-xl bg-gradient-to-tr to-[#C376FF] px-4 py-3 dark:to-[#9b3be6]", {
           "w-ripple w-ripple-hover cursor-pointer": clickable.value
         }]),
         onClick: updateCurrentDate

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

@@ -8,6 +8,8 @@ declare function __VLS_template(): {
             top: string;
             bottom: string;
             isTop: boolean;
+            isLeft: boolean;
+            isRight: boolean;
         }): any;
     };
     refs: {

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

@@ -1 +1 @@
-{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAkBA;AAmIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAsH1C,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;;;;;;;YAXrB,GAAG;;;;;;EAgB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAqBA;AA8IA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AA8H1C,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;;;;;;;;;YAXrB,GAAG;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,7 +1,8 @@
-import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, renderSlot, mergeProps } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, unref, renderSlot, mergeProps } from 'vue';
 import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
+import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
-import { horizontalGetterOrderMap, searchStyleGetter } from './utils/DropdownStyle.js';
+import { horizontalGetterOrderMap, searchStyleGetter, LeftCenter, LeftOuter, LeftInner, RightOuter, RightInner } from './utils/DropdownStyle.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdown",
@@ -22,6 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let horizontalGetter = null;
     let verticalGetter = null;
     const isTop = ref(false);
+    const isLeftCenter = ref(false);
+    const isLeft = ref(false);
+    const isRight = ref(false);
     const widthStyle = ref({});
     const heightStyle = ref({});
     const horizontalStyle = ref({});
@@ -41,6 +45,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const isTopChanged = newRect.top !== parentRect?.top || newRect.bottom !== parentRect?.bottom;
       if (!horizontalGetter || isLeftChanged && (props.updateAlign || updateAlign)) {
         horizontalGetter = searchStyleGetter(order.value, newRect, props.maxWidth);
+        isLeftCenter.value = horizontalGetter instanceof LeftCenter;
+        isLeft.value = horizontalGetter instanceof LeftOuter || horizontalGetter instanceof LeftInner;
+        isRight.value = horizontalGetter instanceof RightOuter || horizontalGetter instanceof RightInner;
         if (updateSize) widthStyle.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
       }
       if (!verticalGetter || isTopChanged && (props.updateAlign || updateAlign)) {
@@ -90,11 +97,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref: "dropdown",
         style: normalizeStyle(styles.value),
-        class: normalizeClass(["group/dropdown fixed h-auto", {
-          "dropdown-top": isTop.value
+        class: normalizeClass(["group/dropdown fixed grid h-auto", {
+          "dropdown-top": isTop.value,
+          "content-center": _ctx.horizontalAlign === unref(HorizontalAlign).LEFT_CENTER || _ctx.horizontalAlign === unref(HorizontalAlign).RIGHT_CENTER,
+          "justify-end": isLeftCenter.value,
+          "justify-center": _ctx.horizontalAlign === unref(HorizontalAlign).CENTER
         }])
       }, [
-        renderSlot(_ctx.$slots, "default", mergeProps({ isTop: isTop.value }, {
+        renderSlot(_ctx.$slots, "default", mergeProps({ isTop: isTop.value, isLeft: isLeft.value, isRight: isRight.value }, {
           left: styles.value.left,
           right: styles.value.right,
           top: styles.value.top,

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

@@ -9,12 +9,81 @@ export declare abstract class VerticalGetter implements StyleGetter {
     abstract marginGetter(parentRect: DOMRect, maxHeight: number): number;
     heightStyleGetter(parentRect: DOMRect, maxHeight: number): Record<string, string>;
 }
+declare class BottomInner extends VerticalGetter {
+    isTop: boolean;
+    styleGetter(parentRect: DOMRect): {
+        top: string;
+    };
+    marginGetter(parentRect: DOMRect, maxHeight: number): number;
+}
+declare class BottomOuter extends VerticalGetter {
+    isTop: boolean;
+    styleGetter(parentRect: DOMRect): {
+        top: string;
+    };
+    marginGetter(parentRect: DOMRect, maxHeight: number): number;
+}
+declare class VerticalCenter extends VerticalGetter {
+    isTop: boolean;
+    styleGetter(parentRect: DOMRect): {
+        top: string;
+    };
+    marginGetter(): number;
+    heightStyleGetter(): {
+        height: string;
+    };
+}
+declare class TopOuter extends VerticalGetter {
+    isTop: boolean;
+    styleGetter(parentRect: DOMRect): {
+        bottom: string;
+    };
+    marginGetter(parentRect: DOMRect, maxHeight: number): number;
+}
+declare class TopInner extends VerticalGetter {
+    isTop: boolean;
+    styleGetter(parentRect: DOMRect): {
+        bottom: string;
+    };
+    marginGetter(parentRect: DOMRect, maxHeight: number): number;
+}
 export declare abstract class HorizontalGetter implements StyleGetter {
     abstract verticalGetterOrder: Array<VerticalGetter>;
     abstract styleGetter(parentRect: DOMRect): Record<string, string>;
     abstract marginGetter(parentRect: DOMRect, maxWidth: number): number;
     widthStyleGetter(parentRect: DOMRect, maxWidth: number): Record<string, string>;
 }
+export declare class RightOuter extends HorizontalGetter {
+    verticalGetterOrder: (BottomInner | TopInner)[];
+    styleGetter(parentRect: DOMRect): {
+        left: string;
+    };
+    marginGetter(parentRect: DOMRect, maxWidth: number): number;
+}
+export declare class RightInner extends HorizontalGetter {
+    verticalGetterOrder: (BottomOuter | TopOuter)[];
+    styleGetter(parentRect: DOMRect): {
+        left: string;
+    };
+    marginGetter(parentRect: DOMRect, maxWidth: number): number;
+}
+export declare class LeftInner extends HorizontalGetter {
+    verticalGetterOrder: (BottomOuter | TopOuter)[];
+    styleGetter(parentRect: DOMRect): {
+        right: string;
+    };
+    marginGetter(parentRect: DOMRect, maxWidth: number): number;
+}
+export declare class LeftOuter extends HorizontalGetter {
+    verticalGetterOrder: (BottomInner | TopInner)[];
+    styleGetter(parentRect: DOMRect): {
+        right: string;
+    };
+    marginGetter(parentRect: DOMRect, maxWidth: number): number;
+}
+export declare class LeftCenter extends LeftOuter {
+    verticalGetterOrder: VerticalCenter[];
+}
 export declare const horizontalGetterOrderMap: Record<HorizontalAlign, HorizontalGetter[]>;
 export declare function searchStyleGetter<T extends StyleGetter>(order: Array<T>, parentRect: DOMRect, maxHeightOrWidth: number): T;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAIvD,UAAU,WAAW;IACnB,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxD,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,MAAM,CAAA;CACpE;AAED,8BAAsB,cAAe,YAAW,WAAW;IACzD,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IAEvB,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjE,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAErE,iBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAGlF;AAkDD,8BAAsB,gBAAiB,YAAW,WAAW;IAC3D,QAAQ,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnD,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjE,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAEpE,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAGhF;AAyFD,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,eAAe,EAAE,gBAAgB,EAAE,CAOhF,CAAA;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC,CAY1H"}
+{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"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"}

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

@@ -24,6 +24,20 @@ class BottomOuter extends VerticalGetter {
     return window.innerHeight - parentRect.bottom - maxHeight - EDGE;
   }
 }
+class VerticalCenter extends VerticalGetter {
+  isTop = false;
+  styleGetter(parentRect) {
+    return { top: parentRect.top + parentRect.height / 2 + "px" };
+  }
+  marginGetter() {
+    return 0;
+  }
+  heightStyleGetter() {
+    return {
+      height: "0px"
+    };
+  }
+}
 class TopOuter extends VerticalGetter {
   isTop = true;
   styleGetter(parentRect) {
@@ -65,6 +79,9 @@ class RightInner extends HorizontalGetter {
     return document.documentElement.clientWidth - parentRect.left - maxWidth - EDGE;
   }
 }
+class RightCenter extends RightOuter {
+  verticalGetterOrder = [new VerticalCenter()];
+}
 class Fill extends HorizontalGetter {
   verticalGetterOrder = [new BottomOuter(), new TopOuter()];
   styleGetter(parentRect) {
@@ -114,12 +131,17 @@ class LeftOuter extends HorizontalGetter {
     return parentRect.left - maxWidth - EDGE;
   }
 }
+class LeftCenter extends LeftOuter {
+  verticalGetterOrder = [new VerticalCenter()];
+}
 const horizontalGetterOrderMap = {
   [HorizontalAlign.RIGHT_OUTER]: [new RightOuter(), new LeftOuter(), new RightInner(), new LeftInner()],
+  [HorizontalAlign.RIGHT_CENTER]: [new RightCenter(), new LeftCenter()],
   [HorizontalAlign.RIGHT_INNER]: [new RightInner(), new LeftInner()],
   [HorizontalAlign.FILL]: [new Fill()],
   [HorizontalAlign.CENTER]: [new Center()],
   [HorizontalAlign.LEFT_INNER]: [new LeftInner(), new RightInner()],
+  [HorizontalAlign.LEFT_CENTER]: [new LeftCenter(), new RightCenter()],
   [HorizontalAlign.LEFT_OUTER]: [new LeftOuter(), new RightOuter(), new LeftInner(), new RightInner()]
 };
 function searchStyleGetter(order, parentRect, maxHeightOrWidth) {
@@ -136,4 +158,4 @@ function _maxHeightOrWidthGetter(getter, parentRect, maxHeightOrWidth) {
   else return maxHeightOrWidth + margin;
 }
 
-export { HorizontalGetter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };
+export { HorizontalGetter, LeftCenter, LeftInner, LeftOuter, RightInner, RightOuter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };

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

@@ -11,6 +11,8 @@ declare function __VLS_template(): {
             top: string;
             bottom: string;
             isTop: boolean;
+            isLeft: boolean;
+            isRight: boolean;
         }): any;
     };
     refs: {
@@ -81,6 +83,8 @@ declare function __VLS_template(): {
                     top: string;
                     bottom: string;
                     isTop: boolean;
+                    isLeft: boolean;
+                    isRight: boolean;
                 }): any;
             };
         }) | null;
@@ -162,6 +166,8 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
                 top: string;
                 bottom: string;
                 isTop: boolean;
+                isLeft: boolean;
+                isRight: boolean;
             }): any;
         };
     }) | null;

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

@@ -1 +1 @@
-{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AA6CA;AAsEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA8B9C,iBAAS,cAAc;WAsHT,OAAO,IAA6B;;;;YAbtB,GAAG;;;;;;;YACD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqDq4iB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EApC3hjB;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAyBi5iB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;kBAf1hjB,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":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAqCA;AA8DA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA8B9C,iBAAS,cAAc;WAmGT,OAAO,IAA6B;;;;YAbtB,GAAG;;;;;;;;;YACD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqDuglB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EApC7plB;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAyBmhlB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;kBAf5plB,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"}