@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/lib/context-menu/src/TxContextMenu.vue.js

@@ -6,6 +6,6 @@ const TxContextMenu_vue_vue_type_script_setup_true_lang = require('./TxContextMe
 ;/* empty css                    */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxContextMenu = /* @__PURE__ */ _pluginVue_exportHelper.default(TxContextMenu_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a76ca0e3"]]);
+const TxContextMenu = /* @__PURE__ */ _pluginVue_exportHelper.default(TxContextMenu_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7770f7f9"]]);
 
 exports.default = TxContextMenu;

package/dist/lib/context-menu/src/TxContextMenu.vue2.js

@@ -4,6 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const vue$1 = require('@floating-ui/vue');
+const zIndexManager = require('../../packages/tuffex/packages/utils/z-index-manager.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TxContextMenu" },
@@ -35,6 +36,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const triggerRef = vue.ref(null);
     const menuRef = vue.ref(null);
+    const zIndex = vue.ref(zIndexManager.getZIndex());
     const point = vue.ref({ x: props.x, y: props.y });
     const lastOpenedAt = vue.ref(0);
     const virtualReference = vue.computed(() => {
@@ -116,6 +118,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           cleanupAutoUpdate.value = null;
           return;
         }
+        zIndex.value = zIndexManager.nextZIndex();
         await vue.nextTick();
         await update();
         if (menuRef.value) {
@@ -154,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ref_key: "menuRef",
                 ref: menuRef,
                 class: "tx-context-menu",
-                style: vue.normalizeStyle([vue.unref(floatingStyles), { width: `${__props.width}px` }]),
+                style: vue.normalizeStyle([vue.unref(floatingStyles), { width: `${__props.width}px`, zIndex: zIndex.value }]),
                 role: "menu"
               }, [
                 vue.renderSlot(_ctx.$slots, "menu", {}, void 0, true)

package/dist/lib/corner-overlay/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxCornerOverlay = require('./src/TxCornerOverlay.vue.js');
 
 const CornerOverlay = withInstall.withInstall(TxCornerOverlay.default);

package/dist/lib/data-table/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxDataTable = require('./src/TxDataTable.vue.js');
 
 const DataTable = withInstall.withInstall(TxDataTable.default);

package/dist/lib/date-picker/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxDatePicker_vue_vue_type_script_setup_true_lang = require('./src/TxDatePicker.vue.js');
 
 const DatePicker = withInstall.withInstall(TxDatePicker_vue_vue_type_script_setup_true_lang.default);

package/dist/lib/dialog/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxBlowDialog_vue_vue_type_script_setup_true_lang = require('./src/TxBlowDialog.vue.js');
 ;/* empty css                       */
 const TxBottomDialog = require('./src/TxBottomDialog.vue.js');

package/dist/lib/dialog/src/TxBlowDialog.vue.js

@@ -3,6 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const zIndexManager = require('../../packages/tuffex/packages/utils/z-index-manager.js');
 
 const _hoisted_1 = ["aria-labelledby"];
 const _hoisted_2 = { class: "tx-blow-dialog__container" };
@@ -45,12 +46,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const isClosing = vue.ref(false);
     const renderComp = vue.ref(null);
     const dialogWrapper = vue.ref(null);
+    const zIndex = vue.ref(zIndexManager.getZIndex());
     let previouslyFocusedElement = null;
     let didApplyBackgroundBlur = false;
     function sleep(ms) {
       return new Promise((resolve) => setTimeout(resolve, ms));
     }
     vue.onMounted(() => {
+      zIndex.value = zIndexManager.nextZIndex();
       previouslyFocusedElement = document.activeElement;
       if (props.render) {
         renderComp.value = vue.defineComponent({
@@ -117,6 +120,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "dialogWrapper",
           ref: dialogWrapper,
           class: vue.normalizeClass(["tx-blow-dialog", { "tx-blow-dialog--closing": isClosing.value }]),
+          style: vue.normalizeStyle({ zIndex: zIndex.value }),
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": __props.title ? "tx-blow-dialog-title" : void 0,
@@ -135,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, " Confirm ")
             ], 64))
           ])
-        ], 42, _hoisted_1)
+        ], 46, _hoisted_1)
       ]);
     };
   }

package/dist/lib/dialog/src/TxBottomDialog.vue.js

