@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/es/dialog/src/TxTouchTip.vue2.js

@@ -1,20 +1,16 @@
-import { defineComponent, ref, watchEffect, onMounted, onUnmounted, createBlock, openBlock, Teleport, createElementVNode, withKeys, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, Fragment, renderList } from 'vue';
+import { defineComponent, ref, watchEffect, onMounted, onUnmounted, createBlock, openBlock, Teleport, createElementVNode, normalizeStyle, withKeys, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, Fragment, renderList } from 'vue';
+import { getZIndex, nextZIndex } from '../../packages/tuffex/packages/utils/z-index-manager.js';
 
-const _hoisted_1 = {
-  class: "tx-touch-tip",
-  role: "dialog",
-  "aria-modal": "true"
-};
-const _hoisted_2 = ["aria-labelledby", "aria-describedby"];
-const _hoisted_3 = ["textContent"];
-const _hoisted_4 = ["innerHTML"];
-const _hoisted_5 = { class: "tx-touch-tip__btns" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = {
+const _hoisted_1 = ["aria-labelledby", "aria-describedby"];
+const _hoisted_2 = ["textContent"];
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = { class: "tx-touch-tip__btns" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
   key: 0,
   class: "tx-touch-tip__spinner"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 1,
   class: "tx-touch-tip__btn-text"
 };
@@ -45,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const btnArray = ref([]);
     const wholeDom = ref(null);
+    const zIndex = ref(getZIndex());
     let previouslyFocusedElement = null;
     function sleep(ms) {
       return new Promise((resolve) => setTimeout(resolve, ms));
@@ -94,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.close();
     }
     onMounted(() => {
+      zIndex.value = nextZIndex();
       previouslyFocusedElement = document.activeElement;
       if (wholeDom.value) {
         wholeDom.value.setAttribute("tabindex", "-1");
@@ -109,7 +107,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
-        createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "tx-touch-tip",
+          role: "dialog",
+          "aria-modal": "true",
+          style: normalizeStyle({ zIndex: zIndex.value })
+        }, [
           createElementVNode("div", {
             ref_key: "wholeDom",
             ref: wholeDom,
@@ -123,14 +126,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               id: "tx-touch-tip-title",
               class: "tx-touch-tip__title",
               textContent: toDisplayString(__props.title)
-            }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_2)) : createCommentVNode("", true),
             __props.message ? (openBlock(), createElementBlock("span", {
               key: 1,
               id: "tx-touch-tip-message",
               class: "tx-touch-tip__content",
               innerHTML: __props.message.replace("\n", "<br /><br />")
-            }, null, 8, _hoisted_4)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_5, [
+            }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(btnArray.value, (btn, index) => {
                 return openBlock(), createElementBlock("button", {
                   key: index,
@@ -146,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]]),
                   onClick: ($event) => clickBtn(btn)
                 }, [
-                  btn.value.loading ? (openBlock(), createElementBlock("span", _hoisted_7, [..._cache[0] || (_cache[0] = [
+                  btn.value.loading ? (openBlock(), createElementBlock("span", _hoisted_6, [..._cache[0] || (_cache[0] = [
                     createElementVNode("svg", {
                       class: "tx-spinner",
                       viewBox: "0 0 24 24",
@@ -165,12 +168,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         "stroke-dashoffset": "31.416"
                       })
                     ], -1)
-                  ])])) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(btn.value.content), 1))
-                ], 10, _hoisted_6);
+                  ])])) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(btn.value.content), 1))
+                ], 10, _hoisted_5);
               }), 128))
             ])
-          ], 40, _hoisted_2)
-        ])
+          ], 40, _hoisted_1)
+        ], 4)
       ]);
     };
   }

package/dist/es/dialog/src/types.d.ts

