@opentiny/tiny-robot 0.2.1 → 0.2.2

package/dist/action-group/index.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as N, nextTick as W, createElementBlock as _, openBlock as n, createBlock as v, createCommentVNode as R, Fragment as G, renderList as I, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as x, renderSlot as L, createVNode as E, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, toDisplayString as Q, vShow as U } from "vue";
-import { o as Y } from "../tiny-robot-svgs.js";
+import { c as Y } from "../tiny-robot-svgs.js";
 import { T as M } from "../index4.js";
 import { o as Z, a as ee } from "../index2.js";
 import te from "../icon-button/index.js";

package/dist/bubble/index.js

@@ -3182,9 +3182,8 @@ const Ir = {
       ref: t
     }, [
       (S(!0), L(U0, null, Ou(e.items, (s, f) => (S(), yu(J, Nu({
-        key: s.id || f,
-        ref_for: !0
-      }, c(s)), Z0({ _: 2 }, [
+        key: s.id || f
+      }, { ref_for: !0 }, c(s)), Z0({ _: 2 }, [
         Ou(o(s), (d, h) => ({
           name: h,
           fn: H0((b) => [

package/dist/close.js

@@ -1,4 +1,4 @@
-import { l as o } from "./index6.js";
+import { s as o } from "./index6.js";
 import { createElementBlock as n, openBlock as r, createElementVNode as t } from "vue";
 var c = {
   viewBox: "0 0 16 16",

package/dist/dropdown-menu/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, useCssVars as T, unref as M, ref as m, computed as R, watch as V, createElementBlock as o, openBlock as r, Fragment as p, createElementVNode as f, createVNode as B, renderSlot as E, Transition as N, withCtx as O, createCommentVNode as W, normalizeStyle as I, renderList as b, toDisplayString as z } from "vue";
-import { c as _, o as F } from "../index2.js";
+import { defineComponent as B, useCssVars as E, unref as f, useAttrs as N, computed as _, ref as m, watch as O, createElementBlock as o, openBlock as s, Fragment as w, createElementVNode as h, createVNode as W, normalizeStyle as v, normalizeClass as z, renderSlot as I, Transition as A, withCtx as F, createCommentVNode as H, renderList as L, toDisplayString as P } from "vue";
+import { c as g, o as U } from "../index2.js";
 import { t as n } from "../utils.js";
-import { _ as H } from "../_plugin-vue_export-helper.js";
-const L = { class: "tr-dropdown-menu__list" }, P = ["onClick"], U = /* @__PURE__ */ S({
+import { _ as b } from "../_plugin-vue_export-helper.js";
+const j = { class: "tr-dropdown-menu__list" }, q = ["onClick"], G = /* @__PURE__ */ B({
   __name: "index",
   props: {
     items: {},
@@ -10,62 +10,63 @@ const L = { class: "tr-dropdown-menu__list" }, P = ["onClick"], U = /* @__PURE__
     topOffset: { default: 0 }
   },
   emits: ["item-click"],
-  setup(l, { emit: w }) {
-    T((e) => ({
-      "90b2d29e": M(n)(a.minWidth)
+  setup(l, { emit: k }) {
+    E((e) => ({
+      d82a8430: f(n)(a.minWidth)
     }));
-    const a = l, t = m(!1), h = w, i = m(null), d = m(null), { x: v, y: g, update: k } = _(i), { width: x, height: C } = _(d), y = R(() => ({
-      left: `min(${n(v.value)}, 100% - ${n(x.value)})`,
-      top: `max(${n(g.value)} - ${n(C.value)} + ${n(a.topOffset)} - 8px, 0px)`
+    const a = l, p = N(), y = _(() => p.style), t = m(!1), C = k, i = m(null), d = m(null), { x, y: $, update: S } = g(i), { width: D, height: T } = g(d), M = _(() => ({
+      left: `min(${n(x.value)}, 100% - ${n(D.value)})`,
+      top: `max(${n($.value)} - ${n(T.value)} + ${n(a.topOffset)} - 8px, 0px)`
     }));
-    F(d, (e) => {
-      var c;
-      (c = i.value) != null && c.contains(e.target) && e.stopPropagation(), t.value = !1;
-    }), V(t, (e) => {
-      e && k();
+    U(d, (e) => {
+      var u;
+      (u = i.value) != null && u.contains(e.target) && e.stopPropagation(), t.value = !1;
+    }), O(t, (e) => {
+      e && S();
     });
-    const $ = () => {
+    const R = () => {
       t.value = !t.value;
-    }, D = (e) => {
-      t.value = !1, h("item-click", e);
+    }, V = (e) => {
+      t.value = !1, C("item-click", e);
     };
-    return (e, c) => (r(), o(p, null, [
-      f("div", {
-        class: "tr-dropdown-menu__wrapper",
+    return (e, u) => (s(), o(w, null, [
+      h("div", {
+        class: z(["tr-dropdown-menu__wrapper", f(p).class]),
+        style: v(y.value),
         ref_key: "dropDownTriggerRef",
         ref: i,
-        onClick: $
+        onClick: R
       }, [
-        E(e.$slots, "default", {}, void 0, !0)
-      ], 512),
-      B(N, { name: "tr-dropdown-menu" }, {
-        default: O(() => [
-          t.value ? (r(), o("div", {
+        I(e.$slots, "default", {}, void 0, !0)
+      ], 6),
+      W(A, { name: "tr-dropdown-menu" }, {
+        default: F(() => [
+          t.value ? (s(), o("div", {
             key: 0,
             class: "tr-dropdown-menu",
-            style: I(y.value),
+            style: v(M.value),
             ref_key: "dropdownMenuRef",
             ref: d
           }, [
-            f("ul", L, [
-              (r(!0), o(p, null, b(a.items, (u) => (r(), o("li", {
+            h("ul", j, [
+              (s(!0), o(w, null, L(a.items, (c) => (s(), o("li", {
                 class: "tr-dropdown-menu__list-item",
-                key: u.id,
-                onClick: (q) => D(u)
-              }, z(u.text), 9, P))), 128))
+                key: c.id,
+                onClick: (K) => V(c)
+              }, P(c.text), 9, q))), 128))
             ])
-          ], 4)) : W("", !0)
+          ], 4)) : H("", !0)
         ]),
         _: 1
       })
     ], 64));
   }
-}), s = /* @__PURE__ */ H(U, [["__scopeId", "data-v-ce90a07c"]]);
-s.name = "TrDropdownMenu";
-const j = function(l) {
-  l.component(s.name, s);
+}), r = /* @__PURE__ */ b(G, [["__scopeId", "data-v-620f91f9"]]);
+r.name = "TrDropdownMenu";
+const J = function(l) {
+  l.component(r.name, r);
 };
-s.install = j;
+r.install = J;
 export {
-  s as default
+  r as default
 };

package/dist/feedback/index.js

@@ -102,7 +102,8 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
                     o[0] || (o[0] = d("span", null, "更多", -1)),
                     h(l(N))
                   ]),
-                  _: 1
+                  _: 1,
+                  __: [0]
                 })
               ]),
               default: f(() => [

package/dist/flow-layout-buttons/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as V, mergeModels as E, useModel as q, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as S, createCommentVNode as _, normalizeClass as b, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, nextTick as G } from "vue";
-import { U as H } from "../tiny-robot-svgs.js";
-import { b as X, o as j } from "../index2.js";
+import { defineComponent as V, mergeModels as E, useModel as j, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as b, Fragment as C, renderList as F, createCommentVNode as _, normalizeClass as I, createBlock as x, resolveDynamicComponent as B, toDisplayString as S, nextTick as q } from "vue";
+import { U as G } from "../tiny-robot-svgs.js";
+import { b as H, o as X } from "../index2.js";
 import { _ as J } from "../_plugin-vue_export-helper.js";
 const K = ["onClick"], P = {
   key: 0,
@@ -11,15 +11,15 @@ const K = ["onClick"], P = {
     items: {},
     selected: {},
     linesLimit: { default: Number.MAX_SAFE_INTEGER },
-    moreIcon: { default: H },
+    moreIcon: { type: [Object, Function], default: G },
     showMoreTrigger: { default: "click" }
   }, {
     selected: {},
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
-  setup(d, { emit: F }) {
-    const n = d, u = q(d, "selected");
+  setup(d, { emit: D }) {
+    const n = d, u = j(d, "selected");
     g(
       () => n.items,
       (t) => {
@@ -27,10 +27,10 @@ const K = ["onClick"], P = {
       },
       { immediate: !0 }
     );
-    const N = F, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), A = (t, o) => {
+    const N = D, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), A = (t, o) => {
       t && (M.value[o] = t);
     }, L = () => {
-      s.value = null, m.value = !1, G(() => {
+      s.value = null, m.value = !1, q(() => {
         const t = y.value, o = w.value;
         if (!t || !o)
           return;
@@ -43,18 +43,18 @@ const K = ["onClick"], P = {
       });
     };
     g(() => n.items, L);
-    const { width: W } = X(y);
-    g(W, (t) => {
+    const { width: O } = H(y);
+    g(O, (t) => {
       t > 0 && L();
     });
-    const z = $(() => s.value !== null ? n.items.slice(s.value) : []), O = $(() => s.value === null ? !1 : n.items.findIndex((o) => o.id === u.value) >= s.value), R = (t) => {
+    const W = $(() => s.value !== null ? n.items.slice(s.value) : []), z = $(() => s.value === null ? !1 : n.items.findIndex((o) => o.id === u.value) >= s.value), R = (t) => {
       u.value = t, c.value = !1, N("item-click", t);
     }, U = () => {
       n.showMoreTrigger === "click" && (c.value = !c.value);
     }, v = (t) => {
       n.showMoreTrigger === "hover" && (c.value = t);
     };
-    return j(k, (t) => {
+    return X(k, (t) => {
       var o, e;
       (o = k.value) != null && o.contains(t.target) || (e = w.value) != null && e.contains(t.target) || (c.value = !1);
     }), (t, o) => (l(), a("div", {
@@ -62,24 +62,24 @@ const K = ["onClick"], P = {
       ref_key: "containerRef",
       ref: y
     }, [
-      (l(!0), a(I, null, S(n.items, (e, f) => (l(), a(I, {
+      (l(!0), a(C, null, F(n.items, (e, f) => (l(), a(C, {
         key: e.id
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
-          class: b(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          class: I(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
           ref: (r) => A(r, f),
           onClick: (r) => R(e.id)
         }, [
           (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-          e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
+          e.label ? (l(), a("span", P, S(e.label), 1)) : _("", !0)
         ], 10, K)) : _("", !0)
       ], 64))), 128)),
-      C("div", Q, [
+      b("div", Q, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: b(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          class: I(["tr-flow-layout__item", "icon-only", { selected: z.value }]),
           ref_key: "moreButtonRef",
           ref: w,
           onClick: U,
@@ -88,7 +88,7 @@ const K = ["onClick"], P = {
         }, [
           (l(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
-        C("div", {
+        b("div", {
           class: "tr-flow-layout__dropdown-container",
           onMouseenter: o[2] || (o[2] = (e) => v(!0)),
           onMouseleave: o[3] || (o[3] = (e) => v(!1))
@@ -99,13 +99,13 @@ const K = ["onClick"], P = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
-              class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+            (l(!0), a(C, null, F(W.value, (e) => (l(), a("button", {
+              class: I(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
               key: e.id,
               onClick: (f) => R(e.id)
             }, [
               (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-              C("span", Z, D(e.label), 1)
+              b("span", Z, S(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)

package/dist/history/index.js

@@ -156,9 +156,8 @@ const ue = /* @__PURE__ */ V({
                 p("span", Ie, k(d.title), 1),
                 d.tag ? (n(), R(e(de), te({
                   key: 0,
-                  class: "tr-history__item-tag",
-                  ref_for: !0
-                }, d.tag), null, 16)) : E("", !0),
+                  class: "tr-history__item-tag"
+                }, { ref_for: !0 }, d.tag), null, 16)) : E("", !0),
                 p("div", we, [
                   m(e(S), {
                     content: "编辑",

package/dist/index.d.ts

@@ -394,20 +394,20 @@ disabled: boolean;
 type: string;
 ellipsis: boolean;
 mask: boolean;
+vertical: boolean;
+customClass: string;
 tiny_mode_root: boolean;
 _constants: Record<string, any>;
 tabindex: string;
-contentStyle: Record<string, any>;
-customClass: string;
 showTitle: boolean;
 readonly: boolean;
 hoverExpand: boolean;
 memorySpace: number;
-vertical: boolean;
 selectMenu: {
 id: string;
 label: string;
 }[];
+contentStyle: Record<string, any>;
 isSelect: boolean;
 counter: boolean;
 autosize: boolean | Record<string, any>;
@@ -621,20 +621,20 @@ disabled: boolean;
 type: string;
 ellipsis: boolean;
 mask: boolean;
+vertical: boolean;
+customClass: string;
 tiny_mode_root: boolean;
 _constants: Record<string, any>;
 tabindex: string;
-contentStyle: Record<string, any>;
-customClass: string;
 showTitle: boolean;
 readonly: boolean;
 hoverExpand: boolean;
 memorySpace: number;
-vertical: boolean;
 selectMenu: {
 id: string;
 label: string;
 }[];
+contentStyle: Record<string, any>;
 isSelect: boolean;
 counter: boolean;
 autosize: boolean | Record<string, any>;
@@ -1176,20 +1176,20 @@ declare function __VLS_template_5(): {
         type: string;
         ellipsis: boolean;
         mask: boolean;
+        vertical: boolean;
+        customClass: string;
         tiny_mode_root: boolean;
         _constants: Record<string, any>;
         tabindex: string;
-        contentStyle: Record<string, any>;
-        customClass: string;
         showTitle: boolean;
         readonly: boolean;
         hoverExpand: boolean;
         memorySpace: number;
-        vertical: boolean;
         selectMenu: {
         id: string;
         label: string;
         }[];
+        contentStyle: Record<string, any>;
         isSelect: boolean;
         counter: boolean;
         autosize: boolean | Record<string, any>;
@@ -1403,20 +1403,20 @@ declare function __VLS_template_5(): {
         type: string;
         ellipsis: boolean;
         mask: boolean;
+        vertical: boolean;
+        customClass: string;
         tiny_mode_root: boolean;
         _constants: Record<string, any>;
         tabindex: string;
-        contentStyle: Record<string, any>;
-        customClass: string;
         showTitle: boolean;
         readonly: boolean;
         hoverExpand: boolean;
         memorySpace: number;
-        vertical: boolean;
         selectMenu: {
         id: string;
         label: string;
         }[];
+        contentStyle: Record<string, any>;
         isSelect: boolean;
         counter: boolean;
         autosize: boolean | Record<string, any>;

package/dist/index2.js

@@ -60,7 +60,7 @@ function Se(...e) {
 function K(e) {
   return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
 }
-function D(e) {
+function k(e) {
   return Array.isArray(e) ? e : [e];
 }
 function ye(e) {
@@ -126,19 +126,19 @@ function E(e) {
   const o = g(e);
   return (t = o == null ? void 0 : o.$el) != null ? t : o;
 }
-function W(...e) {
+function M(...e) {
   const t = [], o = () => {
     t.forEach((i) => i()), t.length = 0;
   }, n = (i, l, s, h) => (i.addEventListener(l, s, h), () => i.removeEventListener(l, s, h)), v = I(() => {
-    const i = D(g(e[0])).filter((l) => l != null);
+    const i = k(g(e[0])).filter((l) => l != null);
     return i.every((l) => typeof l != "string") ? i : void 0;
   }), c = We(
     () => {
       var i, l;
       return [
         (l = (i = v.value) == null ? void 0 : i.map((s) => E(s))) != null ? l : [R].filter((s) => s != null),
-        D(g(v.value ? e[1] : e[0])),
-        D(de(v.value ? e[2] : e[1])),
+        k(g(v.value ? e[1] : e[0])),
+        k(de(v.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         g(v.value ? e[3] : e[2])
       ];
@@ -169,7 +169,7 @@ function Fe(e, t, o = {}) {
   if (we && !Z) {
     Z = !0;
     const u = { passive: !0 };
-    Array.from(n.document.body.children).forEach((f) => W(f, "click", x, u)), W(n.document.documentElement, "click", x, u);
+    Array.from(n.document.body.children).forEach((f) => f.addEventListener("click", x, u)), n.document.documentElement.addEventListener("click", x, u);
   }
   let l = !0;
   const s = (u) => g(v).some((f) => {
@@ -186,7 +186,7 @@ function Fe(e, t, o = {}) {
   }
   function r(u, f) {
     const p = g(u), F = p.$.subTree && p.$.subTree.children;
-    return F == null || !Array.isArray(F) ? !1 : F.some((L) => L.el === f.target || f.composedPath().includes(L.el));
+    return F == null || !Array.isArray(F) ? !1 : F.some((D) => D.el === f.target || f.composedPath().includes(D.el));
   }
   const a = (u) => {
     const f = E(e);
@@ -200,16 +200,16 @@ function Fe(e, t, o = {}) {
   };
   let m = !1;
   const b = [
-    W(n, "click", (u) => {
+    M(n, "click", (u) => {
       m || (m = !0, setTimeout(() => {
         m = !1;
       }, 0), a(u));
     }, { passive: !0, capture: c }),
-    W(n, "pointerdown", (u) => {
+    M(n, "pointerdown", (u) => {
       const f = E(e);
       l = !s(u) && !!(f && !u.composedPath().includes(f));
     }, { passive: !0 }),
-    d && W(n, "blur", (u) => {
+    d && M(n, "blur", (u) => {
       setTimeout(() => {
         var f;
         const p = E(e);
@@ -243,7 +243,7 @@ function Oe(e, t, o = {}) {
   const d = G(() => n && "MutationObserver" in n), i = () => {
     c && (c.disconnect(), c = void 0);
   }, l = I(() => {
-    const a = g(e), m = D(a).map(E).filter(he);
+    const a = g(e), m = k(a).map(E).filter(he);
     return new Set(m);
   }), s = _(
     () => l.value,
@@ -281,7 +281,7 @@ function Pe(e, t = {}) {
       return;
     }
     v.value && (d.value = o.matchMedia(g(e)), i.value = d.value.matches);
-  }), W(d, "change", l, { passive: !0 }), I(() => i.value);
+  }), M(d, "change", l, { passive: !0 }), I(() => i.value);
 }
 function le(e, t, o = {}) {
   const { window: n = R, ...v } = o;
@@ -309,7 +309,7 @@ function le(e, t, o = {}) {
     stop: h
   };
 }
-function Ce(e, t = {}) {
+function Le(e, t = {}) {
   const {
     reset: o = !0,
     windowResize: n = !0,
@@ -331,7 +331,7 @@ function Ce(e, t = {}) {
   }
   return le(e, u), _(() => E(e), (f) => !f && u()), Oe(e, u, {
     attributeFilter: ["style", "class"]
-  }), v && W("scroll", u, { capture: !0, passive: !0 }), n && W("resize", u, { passive: !0 }), V(() => {
+  }), v && M("scroll", u, { capture: !0, passive: !0 }), n && M("resize", u, { passive: !0 }), V(() => {
     c && u();
   }), {
     height: i,
@@ -345,7 +345,7 @@ function Ce(e, t = {}) {
     update: u
   };
 }
-function ke(e, t = { width: 0, height: 0 }, o = {}) {
+function Ce(e, t = { width: 0, height: 0 }, o = {}) {
   const { window: n = R, box: v = "content-box" } = o, c = I(() => {
     var r, a;
     return (a = (r = E(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : a.includes("svg");
@@ -360,7 +360,7 @@ function ke(e, t = { width: 0, height: 0 }, o = {}) {
           d.value = b.width, i.value = b.height;
         }
       } else if (a) {
-        const m = D(a);
+        const m = k(a);
         d.value = m.reduce((b, { inlineSize: y }) => b + y, 0), i.value = m.reduce((b, { blockSize: y }) => b + y, 0);
       } else
         d.value = r.contentRect.width, i.value = r.contentRect.height;
@@ -387,7 +387,7 @@ function ke(e, t = { width: 0, height: 0 }, o = {}) {
   };
 }
 const ee = 1;
-function De(e, t = {}) {
+function ke(e, t = {}) {
   const {
     throttle: o = 0,
     idle: n = 200,
@@ -424,18 +424,18 @@ function De(e, t = {}) {
     }
   });
   function y(w, P) {
-    var T, C, k, j;
+    var T, L, C, j;
     if (!s)
       return;
-    const M = g(e);
-    if (!M)
+    const W = g(e);
+    if (!W)
       return;
-    (k = M instanceof Document ? s.document.body : M) == null || k.scrollTo({
+    (C = W instanceof Document ? s.document.body : W) == null || C.scrollTo({
       top: (T = g(P)) != null ? T : b.value,
-      left: (C = g(w)) != null ? C : m.value,
+      left: (L = g(w)) != null ? L : m.value,
       behavior: g(l)
     });
-    const O = ((j = M == null ? void 0 : M.document) == null ? void 0 : j.documentElement) || (M == null ? void 0 : M.documentElement) || M;
+    const O = ((j = W == null ? void 0 : W.document) == null ? void 0 : j.documentElement) || (W == null ? void 0 : W.documentElement) || W;
     m != null && (r.value = O.scrollLeft), b != null && (a.value = O.scrollTop);
   }
   const u = S(!1), f = J({
@@ -450,26 +450,26 @@ function De(e, t = {}) {
     bottom: !1
   }), F = (w) => {
     u.value && (u.value = !1, p.left = !1, p.right = !1, p.top = !1, p.bottom = !1, v(w));
-  }, L = Ee(F, o + n), z = (w) => {
+  }, D = Ee(F, o + n), z = (w) => {
     var P;
     if (!s)
       return;
-    const T = ((P = w == null ? void 0 : w.document) == null ? void 0 : P.documentElement) || (w == null ? void 0 : w.documentElement) || E(w), { display: C, flexDirection: k, direction: j } = getComputedStyle(T), M = j === "rtl" ? -1 : 1, O = T.scrollLeft;
+    const T = ((P = w == null ? void 0 : w.document) == null ? void 0 : P.documentElement) || (w == null ? void 0 : w.documentElement) || E(w), { display: L, flexDirection: C, direction: j } = getComputedStyle(T), W = j === "rtl" ? -1 : 1, O = T.scrollLeft;
     p.left = O < r.value, p.right = O > r.value;
-    const Q = Math.abs(O * M) <= (d.left || 0), X = Math.abs(O * M) + T.clientWidth >= T.scrollWidth - (d.right || 0) - ee;
-    C === "flex" && k === "row-reverse" ? (f.left = X, f.right = Q) : (f.left = Q, f.right = X), r.value = O;
+    const Q = Math.abs(O * W) <= (d.left || 0), X = Math.abs(O * W) + T.clientWidth >= T.scrollWidth - (d.right || 0) - ee;
+    L === "flex" && C === "row-reverse" ? (f.left = X, f.right = Q) : (f.left = Q, f.right = X), r.value = O;
     let A = T.scrollTop;
     w === s.document && !A && (A = s.document.body.scrollTop), p.top = A < a.value, p.bottom = A > a.value;
     const U = Math.abs(A) <= (d.top || 0), q = Math.abs(A) + T.clientHeight >= T.scrollHeight - (d.bottom || 0) - ee;
-    C === "flex" && k === "column-reverse" ? (f.top = q, f.bottom = U) : (f.top = U, f.bottom = q), a.value = A;
+    L === "flex" && C === "column-reverse" ? (f.top = q, f.bottom = U) : (f.top = U, f.bottom = q), a.value = A;
   }, Y = (w) => {
     var P;
     if (!s)
       return;
     const T = (P = w.target.documentElement) != null ? P : w.target;
-    z(T), u.value = !0, L(w), c(w);
+    z(T), u.value = !0, D(w), c(w);
   };
-  return W(
+  return M(
     e,
     "scroll",
     o ? Te(Y, o, !0, !1) : Y,
@@ -483,7 +483,7 @@ function De(e, t = {}) {
     } catch (w) {
       h(w);
     }
-  }), W(
+  }), M(
     e,
     "scrollend",
     F,
@@ -500,7 +500,7 @@ function De(e, t = {}) {
     }
   };
 }
-function Le(e = {}) {
+function De(e = {}) {
   const {
     window: t = R,
     initialWidth: o = Number.POSITIVE_INFINITY,
@@ -519,18 +519,18 @@ function Le(e = {}) {
   };
   s(), V(s);
   const h = { passive: !0 };
-  if (W("resize", s, h), t && d === "visual" && t.visualViewport && W(t.visualViewport, "resize", s, h), v) {
+  if (M("resize", s, h), t && d === "visual" && t.visualViewport && M(t.visualViewport, "resize", s, h), v) {
     const r = Pe("(orientation: portrait)");
     _(r, () => s());
   }
   return { width: i, height: l };
 }
 export {
-  Le as a,
-  ke as b,
-  Ce as c,
+  De as a,
+  Ce as b,
+  Le as c,
   Pe as d,
   Fe as o,
-  De as u,
+  ke as u,
   _e as w
 };