@@ -6,6 +6,6 @@ const TxBottomDialog_vue_vue_type_script_setup_true_lang = require('./TxBottomDi
 ;/* empty css                     */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxBottomDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(TxBottomDialog_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-64f06959"]]);
+const TxBottomDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(TxBottomDialog_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-fb462b38"]]);
 
 exports.default = TxBottomDialog;

package/dist/lib/dialog/src/TxBottomDialog.vue2.js

@@ -3,6 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const zIndexManager = require('../../packages/tuffex/packages/utils/z-index-manager.js');
 
 const _hoisted_1 = ["aria-labelledby", "aria-describedby"];
 const _hoisted_2 = { class: "tx-bottom-dialog__container" };
@@ -48,6 +49,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const wholeDom = vue.ref(null);
     const btnArray = vue.ref([]);
+    const baseZIndex = vue.ref(zIndexManager.getZIndex());
+    const zIndex = vue.computed(() => baseZIndex.value + (props.index ?? 0));
     let previouslyFocusedElement = null;
     function sleep(ms) {
       return new Promise((resolve) => setTimeout(resolve, ms));
@@ -101,6 +104,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       window.scrollTo({ top: 0 });
     }
     vue.onMounted(() => {
+      baseZIndex.value = zIndexManager.nextZIndex();
       previouslyFocusedElement = document.activeElement;
       if (wholeDom.value) {
         wholeDom.value.focus();
@@ -129,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "wholeDom",
           ref: wholeDom,
           class: "tx-bottom-dialog",
-          style: vue.normalizeStyle(`z-index: ${__props.index + 1e4}`),
+          style: vue.normalizeStyle({ zIndex: zIndex.value }),
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": __props.title ? "tx-dialog-title" : void 0,

package/dist/lib/dialog/src/TxPopperDialog.vue.js

@@ -3,6 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const zIndexManager = require('../../packages/tuffex/packages/utils/z-index-manager.js');
 
 const _hoisted_1 = ["aria-labelledby", "aria-describedby"];
 const _hoisted_2 = {
@@ -52,11 +53,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const isClosing = vue.ref(false);
     const renderComp = vue.ref(null);
     const dialogWrapper = vue.ref(null);
+    const zIndex = vue.ref(zIndexManager.getZIndex());
     let previouslyFocusedElement = null;
     function sleep(ms) {
       return new Promise((resolve) => setTimeout(resolve, ms));
     }
     vue.onMounted(() => {
+      zIndex.value = zIndexManager.nextZIndex();
       previouslyFocusedElement = document.activeElement;
       if (props.render) {
         renderComp.value = vue.defineComponent({
@@ -85,6 +88,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "dialogWrapper",
           ref: dialogWrapper,
           class: vue.normalizeClass(["tx-popper-dialog", { "tx-popper-dialog--closing": isClosing.value }]),
+          style: vue.normalizeStyle({ zIndex: zIndex.value }),
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": __props.title ? "tx-popper-dialog-title" : void 0,
@@ -104,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, " Confirm ")
             ], 64))
           ])
-        ], 42, _hoisted_1)
+        ], 46, _hoisted_1)
       ]);
     };
   }

package/dist/lib/dialog/src/TxTouchTip.vue.js

@@ -6,6 +6,6 @@ const TxTouchTip_vue_vue_type_script_setup_true_lang = require('./TxTouchTip.vue
 ;/* empty css                 */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxTouchTip = /* @__PURE__ */ _pluginVue_exportHelper.default(TxTouchTip_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-865eb704"]]);
+const TxTouchTip = /* @__PURE__ */ _pluginVue_exportHelper.default(TxTouchTip_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-14ed9f4f"]]);
 
 exports.default = TxTouchTip;

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

@@ -3,22 +3,18 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const zIndexManager = require('../../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"
 };
@@ -49,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const btnArray = vue.ref([]);
     const wholeDom = vue.ref(null);
+    const zIndex = vue.ref(zIndexManager.getZIndex());
     let previouslyFocusedElement = null;
     function sleep(ms) {
       return new Promise((resolve) => setTimeout(resolve, ms));
@@ -98,6 +95,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       props.close();
     }
     vue.onMounted(() => {
+      zIndex.value = zIndexManager.nextZIndex();
       previouslyFocusedElement = document.activeElement;
       if (wholeDom.value) {
         wholeDom.value.setAttribute("tabindex", "-1");
@@ -113,7 +111,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-        vue.createElementVNode("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: "tx-touch-tip",
+          role: "dialog",
+          "aria-modal": "true",
+          style: vue.normalizeStyle({ zIndex: zIndex.value })
+        }, [
           vue.createElementVNode("div", {
             ref_key: "wholeDom",
             ref: wholeDom,
@@ -127,14 +130,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               id: "tx-touch-tip-title",
               class: "tx-touch-tip__title",
               textContent: vue.toDisplayString(__props.title)
-            }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
+            }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
             __props.message ? (vue.openBlock(), vue.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)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_5, [
+            }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_4, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(btnArray.value, (btn, index) => {
                 return vue.openBlock(), vue.createElementBlock("button", {
                   key: index,
@@ -150,7 +153,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]]),
                   onClick: ($event) => clickBtn(btn)
                 }, [
-                  btn.value.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, [..._cache[0] || (_cache[0] = [
+                  btn.value.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [..._cache[0] || (_cache[0] = [
                     vue.createElementVNode("svg", {
                       class: "tx-spinner",
                       viewBox: "0 0 24 24",
@@ -169,12 +172,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         "stroke-dashoffset": "31.416"
                       })
                     ], -1)
-                  ])])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(btn.value.content), 1))
-                ], 10, _hoisted_6);
+                  ])])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(btn.value.content), 1))
+                ], 10, _hoisted_5);
               }), 128))
             ])
