eco-vue-js 0.10.33 → 0.10.35

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

@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             _ctx.count !== void 0 ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              class: "absolute left-[calc(50%-20px)] top-0 text-xs",
+              class: "absolute left-0 top-0 text-xs",
               count: _ctx.count,
               trigger: 1
             }, null, 8, ["count"])), [

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

@@ -16,14 +16,14 @@ declare function __VLS_template(): {
         }) => VNode[];
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonDropdownProps> & Readonly<{}>, {
     maxHeight: number;
     maxWidth: number;
     horizontalAlign: HorizontalAlign;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, 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/WButtonDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAsEA;AA2GA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAgBvD,QAAA,MAAM,KAAK,YAEV,CAAA;AAcD,iBAAS,cAAc;WA8KT,OAAO,IAA6B;;iBAzLvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAD1C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EA6LpD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;wFAQnB,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":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAsEA;AA2GA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAgBvD,QAAA,MAAM,KAAK,YAEV,CAAA;AAcD,iBAAS,cAAc;WA8KT,OAAO,IAA6B;;iBAzLvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAD1C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EA6LpD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAQnB,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"}

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

@@ -17,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
+    parentElement: {},
     horizontalAlign: { default: HorizontalAlign.LEFT_INNER },
     maxHeight: { default: 200 },
     maxWidth: { default: 320 }

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

@@ -37,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     loading: { type: Boolean },
     download: {},
     to: {}

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

@@ -1,19 +1,26 @@
+import { DropdownProps } from '../Dropdown/types';
 type __VLS_Props = {
     icon?: SVGComponent;
     disabled?: boolean;
+    anchor?: DropdownProps['parentElement'];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {
-            close: () => void;
-        }): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    open: () => void;
+    isOpen: Readonly<import('vue').Ref<boolean, boolean>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAiDA;AAuFA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiBF,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;;yBAvGhC,IAAI;YA6FQ,GAAG;;;;EAehC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,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":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA2DA;AA4GA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAWpD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AAuCF,iBAAS,cAAc;WAoHT,OAAO,IAA6B;;yBAXpB,GAAG;;;;EAgBhC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;gGASnB,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/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(() => [
@@ -50,20 +63,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (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/Checkbox/WCheckboxGroup.vue.js

@@ -38,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean }

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/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":"AAqBA;AA0IA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AA0H1C,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;;;;;;;YAXrB,GAAG;;;;;;EAgB/B;AAaD,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

@@ -2,7 +2,7 @@ import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounte
 import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
-import { horizontalGetterOrderMap, searchStyleGetter, LeftCenter } from './utils/DropdownStyle.js';
+import { horizontalGetterOrderMap, searchStyleGetter, LeftCenter, LeftOuter, LeftInner, RightOuter, RightInner } from './utils/DropdownStyle.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdown",
@@ -24,6 +24,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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({});
@@ -44,6 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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)) {
@@ -100,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "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

@@ -16,6 +16,13 @@ declare class BottomInner extends VerticalGetter {
     };
     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): {
@@ -26,6 +33,13 @@ declare class VerticalCenter extends VerticalGetter {
         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): {
@@ -39,7 +53,28 @@ export declare abstract class HorizontalGetter implements StyleGetter {
     abstract marginGetter(parentRect: DOMRect, maxWidth: number): number;
     widthStyleGetter(parentRect: DOMRect, maxWidth: number): Record<string, string>;
 }
-declare class LeftOuter extends HorizontalGetter {
+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;

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;AAED,cAAM,WAAY,SAAQ,cAAc;IACtC,KAAK,UAAQ;IAEb,WAAW,CAAC,UAAU,EAAE,OAAO;;;IAI/B,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM;CAGpD;AAcD,cAAM,cAAe,SAAQ,cAAc;IACzC,KAAK,UAAQ;IAEb,WAAW,CAAC,UAAU,EAAE,OAAO;;;IAI/B,YAAY;IAIZ,iBAAiB;;;CAKlB;AAcD,cAAM,QAAS,SAAQ,cAAc;IACnC,KAAK,UAAO;IAEZ,WAAW,CAAC,UAAU,EAAE,OAAO;;;IAI/B,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM;CAGpD;AAED,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;AAiFD,cAAM,SAAU,SAAQ,gBAAgB;IACtC,mBAAmB,6BAAsC;IAEzD,WAAW,CAAC,UAAU,EAAE,OAAO;;;IAI/B,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM;CAGnD;AAED,qBAAa,UAAW,SAAQ,SAAS;IACvC,mBAAmB,mBAAyB;CAC7C;AAED,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,eAAe,EAAE,gBAAgB,EAAE,CAShF,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

@@ -158,4 +158,4 @@ function _maxHeightOrWidthGetter(getter, parentRect, maxHeightOrWidth) {
   else return maxHeightOrWidth + margin;
 }
 
-export { HorizontalGetter, LeftCenter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };
+export { HorizontalGetter, LeftCenter, LeftInner, LeftOuter, RightInner, RightOuter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };

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

@@ -2,19 +2,18 @@ import { DropdownMenuProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        toggle?(_: {
-            unclickable: boolean;
-        }): any;
         content?(_: {
             left: string;
             right: string;
             top: string;
             bottom: string;
             isTop: boolean;
+            isLeft: boolean;
+            isRight: boolean;
         }): any;
     };
     refs: {
-        container: HTMLDivElement;
+        container: any;
         dropdown: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -81,11 +80,13 @@ declare function __VLS_template(): {
                     top: string;
                     bottom: string;
                     isTop: boolean;
+                    isLeft: boolean;
+                    isRight: boolean;
                 }): any;
             };
         }) | null;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps, {
@@ -95,7 +96,7 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
 }, string, import('vue').PublicProps, Readonly<DropdownMenuProps> & Readonly<{
     "onUpdate:rect"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    container: HTMLDivElement;
+    container: any;
     dropdown: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -162,10 +163,12 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
                 top: string;
                 bottom: string;
                 isTop: boolean;
+                isLeft: boolean;
+                isRight: boolean;
             }): any;
         };
     }) | null;
