mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-21 20:40:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

build

Browse Source
This commit is contained in:
Rene Haas
2022-08-11 02:08:25 +02:00
parent 0b65f2aadf
commit 8a62dbf622
12 changed files with 828 additions and 820 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es5.js
Vendored
+448 -446
View File
File diff suppressed because it is too large Load Diff
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es5.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es5.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es6.js
Vendored
+124 -122
View File
@@ -638,9 +638,9 @@ const OverlayScrollbars = function(t) {
})); }));
return o; return o;
}; };
const x = "os-environment"; const $ = "os-environment";
const $ = `${x}-flexbox-glue`; const x = `${$}-flexbox-glue`;
const C = `${$}-max`; const C = `${x}-max`;
const O = "data-overlayscrollbars"; const O = "data-overlayscrollbars";
const T = `${O}-overflow-x`; const T = `${O}-overflow-x`;
const E = `${O}-overflow-y`; const E = `${O}-overflow-y`;
@@ -656,9 +656,9 @@ const OverlayScrollbars = function(t) {
const k = "os-size-observer"; const k = "os-size-observer";
const B = `${k}-appear`; const B = `${k}-appear`;
const V = `${k}-listener`; const V = `${k}-listener`;
const j = `${V}-scroll`; const Y = `${V}-scroll`;
const Y = `${V}-item`; const j = `${V}-item`;
const q = `${Y}-final`; const q = `${j}-final`;
const F = "os-trinsic-observer"; const F = "os-trinsic-observer";
const G = "os-scrollbar"; const G = "os-scrollbar";
const N = `${G}-rtl`; const N = `${G}-rtl`;
@@ -728,9 +728,9 @@ const OverlayScrollbars = function(t) {
const pt = /* @__PURE__ */ (() => ({ const pt = /* @__PURE__ */ (() => ({
[wt]: { [wt]: {
O: (t, n, o) => { O: (t, n, o) => {
const s = createDOM(`<div class="${Y}" dir="ltr"><div class="${Y}"><div class="${q}"></div></div><div class="${Y}"><div class="${q}" style="width: 200%; height: 200%"></div></div></div>`); const s = createDOM(`<div class="${j}" dir="ltr"><div class="${j}"><div class="${q}"></div></div><div class="${j}"><div class="${q}" style="width: 200%; height: 200%"></div></div></div>`);
appendChildren(t, s); appendChildren(t, s);
addClass(t, j); addClass(t, Y);
const e = s[0]; const e = s[0];
const c = e.lastChild; const c = e.lastChild;
const r = e.firstChild; const r = e.firstChild;
@@ -789,7 +789,7 @@ const OverlayScrollbars = function(t) {
return !(o === s || o + 1 === s || o - 1 === s); return !(o === s || o + 1 === s || o - 1 === s);
}; };
const St = "__osScrollbarsHidingPlugin"; const St = "__osScrollbarsHidingPlugin";
const xt = /* @__PURE__ */ (() => ({ const $t = /* @__PURE__ */ (() => ({
[St]: { [St]: {
T: t => { T: t => {
const {A: n, I: o, L: s} = t; const {A: n, I: o, L: s} = t;
@@ -912,7 +912,7 @@ const OverlayScrollbars = function(t) {
} }
} }
}))(); }))();
let $t; let xt;
const getNativeScrollbarSize = (t, n, o, s) => { const getNativeScrollbarSize = (t, n, o, s) => {
appendChildren(t, n); appendChildren(t, n);
const e = clientSize(n); const e = clientSize(n);
@@ -951,7 +951,7 @@ const OverlayScrollbars = function(t) {
}; };
}; };
const getFlexboxGlue = (t, n) => { const getFlexboxGlue = (t, n) => {
const o = addClass(t, $); const o = addClass(t, x);
const s = getBoundingClientRect(t); const s = getBoundingClientRect(t);
const e = getBoundingClientRect(n); const e = getBoundingClientRect(n);
const c = equalBCRWH(e, s, true); const c = equalBCRWH(e, s, true);
@@ -965,7 +965,7 @@ const OverlayScrollbars = function(t) {
}; };
const createEnvironment = () => { const createEnvironment = () => {
const {body: t} = document; const {body: t} = document;
const n = createDOM(`<div class="${x}"><div></div></div>`); const n = createDOM(`<div class="${$}"><div></div></div>`);
const o = n[0]; const o = n[0];
const s = o.firstChild; const s = o.firstChild;
const [e, , c] = createEventListenerHub(); const [e, , c] = createEventListenerHub();
@@ -1002,8 +1002,8 @@ const OverlayScrollbars = function(t) {
L: "-1" === style(o, "zIndex"), L: "-1" === style(o, "zIndex"),
B: getRtlScrollBehavior(o, s), B: getRtlScrollBehavior(o, s),
V: getFlexboxGlue(o, s), V: getFlexboxGlue(o, s),
j: t => e("_", t), Y: t => e("_", t),
Y: assignDeep.bind(0, {}, d), j: assignDeep.bind(0, {}, d),
q(t) { q(t) {
assignDeep(d, t); assignDeep(d, t);
}, },
@@ -1027,10 +1027,10 @@ const OverlayScrollbars = function(t) {
return _; return _;
}; };
const getEnvironment = () => { const getEnvironment = () => {
if (!$t) { if (!xt) {
$t = createEnvironment(); xt = createEnvironment();
} }
return $t; return xt;
}; };
const resolveInitialization = (t, n) => isFunction(t) ? t.apply(0, n) : t; const resolveInitialization = (t, n) => isFunction(t) ? t.apply(0, n) : t;
const staticInitializationElement = (t, n, o, s) => { const staticInitializationElement = (t, n, o, s) => {
@@ -1046,7 +1046,7 @@ const OverlayScrollbars = function(t) {
const cancelInitialization = (t, n) => { const cancelInitialization = (t, n) => {
const {nativeScrollbarsOverlaid: o, body: s} = t || {}; const {nativeScrollbarsOverlaid: o, body: s} = t || {};
const {U: e} = n; const {U: e} = n;
const {Y: c, I: r, A: l} = getEnvironment(); const {j: c, I: r, A: l} = getEnvironment();
const {nativeScrollbarsOverlaid: i, body: a} = c().cancel; const {nativeScrollbarsOverlaid: i, body: a} = c().cancel;
const u = null != o ? o : i; const u = null != o ? o : i;
const d = isUndefined(s) ? a : s; const d = isUndefined(s) ? a : s;
@@ -1082,7 +1082,7 @@ const OverlayScrollbars = function(t) {
}; };
const createStructureSetupElements = t => { const createStructureSetupElements = t => {
const n = getEnvironment(); const n = getEnvironment();
const {Y: o, A: s} = n; const {j: o, A: s} = n;
const e = getPlugins()[St]; const e = getPlugins()[St];
const c = e && e.T; const c = e && e.T;
const {elements: r} = o(); const {elements: r} = o();
@@ -1096,19 +1096,19 @@ const OverlayScrollbars = function(t) {
const m = p.ownerDocument; const m = p.ownerDocument;
const y = p === m.body; const y = p === m.body;
const S = m.defaultView; const S = m.defaultView;
const x = staticInitializationElement.bind(0, [ p ]); const $ = staticInitializationElement.bind(0, [ p ]);
const $ = dynamicInitializationElement.bind(0, [ p ]); const x = dynamicInitializationElement.bind(0, [ p ]);
const C = x(Tt, i, v); const C = $(Tt, i, v);
const A = C === p; const A = C === p;
const z = A && y; const z = A && y;
const I = m.activeElement; const I = m.activeElement;
const M = !A && S.top === S && I === p; const M = !A && S.top === S && I === p;
const R = { const R = {
W: p, W: p,
J: b ? x(Tt, l, h) : p, J: b ? $(Tt, l, h) : p,
K: C, K: C,
Z: !A && $(Tt, a, g), Z: !A && x(Tt, a, g),
tt: !A && $(Tt, u, w), tt: !A && x(Tt, u, w),
nt: !A && !s && c && c(n), nt: !A && !s && c && c(n),
ot: z ? m.documentElement : C, ot: z ? m.documentElement : C,
st: z ? m : C, st: z ? m : C,
@@ -1126,15 +1126,15 @@ const OverlayScrollbars = function(t) {
return push(t, o && !parent(o) ? o : false); return push(t, o && !parent(o) ? o : false);
}), []); }), []);
const elementIsGenerated = t => t ? indexOf(k, t) > -1 : null; const elementIsGenerated = t => t ? indexOf(k, t) > -1 : null;
const {W: B, J: V, Z: j, K: Y, tt: q, nt: F} = R; const {W: B, J: V, Z: Y, K: j, tt: q, nt: F} = R;
const G = []; const G = [];
const N = b && elementIsGenerated(V); const N = b && elementIsGenerated(V);
let X = b ? B : contents([ q, Y, j, V, B ].find((t => false === elementIsGenerated(t)))); let X = b ? B : contents([ q, j, Y, V, B ].find((t => false === elementIsGenerated(t))));
const U = q || Y; const U = q || j;
const appendElements = () => { const appendElements = () => {
const t = addDataAttrHost(V, A ? "viewport" : "host"); const t = addDataAttrHost(V, A ? "viewport" : "host");
const n = addClass(j, L); const n = addClass(Y, L);
const o = addClass(Y, !A && H); const o = addClass(j, !A && H);
const e = addClass(q, P); const e = addClass(q, P);
const c = y ? addClass(parent(p), D) : noop; const c = y ? addClass(parent(p), D) : noop;
if (N) { if (N) {
@@ -1145,40 +1145,40 @@ const OverlayScrollbars = function(t) {
})); }));
} }
appendChildren(U, X); appendChildren(U, X);
appendChildren(V, j); appendChildren(V, Y);
appendChildren(j || V, !A && Y); appendChildren(Y || V, !A && j);
appendChildren(Y, q); appendChildren(j, q);
push(G, (() => { push(G, (() => {
c(); c();
t(); t();
removeAttr(Y, T); removeAttr(j, T);
removeAttr(Y, E); removeAttr(j, E);
if (elementIsGenerated(q)) { if (elementIsGenerated(q)) {
unwrap(q); unwrap(q);
} }
if (elementIsGenerated(Y)) {
unwrap(Y);
}
if (elementIsGenerated(j)) { if (elementIsGenerated(j)) {
unwrap(j); unwrap(j);
} }
if (elementIsGenerated(Y)) {
unwrap(Y);
}
n(); n();
o(); o();
e(); e();
})); }));
if (s && !A) { if (s && !A) {
push(G, removeClass.bind(0, Y, D)); push(G, removeClass.bind(0, j, D));
} }
if (F) { if (F) {
insertBefore(Y, F); insertBefore(j, F);
push(G, removeElements.bind(0, F)); push(G, removeElements.bind(0, F));
} }
if (M) { if (M) {
const t = attr(Y, Ot); const t = attr(j, Ot);
attr(Y, Ot, "-1"); attr(j, Ot, "-1");
Y.focus(); j.focus();
const n = on(m, "pointerdown keydown", (() => { const n = on(m, "pointerdown keydown", (() => {
t ? attr(Y, Ot, t) : removeAttr(Y, Ot); t ? attr(j, Ot, t) : removeAttr(j, Ot);
n(); n();
})); }));
} else if (I && I.focus) { } else if (I && I.focus) {
@@ -1298,7 +1298,7 @@ const OverlayScrollbars = function(t) {
const p = u && i; const p = u && i;
const [b, m] = createCache(Ht, fractionalSize.bind(0, r)); const [b, m] = createCache(Ht, fractionalSize.bind(0, r));
const [y, S] = createCache(Ht, scrollSize.bind(0, r)); const [y, S] = createCache(Ht, scrollSize.bind(0, r));
const [x, $] = createCache(Ht); const [$, x] = createCache(Ht);
const [C, I] = createCache(Ht); const [C, I] = createCache(Ht);
const [L] = createCache(Mt); const [L] = createCache(Mt);
const fixFlexboxGlue = (t, n) => { const fixFlexboxGlue = (t, n) => {
@@ -1332,7 +1332,7 @@ const OverlayScrollbars = function(t) {
const [s, e, c, l] = getStatePerAxis("overflowX", g.x, f.x); const [s, e, c, l] = getStatePerAxis("overflowX", g.x, f.x);
const [i, a, u, d] = getStatePerAxis("overflowY", g.y, f.y); const [i, a, u, d] = getStatePerAxis("overflowY", g.y, f.y);
return { return {
xt: { $t: {
x: s, x: s,
y: i y: i
}, },
@@ -1383,28 +1383,28 @@ const OverlayScrollbars = function(t) {
}; };
const [H, M] = v ? v.H(w, _, r, l, o, getViewportOverflowState, hideNativeScrollbars) : [ () => w, () => [ noop ] ]; const [H, M] = v ? v.H(w, _, r, l, o, getViewportOverflowState, hideNativeScrollbars) : [ () => w, () => [ noop ] ];
return (t, n, l) => { return (t, n, l) => {
const {ht: u, $t: f, gt: v, yt: w, _t: P, wt: k} = t; const {ht: u, xt: f, gt: v, yt: w, _t: P, wt: k} = t;
const {ft: B, vt: V} = o(); const {ft: B, vt: V} = o();
const [j, Y] = n("showNativeOverlaidScrollbars"); const [Y, j] = n("showNativeOverlaidScrollbars");
const [q, F] = n("overflow"); const [q, F] = n("overflow");
const G = j && g.x && g.y; const G = Y && g.x && g.y;
const N = !i && !_ && (u || v || f || Y || P); const N = !i && !_ && (u || v || f || j || P);
const X = overflowIsVisible(q.x); const X = overflowIsVisible(q.x);
const U = overflowIsVisible(q.y); const U = overflowIsVisible(q.y);
const W = X || U; const W = X || U;
let J = m(l); let J = m(l);
let K = S(l); let K = S(l);
let Z = $(l); let Z = x(l);
let Q = I(l); let Q = I(l);
let tt; let tt;
if (Y && h) { if (j && h) {
a(D, z, !G); a(D, z, !G);
} }
if (N) { if (N) {
tt = getViewportOverflowState(G); tt = getViewportOverflowState(G);
fixFlexboxGlue(tt, B); fixFlexboxGlue(tt, B);
} }
if (u || w || v || k || Y) { if (u || w || v || k || j) {
if (W) { if (W) {
a(R, A, false); a(R, A, false);
} }
@@ -1415,7 +1415,7 @@ const OverlayScrollbars = function(t) {
let u = e; let u = e;
let f = i; let f = i;
t(); t();
if ((c || s || Y) && n && !G && H(n, e, o, V)) { if ((c || s || j) && n && !G && H(n, e, o, V)) {
f = clientSize(r); f = clientSize(r);
u = scrollSize(r); u = scrollSize(r);
} }
@@ -1428,7 +1428,7 @@ const OverlayScrollbars = function(t) {
h: At(p ? d.innerHeight : f.h + At(i.h - e.h) + o.h) h: At(p ? d.innerHeight : f.h + At(i.h - e.h) + o.h)
}; };
Q = C(h); Q = C(h);
Z = x(getOverflowAmount(_, h), l); Z = $(getOverflowAmount(_, h), l);
} }
const [nt, ot] = Q; const [nt, ot] = Q;
const [st, et] = Z; const [st, et] = Z;
@@ -1439,7 +1439,7 @@ const OverlayScrollbars = function(t) {
y: st.h > 0 y: st.h > 0
}; };
const ut = X && U && (at.x || at.y) || X && at.x && !at.y || U && at.y && !at.x; const ut = X && U && (at.x || at.y) || X && at.x && !at.y || U && at.y && !at.x;
if (w || k || it || rt || ot || et || F || Y || N) { if (w || k || it || rt || ot || et || F || j || N) {
const t = { const t = {
marginRight: 0, marginRight: 0,
marginBottom: 0, marginBottom: 0,
@@ -1466,9 +1466,9 @@ const OverlayScrollbars = function(t) {
attrClass(e, O, A, ut); attrClass(e, O, A, ut);
conditionalClass(c, R, ut); conditionalClass(c, R, ut);
!i && conditionalClass(r, R, W); !i && conditionalClass(r, R, W);
const [dt, ft] = L(getViewportOverflowState(G).xt); const [dt, ft] = L(getViewportOverflowState(G).$t);
s({ s({
xt: dt, $t: dt,
Ct: { Ct: {
x: nt.w, x: nt.w,
y: nt.h y: nt.h
@@ -1511,7 +1511,7 @@ const OverlayScrollbars = function(t) {
At: false, At: false,
zt: false, zt: false,
Et: false, Et: false,
$t: false, xt: false,
gt: false gt: false
}, n), {}, r); }, n), {}, r);
const d = a || !i; const d = a || !i;
@@ -1752,10 +1752,10 @@ const OverlayScrollbars = function(t) {
const m = t === c; const m = t === c;
const y = p && isString(e) ? attr(c, e) : 0; const y = p && isString(e) ? attr(c, e) : 0;
const S = 0 !== y && d !== y; const S = 0 !== y && d !== y;
const x = indexOf(v, e) > -1 && S; const $ = indexOf(v, e) > -1 && S;
if (n && !m) { if (n && !m) {
const n = !p; const n = !p;
const a = p && x; const a = p && $;
const u = a && i && is(c, i); const u = a && i && is(c, i);
const _ = u ? !r(c, e, d, y) : n || a; const _ = u ? !r(c, e, d, y) : n || a;
const v = _ && !l(o, !!u, t, s); const v = _ && !l(o, !!u, t, s);
@@ -1765,7 +1765,7 @@ const OverlayScrollbars = function(t) {
} }
if (!n && m && S && !r(c, e, d, y)) { if (!n && m && S && !r(c, e, d, y)) {
push(a, e); push(a, e);
_ = _ || x; _ = _ || $;
} }
})); }));
if (w && !isEmptyArray(f)) { if (w && !isEmptyArray(f)) {
@@ -1910,7 +1910,7 @@ const OverlayScrollbars = function(t) {
}; };
const onHostMutation = (t, n, o) => { const onHostMutation = (t, n, o) => {
const s = { const s = {
$t: n xt: n
}; };
if (n) { if (n) {
!o && p(s); !o && p(s);
@@ -1920,11 +1920,11 @@ const OverlayScrollbars = function(t) {
return s; return s;
}; };
const [b, m, y] = a || !g ? createTrinsicObserver(l, onTrinsicChanged) : [ noop, noop, noop ]; const [b, m, y] = a || !g ? createTrinsicObserver(l, onTrinsicChanged) : [ noop, noop, noop ];
const [S, x] = !f ? createSizeObserver(l, onSizeChanged, { const [S, $] = !f ? createSizeObserver(l, onSizeChanged, {
Lt: true, Lt: true,
It: true It: true
}) : [ noop, noop ]; }) : [ noop, noop ];
const [$, C] = createDOMObserver(l, false, onHostMutation, { const [x, C] = createDOMObserver(l, false, onHostMutation, {
Pt: Vt, Pt: Vt,
Mt: Vt.concat(kt) Mt: Vt.concat(kt)
}); });
@@ -1938,9 +1938,9 @@ const OverlayScrollbars = function(t) {
S(); S();
c && c[0](); c && c[0]();
O && O.disconnect(); O && O.disconnect();
$();
}, () => {
x(); x();
}, () => {
$();
m(); m();
}, () => { }, () => {
const t = {}; const t = {};
@@ -1998,11 +1998,11 @@ const OverlayScrollbars = function(t) {
} }
} ]; } ];
}; };
const jt = { const Yt = {
x: 0, x: 0,
y: 0 y: 0
}; };
const Yt = { const jt = {
Z: { Z: {
t: 0, t: 0,
r: 0, r: 0,
@@ -2019,9 +2019,9 @@ const OverlayScrollbars = function(t) {
paddingBottom: 0, paddingBottom: 0,
paddingLeft: 0 paddingLeft: 0
}, },
Ct: jt, Ct: Yt,
Ot: jt, Ot: Yt,
xt: { $t: {
x: "hidden", x: "hidden",
y: "hidden" y: "hidden"
}, },
@@ -2034,7 +2034,7 @@ const OverlayScrollbars = function(t) {
}; };
const createStructureSetup = (t, n) => { const createStructureSetup = (t, n) => {
const o = createOptionCheck(n, {}); const o = createOptionCheck(n, {});
const s = createState(Yt); const s = createState(jt);
const [e, c, r] = createEventListenerHub(); const [e, c, r] = createEventListenerHub();
const [l] = s; const [l] = s;
const [i, a, u] = createStructureSetupElements(t); const [i, a, u] = createStructureSetupElements(t);
@@ -2052,7 +2052,7 @@ const OverlayScrollbars = function(t) {
v.Vt = t => { v.Vt = t => {
e("u", t); e("u", t);
}; };
v.jt = () => { v.Yt = () => {
const {W: t, K: n} = i; const {W: t, K: n} = i;
const o = scrollLeft(t); const o = scrollLeft(t);
const s = scrollTop(t); const s = scrollTop(t);
@@ -2061,7 +2061,7 @@ const OverlayScrollbars = function(t) {
scrollLeft(n, o); scrollLeft(n, o);
scrollTop(n, s); scrollTop(n, s);
}; };
v.Yt = i; v.jt = i;
return [ (t, o) => { return [ (t, o) => {
const s = createOptionCheck(n, t, o); const s = createOptionCheck(n, t, o);
g(s); g(s);
@@ -2114,15 +2114,17 @@ const OverlayScrollbars = function(t) {
const {B: r} = getEnvironment(); const {B: r} = getEnvironment();
const {qt: l, Ft: i, Gt: a} = o; const {qt: l, Ft: i, Gt: a} = o;
const u = `scroll${c ? "Left" : "Top"}`; const u = `scroll${c ? "Left" : "Top"}`;
const d = c ? "width" : "height"; const d = `client${c ? "X" : "Y"}`;
const f = c ? "w" : "h"; const f = c ? "width" : "height";
const _ = c ? "x" : "y"; const _ = c ? "left" : "top";
const h = c ? "w" : "h";
const g = c ? "x" : "y";
const getHandleOffset = (t, n) => t[_] - n[_]; const getHandleOffset = (t, n) => t[_] - n[_];
const createRelativeHandleMove = (t, n) => o => { const createRelativeHandleMove = (t, n) => o => {
const {Ot: d} = e(); const {Ot: d} = e();
const h = offsetSize(i)[f] - offsetSize(l)[f]; const f = offsetSize(i)[h] - offsetSize(l)[h];
const g = n * o / h; const _ = n * o / f;
const v = g * d[_]; const v = _ * d[g];
const w = directionIsRTL(a); const w = directionIsRTL(a);
const p = w && c ? r.n || r.i ? 1 : -1 : 1; const p = w && c ? r.n || r.i ? 1 : -1 : 1;
s[u] = t + v * p; s[u] = t + v * p;
@@ -2131,33 +2133,33 @@ const OverlayScrollbars = function(t) {
const e = closest(o.target, `.${J}`) === l; const e = closest(o.target, `.${J}`) === l;
if (continuePointerDown(o, t, e)) { if (continuePointerDown(o, t, e)) {
const t = !e && o.shiftKey; const t = !e && o.shiftKey;
const c = createRelativeHandleMove(s[u] || 0, 1 / getScale(s)[_]); const c = createRelativeHandleMove(s[u] || 0, 1 / getScale(s)[g]);
const r = o[_]; const r = o[d];
const a = getBoundingClientRect(l); const a = getBoundingClientRect(l);
const f = getBoundingClientRect(i); const h = getBoundingClientRect(i);
const h = a[d]; const v = a[f];
const g = getHandleOffset(a, f) + h / 2; const w = getHandleOffset(a, h) + v / 2;
const v = r - f[_]; const p = r - h[_];
const w = e ? 0 : v - g; const b = e ? 0 : p - w;
const p = [ on(n, "selectstart", (t => preventDefault(t)), { const m = [ on(n, "selectstart", (t => preventDefault(t)), {
S: false S: false
}), on(i, "pointermove", (n => { }), on(i, "pointermove", (n => {
const o = n[_] - r; const o = n[d] - r;
if (e || t) { if (e || t) {
c(w + o); c(b + o);
} }
})) ]; })) ];
if (t) { if (t) {
c(w); c(b);
} else if (!e) { } else if (!e) {
let t = 0; let t = 0;
let n = noop; let n = noop;
const animateClickScroll = o => { const animateClickScroll = o => {
n = animateNumber(o, o + h * Gt(w), 133, ((o, s) => { n = animateNumber(o, o + v * Gt(b), 133, ((o, s) => {
c(o); c(o);
const e = getHandleOffset(getBoundingClientRect(l), f); const e = getHandleOffset(getBoundingClientRect(l), h);
const r = e + h; const r = e + v;
const i = v >= e && v <= r; const i = p >= e && p <= r;
if (s && !i) { if (s && !i) {
if (t) { if (t) {
animateClickScroll(o); animateClickScroll(o);
@@ -2174,10 +2176,10 @@ const OverlayScrollbars = function(t) {
})); }));
}; };
animateClickScroll(0); animateClickScroll(0);
push(p, (() => n())); push(m, (() => n()));
} }
on(i, "pointerup", (t => { on(i, "pointerup", (t => {
runEachAndClear(p); runEachAndClear(m);
i.releasePointerCapture(t.pointerId); i.releasePointerCapture(t.pointerId);
}), { }), {
C: true C: true
@@ -2245,7 +2247,7 @@ const OverlayScrollbars = function(t) {
return 1 / v * (1 - v) * g; return 1 / v * (1 - v) * g;
}; };
const createScrollbarsSetupElements = (t, n, o) => { const createScrollbarsSetupElements = (t, n, o) => {
const {Y: s} = getEnvironment(); const {j: s} = getEnvironment();
const {scrollbars: e} = s(); const {scrollbars: e} = s();
const {slot: c} = e; const {slot: c} = e;
const {ct: r, W: l, J: i, K: a, lt: u, ot: d} = n; const {ct: r, W: l, J: i, K: a, lt: u, ot: d} = n;
@@ -2360,8 +2362,8 @@ const OverlayScrollbars = function(t) {
const [g, v] = selfCancelTimeout(100); const [g, v] = selfCancelTimeout(100);
const [w, p] = selfCancelTimeout(100); const [w, p] = selfCancelTimeout(100);
const [b, m] = selfCancelTimeout((() => i)); const [b, m] = selfCancelTimeout((() => i));
const [y, S, x] = createScrollbarsSetupElements(t, o.Yt, createScrollbarsSetupEvents(n, o)); const [y, S, $] = createScrollbarsSetupElements(t, o.jt, createScrollbarsSetupEvents(n, o));
const {J: $, K: C, ot: O, st: T, it: E, U: A} = o.Yt; const {J: x, K: C, ot: O, st: T, it: E, U: A} = o.jt;
const {Wt: z, Qt: I, Ut: L, Nt: H, Xt: M} = y; const {Wt: z, Qt: I, Ut: L, Nt: H, Xt: M} = y;
const {Zt: P} = z; const {Zt: P} = z;
const {Zt: D} = I; const {Zt: D} = I;
@@ -2389,12 +2391,12 @@ const OverlayScrollbars = function(t) {
r = e; r = e;
r && manageScrollbarsAutoHide(true); r && manageScrollbarsAutoHide(true);
}; };
const R = [ v, m, p, h, f, x, on($, "pointerover", onHostMouseEnter, { const R = [ v, m, p, h, f, $, on(x, "pointerover", onHostMouseEnter, {
C: true C: true
}), on($, "pointerenter", onHostMouseEnter), on($, "pointerleave", (() => { }), on(x, "pointerenter", onHostMouseEnter), on(x, "pointerleave", (() => {
r = false; r = false;
e && manageScrollbarsAutoHide(false); e && manageScrollbarsAutoHide(false);
})), on($, "pointermove", (() => { })), on(x, "pointermove", (() => {
s && d((() => { s && d((() => {
v(); v();
manageScrollbarsAutoHide(true); manageScrollbarsAutoHide(true);
@@ -2414,16 +2416,16 @@ const OverlayScrollbars = function(t) {
E && D(styleScrollbarPosition); E && D(styleScrollbarPosition);
})) ]; })) ];
const k = u.bind(0); const k = u.bind(0);
k.Yt = y; k.jt = y;
k.jt = S; k.Yt = S;
return [ (t, r, a) => { return [ (t, r, a) => {
const {At: u, zt: d, Et: f, wt: _} = a; const {At: u, zt: d, Et: f, wt: _} = a;
const h = createOptionCheck(n, t, r); const h = createOptionCheck(n, t, r);
const g = o(); const g = o();
const {Ot: v, xt: w, vt: p} = g; const {Ot: v, $t: w, vt: p} = g;
const [b, m] = h("scrollbars.theme"); const [b, m] = h("scrollbars.theme");
const [y, S] = h("scrollbars.visibility"); const [y, S] = h("scrollbars.visibility");
const [x, $] = h("scrollbars.autoHide"); const [$, x] = h("scrollbars.autoHide");
const [C] = h("scrollbars.autoHideDelay"); const [C] = h("scrollbars.autoHideDelay");
const [O, T] = h("scrollbars.dragScroll"); const [O, T] = h("scrollbars.dragScroll");
const [E, z] = h("scrollbars.clickScroll"); const [E, z] = h("scrollbars.clickScroll");
@@ -2440,10 +2442,10 @@ const OverlayScrollbars = function(t) {
L(b, true); L(b, true);
l = b; l = b;
} }
if ($) { if (x) {
s = "move" === x; s = "move" === $;
e = "leave" === x; e = "leave" === $;
c = "never" !== x; c = "never" !== $;
manageScrollbarsAutoHide(!c, true); manageScrollbarsAutoHide(!c, true);
} }
if (T) { if (T) {
@@ -2468,7 +2470,7 @@ const OverlayScrollbars = function(t) {
}, k, runEachAndClear.bind(0, R) ]; }, k, runEachAndClear.bind(0, R) ];
}; };
const OverlayScrollbars = (t, n, o) => { const OverlayScrollbars = (t, n, o) => {
const {F: s, j: e} = getEnvironment(); const {F: s, Y: e} = getEnvironment();
const c = getPlugins(); const c = getPlugins();
const r = isHTMLElement(t); const r = isHTMLElement(t);
const l = r ? t : t.target; const l = r ? t : t.target;
@@ -2514,7 +2516,7 @@ const OverlayScrollbars = function(t) {
t && n && f(t, n); t && n && f(t, n);
}, },
state() { state() {
const {Ct: t, Ot: n, xt: o, Tt: s, Z: e, bt: c, vt: r} = g(); const {Ct: t, Ot: n, $t: o, Tt: s, Z: e, bt: c, vt: r} = g();
return assignDeep({}, { return assignDeep({}, {
overflowEdge: t, overflowEdge: t,
overflowAmount: n, overflowAmount: n,
@@ -2527,8 +2529,8 @@ const OverlayScrollbars = function(t) {
}); });
}, },
elements() { elements() {
const {W: t, J: n, Z: o, K: s, tt: e, ot: c, st: r} = g.Yt; const {W: t, J: n, Z: o, K: s, tt: e, ot: c, st: r} = g.jt;
const {Wt: l, Qt: i} = p.Yt; const {Wt: l, Qt: i} = p.jt;
const translateScrollbarStructure = t => { const translateScrollbarStructure = t => {
const {qt: n, Ft: o, Gt: s} = t; const {qt: n, Ft: o, Gt: s} = t;
return { return {
@@ -2575,16 +2577,16 @@ const OverlayScrollbars = function(t) {
n(OverlayScrollbars, y); n(OverlayScrollbars, y);
} }
})); }));
if (cancelInitialization(!r && t.cancel, g.Yt)) { if (cancelInitialization(!r && t.cancel, g.jt)) {
destroy(true); destroy(true);
return y; return y;
} }
g.jt(); g.Yt();
p.jt(); p.Yt();
addInstance(l, y); addInstance(l, y);
_("initialized", [ y ]); _("initialized", [ y ]);
g.Vt(((t, n, o) => { g.Vt(((t, n, o) => {
const {ht: s, wt: e, _t: c, At: r, zt: l, Et: i, gt: a, $t: u} = t; const {ht: s, wt: e, _t: c, At: r, zt: l, Et: i, gt: a, xt: u} = t;
_("updated", [ y, { _("updated", [ y, {
updateHints: { updateHints: {
sizeChanged: s, sizeChanged: s,
@@ -2611,7 +2613,7 @@ const OverlayScrollbars = function(t) {
return isPlainObject(o) && !!getInstance(o.target); return isPlainObject(o) && !!getInstance(o.target);
}; };
OverlayScrollbars.env = () => { OverlayScrollbars.env = () => {
const {k: t, I: n, A: o, B: s, V: e, L: c, N: r, X: l, Y: i, q: a, F: u, G: d} = getEnvironment(); const {k: t, I: n, A: o, B: s, V: e, L: c, N: r, X: l, j: i, q: a, F: u, G: d} = getEnvironment();
return assignDeep({}, { return assignDeep({}, {
scrollbarsSize: t, scrollbarsSize: t,
scrollbarsOverlaid: n, scrollbarsOverlaid: n,
@@ -2628,7 +2630,7 @@ const OverlayScrollbars = function(t) {
}); });
}; };
t.OverlayScrollbars = OverlayScrollbars; t.OverlayScrollbars = OverlayScrollbars;
t.scrollbarsHidingPlugin = xt; t.scrollbarsHidingPlugin = $t;
t.sizeObserverPlugin = pt; t.sizeObserverPlugin = pt;
Object.defineProperties(t, { Object.defineProperties(t, {
tn: { tn: {
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es6.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/browser/overlayscrollbars.browser.es6.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/overlayscrollbars.cjs.js
Vendored
+75 -73
View File
@@ -791,9 +791,9 @@ const B = `${R}-listener`;
const V = `${B}-scroll`; const V = `${B}-scroll`;
const j = `${B}-item`; const Y = `${B}-item`;
const Y = `${j}-final`; const j = `${Y}-final`;
const q = "os-trinsic-observer"; const q = "os-trinsic-observer";
@@ -895,7 +895,7 @@ const vt = "__osSizeObserverPlugin";
const wt = /* @__PURE__ */ (() => ({ const wt = /* @__PURE__ */ (() => ({
[vt]: { [vt]: {
T: (t, n, o) => { T: (t, n, o) => {
const s = createDOM(`<div class="${j}" dir="ltr"><div class="${j}"><div class="${Y}"></div></div><div class="${j}"><div class="${Y}" style="width: 200%; height: 200%"></div></div></div>`); const s = createDOM(`<div class="${Y}" dir="ltr"><div class="${Y}"><div class="${j}"></div></div><div class="${Y}"><div class="${j}" style="width: 200%; height: 200%"></div></div></div>`);
appendChildren(t, s); appendChildren(t, s);
addClass(t, V); addClass(t, V);
const e = s[0]; const e = s[0];
@@ -1180,8 +1180,8 @@ const createEnvironment = () => {
I: a, I: a,
H: "-1" === style(o, "zIndex"), H: "-1" === style(o, "zIndex"),
V: getRtlScrollBehavior(o, s), V: getRtlScrollBehavior(o, s),
j: getFlexboxGlue(o, s), Y: getFlexboxGlue(o, s),
Y: t => e("_", t), j: t => e("_", t),
q: assignDeep.bind(0, {}, d), q: assignDeep.bind(0, {}, d),
F(t) { F(t) {
assignDeep(d, t); assignDeep(d, t);
@@ -1322,15 +1322,15 @@ const createStructureSetupElements = t => {
return push(t, o && !parent(o) ? o : false); return push(t, o && !parent(o) ? o : false);
}), []); }), []);
const elementIsGenerated = t => t ? indexOf(k, t) > -1 : null; const elementIsGenerated = t => t ? indexOf(k, t) > -1 : null;
const {J: B, K: V, tt: j, Z: Y, nt: q, ot: F} = R; const {J: B, K: V, tt: Y, Z: j, nt: q, ot: F} = R;
const G = []; const G = [];
const N = b && elementIsGenerated(V); const N = b && elementIsGenerated(V);
let X = b ? B : contents([ q, Y, j, V, B ].find((t => false === elementIsGenerated(t)))); let X = b ? B : contents([ q, j, Y, V, B ].find((t => false === elementIsGenerated(t))));
const U = q || Y; const U = q || j;
const appendElements = () => { const appendElements = () => {
const t = addDataAttrHost(V, A ? "viewport" : "host"); const t = addDataAttrHost(V, A ? "viewport" : "host");
const n = addClass(j, I); const n = addClass(Y, I);
const o = addClass(Y, !A && L); const o = addClass(j, !A && L);
const e = addClass(q, M); const e = addClass(q, M);
const c = y ? addClass(parent(p), P) : noop; const c = y ? addClass(parent(p), P) : noop;
if (N) { if (N) {
@@ -1341,40 +1341,40 @@ const createStructureSetupElements = t => {
})); }));
} }
appendChildren(U, X); appendChildren(U, X);
appendChildren(V, j); appendChildren(V, Y);
appendChildren(j || V, !A && Y); appendChildren(Y || V, !A && j);
appendChildren(Y, q); appendChildren(j, q);
push(G, (() => { push(G, (() => {
c(); c();
t(); t();
removeAttr(Y, O); removeAttr(j, O);
removeAttr(Y, T); removeAttr(j, T);
if (elementIsGenerated(q)) { if (elementIsGenerated(q)) {
unwrap(q); unwrap(q);
} }
if (elementIsGenerated(Y)) {
unwrap(Y);
}
if (elementIsGenerated(j)) { if (elementIsGenerated(j)) {
unwrap(j); unwrap(j);
} }
if (elementIsGenerated(Y)) {
unwrap(Y);
}
n(); n();
o(); o();
e(); e();
})); }));
if (s && !A) { if (s && !A) {
push(G, removeClass.bind(0, Y, P)); push(G, removeClass.bind(0, j, P));
} }
if (F) { if (F) {
insertBefore(Y, F); insertBefore(j, F);
push(G, removeElements.bind(0, F)); push(G, removeElements.bind(0, F));
} }
if (D) { if (D) {
const t = attr(Y, Ct); const t = attr(j, Ct);
attr(Y, Ct, "-1"); attr(j, Ct, "-1");
Y.focus(); j.focus();
const n = on(m, "pointerdown keydown", (() => { const n = on(m, "pointerdown keydown", (() => {
t ? attr(Y, Ct, t) : removeAttr(Y, Ct); t ? attr(j, Ct, t) : removeAttr(j, Ct);
n(); n();
})); }));
} else if (H && H.focus) { } else if (H && H.focus) {
@@ -1389,7 +1389,7 @@ const createTrinsicUpdateSegment = (t, n) => {
const {nt: o} = t; const {nt: o} = t;
const [s] = n; const [s] = n;
return t => { return t => {
const {j: n} = getEnvironment(); const {Y: n} = getEnvironment();
const {_t: e} = s(); const {_t: e} = s();
const {ht: c} = t; const {ht: c} = t;
const r = (o || !n) && c; const r = (o || !n) && c;
@@ -1414,7 +1414,7 @@ const createPaddingUpdateSegment = (t, n) => {
}, topRightBottomLeft.bind(0, e, "padding", "")); }, topRightBottomLeft.bind(0, e, "padding", ""));
return (t, n, e) => { return (t, n, e) => {
let [u, d] = a(e); let [u, d] = a(e);
const {I: f, j: _} = getEnvironment(); const {I: f, Y: _} = getEnvironment();
const {wt: h} = o(); const {wt: h} = o();
const {gt: g, vt: v, bt: w} = t; const {gt: g, vt: v, bt: w} = t;
const [p, b] = n("paddingAbsolute"); const [p, b] = n("paddingAbsolute");
@@ -1501,7 +1501,7 @@ const overflowIsVisible = t => 0 === t.indexOf(At);
const createOverflowUpdateSegment = (t, n) => { const createOverflowUpdateSegment = (t, n) => {
const [o, s] = n; const [o, s] = n;
const {K: e, tt: c, Z: r, ot: l, ut: i, ft: a, W: u, ct: d} = t; const {K: e, tt: c, Z: r, ot: l, ut: i, ft: a, W: u, ct: d} = t;
const {B: f, j: _, I: h, L: g} = getEnvironment(); const {B: f, Y: _, I: h, L: g} = getEnvironment();
const v = getPlugins()[yt]; const v = getPlugins()[yt];
const w = !i && !h && (g.x || g.y); const w = !i && !h && (g.x || g.y);
const p = u && i; const p = u && i;
@@ -1594,10 +1594,10 @@ const createOverflowUpdateSegment = (t, n) => {
return (t, n, l) => { return (t, n, l) => {
const {gt: u, Ct: f, vt: v, St: w, ht: R, bt: k} = t; const {gt: u, Ct: f, vt: v, St: w, ht: R, bt: k} = t;
const {_t: B, wt: V} = o(); const {_t: B, wt: V} = o();
const [j, Y] = n("showNativeOverlaidScrollbars"); const [Y, j] = n("showNativeOverlaidScrollbars");
const [q, F] = n("overflow"); const [q, F] = n("overflow");
const G = j && g.x && g.y; const G = Y && g.x && g.y;
const N = !i && !_ && (u || v || f || Y || R); const N = !i && !_ && (u || v || f || j || R);
const X = overflowIsVisible(q.x); const X = overflowIsVisible(q.x);
const U = overflowIsVisible(q.y); const U = overflowIsVisible(q.y);
const W = X || U; const W = X || U;
@@ -1606,14 +1606,14 @@ const createOverflowUpdateSegment = (t, n) => {
let Z = $(l); let Z = $(l);
let Q = I(l); let Q = I(l);
let tt; let tt;
if (Y && h) { if (j && h) {
a(P, A, !G); a(P, A, !G);
} }
if (N) { if (N) {
tt = getViewportOverflowState(G); tt = getViewportOverflowState(G);
fixFlexboxGlue(tt, B); fixFlexboxGlue(tt, B);
} }
if (u || w || v || k || Y) { if (u || w || v || k || j) {
if (W) { if (W) {
a(D, E, false); a(D, E, false);
} }
@@ -1624,7 +1624,7 @@ const createOverflowUpdateSegment = (t, n) => {
let u = e; let u = e;
let f = i; let f = i;
t(); t();
if ((c || s || Y) && n && !G && H(n, e, o, V)) { if ((c || s || j) && n && !G && H(n, e, o, V)) {
f = clientSize(r); f = clientSize(r);
u = scrollSize(r); u = scrollSize(r);
} }
@@ -1648,7 +1648,7 @@ const createOverflowUpdateSegment = (t, n) => {
y: st.h > 0 y: st.h > 0
}; };
const ut = X && U && (at.x || at.y) || X && at.x && !at.y || U && at.y && !at.x; const ut = X && U && (at.x || at.y) || X && at.x && !at.y || U && at.y && !at.x;
if (w || k || it || rt || ot || et || F || Y || N) { if (w || k || it || rt || ot || et || F || j || N) {
const t = { const t = {
marginRight: 0, marginRight: 0,
marginBottom: 0, marginBottom: 0,
@@ -1710,7 +1710,7 @@ const prepareUpdateHints = (t, n, o) => {
const createStructureSetupUpdate = (t, n) => { const createStructureSetupUpdate = (t, n) => {
const {J: o, Z: s, ft: e, ut: c} = t; const {J: o, Z: s, ft: e, ut: c} = t;
const {I: r, L: l, j: i} = getEnvironment(); const {I: r, L: l, Y: i} = getEnvironment();
const a = !r && (l.x || l.y); const a = !r && (l.x || l.y);
const u = [ createTrinsicUpdateSegment(t, n), createPaddingUpdateSegment(t, n), createOverflowUpdateSegment(t, n) ]; const u = [ createTrinsicUpdateSegment(t, n), createPaddingUpdateSegment(t, n), createOverflowUpdateSegment(t, n) ];
return (t, n, r) => { return (t, n, r) => {
@@ -2042,7 +2042,7 @@ const createStructureSetupObservers = (t, n, o) => {
let c; let c;
const [, r] = n; const [, r] = n;
const {K: l, Z: i, nt: a, lt: d, ut: f, dt: _, ft: h} = t; const {K: l, Z: i, nt: a, lt: d, ut: f, dt: _, ft: h} = t;
const {j: g} = getEnvironment(); const {Y: g} = getEnvironment();
const [v] = createCache({ const [v] = createCache({
_: equalWH, _: equalWH,
u: { u: {
@@ -2228,7 +2228,7 @@ const Vt = {
y: 0 y: 0
}; };
const jt = { const Yt = {
tt: { tt: {
t: 0, t: 0,
r: 0, r: 0,
@@ -2261,7 +2261,7 @@ const jt = {
const createStructureSetup = (t, n) => { const createStructureSetup = (t, n) => {
const o = createOptionCheck(n, {}); const o = createOptionCheck(n, {});
const s = createState(jt); const s = createState(Yt);
const [e, c, r] = createEventListenerHub(); const [e, c, r] = createEventListenerHub();
const [l] = s; const [l] = s;
const [i, a, u] = createStructureSetupElements(t); const [i, a, u] = createStructureSetupElements(t);
@@ -2276,10 +2276,10 @@ const createStructureSetup = (t, n) => {
triggerUpdateEvent(d(o, t), {}, false); triggerUpdateEvent(d(o, t), {}, false);
})); }));
const v = l.bind(0); const v = l.bind(0);
v.jt = t => { v.Yt = t => {
e("u", t); e("u", t);
}; };
v.Yt = () => { v.jt = () => {
const {J: t, Z: n} = i; const {J: t, Z: n} = i;
const o = scrollLeft(t); const o = scrollLeft(t);
const s = scrollTop(t); const s = scrollTop(t);
@@ -2300,7 +2300,7 @@ const createStructureSetup = (t, n) => {
} ]; } ];
}; };
const {round: Yt, max: qt, sign: Ft} = Math; const {round: jt, max: qt, sign: Ft} = Math;
const animationCurrentTime = () => performance.now(); const animationCurrentTime = () => performance.now();
@@ -2325,8 +2325,8 @@ const getScale = t => {
const {width: n, height: o} = getBoundingClientRect(t); const {width: n, height: o} = getBoundingClientRect(t);
const {w: s, h: e} = offsetSize(t); const {w: s, h: e} = offsetSize(t);
return { return {
x: Yt(n) / s || 1, x: jt(n) / s || 1,
y: Yt(o) / e || 1 y: jt(o) / e || 1
}; };
}; };
@@ -2348,15 +2348,17 @@ const createInteractiveScrollEvents = (t, n, o, s, e, c) => {
const {V: r} = getEnvironment(); const {V: r} = getEnvironment();
const {Ft: l, Gt: i, Nt: a} = o; const {Ft: l, Gt: i, Nt: a} = o;
const u = `scroll${c ? "Left" : "Top"}`; const u = `scroll${c ? "Left" : "Top"}`;
const d = c ? "width" : "height"; const d = `client${c ? "X" : "Y"}`;
const f = c ? "w" : "h"; const f = c ? "width" : "height";
const _ = c ? "x" : "y"; const _ = c ? "left" : "top";
const h = c ? "w" : "h";
const g = c ? "x" : "y";
const getHandleOffset = (t, n) => t[_] - n[_]; const getHandleOffset = (t, n) => t[_] - n[_];
const createRelativeHandleMove = (t, n) => o => { const createRelativeHandleMove = (t, n) => o => {
const {Tt: d} = e(); const {Tt: d} = e();
const h = offsetSize(i)[f] - offsetSize(l)[f]; const f = offsetSize(i)[h] - offsetSize(l)[h];
const g = n * o / h; const _ = n * o / f;
const v = g * d[_]; const v = _ * d[g];
const w = directionIsRTL(a); const w = directionIsRTL(a);
const p = w && c ? r.n || r.i ? 1 : -1 : 1; const p = w && c ? r.n || r.i ? 1 : -1 : 1;
s[u] = t + v * p; s[u] = t + v * p;
@@ -2365,33 +2367,33 @@ const createInteractiveScrollEvents = (t, n, o, s, e, c) => {
const e = closest(o.target, `.${W}`) === l; const e = closest(o.target, `.${W}`) === l;
if (continuePointerDown(o, t, e)) { if (continuePointerDown(o, t, e)) {
const t = !e && o.shiftKey; const t = !e && o.shiftKey;
const c = createRelativeHandleMove(s[u] || 0, 1 / getScale(s)[_]); const c = createRelativeHandleMove(s[u] || 0, 1 / getScale(s)[g]);
const r = o[_]; const r = o[d];
const a = getBoundingClientRect(l); const a = getBoundingClientRect(l);
const f = getBoundingClientRect(i); const h = getBoundingClientRect(i);
const h = a[d]; const v = a[f];
const g = getHandleOffset(a, f) + h / 2; const w = getHandleOffset(a, h) + v / 2;
const v = r - f[_]; const p = r - h[_];
const w = e ? 0 : v - g; const b = e ? 0 : p - w;
const p = [ on(n, "selectstart", (t => preventDefault(t)), { const m = [ on(n, "selectstart", (t => preventDefault(t)), {
$: false $: false
}), on(i, "pointermove", (n => { }), on(i, "pointermove", (n => {
const o = n[_] - r; const o = n[d] - r;
if (e || t) { if (e || t) {
c(w + o); c(b + o);
} }
})) ]; })) ];
if (t) { if (t) {
c(w); c(b);
} else if (!e) { } else if (!e) {
let t = 0; let t = 0;
let n = noop; let n = noop;
const animateClickScroll = o => { const animateClickScroll = o => {
n = animateNumber(o, o + h * Ft(w), 133, ((o, s) => { n = animateNumber(o, o + v * Ft(b), 133, ((o, s) => {
c(o); c(o);
const e = getHandleOffset(getBoundingClientRect(l), f); const e = getHandleOffset(getBoundingClientRect(l), h);
const r = e + h; const r = e + v;
const i = v >= e && v <= r; const i = p >= e && p <= r;
if (s && !i) { if (s && !i) {
if (t) { if (t) {
animateClickScroll(o); animateClickScroll(o);
@@ -2408,10 +2410,10 @@ const createInteractiveScrollEvents = (t, n, o, s, e, c) => {
})); }));
}; };
animateClickScroll(0); animateClickScroll(0);
push(p, (() => n())); push(m, (() => n()));
} }
on(i, "pointerup", (t => { on(i, "pointerup", (t => {
runEachAndClear(p); runEachAndClear(m);
i.releasePointerCapture(t.pointerId); i.releasePointerCapture(t.pointerId);
}), { }), {
O: true O: true
@@ -2655,7 +2657,7 @@ const createScrollbarsSetup = (t, n, o) => {
})) ]; })) ];
const k = u.bind(0); const k = u.bind(0);
k.qt = y; k.qt = y;
k.Yt = S; k.jt = S;
return [ (t, r, a) => { return [ (t, r, a) => {
const {zt: u, It: d, At: f, bt: _} = a; const {zt: u, It: d, At: f, bt: _} = a;
const h = createOptionCheck(n, t, r); const h = createOptionCheck(n, t, r);
@@ -2709,7 +2711,7 @@ const createScrollbarsSetup = (t, n, o) => {
}; };
const OverlayScrollbars = (t, n, o) => { const OverlayScrollbars = (t, n, o) => {
const {G: s, Y: e} = getEnvironment(); const {G: s, j: e} = getEnvironment();
const c = getPlugins(); const c = getPlugins();
const r = isHTMLElement(t); const r = isHTMLElement(t);
const l = r ? t : t.target; const l = r ? t : t.target;
@@ -2807,7 +2809,7 @@ const OverlayScrollbars = (t, n, o) => {
}, },
destroy: destroy.bind(0) destroy: destroy.bind(0)
}; };
g.jt(((t, n, o) => { g.Yt(((t, n, o) => {
w(n, o, t); w(n, o, t);
})); }));
each(keys(c), (t => { each(keys(c), (t => {
@@ -2820,11 +2822,11 @@ const OverlayScrollbars = (t, n, o) => {
destroy(true); destroy(true);
return y; return y;
} }
g.Yt(); g.jt();
p.Yt(); p.jt();
addInstance(l, y); addInstance(l, y);
_("initialized", [ y ]); _("initialized", [ y ]);
g.jt(((t, n, o) => { g.Yt(((t, n, o) => {
const {gt: s, bt: e, ht: c, zt: r, It: l, At: i, vt: a, Ct: u} = t; const {gt: s, bt: e, ht: c, zt: r, It: l, At: i, vt: a, Ct: u} = t;
_("updated", [ y, { _("updated", [ y, {
updateHints: { updateHints: {
@@ -2855,7 +2857,7 @@ OverlayScrollbars.valid = t => {
}; };
OverlayScrollbars.env = () => { OverlayScrollbars.env = () => {
const {B: t, L: n, I: o, V: s, j: e, H: c, X: r, U: l, q: i, F: a, G: u, N: d} = getEnvironment(); const {B: t, L: n, I: o, V: s, Y: e, H: c, X: r, U: l, q: i, F: a, G: u, N: d} = getEnvironment();
return assignDeep({}, { return assignDeep({}, {
scrollbarsSize: t, scrollbarsSize: t,
scrollbarsOverlaid: n, scrollbarsOverlaid: n,
packages/overlayscrollbars/dist/overlayscrollbars.cjs.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/overlayscrollbars.cjs.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/overlayscrollbars.esm.js
Vendored
+173 -171
View File
@@ -379,9 +379,9 @@ const a = jsAPI("IntersectionObserver");
const u = jsAPI("ResizeObserver"); const u = jsAPI("ResizeObserver");
const d = jsAPI("cancelAnimationFrame"); const f = jsAPI("cancelAnimationFrame");
const f = jsAPI("requestAnimationFrame"); const d = jsAPI("requestAnimationFrame");
const _ = window.setTimeout; const _ = window.setTimeout;
@@ -442,8 +442,8 @@ const noop = () => {};
const selfCancelTimeout = t => { const selfCancelTimeout = t => {
let n; let n;
const o = t ? _ : f; const o = t ? _ : d;
const s = t ? h : d; const s = t ? h : f;
return [ e => { return [ e => {
s(n); s(n);
n = o(e, isFunction(t) ? t() : t); n = o(e, isFunction(t) ? t() : t);
@@ -476,8 +476,8 @@ const debounce = (t, n) => {
if (i) { if (i) {
const r = isFunction(l) ? l() : l; const r = isFunction(l) ? l() : l;
const i = isNumber(r) && r >= 0; const i = isNumber(r) && r >= 0;
const u = n > 0 ? _ : f; const u = n > 0 ? _ : d;
const g = n > 0 ? h : d; const g = n > 0 ? h : f;
const v = mergeParms(t); const v = mergeParms(t);
const w = v || t; const w = v || t;
const p = a.bind(0, w); const p = a.bind(0, w);
@@ -845,9 +845,9 @@ const at = [ rt.array, rt.null ];
const ut = "hidden scroll visible visible-hidden"; const ut = "hidden scroll visible visible-hidden";
const dt = "visible hidden auto"; const ft = "visible hidden auto";
const ft = "never scroll leavemove"; const dt = "never scroll leavemove";
({ ({
paddingAbsolute: it, paddingAbsolute: it,
@@ -864,8 +864,8 @@ const ft = "never scroll leavemove";
}, },
scrollbars: { scrollbars: {
theme: [ rt.string, rt.null ], theme: [ rt.string, rt.null ],
visibility: dt, visibility: ft,
autoHide: ft, autoHide: dt,
autoHideDelay: lt, autoHideDelay: lt,
dragScroll: it, dragScroll: it,
clickScroll: it, clickScroll: it,
@@ -914,8 +914,8 @@ const wt = /* @__PURE__ */ (() => ({
if (t) { if (t) {
stopPropagation(t); stopPropagation(t);
if (u && !_) { if (u && !_) {
d(_); f(_);
_ = f(onResized); _ = d(onResized);
} }
} else { } else {
onResized(false === t); onResized(false === t);
@@ -927,7 +927,7 @@ const wt = /* @__PURE__ */ (() => ({
width: ht, width: ht,
height: ht height: ht
}); });
f(reset); d(reset);
return [ o ? onScroll.bind(0, false) : reset, h ]; return [ o ? onScroll.bind(0, false) : reset, h ];
} }
} }
@@ -968,16 +968,16 @@ const St = /* @__PURE__ */ (() => ({
if (t) { if (t) {
const {P: t} = e(); const {P: t} = e();
const {D: i, M: a} = n; const {D: i, M: a} = n;
const {x: u, y: d} = a; const {x: u, y: f} = a;
const {x: f, y: _} = i; const {x: d, y: _} = i;
const h = l ? "paddingRight" : "paddingLeft"; const h = l ? "paddingRight" : "paddingLeft";
const g = t[h]; const g = t[h];
const v = t.paddingTop; const v = t.paddingTop;
const w = c.w + r.w; const w = c.w + r.w;
const p = c.h + r.h; const p = c.h + r.h;
const b = { const b = {
w: _ && d ? `${_ + w - g}px` : "", w: _ && f ? `${_ + w - g}px` : "",
h: f && u ? `${f + p - v}px` : "" h: d && u ? `${d + p - v}px` : ""
}; };
if (s) { if (s) {
const {sheet: t} = s; const {sheet: t} = s;
@@ -1005,13 +1005,13 @@ const St = /* @__PURE__ */ (() => ({
if (t) { if (t) {
const a = i || c(s); const a = i || c(s);
const {P: u} = e(); const {P: u} = e();
const {M: d} = a; const {M: f} = a;
const {x: f, y: _} = d; const {x: d, y: _} = f;
const h = {}; const h = {};
const assignProps = t => each(t.split(" "), (t => { const assignProps = t => each(t.split(" "), (t => {
h[t] = u[t]; h[t] = u[t];
})); }));
if (f) { if (d) {
assignProps("marginBottom paddingTop paddingBottom"); assignProps("marginBottom paddingTop paddingBottom");
} }
if (_) { if (_) {
@@ -1058,9 +1058,9 @@ const St = /* @__PURE__ */ (() => ({
}; };
const a = getWindowDPR(); const a = getWindowDPR();
const u = l.w > 2 && l.h > 2; const u = l.w > 2 && l.h > 2;
const d = !diffBiggerThanOne(i.w, i.h); const f = !diffBiggerThanOne(i.w, i.h);
const f = a !== n && a > 0; const d = a !== n && a > 0;
const _ = u && d && f; const _ = u && f && d;
if (_) { if (_) {
const [t, n] = s(); const [t, n] = s();
assignDeep(o.k, t); assignDeep(o.k, t);
@@ -1147,7 +1147,7 @@ const createEnvironment = () => {
x: 0 === i.x, x: 0 === i.x,
y: 0 === i.y y: 0 === i.y
}; };
const d = { const f = {
elements: { elements: {
host: null, host: null,
padding: !a, padding: !a,
@@ -1162,7 +1162,7 @@ const createEnvironment = () => {
body: null body: null
} }
}; };
const f = assignDeep({}, y); const d = assignDeep({}, y);
const _ = { const _ = {
k: i, k: i,
I: u, I: u,
@@ -1171,16 +1171,16 @@ const createEnvironment = () => {
B: getRtlScrollBehavior(o, s), B: getRtlScrollBehavior(o, s),
V: getFlexboxGlue(o, s), V: getFlexboxGlue(o, s),
Y: t => e("_", t), Y: t => e("_", t),
j: assignDeep.bind(0, {}, d), j: assignDeep.bind(0, {}, f),
q(t) { q(t) {
assignDeep(d, t);
},
F: assignDeep.bind(0, {}, f),
G(t) {
assignDeep(f, t); assignDeep(f, t);
}, },
N: assignDeep({}, d), F: assignDeep.bind(0, {}, d),
X: assignDeep({}, f) G(t) {
assignDeep(d, t);
},
N: assignDeep({}, f),
X: assignDeep({}, d)
}; };
removeAttr(o, "style"); removeAttr(o, "style");
removeElements(o); removeElements(o);
@@ -1222,10 +1222,10 @@ const cancelInitialization = (t, n) => {
const {j: c, I: r, A: l} = getEnvironment(); const {j: c, I: r, A: l} = getEnvironment();
const {nativeScrollbarsOverlaid: i, body: a} = c().cancel; const {nativeScrollbarsOverlaid: i, body: a} = c().cancel;
const u = null != o ? o : i; const u = null != o ? o : i;
const d = isUndefined(s) ? a : s; const f = isUndefined(s) ? a : s;
const f = (r.x || r.y) && u; const d = (r.x || r.y) && u;
const _ = e && (isNull(d) ? !l : d); const _ = e && (isNull(f) ? !l : f);
return !!f || !!_; return !!d || !!_;
}; };
const $t = new WeakMap; const $t = new WeakMap;
@@ -1272,11 +1272,11 @@ const createStructureSetupElements = t => {
const c = e && e.T; const c = e && e.T;
const {elements: r} = o(); const {elements: r} = o();
const {host: l, viewport: i, padding: a, content: u} = r; const {host: l, viewport: i, padding: a, content: u} = r;
const d = isHTMLElement(t); const f = isHTMLElement(t);
const f = d ? {} : t; const d = f ? {} : t;
const {elements: _} = f; const {elements: _} = d;
const {host: h, padding: g, viewport: v, content: w} = _ || {}; const {host: h, padding: g, viewport: v, content: w} = _ || {};
const p = d ? t : f.target; const p = f ? t : d.target;
const b = is(p, "textarea"); const b = is(p, "textarea");
const m = p.ownerDocument; const m = p.ownerDocument;
const y = p === m.body; const y = p === m.body;
@@ -1301,10 +1301,10 @@ const createStructureSetupElements = t => {
ct: m, ct: m,
rt: b, rt: b,
U: y, U: y,
lt: d, lt: f,
it: A, it: A,
ut: (t, n) => A ? hasAttrClass(E, C, n) : hasClass(E, t), ut: (t, n) => A ? hasAttrClass(E, C, n) : hasClass(E, t),
dt: (t, n, o) => A ? attrClass(E, C, n, o) : (o ? addClass : removeClass)(E, t) ft: (t, n, o) => A ? attrClass(E, C, n, o) : (o ? addClass : removeClass)(E, t)
}; };
const k = keys(R).reduce(((t, n) => { const k = keys(R).reduce(((t, n) => {
const o = R[n]; const o = R[n];
@@ -1379,7 +1379,7 @@ const createTrinsicUpdateSegment = (t, n) => {
const [s] = n; const [s] = n;
return t => { return t => {
const {V: n} = getEnvironment(); const {V: n} = getEnvironment();
const {ft: e} = s(); const {dt: e} = s();
const {_t: c} = t; const {_t: c} = t;
const r = (o || !n) && c; const r = (o || !n) && c;
if (r) { if (r) {
@@ -1402,18 +1402,18 @@ const createPaddingUpdateSegment = (t, n) => {
o: topRightBottomLeft() o: topRightBottomLeft()
}, topRightBottomLeft.bind(0, e, "padding", "")); }, topRightBottomLeft.bind(0, e, "padding", ""));
return (t, n, e) => { return (t, n, e) => {
let [u, d] = a(e); let [u, f] = a(e);
const {A: f, V: _} = getEnvironment(); const {A: d, V: _} = getEnvironment();
const {vt: h} = o(); const {vt: h} = o();
const {ht: g, gt: v, wt: w} = t; const {ht: g, gt: v, wt: w} = t;
const [p, b] = n("paddingAbsolute"); const [p, b] = n("paddingAbsolute");
const m = !_ && v; const m = !_ && v;
if (g || d || m) { if (g || f || m) {
[u, d] = i(e); [u, f] = i(e);
} }
const y = !l && (b || w || d); const y = !l && (b || w || f);
if (y) { if (y) {
const t = !p || !c && !f; const t = !p || !c && !d;
const n = u.r + u.l; const n = u.r + u.l;
const o = u.t + u.b; const o = u.t + u.b;
const e = { const e = {
@@ -1489,8 +1489,8 @@ const overflowIsVisible = t => 0 === t.indexOf(At);
const createOverflowUpdateSegment = (t, n) => { const createOverflowUpdateSegment = (t, n) => {
const [o, s] = n; const [o, s] = n;
const {J: e, Z: c, K: r, nt: l, it: i, dt: a, U: u, et: d} = t; const {J: e, Z: c, K: r, nt: l, it: i, ft: a, U: u, et: f} = t;
const {k: f, V: _, A: h, I: g} = getEnvironment(); const {k: d, V: _, A: h, I: g} = getEnvironment();
const v = getPlugins()[yt]; const v = getPlugins()[yt];
const w = !i && !h && (g.x || g.y); const w = !i && !h && (g.x || g.y);
const p = u && i; const p = u && i;
@@ -1509,10 +1509,10 @@ const createOverflowUpdateSegment = (t, n) => {
const i = fractionalSize(e); const i = fractionalSize(e);
const a = clientSize(e); const a = clientSize(e);
const u = "content-box" === style(r, "boxSizing"); const u = "content-box" === style(r, "boxSizing");
const d = n || u ? s.b + s.t : 0; const f = n || u ? s.b + s.t : 0;
const f = !(g.x && u); const d = !(g.x && u);
style(r, { style(r, {
height: a.h + i.h + (c.x && f ? l.x : 0) - d height: a.h + i.h + (c.x && d ? l.x : 0) - f
}); });
} }
}; };
@@ -1524,11 +1524,11 @@ const createOverflowUpdateSegment = (t, n) => {
const i = "scroll" === l; const i = "scroll" === l;
const a = s ? o : e; const a = s ? o : e;
const u = i && !h ? a : 0; const u = i && !h ? a : 0;
const d = s && !!o; const f = s && !!o;
return [ c, i, u, d ]; return [ c, i, u, f ];
}; };
const [s, e, c, l] = getStatePerAxis("overflowX", g.x, f.x); const [s, e, c, l] = getStatePerAxis("overflowX", g.x, d.x);
const [i, a, u, d] = getStatePerAxis("overflowY", g.y, f.y); const [i, a, u, f] = getStatePerAxis("overflowY", g.y, d.y);
return { return {
xt: { xt: {
x: s, x: s,
@@ -1544,7 +1544,7 @@ const createOverflowUpdateSegment = (t, n) => {
}, },
M: { M: {
x: l, x: l,
y: d y: f
} }
}; };
}; };
@@ -1564,15 +1564,15 @@ const createOverflowUpdateSegment = (t, n) => {
const {D: c, M: r} = t; const {D: c, M: r} = t;
const {x: l, y: i} = r; const {x: l, y: i} = r;
const {x: a, y: u} = c; const {x: a, y: u} = c;
const {P: d} = o(); const {P: f} = o();
const f = n ? "marginLeft" : "marginRight"; const d = n ? "marginLeft" : "marginRight";
const _ = n ? "paddingLeft" : "paddingRight"; const _ = n ? "paddingLeft" : "paddingRight";
const h = d[f]; const h = f[d];
const g = d.marginBottom; const g = f.marginBottom;
const v = d[_]; const v = f[_];
const w = d.paddingBottom; const w = f.paddingBottom;
e.width = `calc(100% + ${u + -1 * h}px)`; e.width = `calc(100% + ${u + -1 * h}px)`;
e[f] = -u + h; e[d] = -u + h;
e.marginBottom = -a + g; e.marginBottom = -a + g;
if (s) { if (s) {
e[_] = v + (i ? u : 0); e[_] = v + (i ? u : 0);
@@ -1581,12 +1581,12 @@ const createOverflowUpdateSegment = (t, n) => {
}; };
const [H, P] = v ? v.H(w, _, r, l, o, getViewportOverflowState, hideNativeScrollbars) : [ () => w, () => [ noop ] ]; const [H, P] = v ? v.H(w, _, r, l, o, getViewportOverflowState, hideNativeScrollbars) : [ () => w, () => [ noop ] ];
return (t, n, l) => { return (t, n, l) => {
const {ht: u, $t: f, gt: v, yt: w, _t: R, wt: k} = t; const {ht: u, $t: d, gt: v, yt: w, _t: R, wt: k} = t;
const {ft: B, vt: V} = o(); const {dt: B, vt: V} = o();
const [Y, j] = n("showNativeOverlaidScrollbars"); const [Y, j] = n("showNativeOverlaidScrollbars");
const [q, F] = n("overflow"); const [q, F] = n("overflow");
const G = Y && g.x && g.y; const G = Y && g.x && g.y;
const N = !i && !_ && (u || v || f || j || R); const N = !i && !_ && (u || v || d || j || R);
const X = overflowIsVisible(q.x); const X = overflowIsVisible(q.x);
const U = overflowIsVisible(q.y); const U = overflowIsVisible(q.y);
const W = X || U; const W = X || U;
@@ -1611,10 +1611,10 @@ const createOverflowUpdateSegment = (t, n) => {
const [e, c] = K = y(l); const [e, c] = K = y(l);
const i = clientSize(r); const i = clientSize(r);
let u = e; let u = e;
let f = i; let d = i;
t(); t();
if ((c || s || j) && n && !G && H(n, e, o, V)) { if ((c || s || j) && n && !G && H(n, e, o, V)) {
f = clientSize(r); d = clientSize(r);
u = scrollSize(r); u = scrollSize(r);
} }
const _ = { const _ = {
@@ -1622,8 +1622,8 @@ const createOverflowUpdateSegment = (t, n) => {
h: Et(Tt(e.h, u.h) + o.h) h: Et(Tt(e.h, u.h) + o.h)
}; };
const h = { const h = {
w: Et(p ? d.innerWidth : f.w + Et(i.w - e.w) + o.w), w: Et(p ? f.innerWidth : d.w + Et(i.w - e.w) + o.w),
h: Et(p ? d.innerHeight : f.h + Et(i.h - e.h) + o.h) h: Et(p ? f.innerHeight : d.h + Et(i.h - e.h) + o.h)
}; };
Q = z(h); Q = z(h);
Z = x(getOverflowAmount(_, h), l); Z = x(getOverflowAmount(_, h), l);
@@ -1664,9 +1664,9 @@ const createOverflowUpdateSegment = (t, n) => {
attrClass(e, C, E, ut); attrClass(e, C, E, ut);
conditionalClass(c, M, ut); conditionalClass(c, M, ut);
!i && conditionalClass(r, M, W); !i && conditionalClass(r, M, W);
const [dt, ft] = L(getViewportOverflowState(G).xt); const [ft, dt] = L(getViewportOverflowState(G).xt);
s({ s({
xt: dt, xt: ft,
Ct: { Ct: {
x: nt.w, x: nt.w,
y: nt.h y: nt.h
@@ -1678,7 +1678,7 @@ const createOverflowUpdateSegment = (t, n) => {
Tt: at Tt: at
}); });
return { return {
Et: ft, Et: dt,
At: ot, At: ot,
zt: et zt: et
}; };
@@ -1698,7 +1698,7 @@ const prepareUpdateHints = (t, n, o) => {
}; };
const createStructureSetupUpdate = (t, n) => { const createStructureSetupUpdate = (t, n) => {
const {W: o, K: s, dt: e, it: c} = t; const {W: o, K: s, ft: e, it: c} = t;
const {A: r, I: l, V: i} = getEnvironment(); const {A: r, I: l, V: i} = getEnvironment();
const a = !r && (l.x || l.y); const a = !r && (l.x || l.y);
const u = [ createTrinsicUpdateSegment(t, n), createPaddingUpdateSegment(t, n), createOverflowUpdateSegment(t, n) ]; const u = [ createTrinsicUpdateSegment(t, n), createPaddingUpdateSegment(t, n), createOverflowUpdateSegment(t, n) ];
@@ -1714,15 +1714,15 @@ const createStructureSetupUpdate = (t, n) => {
$t: false, $t: false,
gt: false gt: false
}, n), {}, r); }, n), {}, r);
const d = a || !i; const f = a || !i;
const f = d && scrollLeft(s); const d = f && scrollLeft(s);
const _ = d && scrollTop(s); const _ = f && scrollTop(s);
e("", z, true); e("", z, true);
let h = l; let h = l;
each(u, (n => { each(u, (n => {
h = prepareUpdateHints(h, n(h, t, !!r) || {}, r); h = prepareUpdateHints(h, n(h, t, !!r) || {}, r);
})); }));
scrollLeft(s, f); scrollLeft(s, d);
scrollTop(s, _); scrollTop(s, _);
e("", z); e("", z);
if (!c) { if (!c) {
@@ -1744,8 +1744,8 @@ const createSizeObserver = (t, n, o) => {
const l = createDOM(`<div class="${R}"><div class="${B}"></div></div>`); const l = createDOM(`<div class="${R}"><div class="${B}"></div></div>`);
const i = l[0]; const i = l[0];
const a = i.firstChild; const a = i.firstChild;
const d = directionIsRTL.bind(0, t); const f = directionIsRTL.bind(0, t);
const [f] = createCache({ const [d] = createCache({
o: void 0, o: void 0,
_: true, _: true,
u: (t, n) => !(!t || !domRectHasDimensions(t) && domRectHasDimensions(n)) u: (t, n) => !(!t || !domRectHasDimensions(t) && domRectHasDimensions(n))
@@ -1757,7 +1757,7 @@ const createSizeObserver = (t, n, o) => {
let l = false; let l = false;
let a = true; let a = true;
if (o) { if (o) {
const [n, , o] = f(t.pop().contentRect); const [n, , o] = d(t.pop().contentRect);
const s = domRectHasDimensions(n); const s = domRectHasDimensions(n);
const e = domRectHasDimensions(o); const e = domRectHasDimensions(o);
c = !o || !s; c = !o || !s;
@@ -1800,8 +1800,8 @@ const createSizeObserver = (t, n, o) => {
} }
if (s) { if (s) {
const [t] = createCache({ const [t] = createCache({
o: !d() o: !f()
}, d); }, f);
push(_, on(i, "scroll", (n => { push(_, on(i, "scroll", (n => {
const o = t(); const o = t();
const [s, e] = o; const [s, e] = o;
@@ -1931,8 +1931,8 @@ const createEventContentChange = (t, n, o) => {
const createDOMObserver = (t, n, o, s) => { const createDOMObserver = (t, n, o, s) => {
let e = false; let e = false;
const {Pt: c, Dt: r, Mt: l, Rt: a, kt: u, Bt: d} = s || {}; const {Pt: c, Dt: r, Mt: l, Rt: a, kt: u, Bt: f} = s || {};
const f = debounce((() => { const d = debounce((() => {
if (e) { if (e) {
o(true); o(true);
} }
@@ -1940,43 +1940,43 @@ const createDOMObserver = (t, n, o, s) => {
g: 33, g: 33,
v: 99 v: 99
}); });
const [_, h] = createEventContentChange(t, f, l); const [_, h] = createEventContentChange(t, d, l);
const g = c || []; const g = c || [];
const v = r || []; const v = r || [];
const w = g.concat(v); const w = g.concat(v);
const observerCallback = (e, c) => { const observerCallback = (e, c) => {
const r = u || noop; const r = u || noop;
const l = d || noop; const l = f || noop;
const i = []; const i = [];
const f = []; const d = [];
let _ = false; let _ = false;
let g = false; let g = false;
let w = false; let w = false;
each(e, (o => { each(e, (o => {
const {attributeName: e, target: c, type: u, oldValue: d, addedNodes: h} = o; const {attributeName: e, target: c, type: u, oldValue: f, addedNodes: h} = o;
const p = "attributes" === u; const p = "attributes" === u;
const b = "childList" === u; const b = "childList" === u;
const m = t === c; const m = t === c;
const y = p && isString(e) ? attr(c, e) : 0; const y = p && isString(e) ? attr(c, e) : 0;
const S = 0 !== y && d !== y; const S = 0 !== y && f !== y;
const x = indexOf(v, e) > -1 && S; const x = indexOf(v, e) > -1 && S;
if (n && !m) { if (n && !m) {
const n = !p; const n = !p;
const i = p && x; const i = p && x;
const u = i && a && is(c, a); const u = i && a && is(c, a);
const _ = u ? !r(c, e, d, y) : n || i; const _ = u ? !r(c, e, f, y) : n || i;
const v = _ && !l(o, !!u, t, s); const v = _ && !l(o, !!u, t, s);
push(f, h); push(d, h);
g = g || v; g = g || v;
w = w || b; w = w || b;
} }
if (!n && m && S && !r(c, e, d, y)) { if (!n && m && S && !r(c, e, f, y)) {
push(i, e); push(i, e);
_ = _ || x; _ = _ || x;
} }
})); }));
if (w && !isEmptyArray(f)) { if (w && !isEmptyArray(d)) {
h((t => f.reduce(((n, o) => { h((t => d.reduce(((n, o) => {
push(n, find(t, o)); push(n, find(t, o));
return is(o, t) ? push(n, o) : n; return is(o, t) ? push(n, o) : n;
}), []))); }), [])));
@@ -2008,7 +2008,7 @@ const createDOMObserver = (t, n, o, s) => {
} }
}, () => { }, () => {
if (e) { if (e) {
f.m(); d.m();
const t = p.takeRecords(); const t = p.takeRecords();
return !isEmptyArray(t) && observerCallback(t, true); return !isEmptyArray(t) && observerCallback(t, true);
} }
@@ -2030,7 +2030,7 @@ const createStructureSetupObservers = (t, n, o) => {
let e; let e;
let c; let c;
const [, r] = n; const [, r] = n;
const {J: l, K: i, tt: a, rt: d, it: f, ut: _, dt: h} = t; const {J: l, K: i, tt: a, rt: f, it: d, ut: _, ft: h} = t;
const {V: g} = getEnvironment(); const {V: g} = getEnvironment();
const [v] = createCache({ const [v] = createCache({
u: equalWH, u: equalWH,
@@ -2059,7 +2059,7 @@ const createStructureSetupObservers = (t, n, o) => {
h: c.h + e.h + r.h h: c.h + e.h + r.h
}; };
})); }));
const w = d ? kt : Bt.concat(kt); const w = f ? kt : Bt.concat(kt);
const p = debounce(o, { const p = debounce(o, {
g: () => s, g: () => s,
v: () => e, v: () => e,
@@ -2090,7 +2090,7 @@ const createStructureSetupObservers = (t, n, o) => {
_t: e _t: e
}; };
r({ r({
ft: s dt: s
}); });
!n && o(c); !n && o(c);
return c; return c;
@@ -2127,13 +2127,13 @@ const createStructureSetupObservers = (t, n, o) => {
}; };
if (n) { if (n) {
!o && p(s); !o && p(s);
} else if (!f) { } else if (!d) {
updateViewportAttrsFromHost(t); updateViewportAttrsFromHost(t);
} }
return s; return s;
}; };
const [b, m, y] = a || !g ? createTrinsicObserver(l, onTrinsicChanged) : [ noop, noop, noop ]; const [b, m, y] = a || !g ? createTrinsicObserver(l, onTrinsicChanged) : [ noop, noop, noop ];
const [S, x] = !f ? createSizeObserver(l, onSizeChanged, { const [S, x] = !d ? createSizeObserver(l, onSizeChanged, {
Lt: true, Lt: true,
It: true It: true
}) : [ noop, noop ]; }) : [ noop, noop ];
@@ -2141,7 +2141,7 @@ const createStructureSetupObservers = (t, n, o) => {
Dt: Bt, Dt: Bt,
Pt: Bt.concat(Rt) Pt: Bt.concat(Rt)
}); });
const O = f && u && new u(onSizeChanged.bind(0, { const O = d && u && new u(onSizeChanged.bind(0, {
ht: true ht: true
})); }));
O && O.observe(l); O && O.observe(l);
@@ -2174,7 +2174,7 @@ const createStructureSetupObservers = (t, n, o) => {
const [n] = t("update.ignoreMutation"); const [n] = t("update.ignoreMutation");
const [o, r] = t("update.attributes"); const [o, r] = t("update.attributes");
const [l, u] = t("update.elementEvents"); const [l, u] = t("update.elementEvents");
const [d, _] = t("update.debounce"); const [f, _] = t("update.debounce");
const h = u || r; const h = u || r;
const ignoreMutationFromOptions = t => isFunction(n) && n(t); const ignoreMutationFromOptions = t => isFunction(n) && n(t);
if (h) { if (h) {
@@ -2189,20 +2189,20 @@ const createStructureSetupObservers = (t, n, o) => {
Rt: Dt, Rt: Dt,
Bt: (t, n) => { Bt: (t, n) => {
const {target: o, attributeName: s} = t; const {target: o, attributeName: s} = t;
const e = !n && s && !f ? liesBetween(o, Dt, Mt) : false; const e = !n && s && !d ? liesBetween(o, Dt, Mt) : false;
return e || !!closest(o, `.${F}`) || !!ignoreMutationFromOptions(t); return e || !!closest(o, `.${F}`) || !!ignoreMutationFromOptions(t);
} }
}); });
} }
if (_) { if (_) {
p.m(); p.m();
if (isArray(d)) { if (isArray(f)) {
const t = d[0]; const t = f[0];
const n = d[1]; const n = f[1];
s = isNumber(t) && t; s = isNumber(t) && t;
e = isNumber(n) && n; e = isNumber(n) && n;
} else if (isNumber(d)) { } else if (isNumber(f)) {
s = d; s = f;
e = false; e = false;
} else { } else {
s = false; s = false;
@@ -2244,7 +2244,7 @@ const Yt = {
x: false, x: false,
y: false y: false
}, },
ft: false, dt: false,
vt: false vt: false
}; };
@@ -2254,15 +2254,15 @@ const createStructureSetup = (t, n) => {
const [e, c, r] = createEventListenerHub(); const [e, c, r] = createEventListenerHub();
const [l] = s; const [l] = s;
const [i, a, u] = createStructureSetupElements(t); const [i, a, u] = createStructureSetupElements(t);
const d = createStructureSetupUpdate(i, s); const f = createStructureSetupUpdate(i, s);
const triggerUpdateEvent = (t, n, o) => { const triggerUpdateEvent = (t, n, o) => {
const s = keys(t).some((n => t[n])); const s = keys(t).some((n => t[n]));
if (s || !isEmptyObject(n) || o) { if (s || !isEmptyObject(n) || o) {
r("u", [ t, n, o ]); r("u", [ t, n, o ]);
} }
}; };
const [f, _, h, g] = createStructureSetupObservers(i, s, (t => { const [d, _, h, g] = createStructureSetupObservers(i, s, (t => {
triggerUpdateEvent(d(o, t), {}, false); triggerUpdateEvent(f(o, t), {}, false);
})); }));
const v = l.bind(0); const v = l.bind(0);
v.Vt = t => { v.Vt = t => {
@@ -2281,10 +2281,10 @@ const createStructureSetup = (t, n) => {
return [ (t, o) => { return [ (t, o) => {
const s = createOptionCheck(n, t, o); const s = createOptionCheck(n, t, o);
g(s); g(s);
triggerUpdateEvent(d(s, h(), o), t, !!o); triggerUpdateEvent(f(s, h(), o), t, !!o);
}, v, () => { }, v, () => {
c(); c();
f(); d();
u(); u();
} ]; } ];
}; };
@@ -2302,12 +2302,12 @@ const animateNumber = (t, n, o, s) => {
const i = l >= o; const i = l >= o;
const a = 1 - (qt(0, c + o - r) / o || 0); const a = 1 - (qt(0, c + o - r) / o || 0);
const u = (n - t) * a + t; const u = (n - t) * a + t;
const d = i || 1 === a; const f = i || 1 === a;
s(u, d); s(u, f);
e = d ? 0 : f(frame); e = f ? 0 : d(frame);
}; };
frame(); frame();
return () => d(e); return () => f(e);
}; };
const getScale = t => { const getScale = t => {
@@ -2337,15 +2337,17 @@ const createInteractiveScrollEvents = (t, n, o, s, e, c) => {
const {B: r} = getEnvironment(); const {B: r} = getEnvironment();
const {qt: l, Ft: i, Gt: a} = o; const {qt: l, Ft: i, Gt: a} = o;
const u = `scroll${c ? "Left" : "Top"}`; const u = `scroll${c ? "Left" : "Top"}`;
const f = `client${c ? "X" : "Y"}`;
const d = c ? "width" : "height"; const d = c ? "width" : "height";
const f = c ? "w" : "h"; const _ = c ? "left" : "top";
const _ = c ? "x" : "y"; const h = c ? "w" : "h";
const g = c ? "x" : "y";
const getHandleOffset = (t, n) => t[_] - n[_]; const getHandleOffset = (t, n) => t[_] - n[_];
const createRelativeHandleMove = (t, n) => o => { const createRelativeHandleMove = (t, n) => o => {
const {Ot: d} = e(); const {Ot: f} = e();
const h = offsetSize(i)[f] - offsetSize(l)[f]; const d = offsetSize(i)[h] - offsetSize(l)[h];
const g = n * o / h; const _ = n * o / d;
const v = g * d[_]; const v = _ * f[g];
const w = directionIsRTL(a); const w = directionIsRTL(a);
const p = w && c ? r.n || r.i ? 1 : -1 : 1; const p = w && c ? r.n || r.i ? 1 : -1 : 1;
s[u] = t + v * p; s[u] = t + v * p;
@@ -2354,33 +2356,33 @@ const createInteractiveScrollEvents = (t, n, o, s, e, c) => {
const e = closest(o.target, `.${W}`) === l; const e = closest(o.target, `.${W}`) === l;
if (continuePointerDown(o, t, e)) { if (continuePointerDown(o, t, e)) {
const t = !e && o.shiftKey; const t = !e && o.shiftKey;
const c = createRelativeHandleMove(s[u] || 0, 1 / getScale(s)[_]); const c = createRelativeHandleMove(s[u] || 0, 1 / getScale(s)[g]);
const r = o[_]; const r = o[f];
const a = getBoundingClientRect(l); const a = getBoundingClientRect(l);
const f = getBoundingClientRect(i); const h = getBoundingClientRect(i);
const h = a[d]; const v = a[d];
const g = getHandleOffset(a, f) + h / 2; const w = getHandleOffset(a, h) + v / 2;
const v = r - f[_]; const p = r - h[_];
const w = e ? 0 : v - g; const b = e ? 0 : p - w;
const p = [ on(n, "selectstart", (t => preventDefault(t)), { const m = [ on(n, "selectstart", (t => preventDefault(t)), {
S: false S: false
}), on(i, "pointermove", (n => { }), on(i, "pointermove", (n => {
const o = n[_] - r; const o = n[f] - r;
if (e || t) { if (e || t) {
c(w + o); c(b + o);
} }
})) ]; })) ];
if (t) { if (t) {
c(w); c(b);
} else if (!e) { } else if (!e) {
let t = 0; let t = 0;
let n = noop; let n = noop;
const animateClickScroll = o => { const animateClickScroll = o => {
n = animateNumber(o, o + h * Ft(w), 133, ((o, s) => { n = animateNumber(o, o + v * Ft(b), 133, ((o, s) => {
c(o); c(o);
const e = getHandleOffset(getBoundingClientRect(l), f); const e = getHandleOffset(getBoundingClientRect(l), h);
const r = e + h; const r = e + v;
const i = v >= e && v <= r; const i = p >= e && p <= r;
if (s && !i) { if (s && !i) {
if (t) { if (t) {
animateClickScroll(o); animateClickScroll(o);
@@ -2397,10 +2399,10 @@ const createInteractiveScrollEvents = (t, n, o, s, e, c) => {
})); }));
}; };
animateClickScroll(0); animateClickScroll(0);
push(p, (() => n())); push(m, (() => n()));
} }
on(i, "pointerup", (t => { on(i, "pointerup", (t => {
runEachAndClear(p); runEachAndClear(m);
i.releasePointerCapture(t.pointerId); i.releasePointerCapture(t.pointerId);
}), { }), {
C: true C: true
@@ -2413,25 +2415,25 @@ const createInteractiveScrollEvents = (t, n, o, s, e, c) => {
const createScrollbarsSetupEvents = (t, n) => (o, s, e, c, r, l) => { const createScrollbarsSetupEvents = (t, n) => (o, s, e, c, r, l) => {
const {Gt: i} = o; const {Gt: i} = o;
const [a, u] = selfCancelTimeout(333); const [a, u] = selfCancelTimeout(333);
const d = !!r.scrollBy; const f = !!r.scrollBy;
let f = true; let d = true;
return runEachAndClear.bind(0, [ on(i, "pointerenter", (() => { return runEachAndClear.bind(0, [ on(i, "pointerenter", (() => {
s(Q, true); s(Q, true);
})), on(i, "pointerleave pointercancel", (() => { })), on(i, "pointerleave pointercancel", (() => {
s(Q); s(Q);
})), on(i, "wheel", (t => { })), on(i, "wheel", (t => {
const {deltaX: n, deltaY: o, deltaMode: e} = t; const {deltaX: n, deltaY: o, deltaMode: e} = t;
if (d && f && 0 === e && parent(i) === c) { if (f && d && 0 === e && parent(i) === c) {
r.scrollBy({ r.scrollBy({
left: n, left: n,
top: o, top: o,
behavior: "smooth" behavior: "smooth"
}); });
} }
f = false; d = false;
s(ot, true); s(ot, true);
a((() => { a((() => {
f = true; d = true;
s(ot); s(ot);
})); }));
preventDefault(t); preventDefault(t);
@@ -2463,10 +2465,10 @@ const getScrollbarHandleOffsetRatio = (t, n, o, s, e, c) => {
const i = c ? "Left" : "Top"; const i = c ? "Left" : "Top";
const {Ot: a} = s; const {Ot: a} = s;
const u = Ut(a[l]); const u = Ut(a[l]);
const d = Xt(o[`scroll${i}`]); const f = Xt(o[`scroll${i}`]);
const f = c && e; const d = c && e;
const _ = r.i ? d : u - d; const _ = r.i ? f : u - f;
const h = f ? _ : d; const h = d ? _ : f;
const g = Gt(1, h / u); const g = Gt(1, h / u);
const v = getScrollbarHandleLengthRatio(t, n, c); const v = getScrollbarHandleLengthRatio(t, n, c);
return 1 / v * (1 - v) * g; return 1 / v * (1 - v) * g;
@@ -2476,9 +2478,9 @@ const createScrollbarsSetupElements = (t, n, o) => {
const {j: s} = getEnvironment(); const {j: s} = getEnvironment();
const {scrollbars: e} = s(); const {scrollbars: e} = s();
const {slot: c} = e; const {slot: c} = e;
const {ct: r, W: l, J: i, K: a, lt: u, ot: d} = n; const {ct: r, W: l, J: i, K: a, lt: u, ot: f} = n;
const {scrollbars: f} = u ? {} : t; const {scrollbars: d} = u ? {} : t;
const {slot: h} = f || {}; const {slot: h} = d || {};
const g = dynamicInitializationElement([ l, i, a ], (() => i), c, h); const g = dynamicInitializationElement([ l, i, a ], (() => i), c, h);
const scrollbarStructureAddRemoveClass = (t, n, o) => { const scrollbarStructureAddRemoveClass = (t, n, o) => {
const s = o ? addClass : removeClass; const s = o ? addClass : removeClass;
@@ -2504,7 +2506,7 @@ const createScrollbarsSetupElements = (t, n, o) => {
const s = o ? "X" : "Y"; const s = o ? "X" : "Y";
scrollbarsHandleStyle(t, (t => { scrollbarsHandleStyle(t, (t => {
const {qt: e, Ft: c, Gt: r} = t; const {qt: e, Ft: c, Gt: r} = t;
const l = getScrollbarHandleOffsetRatio(e, c, d, n, directionIsRTL(r), o); const l = getScrollbarHandleOffsetRatio(e, c, f, n, directionIsRTL(r), o);
const i = l === l; const i = l === l;
return [ e, { return [ e, {
transform: i ? `translate${s}(${(100 * l).toFixed(3)}%)` : "" transform: i ? `translate${s}(${(100 * l).toFixed(3)}%)` : ""
@@ -2544,7 +2546,7 @@ const createScrollbarsSetupElements = (t, n, o) => {
appendChildren(c, l); appendChildren(c, l);
appendChildren(l, a); appendChildren(l, a);
push(s, u); push(s, u);
push(v, [ removeElements.bind(0, c), o(u, scrollbarsAddRemoveClass, r, i, d, t) ]); push(v, [ removeElements.bind(0, c), o(u, scrollbarsAddRemoveClass, r, i, f, t) ]);
return u; return u;
}; };
const b = generateScrollbarDOM.bind(0, true); const b = generateScrollbarDOM.bind(0, true);
@@ -2584,7 +2586,7 @@ const createScrollbarsSetup = (t, n, o) => {
let i = 0; let i = 0;
const a = createState({}); const a = createState({});
const [u] = a; const [u] = a;
const [d, f] = selfCancelTimeout(); const [f, d] = selfCancelTimeout();
const [_, h] = selfCancelTimeout(); const [_, h] = selfCancelTimeout();
const [g, v] = selfCancelTimeout(100); const [g, v] = selfCancelTimeout(100);
const [w, p] = selfCancelTimeout(100); const [w, p] = selfCancelTimeout(100);
@@ -2618,13 +2620,13 @@ const createScrollbarsSetup = (t, n, o) => {
r = e; r = e;
r && manageScrollbarsAutoHide(true); r && manageScrollbarsAutoHide(true);
}; };
const R = [ v, m, p, h, f, x, on($, "pointerover", onHostMouseEnter, { const R = [ v, m, p, h, d, x, on($, "pointerover", onHostMouseEnter, {
C: true C: true
}), on($, "pointerenter", onHostMouseEnter), on($, "pointerleave", (() => { }), on($, "pointerenter", onHostMouseEnter), on($, "pointerleave", (() => {
r = false; r = false;
e && manageScrollbarsAutoHide(false); e && manageScrollbarsAutoHide(false);
})), on($, "pointermove", (() => { })), on($, "pointermove", (() => {
s && d((() => { s && f((() => {
v(); v();
manageScrollbarsAutoHide(true); manageScrollbarsAutoHide(true);
w((() => { w((() => {
@@ -2646,7 +2648,7 @@ const createScrollbarsSetup = (t, n, o) => {
k.jt = y; k.jt = y;
k.Yt = S; k.Yt = S;
return [ (t, r, a) => { return [ (t, r, a) => {
const {At: u, zt: d, Et: f, wt: _} = a; const {At: u, zt: f, Et: d, wt: _} = a;
const h = createOptionCheck(n, t, r); const h = createOptionCheck(n, t, r);
const g = o(); const g = o();
const {Ot: v, xt: w, vt: p} = g; const {Ot: v, xt: w, vt: p} = g;
@@ -2656,8 +2658,8 @@ const createScrollbarsSetup = (t, n, o) => {
const [C] = h("scrollbars.autoHideDelay"); const [C] = h("scrollbars.autoHideDelay");
const [O, T] = h("scrollbars.dragScroll"); const [O, T] = h("scrollbars.dragScroll");
const [E, z] = h("scrollbars.clickScroll"); const [E, z] = h("scrollbars.clickScroll");
const I = u || d || _ || r; const I = u || f || _ || r;
const D = f || S || r; const D = d || S || r;
const setScrollbarVisibility = (t, n) => { const setScrollbarVisibility = (t, n) => {
const o = "visible" === y || "auto" === y && "scroll" === t; const o = "visible" === y || "auto" === y && "scroll" === t;
L(J, o, n); L(J, o, n);
@@ -2712,7 +2714,7 @@ const OverlayScrollbars = (t, n, o) => {
return o ? o(n, true) : n; return o ? o(n, true) : n;
}; };
const u = assignDeep({}, s(), validateOptions(n)); const u = assignDeep({}, s(), validateOptions(n));
const [d, f, _] = createEventListenerHub(o); const [f, d, _] = createEventListenerHub(o);
const [h, g, v] = createStructureSetup(t, u); const [h, g, v] = createStructureSetup(t, u);
const [w, p, b] = createScrollbarsSetup(t, u, g); const [w, p, b] = createScrollbarsSetup(t, u, g);
const update = (t, n) => { const update = (t, n) => {
@@ -2726,7 +2728,7 @@ const OverlayScrollbars = (t, n, o) => {
v(); v();
i = true; i = true;
_("destroyed", [ y, !!t ]); _("destroyed", [ y, !!t ]);
f(); d();
}; };
const y = { const y = {
options(t) { options(t) {
@@ -2739,9 +2741,9 @@ const OverlayScrollbars = (t, n, o) => {
} }
return assignDeep({}, u); return assignDeep({}, u);
}, },
on: d, on: f,
off: (t, n) => { off: (t, n) => {
t && n && f(t, n); t && n && d(t, n);
}, },
state() { state() {
const {Ct: t, Ot: n, xt: o, Tt: s, Z: e, bt: c, vt: r} = g(); const {Ct: t, Ot: n, xt: o, Tt: s, Z: e, bt: c, vt: r} = g();
@@ -2844,7 +2846,7 @@ OverlayScrollbars.valid = t => {
}; };
OverlayScrollbars.env = () => { OverlayScrollbars.env = () => {
const {k: t, I: n, A: o, B: s, V: e, L: c, N: r, X: l, j: i, q: a, F: u, G: d} = getEnvironment(); const {k: t, I: n, A: o, B: s, V: e, L: c, N: r, X: l, j: i, q: a, F: u, G: f} = getEnvironment();
return assignDeep({}, { return assignDeep({}, {
scrollbarsSize: t, scrollbarsSize: t,
scrollbarsOverlaid: n, scrollbarsOverlaid: n,
@@ -2857,7 +2859,7 @@ OverlayScrollbars.env = () => {
getDefaultInitialization: i, getDefaultInitialization: i,
setDefaultInitialization: a, setDefaultInitialization: a,
getDefaultOptions: u, getDefaultOptions: u,
setDefaultOptions: d setDefaultOptions: f
}); });
}; };
packages/overlayscrollbars/dist/overlayscrollbars.esm.js.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/overlayscrollbars/dist/overlayscrollbars.esm.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long