-          ], 40, _hoisted_2)
-        ])
+          ], 40, _hoisted_1)
+        ], 4)
       ]);
     };
   }

package/dist/lib/drawer/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxDrawer_vue_vue_type_script_setup_true_lang = require('./src/TxDrawer.vue.js');
 ;/* empty css                   */
 

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

@@ -3,6 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const zIndexManager = require('../../packages/tuffex/packages/utils/z-index-manager.js');
 
 const _hoisted_1 = ["aria-hidden"];
 const _hoisted_2 = { class: "tx-drawer__panel" };
@@ -26,20 +27,21 @@ const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref(null);
+    const internalZIndex = vue.ref(zIndexManager.getZIndex());
     const display = vue.computed({
       get: () => props.visible,
       set: (value) => emit("update:visible", value)
     });
     const drawerStyle = vue.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;
@@ -64,6 +66,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       () => props.visible,
       (newVal) => {
         if (newVal) {
+          if (props.zIndex != null) {
+            zIndexManager.refreshZIndex(props.zIndex, "drawer(zIndex prop)");
+          }
+          internalZIndex.value = props.zIndex ?? zIndexManager.nextZIndex();
           emit("open");
           trapFocus();
         }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxDropdownItem = require('./src/TxDropdownItem.vue.js');
 const TxDropdownMenu = require('./src/TxDropdownMenu.vue.js');
 

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

@@ -6,6 +6,6 @@ const TxDropdownMenu_vue_vue_type_script_setup_true_lang = require('./TxDropdown
 ;/* empty css                     */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxDropdownMenu = /* @__PURE__ */ _pluginVue_exportHelper.default(TxDropdownMenu_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1bfa1f34"]]);
+const TxDropdownMenu = /* @__PURE__ */ _pluginVue_exportHelper.default(TxDropdownMenu_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-6510b68b"]]);
 
 exports.default = TxDropdownMenu;

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

@@ -17,9 +17,14 @@ const _sfc_main = /* @__PURE__ */ vue.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 }
@@ -52,14 +57,19 @@ const _sfc_main = /* @__PURE__ */ vue.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: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
@@ -70,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ vue.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/lib/edge-fade-mask/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
+const TxEdgeFadeMask = require('./src/TxEdgeFadeMask.vue.js');
+
+const EdgeFadeMask = withInstall.withInstall(TxEdgeFadeMask.default);
+
+exports.TxEdgeFadeMask = TxEdgeFadeMask.default;
+exports.EdgeFadeMask = EdgeFadeMask;
+exports.default = EdgeFadeMask;

package/dist/lib/edge-fade-mask/src/TxEdgeFadeMask.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxEdgeFadeMask_vue_vue_type_script_setup_true_lang = require('./TxEdgeFadeMask.vue2.js');
+;/* empty css                     */
+const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const TxEdgeFadeMask = /* @__PURE__ */ _pluginVue_exportHelper.default(TxEdgeFadeMask_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a0790b7e"]]);
+
+exports.default = TxEdgeFadeMask;

package/dist/lib/edge-fade-mask/src/TxEdgeFadeMask.vue2.js

@@ -0,0 +1,158 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxEdgeFadeMask"
+  },
+  __name: "TxEdgeFadeMask",
+  props: {
+    as: { default: "div" },
+    axis: { default: "vertical" },
+    size: { default: 24 },
+    threshold: { default: 1 },
+    disabled: { type: Boolean, default: false },
+    observeResize: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const viewportRef = vue.ref(null);
+    const canScroll = vue.ref(false);
+    const showLeadingFade = vue.ref(false);
+    const showTrailingFade = vue.ref(false);
+    function toCssUnit(value) {
+      return typeof value === "number" ? `${value}px` : value;
+    }
+    function updateFadeState() {
+      const element = viewportRef.value;
+      if (!element || props.disabled) {
+        canScroll.value = false;
+        showLeadingFade.value = false;
+        showTrailingFade.value = false;
+        return;
+      }
+      const threshold = Math.max(0, props.threshold);
+      if (props.axis === "horizontal") {
+        const maxScroll2 = Math.max(0, element.scrollWidth - element.clientWidth);
+        const current2 = Math.max(0, element.scrollLeft);
+        const scrollable2 = maxScroll2 > threshold;
+        canScroll.value = scrollable2;
+        showLeadingFade.value = scrollable2 && current2 > threshold;
+        showTrailingFade.value = scrollable2 && current2 < maxScroll2 - threshold;
+        return;
+      }
+      const maxScroll = Math.max(0, element.scrollHeight - element.clientHeight);
+      const current = Math.max(0, element.scrollTop);
+      const scrollable = maxScroll > threshold;
+      canScroll.value = scrollable;
+      showLeadingFade.value = scrollable && current > threshold;
+      showTrailingFade.value = scrollable && current < maxScroll - threshold;
+    }
+    const maskStyle = vue.computed(() => {
+      if (props.disabled || !canScroll.value)
+        return {};
+      const size = toCssUnit(props.size);
+      const direction = props.axis === "horizontal" ? "to right" : "to bottom";
+      const leading = showLeadingFade.value ? "transparent" : "black";
+      const trailing = showTrailingFade.value ? "transparent" : "black";
+      const maskImage = `linear-gradient(${direction}, ${leading} 0, black ${size}, black calc(100% - ${size}), ${trailing} 100%)`;
+      return {
+        WebkitMaskImage: maskImage,
+        maskImage,
+        WebkitMaskRepeat: "no-repeat",
+        maskRepeat: "no-repeat",
+        WebkitMaskSize: "100% 100%",
+        maskSize: "100% 100%",
+        WebkitMaskPosition: "center",
+        maskPosition: "center"
+      };
+    });
+    const rootClass = vue.computed(() => ({
+      "tx-edge-fade-mask--vertical": props.axis === "vertical",
+      "tx-edge-fade-mask--horizontal": props.axis === "horizontal"
+    }));
+    let resizeObserver = null;
+    function teardownResizeObserver() {
+      if (!resizeObserver)
+        return;
+      resizeObserver.disconnect();
+      resizeObserver = null;
+    }
+    function setupResizeObserver() {
+      if (!props.observeResize)
+        return;
+      if (typeof ResizeObserver === "undefined")
+        return;
+      const element = viewportRef.value;
+      if (!element)
+        return;
+      resizeObserver = new ResizeObserver(() => {
+        updateFadeState();
+      });
+      resizeObserver.observe(element);
+      const firstChild = element.firstElementChild;
+      if (firstChild)
+        resizeObserver.observe(firstChild);
+    }
+    function handleScroll() {
+      updateFadeState();
+    }
+    vue.watch(
+      () => [props.axis, props.disabled, props.threshold],
+      () => {
+        void vue.nextTick(() => {
+          updateFadeState();
+        });
+      }
+    );
+    vue.watch(
+      () => props.observeResize,
+      () => {
+        teardownResizeObserver();
+        setupResizeObserver();
+        updateFadeState();
+      }
+    );
+    vue.onMounted(() => {
+      const element = viewportRef.value;
+      if (!element)
+        return;
+      element.addEventListener("scroll", handleScroll, { passive: true });
+      setupResizeObserver();
+      void vue.nextTick(() => {
+        updateFadeState();
+      });
+    });
+    vue.onUnmounted(() => {
+      const element = viewportRef.value;
+      if (element)
+        element.removeEventListener("scroll", handleScroll);
+      teardownResizeObserver();
+    });
+    vue.onUpdated(() => {
+      updateFadeState();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.as), {
+        class: vue.normalizeClass(["tx-edge-fade-mask", rootClass.value])
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            ref_key: "viewportRef",
+            ref: viewportRef,
+            class: "tx-edge-fade-mask__viewport",
+            style: vue.normalizeStyle(maskStyle.value)
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/empty/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxEmpty_vue_vue_type_script_setup_true_lang = require('./src/TxEmpty.vue.js');
 
 const Empty = withInstall.withInstall(TxEmpty_vue_vue_type_script_setup_true_lang.default);

package/dist/lib/empty-state/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxEmptyState$1 = require('./src/TxEmptyState.vue.js');
 
 const TxEmptyState = withInstall.withInstall(TxEmptyState$1.default);

package/dist/lib/empty-state/src/TxEmptyState.vue.js

@@ -6,6 +6,6 @@ const TxEmptyState_vue_vue_type_script_setup_true_lang = require('./TxEmptyState
 ;/* empty css                   */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const component = /* @__PURE__ */ _pluginVue_exportHelper.default(TxEmptyState_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-dc46790f"]]);
+const component = /* @__PURE__ */ _pluginVue_exportHelper.default(TxEmptyState_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-90096b41"]]);
 
 exports.default = component;