-}, HTMLDivElement>;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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":"AAoCA;AAAA,OA+DO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAgC9C,iBAAS,cAAc;WAuGT,OAAO,IAA6B;;;;;;;;;;YAbpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsDujkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EApC7skB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBmkkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OAf5skB,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/DropdownMenu/WDropdownMenu.vue.js

@@ -1,7 +1,6 @@
-import { defineComponent, useTemplateRef, createElementBlock, openBlock, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, createCommentVNode, unref, normalizeStyle, normalizeClass, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, mergeProps, Teleport, createCommentVNode, normalizeStyle, normalizeClass, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
 
-const _hoisted_1 = { ref: "container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdownMenu",
   props: {
@@ -9,6 +8,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
+    parentElement: {},
     maxHeight: {},
     maxWidth: {},
     horizontalAlign: {},
@@ -19,51 +19,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const containerRef = useTemplateRef("container");
     const dropdownRef = useTemplateRef("dropdown");
+    const element = computed(() => containerRef.value instanceof HTMLElement ? containerRef.value : containerRef.value?.$el);
     __expose({
       updateDropdown: () => {
         dropdownRef.value?.update();
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        renderSlot(_ctx.$slots, "toggle", { unclickable: false }),
+      return openBlock(), createElementBlock(Fragment, null, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.toggle?.()?.[0]), mergeProps({ ref: "container" }, _ctx.$attrs), null, 16)),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !_ctx.teleport || !_ctx.isOpen
         }, [
-          createVNode(Transition, {
-            "enter-active-class": "transition-opacity",
-            "leave-active-class": "transition-opacity",
-            "enter-from-class": "opacity-0",
-            "leave-to-class": "opacity-0"
+          (_ctx.parentElement || element.value) && _ctx.isOpen ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            ref: "dropdown",
+            "parent-element": _ctx.parentElement ?? element.value,
+            "horizontal-align": _ctx.horizontalAlign,
+            "update-align": _ctx.updateAlign,
+            "max-height": _ctx.maxHeight,
+            "max-width": _ctx.maxWidth,
+            "emit-update": _ctx.emitUpdate,
+            class: normalizeClass({
+              "z-[2]": !_ctx.teleport && !_ctx.noZIndex,
+              "z-30": _ctx.teleport && !_ctx.noZIndex
+            }),
+            style: normalizeStyle({ zIndex: _ctx.zIndex }),
+            "onUpdate:rect": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:rect"))
           }, {
-            default: withCtx(() => [
-              unref(containerRef) && _ctx.isOpen ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                ref: "dropdown",
-                "parent-element": unref(containerRef),
-                "horizontal-align": _ctx.horizontalAlign,
-                "update-align": _ctx.updateAlign,
-                "max-height": _ctx.maxHeight,
-                "max-width": _ctx.maxWidth,
-                "emit-update": _ctx.emitUpdate,
-                class: normalizeClass([{
-                  "z-[2]": !_ctx.teleport && !_ctx.noZIndex,
-                  "z-30": _ctx.teleport && !_ctx.noZIndex
-                }, "will-change-[top,bottom]"]),
-                style: normalizeStyle({ zIndex: _ctx.zIndex }),
-                "onUpdate:rect": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:rect"))
-              }, {
-                default: withCtx((defaultScope) => [
-                  renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps(defaultScope)))
-                ]),
-                _: 3
-              }, 8, ["parent-element", "horizontal-align", "update-align", "max-height", "max-width", "emit-update", "class", "style"])) : createCommentVNode("", true)
+            default: withCtx((defaultScope) => [
+              renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps(defaultScope)))
             ]),
             _: 3
-          })
+          }, 8, ["parent-element", "horizontal-align", "update-align", "max-height", "max-width", "emit-update", "class", "style"])) : createCommentVNode("", true)
         ], 8, ["disabled"]))
-      ], 512);
+      ], 64);
     };
   }
 });

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

@@ -4,5 +4,6 @@ export interface DropdownMenuProps extends Omit<DropdownProps, 'parentElement'>
     teleport?: boolean;
     noZIndex?: boolean;
     zIndex?: number;
+    parentElement?: DropdownProps['parentElement'];
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C"}