@@ -74,7 +74,7 @@ export interface BottomDialogProps {
     icon?: string;
     /**
      * Z-index offset for the dialog.
-     * Final z-index = 10000 + index.
+     * Final z-index = baseZIndex + index.
      * @default 0
      */
     index?: number;

package/dist/es/drawer/index.d.ts

@@ -30,14 +30,17 @@ declare const Drawer: {
             type: import('vue').PropType<boolean>;
             required: true;
         };
-        closeOnClickMask: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         direction: {
             type: import('vue').PropType<"right" | "left">;
             default: string;
         };
+        zIndex: {
+            type: import('vue').PropType<number>;
+        };
+        closeOnClickMask: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         showClose: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -46,10 +49,6 @@ declare const Drawer: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        zIndex: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
     }>> & Readonly<{
         onClose?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
@@ -61,11 +60,10 @@ declare const Drawer: {
     }, import('vue').PublicProps, {
         title: string;
         width: string;
-        closeOnClickMask: boolean;
         direction: "left" | "right";
+        closeOnClickMask: boolean;
         showClose: boolean;
         closeOnPressEscape: boolean;
-        zIndex: number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -86,14 +84,17 @@ declare const Drawer: {
             type: import('vue').PropType<boolean>;
             required: true;
         };
-        closeOnClickMask: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         direction: {
             type: import('vue').PropType<"right" | "left">;
             default: string;
         };
+        zIndex: {
+            type: import('vue').PropType<number>;
+        };
+        closeOnClickMask: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         showClose: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -102,10 +103,6 @@ declare const Drawer: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        zIndex: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
     }>> & Readonly<{
         onClose?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
@@ -113,11 +110,10 @@ declare const Drawer: {
     }>, {}, {}, {}, {}, {
         title: string;
         width: string;
-        closeOnClickMask: boolean;
         direction: "left" | "right";
+        closeOnClickMask: boolean;
         showClose: boolean;
         closeOnPressEscape: boolean;
-        zIndex: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -135,14 +131,17 @@ declare const Drawer: {
         type: import('vue').PropType<boolean>;
         required: true;
     };
-    closeOnClickMask: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
     direction: {
         type: import('vue').PropType<"right" | "left">;
         default: string;
     };
+    zIndex: {
+        type: import('vue').PropType<number>;
+    };
+    closeOnClickMask: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     showClose: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -151,10 +150,6 @@ declare const Drawer: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    zIndex: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
 }>> & Readonly<{
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
@@ -166,11 +161,10 @@ declare const Drawer: {
 }, string, {
     title: string;
     width: string;
-    closeOnClickMask: boolean;
     direction: "left" | "right";
+    closeOnClickMask: boolean;
     showClose: boolean;
     closeOnPressEscape: boolean;
-    zIndex: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/dist/es/drawer/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import _sfc_main from './src/TxDrawer.vue.js';
 /* empty css                  */
 

package/dist/es/drawer/src/TxDrawer.vue.d.ts

@@ -11,7 +11,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     showClose: boolean;
     closeOnClickMask: boolean;
     closeOnPressEscape: boolean;
-    zIndex: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:visible": (visible: boolean) => void;
     close: () => void;
@@ -23,7 +22,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     showClose: boolean;
     closeOnClickMask: boolean;
     closeOnPressEscape: boolean;
-    zIndex: number;
 }>>> & Readonly<{
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
@@ -31,11 +29,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     title: string;
     width: string;
-    closeOnClickMask: boolean;
     direction: "left" | "right";
+    closeOnClickMask: boolean;
     showClose: boolean;
     closeOnPressEscape: boolean;
-    zIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/es/drawer/src/TxDrawer.vue.js

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, watch, onMounted, onUnmounted, createBlock, openBlock, Teleport, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, renderSlot } from 'vue';
+import { getZIndex, refreshZIndex, nextZIndex } from '../../packages/tuffex/packages/utils/z-index-manager.js';
 
 const _hoisted_1 = ["aria-hidden"];
 const _hoisted_2 = { class: "tx-drawer__panel" };
@@ -22,20 +23,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showClose: { type: Boolean, default: true },
     closeOnClickMask: { type: Boolean, default: true },
     closeOnPressEscape: { type: Boolean, default: true },
-    zIndex: { default: 1998 }
+    zIndex: {}
   },
   emits: ["update:visible", "close", "open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const drawerRef = ref(null);
+    const internalZIndex = ref(getZIndex());
     const display = computed({
       get: () => props.visible,
       set: (value) => emit("update:visible", value)
     });
     const drawerStyle = computed(() => ({
       "--tx-drawer-width": props.width,
-      "--tx-drawer-z-index": props.zIndex
+      "--tx-drawer-z-index": props.zIndex ?? internalZIndex.value
     }));
     function handleClose() {
       display.value = false;
@@ -60,6 +62,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.visible,
       (newVal) => {
         if (newVal) {
+          if (props.zIndex != null) {
+            refreshZIndex(props.zIndex, "drawer(zIndex prop)");
+          }
+          internalZIndex.value = props.zIndex ?? nextZIndex();
           emit("open");
           trapFocus();
         }

package/dist/es/dropdown-menu/index.d.ts

@@ -4,6 +4,14 @@ import { default as TxDropdownMenu } from './src/TxDropdownMenu.vue';
 
 declare const DropdownMenu: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        offset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         modelValue: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -12,20 +20,27 @@ declare const DropdownMenu: {
             type: import('vue').PropType<import('./src/types').DropdownPlacement>;
             default: string;
         };
-        offset: {
+        minWidth: {
             type: import('vue').PropType<number>;
             default: number;
         };
-        minWidth: {
+        maxHeight: {
             type: import('vue').PropType<number>;
             default: number;
         };
+        unlimitedHeight: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        referenceClass: {
+            type: import('vue').PropType<import('../base-anchor/src/types').BaseAnchorClassValue>;
+        };
         panelVariant: {
-            type: import('vue').PropType<"plain" | "dashed" | "solid">;
+            type: import('vue').PropType<"solid" | "dashed" | "plain">;
             default: string;
         };
         panelBackground: {
-            type: import('vue').PropType<"mask" | "blur" | "glass">;
+            type: import('vue').PropType<"mask" | "blur" | "pure" | "glass" | "refraction">;
             default: string;
         };
         panelShadow: {
@@ -40,6 +55,9 @@ declare const DropdownMenu: {
             type: import('vue').PropType<number>;
             default: number;
         };
+        panelCard: {
+            type: import('vue').PropType<Partial<Pick<import('..').TxCardProps, "glassBlur" | "glassBlurAmount" | "glassOverlay" | "glassOverlayOpacity" | "maskOpacity" | "fallbackMaskOpacity" | "surfaceMoving" | "refractionStrength" | "refractionProfile" | "refractionTone" | "refractionAngle" | "refractionLightFollowMouse" | "refractionLightFollowIntensity" | "refractionLightSpring" | "refractionLightSpringStiffness" | "refractionLightSpringDamping">>>;
+        };
         closeOnSelect: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -53,12 +71,15 @@ declare const DropdownMenu: {
         open: () => void;
         close: () => void;
     }, import('vue').PublicProps, {
+        duration: number;
+        offset: number;
         modelValue: boolean;
         placement: import('./src/types').DropdownPlacement;
-        offset: number;
         minWidth: number;
+        maxHeight: number;
+        unlimitedHeight: boolean;
         panelVariant: "solid" | "dashed" | "plain";
-        panelBackground: "blur" | "glass" | "mask";
+        panelBackground: "pure" | "mask" | "blur" | "glass" | "refraction";
         panelShadow: "none" | "soft" | "medium";
         panelRadius: number;
         panelPadding: number;
@@ -71,6 +92,14 @@ declare const DropdownMenu: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        offset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         modelValue: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -79,20 +108,27 @@ declare const DropdownMenu: {
             type: import('vue').PropType<import('./src/types').DropdownPlacement>;
             default: string;
         };
-        offset: {
+        minWidth: {
             type: import('vue').PropType<number>;
             default: number;
         };
-        minWidth: {
+        maxHeight: {
             type: import('vue').PropType<number>;
             default: number;
         };
+        unlimitedHeight: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        referenceClass: {
+            type: import('vue').PropType<import('../base-anchor/src/types').BaseAnchorClassValue>;
+        };
         panelVariant: {
-            type: import('vue').PropType<"plain" | "dashed" | "solid">;
+            type: import('vue').PropType<"solid" | "dashed" | "plain">;
             default: string;
         };
         panelBackground: {
-            type: import('vue').PropType<"mask" | "blur" | "glass">;
+            type: import('vue').PropType<"mask" | "blur" | "pure" | "glass" | "refraction">;
             default: string;
         };
         panelShadow: {
@@ -107,6 +143,9 @@ declare const DropdownMenu: {
             type: import('vue').PropType<number>;
             default: number;
         };
+        panelCard: {
+            type: import('vue').PropType<Partial<Pick<import('..').TxCardProps, "glassBlur" | "glassBlurAmount" | "glassOverlay" | "glassOverlayOpacity" | "maskOpacity" | "fallbackMaskOpacity" | "surfaceMoving" | "refractionStrength" | "refractionProfile" | "refractionTone" | "refractionAngle" | "refractionLightFollowMouse" | "refractionLightFollowIntensity" | "refractionLightSpring" | "refractionLightSpringStiffness" | "refractionLightSpringDamping">>>;
+        };
         closeOnSelect: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -116,12 +155,15 @@ declare const DropdownMenu: {
         "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
+        duration: number;
+        offset: number;
         modelValue: boolean;
         placement: import('./src/types').DropdownPlacement;
-        offset: number;
         minWidth: number;
+        maxHeight: number;
+        unlimitedHeight: boolean;
         panelVariant: "solid" | "dashed" | "plain";
-        panelBackground: "blur" | "glass" | "mask";
+        panelBackground: "pure" | "mask" | "blur" | "glass" | "refraction";
         panelShadow: "none" | "soft" | "medium";
         panelRadius: number;
         panelPadding: number;
@@ -131,6 +173,14 @@ declare const DropdownMenu: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    duration: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    offset: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
     modelValue: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -139,20 +189,27 @@ declare const DropdownMenu: {
         type: import('vue').PropType<import('./src/types').DropdownPlacement>;
         default: string;
     };
-    offset: {
+    minWidth: {
         type: import('vue').PropType<number>;
         default: number;
     };
-    minWidth: {
+    maxHeight: {
         type: import('vue').PropType<number>;
         default: number;
     };
+    unlimitedHeight: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    referenceClass: {
+        type: import('vue').PropType<import('../base-anchor/src/types').BaseAnchorClassValue>;
+    };
     panelVariant: {
-        type: import('vue').PropType<"plain" | "dashed" | "solid">;
+        type: import('vue').PropType<"solid" | "dashed" | "plain">;
         default: string;
     };
     panelBackground: {
-        type: import('vue').PropType<"mask" | "blur" | "glass">;
+        type: import('vue').PropType<"mask" | "blur" | "pure" | "glass" | "refraction">;
         default: string;
     };
     panelShadow: {
@@ -167,6 +224,9 @@ declare const DropdownMenu: {
         type: import('vue').PropType<number>;
         default: number;
     };
+    panelCard: {
+        type: import('vue').PropType<Partial<Pick<import('..').TxCardProps, "glassBlur" | "glassBlurAmount" | "glassOverlay" | "glassOverlayOpacity" | "maskOpacity" | "fallbackMaskOpacity" | "surfaceMoving" | "refractionStrength" | "refractionProfile" | "refractionTone" | "refractionAngle" | "refractionLightFollowMouse" | "refractionLightFollowIntensity" | "refractionLightSpring" | "refractionLightSpringStiffness" | "refractionLightSpringDamping">>>;
+    };
     closeOnSelect: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -180,12 +240,15 @@ declare const DropdownMenu: {
     open: () => void;
     close: () => void;
 }, string, {
+    duration: number;
+    offset: number;
     modelValue: boolean;
     placement: import('./src/types').DropdownPlacement;
-    offset: number;
     minWidth: number;
+    maxHeight: number;
+    unlimitedHeight: boolean;
     panelVariant: "solid" | "dashed" | "plain";
-    panelBackground: "blur" | "glass" | "mask";
+    panelBackground: "pure" | "mask" | "blur" | "glass" | "refraction";
     panelShadow: "none" | "soft" | "medium";
     panelRadius: number;
     panelPadding: number;

package/dist/es/dropdown-menu/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import TxDropdownItem from './src/TxDropdownItem.vue.js';
 import TxDropdownMenu from './src/TxDropdownMenu.vue.js';
 

package/dist/es/dropdown-menu/src/TxDropdownMenu.vue.d.ts

@@ -9,7 +9,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placement: string;
     offset: number;
     closeOnSelect: boolean;
+    duration: number;
     minWidth: number;
+    maxHeight: number;
+    unlimitedHeight: boolean;
     panelVariant: string;
     panelBackground: string;
     panelShadow: string;
@@ -24,7 +27,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placement: string;
     offset: number;
     closeOnSelect: boolean;
+    duration: number;
     minWidth: number;
+    maxHeight: number;
+    unlimitedHeight: boolean;
     panelVariant: string;
     panelBackground: string;
     panelShadow: string;
@@ -35,12 +41,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
 }>, {
+    duration: number;
+    offset: number;
     modelValue: boolean;
     placement: import('./types').DropdownPlacement;
-    offset: number;
     minWidth: number;
+    maxHeight: number;
+    unlimitedHeight: boolean;
     panelVariant: "solid" | "dashed" | "plain";
-    panelBackground: "blur" | "glass" | "mask";
+    panelBackground: "pure" | "mask" | "blur" | "glass" | "refraction";
     panelShadow: "none" | "soft" | "medium";
     panelRadius: number;
     panelPadding: number;

package/dist/es/dropdown-menu/src/TxDropdownMenu.vue.js

@@ -2,6 +2,6 @@ import _sfc_main from './TxDropdownMenu.vue2.js';
 /* empty css                    */
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
-const TxDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1bfa1f34"]]);
+const TxDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6510b68b"]]);
 
 export { TxDropdownMenu as default };

package/dist/es/dropdown-menu/src/TxDropdownMenu.vue2.js

@@ -13,9 +13,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placement: { default: "bottom-start" },
     offset: { default: 6 },
     closeOnSelect: { type: Boolean, default: true },
+    duration: { default: 180 },
     minWidth: { default: 220 },
+    maxHeight: { default: 420 },
+    unlimitedHeight: { type: Boolean, default: false },
+    referenceClass: {},
+    panelCard: {},
     panelVariant: { default: "solid" },
-    panelBackground: { default: "glass" },
+    panelBackground: { default: "refraction" },
     panelShadow: { default: "soft" },
     panelRadius: { default: 18 },
     panelPadding: { default: 8 }
@@ -48,14 +53,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "tx-dropdown",
         placement: __props.placement,
         offset: __props.offset,
+        duration: __props.duration,
         width: 0,
         "min-width": __props.minWidth,
         "max-width": 360,
+        "max-height": __props.maxHeight,
+        "unlimited-height": __props.unlimitedHeight,
+        "reference-class": props.referenceClass,
         "panel-variant": __props.panelVariant,
         "panel-background": __props.panelBackground,
         "panel-shadow": __props.panelShadow,
         "panel-radius": __props.panelRadius,
-        "panel-padding": __props.panelPadding
+        "panel-padding": __props.panelPadding,
+        "panel-card": __props.panelCard
       }, {
         reference: withCtx(() => [
           renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
@@ -66,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 3
-      }, 8, ["modelValue", "placement", "offset", "min-width", "panel-variant", "panel-background", "panel-shadow", "panel-radius", "panel-padding"]);
+      }, 8, ["modelValue", "placement", "offset", "duration", "min-width", "max-height", "unlimited-height", "reference-class", "panel-variant", "panel-background", "panel-shadow", "panel-radius", "panel-padding", "panel-card"]);
     };
   }
 });

package/dist/es/dropdown-menu/src/types.d.ts

@@ -1,12 +1,19 @@
+import { BaseAnchorClassValue, BaseAnchorPanelCardProps } from '../../base-anchor/src/types';
+
 export type DropdownPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
 export interface DropdownMenuProps {
     modelValue?: boolean;
     placement?: DropdownPlacement;
     offset?: number;
     closeOnSelect?: boolean;
+    duration?: number;
     minWidth?: number;
+    maxHeight?: number;
+    unlimitedHeight?: boolean;
+    referenceClass?: BaseAnchorClassValue;
+    panelCard?: BaseAnchorPanelCardProps;
     panelVariant?: 'solid' | 'dashed' | 'plain';
-    panelBackground?: 'blur' | 'glass' | 'mask';
+    panelBackground?: 'pure' | 'mask' | 'blur' | 'glass' | 'refraction';
     panelShadow?: 'none' | 'soft' | 'medium';
     panelRadius?: number;
     panelPadding?: number;