yc-design-vue 1.1.2 → 1.1.3

package/es/Alert/index.vue2.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                         */
+/* empty css                                          */
 const _hoisted_1 = {
   key: 0,
   class: "yc-alert-icon"

package/es/Calendar/Calendar.vue2.js

@@ -7,8 +7,8 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useControlValue from "../_shared/utils/control.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 import Button from "../Button/index.js";
 import "../Radio/index.js";
 import MonthCalendar from "./CalendarMonth.vue.js";

package/es/Cascader/Cascader.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Cascader.vue2.js";
 /* empty css              */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Cascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a5acb2b3"]]);
+const _Cascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-546388ae"]]);
 export {
   _Cascader as default
 };

package/es/Cascader/Cascader.vue2.js

@@ -154,6 +154,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "popup-offset": 4,
         "popup-container": _ctx.popupContainer,
         disabled: unref(disabled),
+        "content-style": {
+          background: "transparent"
+        },
         position: "bl",
         trigger: "focus",
         "animation-name": "slide-dynamic-origin",

package/es/Cascader/CascaderIcon.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-cascader-suffix-icon" };
 const _hoisted_2 = {

package/es/Checkbox/Checkbox.vue2.js

@@ -8,8 +8,8 @@ import "../Empty/index.js";
 import _sfc_main$1 from "../_shared/icons/IconCheckboxChecked.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 const _hoisted_1 = ["value", "disabled", "checked"];
 const _hoisted_2 = { class: "yc-checkbox-icon" };
 const _hoisted_3 = {

package/es/Collapse/CollapseItem.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconRight.vue.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
+import ExpandTransition from "../_shared/components/ExpandTransition.vue.js";
 const _hoisted_1 = { class: "yc-collapse-item-header-title text-ellipsis" };
 const _hoisted_2 = {
   key: 1,

package/es/Drawer/Drawer.vue2.js

@@ -5,8 +5,8 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

package/es/Input/Input.vue2.js

@@ -5,9 +5,9 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                             */
 import InputSuffix from "./InputSuffix.vue.js";
 const _hoisted_1 = ["value", "type", "disabled", "readonly", "placeholder"];

package/es/Input/InputSuffix.vue2.js

@@ -6,9 +6,9 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconEyeClose.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconEyeOpen.vue2.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                         */
+/* empty css                                          */
 const _hoisted_1 = {
   key: 0,
   class: "yc-input-word-limit"

package/es/InputTag/index.vue2.js

@@ -8,9 +8,9 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import Tag from "../Tag/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                             */
 const _hoisted_1 = ["disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Menu/SubMenu.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                    */
-import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
+/* empty css                                   */
+import ExpandTransition from "../_shared/components/ExpandTransition.vue.js";
 import "./index.js";
 import MenuItem from "./MenuItem.vue.js";
 const _hoisted_1 = { class: "yc-menu-inline" };

package/es/Message/Message.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = {
   key: 0,

package/es/Modal/Modal.vue2.js

@@ -6,8 +6,8 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "./hooks/useModalClose.js";
 import useModalDraggable from "./hooks/useModalDraggable.js";
 import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

package/es/Notification/Notification.vue2.js

@@ -7,8 +7,8 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = { class: "yc-notification-left" };
 const _hoisted_2 = {

package/es/PageHeader/index.vue2.js

@@ -6,8 +6,8 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import Divider from "../Divider/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 const _hoisted_1 = { class: "yc-page-header" };
 const _hoisted_2 = { class: "yc-page-header-wrapper" };
 const _hoisted_3 = {

package/es/Radio/Radio.vue2.js

@@ -6,8 +6,8 @@ import "../Empty/index.js";
 /* empty css                             */
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 const _hoisted_1 = ["value", "checked", "disabled"];
 const _hoisted_2 = {
   key: 0,

package/es/Scrollbar/Scrollbar.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Scrollbar.vue2.js";
 /* empty css               */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f20de904"]]);
+const _Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-891ea4c3"]]);
 export {
   _Scrollbar as default
 };

package/es/Scrollbar/Scrollbar.vue2.js

@@ -1,5 +1,10 @@
 import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
 import { useResizeObserver, useElementSize } from "../node_modules/@vueuse/core/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { isVerticallyScrollable, isHorizontallyScrollable } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
 import ScrollbarTrack from "./ScrollbarTrack.vue.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -99,18 +104,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const curTop2 = ref(0);
       const curLeft2 = ref(0);
       const hasVerticalBar2 = computed(() => {
-        const style = scrollRef.value ? getComputedStyle(scrollRef.value) : { overflowY: "", overflow: "" };
-        const overflowY = style.overflowY;
-        const overflow = style.overflow;
-        const allowScroll = ["auto", "scroll"];
-        return contentHeight.value > scrollHeight2.value && (allowScroll.includes(overflowY) || allowScroll.includes(overflow));
+        if (!scrollRef.value) return false;
+        return contentHeight.value > scrollHeight2.value && isVerticallyScrollable(scrollRef.value);
       });
       const hashorizontalBar2 = computed(() => {
-        const style = scrollRef.value ? getComputedStyle(scrollRef.value) : { overflowX: "", overflow: "" };
-        const overflowX = style.overflowX;
-        const overflow = style.overflow;
-        const allowScroll = ["auto", "scroll"];
-        return contentWidth.value > scrollWidth2.value && (allowScroll.includes(overflowX) || allowScroll.includes(overflow));
+        if (!scrollRef.value) return false;
+        return contentWidth.value > scrollWidth2.value && isHorizontallyScrollable(scrollRef.value);
       });
       const thumbHeight = computed(() => {
         if (!hasVerticalBar2.value) return 0;

package/es/Select/SelectIcon.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-select-suffix-icon" };
 const _hoisted_2 = {

package/es/Tabs/TabButton.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from "vue";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                         */
+/* empty css                                          */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabButton",
   props: {

package/es/Tag/index.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import Spin from "../Spin/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

package/es/Textarea/index.vue2.js

@@ -1,14 +1,14 @@
 import { defineComponent, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeStyle, withCtx, createTextVNode } from "vue";
 import useTextareaHeight from "./hooks/useTextareaHeight.js";
 import useLimitedInput from "../Input/hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                         */
+/* empty css                                          */
 const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/TimePicker/TimePicker.vue2.js

@@ -5,8 +5,8 @@ import { isArray } from "../_shared/utils/is.js";
 import { isValidTimeRange } from "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconTime.vue.js";
 import Trigger from "../Trigger/index.js";

package/es/Transfer/TransferPanel.vue2.js

@@ -5,14 +5,14 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconClose.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconDelete.vue2.js";
-import _sfc_main$2 from "../_shared/icons/IconSearch.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconDelete.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconSearch.vue.js";
 import useContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";
 import Scrollbar from "../Scrollbar/index.js";
 import Input from "../Input/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                          */
 const _hoisted_1 = { class: "yc-transfer-view" };
 const _hoisted_2 = { class: "yc-transfer-view-header" };
 const _hoisted_3 = { class: "yc-transfer-view-header-title" };

package/es/Trigger/index.vue2.js

@@ -8,9 +8,9 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useTriggerVisible from "./hooks/useTriggerVisible.js";
 import useTriggerPosition from "./hooks/useTriggerPosition.js";
 /* empty css                             */
-/* empty css                                    */
+/* empty css                                   */
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                         */
+/* empty css                                          */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Trigger",

package/es/_shared/components/{ExpandTransition.vue2.js → ExpandTransition.vue.js}

@@ -1,5 +1,5 @@
 import _sfc_main from "./ExpandTransition.vue3.js";
-/* empty css                     */
+/* empty css                      */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const ExpandTransition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e588238"]]);
 export {

package/es/_shared/components/{IconButton.vue.js → IconButton.vue2.js}

@@ -1,5 +1,5 @@
 import _sfc_main from "./IconButton.vue3.js";
-/* empty css                */
+/* empty css               */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8fb80b1e"]]);
 export {

package/es/_shared/icons/IconDelete.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconDelete.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconDelete",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconDelete.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconDelete",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconDelete.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconSearch.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSearch",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSearch",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSearch.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/utils/dom.d.ts

@@ -15,3 +15,5 @@ export declare const throttleByRaf: (cb: (...args: any[]) => void) => {
 export declare const debounce: (func: (...args: any) => void, delay: number, immediate?: boolean) => (this: any, ...args: any) => void;
 export declare const throttle: (fn: (...args: any) => void, delay: number) => (this: any, ...args: any) => void;
 export declare const valueToPx: (value: string | number | undefined) => string;
+export declare function isHorizontallyScrollable(element: HTMLElement): boolean;
+export declare function isVerticallyScrollable(element: HTMLElement): boolean;

package/es/_shared/utils/dom.js

@@ -151,13 +151,35 @@ const valueToPx = (value) => {
   }
   return value;
 };
+function isHorizontallyScrollable(element) {
+  const style = window.getComputedStyle(element);
+  const isScrollableOverflow = style.overflowX === "scroll" || style.overflowX === "auto";
+  const isVisible = style.display !== "none" && style.visibility !== "hidden";
+  if (!isVisible) {
+    return false;
+  }
+  const isContentLarger = element.scrollWidth > element.clientWidth;
+  return isScrollableOverflow && isContentLarger;
+}
+function isVerticallyScrollable(element) {
+  const style = window.getComputedStyle(element);
+  const isScrollableOverflow = style.overflowY === "scroll" || style.overflowY === "auto";
+  const isVisible = style.display !== "none" && style.visibility !== "hidden";
+  if (!isVisible) {
+    return false;
+  }
+  const isContentLarger = element.scrollHeight > element.clientHeight;
+  return isScrollableOverflow && isContentLarger;
+}
 export {
   debounce,
   findFirstScrollableParent,
   getBreakpointValue,
   getDomText,
   getElement,
+  isHorizontallyScrollable,
   isServerRendering,
+  isVerticallyScrollable,
   mediaQueryHandler,
   querySelector,
   sleep,