@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/lib/scroll/src/TxScroll.vue2.js

@@ -5,6 +5,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const PullDown = require('@better-scroll/pull-down');
 const PullUp = require('@better-scroll/pull-up');
+const index = require('../../packages/utils/env/index.js');
+const runtimeCapabilities = require('./runtime-capabilities.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -14,6 +16,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     noPadding: { type: Boolean, default: false },
     native: { type: Boolean, default: false },
+    unified: { type: Boolean, default: false },
+    nativeAutoFallback: { type: Boolean, default: true },
     scrollChaining: { type: Boolean, default: false },
     direction: { default: "vertical" },
     scrollbar: { type: Boolean, default: true },
@@ -45,6 +49,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const nativeScrollRef = vue.ref(null);
     const canScrollY = vue.ref(false);
     const canScrollX = vue.ref(false);
+    const shouldAutoFallbackToNative = vue.computed(() => {
+      if (props.unified)
+        return false;
+      if (runtimeCapabilities.isMacOSSafari())
+        return true;
+      return props.nativeAutoFallback && runtimeCapabilities.supportsNativeNonRootOverscrollBounce();
+    });
+    const isNativeMode = vue.computed(() => props.native || shouldAutoFallbackToNative.value);
     const isScrollXEnabled = vue.computed(() => props.direction === "horizontal" || props.direction === "both");
     const isScrollYEnabled = vue.computed(() => props.direction === "vertical" || props.direction === "both");
     const isFreeScroll = vue.computed(() => props.direction === "both");
@@ -152,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const rawOptionsFromProps = props.options ?? {};
       const { wheelOvershoot, ...optionsFromProps } = rawOptionsFromProps;
       const hasUseTransitionOverride = Object.prototype.hasOwnProperty.call(optionsFromProps, "useTransition");
-      const shouldDisableTransitionByDefault = !hasUseTransitionOverride && props.wheel && props.bounce && typeof navigator !== "undefined" && (String(navigator.platform).includes("Mac") || String(navigator.userAgent).includes("Mac OS X"));
+      const shouldDisableTransitionByDefault = !hasUseTransitionOverride && props.wheel && props.bounce && index.hasNavigator() && (String(navigator.platform).includes("Mac") || String(navigator.userAgent).includes("Mac OS X"));
       bs = new BScroll(wrapperRef.value, {
         scrollX: isScrollXEnabled.value,
         scrollY: isScrollYEnabled.value,
@@ -215,7 +227,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const onWheel = (e) => {
         if (!bs)
           return;
-        if (props.native)
+        if (isNativeMode.value)
           return;
         if (!props.wheel)
           return;
@@ -480,7 +492,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __expose({
       nativeScrollRef,
       scrollTo(x, y, time = 0) {
-        if (props.native) {
+        if (isNativeMode.value) {
           nativeScrollRef.value?.scrollTo(x, y);
           return;
         }
@@ -489,7 +501,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       },
       getScrollInfo() {
-        if (props.native && nativeScrollRef.value) {
+        if (isNativeMode.value && nativeScrollRef.value) {
           const el = nativeScrollRef.value;
           return {
             scrollTop: el.scrollTop,
@@ -527,7 +539,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       },
       finishPullDown() {
-        if (props.native) {
+        if (isNativeMode.value) {
           nativePullingDown = false;
           return;
         }
@@ -537,7 +549,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       },
       finishPullUp() {
-        if (props.native) {
+        if (isNativeMode.value) {
           nativePullingUp = false;
           return;
         }
@@ -549,7 +561,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     vue.onMounted(async () => {
       await vue.nextTick();
-      if (!props.native) {
+      if (!isNativeMode.value) {
         await initBetterScroll();
         setupResizeObserver();
         setupMutationObserver();
@@ -560,12 +572,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       destroyBetterScroll();
     });
     vue.watch(
-      () => props.native,
-      async (nextNative) => {
+      () => isNativeMode.value,
+      async (nextIsNative) => {
         await vue.nextTick();
         destroyResizeObserver();
         destroyBetterScroll();
-        if (!nextNative) {
+        if (!nextIsNative) {
           await initBetterScroll();
           setupResizeObserver();
           setupMutationObserver();
@@ -591,7 +603,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         props.options
       ],
       async () => {
-        if (props.native)
+        if (isNativeMode.value)
           return;
         await vue.nextTick();
         destroyResizeObserver();
@@ -604,9 +616,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["tx-scroll", { "is-native": __props.native }])
+        class: vue.normalizeClass(["tx-scroll", { "is-native": isNativeMode.value }])
       }, [
-        __props.native ? (vue.openBlock(), vue.createElementBlock("div", {
+        isNativeMode.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           ref_key: "nativeScrollRef",
           ref: nativeScrollRef,

package/dist/lib/scroll/src/runtime-capabilities.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index = require('../../packages/utils/env/index.js');
+
+const CHROMIUM_NON_ROOT_OVERSCROLL_BOUNCE_MIN_VERSION = 145;
+function parseMajorVersion(version) {
+  if (typeof version !== "string" || version.length === 0)
+    return null;
+  const [majorSegment] = version.split(".");
+  if (!majorSegment)
+    return null;
+  const major = Number.parseInt(majorSegment, 10);
+  return Number.isFinite(major) ? major : null;
+}
+function getChromiumMajorFromProcessVersion() {
+  const proc = globalThis.process;
+  return parseMajorVersion(proc?.versions?.chrome);
+}
+function getChromiumMajorFromUAData(nav) {
+  const uaData = nav.userAgentData;
+  if (!uaData)
+    return null;
+  const brands = uaData.fullVersionList ?? uaData.brands;
+  if (!Array.isArray(brands))
+    return null;
+  const chromiumBrand = brands.find((item) => /chrom(e|ium)/i.test(item?.brand || ""));
+  if (!chromiumBrand)
+    return null;
+  return parseMajorVersion(chromiumBrand.version);
+}
+function getChromiumMajorFromUserAgent(nav) {
+  const ua = nav.userAgent || "";
+  const matched = ua.match(/(?:Chrome|Chromium|Edg|EdgA|EdgiOS|CriOS)\/(\d+)/i);
+  if (!matched)
+    return null;
+  return parseMajorVersion(matched[1]);
+}
+function isMacOS(nav) {
+  const platform = nav.userAgentData?.platform || nav.platform || "";
+  const isTouchCapableMacLike = /mac/i.test(platform) && typeof nav.maxTouchPoints === "number" && nav.maxTouchPoints > 1;
+  if (isTouchCapableMacLike)
+    return false;
+  if (/mac/i.test(platform))
+    return true;
+  return /macintosh|mac os x/i.test(nav.userAgent || "");
+}
+function isSafariBrowser(nav) {
+  const ua = nav.userAgent || "";
+  if (!/safari/i.test(ua))
+    return false;
+  return !/(chrome|chromium|crios|edg|edga|edgios|opr|opera|firefox|fxios|android)/i.test(ua);
+}
+function isMacOSSafari() {
+  if (!index.hasNavigator())
+    return false;
+  const nav = navigator;
+  return isMacOS(nav) && isSafariBrowser(nav);
+}
+function supportsNativeNonRootOverscrollBounce() {
+  if (!index.hasNavigator())
+    return false;
+  const nav = navigator;
+  if (!isMacOS(nav))
+    return false;
+  const chromiumMajor = getChromiumMajorFromProcessVersion() ?? getChromiumMajorFromUAData(nav) ?? getChromiumMajorFromUserAgent(nav);
+  return chromiumMajor !== null && chromiumMajor >= CHROMIUM_NON_ROOT_OVERSCROLL_BOUNCE_MIN_VERSION;
+}
+
+exports.isMacOSSafari = isMacOSSafari;
+exports.supportsNativeNonRootOverscrollBounce = supportsNativeNonRootOverscrollBounce;

package/dist/lib/search-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 TxSearchEmpty_vue_vue_type_script_setup_true_lang = require('./src/TxSearchEmpty.vue.js');
 
 const TxSearchEmpty = withInstall.withInstall(TxSearchEmpty_vue_vue_type_script_setup_true_lang.default);

package/dist/lib/search-input/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 TxSearchInput = require('./src/TxSearchInput.vue.js');
 
 const SearchInput = withInstall.withInstall(TxSearchInput.default);

package/dist/lib/search-select/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 TxSearchSelect = require('./src/TxSearchSelect.vue.js');
 
 const SearchSelect = withInstall.withInstall(TxSearchSelect.default);

package/dist/lib/search-select/src/TxSearchSelect.vue.js

@@ -6,6 +6,6 @@ const TxSearchSelect_vue_vue_type_script_setup_true_lang = require('./TxSearchSe
 ;/* empty css                     */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxSearchSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(TxSearchSelect_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a871f278"]]);
+const TxSearchSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(TxSearchSelect_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a0a7c005"]]);
 
 exports.default = TxSearchSelect;

package/dist/lib/search-select/src/TxSearchSelect.vue2.js

@@ -3,20 +3,20 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const vue$1 = require('@floating-ui/vue');
 const TxCardItem = require('../../card-item/src/TxCardItem.vue.js');
-const TxCard = require('../../card/src/TxCard.vue.js');
 const TxInput = require('../../input/src/TxInput.vue.js');
+const TxPopover = require('../../popover/src/TxPopover.vue.js');
 const TxSpinner_vue_vue_type_script_setup_true_lang = require('../../spinner/src/TxSpinner.vue.js');
 ;/* empty css                                */
 
-const _hoisted_1 = {
+const _hoisted_1 = { class: "tx-search-select__reference" };
+const _hoisted_2 = {
   key: 0,
   class: "tx-search-select__loading"
 };
-const _hoisted_2 = { class: "tx-search-select__list" };
-const _hoisted_3 = { class: "tx-search-select__item-label" };
-const _hoisted_4 = {
+const _hoisted_3 = { class: "tx-search-select__list" };
+const _hoisted_4 = { class: "tx-search-select__item-label" };
+const _hoisted_5 = {
   key: 0,
   class: "tx-search-select__empty"
 };
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     dropdownMaxHeight: { default: 280 },
     dropdownOffset: { default: 6 },
     panelVariant: { default: "solid" },
-    panelBackground: { default: "glass" },
+    panelBackground: { default: "refraction" },
     panelShadow: { default: "soft" },
     panelRadius: { default: 18 },
     panelPadding: { default: 6 }
@@ -45,16 +45,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const open = vue.ref(false);
-    const referenceRef = vue.ref(null);
-    const floatingRef = vue.ref(null);
-    const cleanupAutoUpdate = vue.ref(null);
-    const lastOpenedAt = vue.ref(0);
     const inputRef = vue.ref(null);
     const inputText = vue.ref("");
     const searchTimer = vue.ref(null);
     const optionsMap = vue.computed(() => {
       const m = /* @__PURE__ */ new Map();
-      for (const o of props.options ?? []) m.set(o.value, o);
+      for (const o of props.options ?? [])
+        m.set(o.value, o);
       return m;
     });
     const selectedOption = vue.computed(() => optionsMap.value.get(props.modelValue ?? ""));
@@ -77,10 +74,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return list.filter((o) => o.label.toLowerCase().includes(q));
     });
     function clearSearchTimer() {
-      if (searchTimer.value) {
-        clearTimeout(searchTimer.value);
-        searchTimer.value = null;
-      }
+      if (!searchTimer.value)
+        return;
+      clearTimeout(searchTimer.value);
+      searchTimer.value = null;
     }
     function emitSearch(q) {
       if (!props.remote)
@@ -90,18 +87,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("search", q);
     }
     function onInput(v) {
-      inputText.value = v;
-      if (!open.value) {
+      const nextValue = typeof v === "string" ? v : String(v);
+      inputText.value = nextValue;
+      if (!open.value && !props.disabled)
         open.value = true;
-        emit("open");
-      }
       if (!props.remote)
         return;
       clearSearchTimer();
       const delay = Math.max(0, props.searchDebounce ?? 0);
       searchTimer.value = setTimeout(() => {
         searchTimer.value = null;
-        emitSearch(v);
+        emitSearch(nextValue);
       }, delay);
     }
     function onEnter() {
@@ -110,16 +106,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function onFocus() {
       if (props.disabled)
         return;
-      if (!open.value) {
-        open.value = true;
-        emit("open");
-      }
+      open.value = true;
     }
     function close() {
       if (!open.value)
         return;
       open.value = false;
-      emit("close");
     }
     function onClear() {
       inputText.value = "";
@@ -135,93 +127,28 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       inputText.value = opt.label;
       close();
     }
-    function isEventInside(e, el) {
-      if (!el)
-        return false;
-      const anyE = e;
-      const path = typeof anyE.composedPath === "function" ? anyE.composedPath() : void 0;
-      if (path && path.length)
-        return path.includes(el);
-      const t = e.target ?? null;
-      return !!t && el.contains(t);
-    }
-    function handleOutside(e) {
-      if (!open.value)
-        return;
-      if (performance.now() - lastOpenedAt.value < 60)
-        return;
-      const inRef = isEventInside(e, referenceRef.value);
-      const inFloat = isEventInside(e, floatingRef.value);
-      if (!inRef && !inFloat)
-        close();
-    }
-    function handleEsc(e) {
-      if (e.key !== "Escape")
-        return;
-      if (!open.value)
-        return;
-      close();
-    }
-    const { floatingStyles, update } = vue$1.useFloating(referenceRef, floatingRef, {
-      placement: "bottom-start",
-      strategy: "fixed",
-      middleware: [
-        vue$1.offset(() => props.dropdownOffset),
-        vue$1.flip({ padding: 8 }),
-        vue$1.shift({ padding: 8 }),
-        vue$1.size({
-          padding: 8,
-          apply({ rects, availableHeight, elements }) {
-            const h = Math.min(availableHeight, props.dropdownMaxHeight);
-            Object.assign(elements.floating.style, {
-              minWidth: `${rects.reference.width}px`,
-              maxWidth: `${rects.reference.width}px`,
-              height: `${h}px`,
-              maxHeight: `${h}px`,
-              overflow: "hidden"
-            });
-          }
-        })
-      ]
-    });
     vue.watch(
       open,
-      async (v) => {
-        if (!v) {
-          cleanupAutoUpdate.value?.();
-          cleanupAutoUpdate.value = null;
-          clearSearchTimer();
+      (v, prev) => {
+        if (v === prev)
+          return;
+        if (v) {
+          emit("open");
           return;
         }
-        lastOpenedAt.value = performance.now();
-        await vue.nextTick();
-        await update();
-        if (referenceRef.value && floatingRef.value) {
-          cleanupAutoUpdate.value?.();
-          cleanupAutoUpdate.value = vue$1.autoUpdate(referenceRef.value, floatingRef.value, () => update());
-        }
+        emit("close");
+        clearSearchTimer();
       },
       { flush: "post" }
     );
-    vue.onMounted(() => {
-      document.addEventListener("pointerdown", handleOutside, true);
-      document.addEventListener("keydown", handleEsc);
-    });
     vue.onBeforeUnmount(() => {
-      document.removeEventListener("pointerdown", handleOutside, true);
-      document.removeEventListener("keydown", handleEsc);
-      cleanupAutoUpdate.value?.();
-      cleanupAutoUpdate.value = null;
       clearSearchTimer();
     });
     __expose({
       open: () => {
         if (props.disabled)
           return;
-        if (!open.value) {
-          open.value = true;
-          emit("open");
-        }
+        open.value = true;
       },
       close,
       focus: () => inputRef.value?.focus?.(),
@@ -230,92 +157,92 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "referenceRef",
-        ref: referenceRef,
         class: vue.normalizeClass(["tx-search-select", { "is-open": open.value, "is-disabled": props.disabled }])
       }, [
-        vue.createVNode(TxInput.default, {
-          ref_key: "inputRef",
-          ref: inputRef,
-          "model-value": inputText.value,
+        vue.createVNode(TxPopover.default, {
+          modelValue: open.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
           disabled: props.disabled,
-          placeholder: props.placeholder,
-          clearable: props.clearable,
-          "onUpdate:modelValue": onInput,
-          onFocus,
-          onKeydown: vue.withKeys(onEnter, ["enter"]),
-          onClear
+          placement: "bottom-start",
+          offset: props.dropdownOffset,
+          width: 0,
+          "max-width": 9999,
+          "show-arrow": false,
+          "reference-full-width": true,
+          "toggle-on-reference-click": false,
+          "panel-variant": props.panelVariant,
+          "panel-background": props.panelBackground,
+          "panel-shadow": props.panelShadow,
+          "panel-radius": props.panelRadius,
+          "panel-padding": props.panelPadding
         }, {
-          prefix: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
-            vue.createElementVNode("span", {
-              class: "tx-search-select__icon",
-              "aria-hidden": "true"
+          reference: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createVNode(TxInput.default, {
+                ref_key: "inputRef",
+                ref: inputRef,
+                "model-value": inputText.value,
+                disabled: props.disabled,
+                placeholder: props.placeholder,
+                clearable: props.clearable,
+                "onUpdate:modelValue": onInput,
+                onFocus,
+                onKeydown: vue.withKeys(onEnter, ["enter"]),
+                onClear
+              }, {
+                prefix: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                  vue.createElementVNode("span", {
+                    class: "tx-search-select__icon",
+                    "aria-hidden": "true"
+                  }, [
+                    vue.createElementVNode("svg", {
+                      viewBox: "0 0 24 24",
+                      width: "16",
+                      height: "16"
+                    }, [
+                      vue.createElementVNode("path", {
+                        fill: "currentColor",
+                        d: "M10 2a8 8 0 105.293 14.293l4.207 4.207 1.414-1.414-4.207-4.207A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z"
+                      })
+                    ])
+                  ], -1)
+                ])]),
+                suffix: vue.withCtx(() => [
+                  props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
+                    vue.createVNode(TxSpinner_vue_vue_type_script_setup_true_lang.default, { size: 12 })
+                  ])) : vue.createCommentVNode("", true)
+                ]),
+                _: 1
+              }, 8, ["model-value", "disabled", "placeholder", "clearable"])
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: "tx-search-select__panel",
+              style: vue.normalizeStyle({ maxHeight: `${props.dropdownMaxHeight}px` })
             }, [
-              vue.createElementVNode("svg", {
-                viewBox: "0 0 24 24",
-                width: "16",
-                height: "16"
-              }, [
-                vue.createElementVNode("path", {
-                  fill: "currentColor",
-                  d: "M10 2a8 8 0 105.293 14.293l4.207 4.207 1.414-1.414-4.207-4.207A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z"
-                })
+              vue.createElementVNode("div", _hoisted_3, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (opt) => {
+                  return vue.openBlock(), vue.createBlock(TxCardItem.default, {
+                    key: String(opt.value),
+                    class: vue.normalizeClass(["tx-search-select__item", { "is-selected": opt.value === props.modelValue, "is-disabled": opt.disabled }]),
+                    clickable: !opt.disabled,
+                    disabled: !!opt.disabled,
+                    active: opt.value === props.modelValue,
+                    onClick: ($event) => onPick(opt)
+                  }, {
+                    title: vue.withCtx(() => [
+                      vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(opt.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "clickable", "disabled", "active", "onClick"]);
+                }), 128)),
+                !props.loading && !filteredOptions.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, " No results ")) : vue.createCommentVNode("", true)
               ])
-            ], -1)
-          ])]),
-          suffix: vue.withCtx(() => [
-            props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-              vue.createVNode(TxSpinner_vue_vue_type_script_setup_true_lang.default, { size: 12 })
-            ])) : vue.createCommentVNode("", true)
+            ], 4)
           ]),
           _: 1
-        }, 8, ["model-value", "disabled", "placeholder", "clearable"]),
-        (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-          vue.createVNode(vue.Transition, { name: "tx-search-select-dropdown" }, {
-            default: vue.withCtx(() => [
-              vue.withDirectives(vue.createElementVNode("div", {
-                ref_key: "floatingRef",
-                ref: floatingRef,
-                class: "tx-search-select__dropdown",
-                style: vue.normalizeStyle(vue.unref(floatingStyles))
-              }, [
-                vue.createVNode(TxCard.default, {
-                  class: "tx-search-select__panel",
-                  variant: props.panelVariant,
-                  background: props.panelBackground,
-                  shadow: props.panelShadow,
-                  radius: props.panelRadius,
-                  padding: props.panelPadding
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_2, [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (opt) => {
-                        return vue.openBlock(), vue.createBlock(TxCardItem.default, {
-                          key: String(opt.value),
-                          class: vue.normalizeClass(["tx-search-select__item", { "is-selected": opt.value === props.modelValue, "is-disabled": opt.disabled }]),
-                          clickable: !opt.disabled,
-                          disabled: !!opt.disabled,
-                          active: opt.value === props.modelValue,
-                          onClick: ($event) => onPick(opt)
-                        }, {
-                          title: vue.withCtx(() => [
-                            vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(opt.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["class", "clickable", "disabled", "active", "onClick"]);
-                      }), 128)),
-                      !props.loading && !filteredOptions.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, " No results ")) : vue.createCommentVNode("", true)
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["variant", "background", "shadow", "radius", "padding"])
-              ], 4), [
-                [vue.vShow, open.value && !props.disabled]
-              ])
-            ]),
-            _: 1
-          })
-        ]))
+        }, 8, ["modelValue", "disabled", "offset", "panel-variant", "panel-background", "panel-shadow", "panel-radius", "panel-padding"])
       ], 2);
     };
   }

package/dist/lib/segmented-slider/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 TxSegmentedSlider_vue_vue_type_script_setup_true_lang = require('./src/TxSegmentedSlider.vue.js');
 ;/* empty css                            */
 

package/dist/lib/segmented-slider/src/TxSegmentedSlider.vue.js

@@ -27,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const sliderRef = vue.ref(null);
+    void sliderRef.value;
     const currentIndex = vue.computed(() => {
       const index = props.segments.findIndex((seg) => seg.value === props.modelValue);
       return Math.max(0, index);

package/dist/lib/select/index.js

@@ -2,18 +2,15 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxSelect = require('./src/TxSelect.vue.js');
 const TxSelectItem = require('./src/TxSelectItem.vue.js');
 
-TxSelect.default.install = (app) => {
-  app.component(TxSelect.default.name || "TuffSelect", TxSelect.default);
-};
-TxSelectItem.default.install = (app) => {
-  app.component(TxSelectItem.default.name || "TuffSelectItem", TxSelectItem.default);
-};
+const TuffSelect = withInstall.withInstall(TxSelect.default);
+const TuffSelectItem = withInstall.withInstall(TxSelectItem.default);
 
-exports.TuffSelect = TxSelect.default;
 exports.TxSelect = TxSelect.default;
-exports.default = TxSelect.default;
-exports.TuffSelectItem = TxSelectItem.default;
 exports.TxSelectItem = TxSelectItem.default;
+exports.TuffSelect = TuffSelect;
+exports.TuffSelectItem = TuffSelectItem;
+exports.default = TuffSelect;