diff options
| -rw-r--r-- | .gitignore | 1 | ||||
| -rw-r--r-- | Cargo.lock | 155 | ||||
| -rw-r--r-- | Cargo.toml | 12 | ||||
| -rw-r--r-- | overlayscrollbars.esm.js | 2856 | ||||
| -rw-r--r-- | src/lib.rs | 25 |
5 files changed, 3049 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ea8c4bf --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/target diff --git a/Cargo.lock b/Cargo.lock new file mode 100644 index 0000000..04bb1dc --- /dev/null +++ b/Cargo.lock @@ -0,0 +1,155 @@ +# This file is automatically @generated by Cargo. +# It is not intended for manual editing. +version = 4 + +[[package]] +name = "bumpalo" +version = "3.18.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "793db76d6187cd04dff33004d8e6c9cc4e05cd330500379d2394209271b4aeee" + +[[package]] +name = "cfg-if" +version = "1.0.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "9555578bc9e57714c812a1f84e4fc5b4d21fcb063490c624de019f7464c91268" + +[[package]] +name = "js-sys" +version = "0.3.77" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "1cfaf33c695fc6e08064efbc1f72ec937429614f25eef83af942d0e227c3a28f" +dependencies = [ + "once_cell", + "wasm-bindgen", +] + +[[package]] +name = "log" +version = "0.4.27" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "13dc2df351e3202783a1fe0d44375f7295ffb4049267b0f3018346dc122a1d94" + +[[package]] +name = "once_cell" +version = "1.21.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "42f5e15c9953c5e4ccceeb2e7382a716482c34515315f7b03532b8b4e8393d2d" + +[[package]] +name = "overlayscrollbars" +version = "0.1.0" +dependencies = [ + "js-sys", + "wasm-bindgen", + "web-sys", +] + +[[package]] +name = "proc-macro2" +version = "1.0.95" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "02b3e5e68a3a1a02aad3ec490a98007cbc13c37cbe84a3cd7b8e406d76e7f778" +dependencies = [ + "unicode-ident", +] + +[[package]] +name = "quote" +version = "1.0.40" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "1885c039570dc00dcb4ff087a89e185fd56bae234ddc7f056a945bf36467248d" +dependencies = [ + "proc-macro2", +] + +[[package]] +name = "rustversion" +version = "1.0.21" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8a0d197bd2c9dc6e53b84da9556a69ba4cdfab8619eb41a8bd1cc2027a0f6b1d" + +[[package]] +name = "syn" +version = "2.0.102" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "f6397daf94fa90f058bd0fd88429dd9e5738999cca8d701813c80723add80462" +dependencies = [ + "proc-macro2", + "quote", + "unicode-ident", +] + +[[package]] +name = "unicode-ident" +version = "1.0.18" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "5a5f39404a5da50712a4c1eecf25e90dd62b613502b7e925fd4e4d19b5c96512" + +[[package]] +name = "wasm-bindgen" +version = "0.2.100" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "1edc8929d7499fc4e8f0be2262a241556cfc54a0bea223790e71446f2aab1ef5" +dependencies = [ + "cfg-if", + "once_cell", + "rustversion", + "wasm-bindgen-macro", +] + +[[package]] +name = "wasm-bindgen-backend" +version = "0.2.100" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "2f0a0651a5c2bc21487bde11ee802ccaf4c51935d0d3d42a6101f98161700bc6" +dependencies = [ + "bumpalo", + "log", + "proc-macro2", + "quote", + "syn", + "wasm-bindgen-shared", +] + +[[package]] +name = "wasm-bindgen-macro" +version = "0.2.100" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "7fe63fc6d09ed3792bd0897b314f53de8e16568c2b3f7982f468c0bf9bd0b407" +dependencies = [ + "quote", + "wasm-bindgen-macro-support", +] + +[[package]] +name = "wasm-bindgen-macro-support" +version = "0.2.100" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8ae87ea40c9f689fc23f209965b6fb8a99ad69aeeb0231408be24920604395de" +dependencies = [ + "proc-macro2", + "quote", + "syn", + "wasm-bindgen-backend", + "wasm-bindgen-shared", +] + +[[package]] +name = "wasm-bindgen-shared" +version = "0.2.100" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "1a05d73b933a847d6cccdda8f838a22ff101ad9bf93e33684f39c1f5f0eece3d" +dependencies = [ + "unicode-ident", +] + +[[package]] +name = "web-sys" +version = "0.3.77" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "33b6dd2ef9186f1f2072e409e99cd22a975331a6b3591b12c764e0e55c60d5d2" +dependencies = [ + "js-sys", + "wasm-bindgen", +] diff --git a/Cargo.toml b/Cargo.toml new file mode 100644 index 0000000..9c2e28f --- /dev/null +++ b/Cargo.toml @@ -0,0 +1,12 @@ +[package] +name = "overlay-scrollbars" +version = "0.1.0" +edition = "2024" + +# [lib] +# crate-type = ["cdylib"] + +[dependencies] +js-sys = "0.3.77" +wasm-bindgen = "0.2.100" +web-sys = { version = "0.3.77", features = ["Element"] } diff --git a/overlayscrollbars.esm.js b/overlayscrollbars.esm.js new file mode 100644 index 0000000..a2e355a --- /dev/null +++ b/overlayscrollbars.esm.js @@ -0,0 +1,2856 @@ +/*! + * OverlayScrollbars + * Version: 2.11.0 + * + * Copyright (c) Rene Haas | KingSora. + * https://github.com/KingSora + * + * Released under the MIT license. + */ +const createCache = (t, n) => { + const {o: o, i: s, u: e} = t; + let c = o; + let r; + const cacheUpdateContextual = (t, n) => { + const o = c; + const l = t; + const i = n || (s ? !s(o, l) : o !== l); + if (i || e) { + c = l; + r = o; + } + return [ c, i, r ]; + }; + const cacheUpdateIsolated = t => cacheUpdateContextual(n(c, r), t); + const getCurrentCache = t => [ c, !!t, r ]; + return [ n ? cacheUpdateIsolated : cacheUpdateContextual, getCurrentCache ]; +}; + +const t = typeof window !== "undefined" && typeof HTMLElement !== "undefined" && !!window.document; + +const n = t ? window : {}; + +const o = Math.max; + +const s = Math.min; + +const e = Math.round; + +const c = Math.abs; + +const r = Math.sign; + +const l = n.cancelAnimationFrame; + +const i = n.requestAnimationFrame; + +const a = n.setTimeout; + +const u = n.clearTimeout; + +const getApi = t => typeof n[t] !== "undefined" ? n[t] : void 0; + +const _ = getApi("MutationObserver"); + +const d = getApi("IntersectionObserver"); + +const f = getApi("ResizeObserver"); + +const p = getApi("ScrollTimeline"); + +const isUndefined = t => t === void 0; + +const isNull = t => t === null; + +const isNumber = t => typeof t === "number"; + +const isString = t => typeof t === "string"; + +const isBoolean = t => typeof t === "boolean"; + +const isFunction = t => typeof t === "function"; + +const isArray = t => Array.isArray(t); + +const isObject = t => typeof t === "object" && !isArray(t) && !isNull(t); + +const isArrayLike = t => { + const n = !!t && t.length; + const o = isNumber(n) && n > -1 && n % 1 == 0; + return isArray(t) || !isFunction(t) && o ? n > 0 && isObject(t) ? n - 1 in t : true : false; +}; + +const isPlainObject = t => !!t && t.constructor === Object; + +const isHTMLElement = t => t instanceof HTMLElement; + +const isElement = t => t instanceof Element; + +const animationCurrentTime = () => performance.now(); + +const animateNumber = (t, n, s, e, c) => { + let r = 0; + const a = animationCurrentTime(); + const u = o(0, s); + const frame = s => { + const l = animationCurrentTime(); + const _ = l - a; + const d = _ >= u; + const f = s ? 1 : 1 - (o(0, a + u - l) / u || 0); + const p = (n - t) * (isFunction(c) ? c(f, f * u, 0, 1, u) : f) + t; + const v = d || f === 1; + e && e(p, f, v); + r = v ? 0 : i((() => frame())); + }; + frame(); + return t => { + l(r); + t && frame(t); + }; +}; + +function each(t, n) { + if (isArrayLike(t)) { + for (let o = 0; o < t.length; o++) { + if (n(t[o], o, t) === false) { + break; + } + } + } else if (t) { + each(Object.keys(t), (o => n(t[o], o, t))); + } + return t; +} + +const inArray = (t, n) => t.indexOf(n) >= 0; + +const concat = (t, n) => t.concat(n); + +const push = (t, n, o) => { + !isString(n) && isArrayLike(n) ? Array.prototype.push.apply(t, n) : t.push(n); + return t; +}; + +const from = t => Array.from(t || []); + +const createOrKeepArray = t => { + if (isArray(t)) { + return t; + } + return !isString(t) && isArrayLike(t) ? from(t) : [ t ]; +}; + +const isEmptyArray = t => !!t && !t.length; + +const deduplicateArray = t => from(new Set(t)); + +const runEachAndClear = (t, n, o) => { + const runFn = t => t ? t.apply(void 0, n || []) : true; + each(t, runFn); + !o && (t.length = 0); +}; + +const v = "paddingTop"; + +const h = "paddingRight"; + +const g = "paddingLeft"; + +const b = "paddingBottom"; + +const w = "marginLeft"; + +const y = "marginRight"; + +const S = "marginBottom"; + +const m = "overflowX"; + +const O = "overflowY"; + +const $ = "width"; + +const C = "height"; + +const x = "visible"; + +const H = "hidden"; + +const E = "scroll"; + +const capitalizeFirstLetter = t => { + const n = String(t || ""); + return n ? n[0].toUpperCase() + n.slice(1) : ""; +}; + +const equal = (t, n, o, s) => { + if (t && n) { + let s = true; + each(o, (o => { + const e = t[o]; + const c = n[o]; + if (e !== c) { + s = false; + } + })); + return s; + } + return false; +}; + +const equalWH = (t, n) => equal(t, n, [ "w", "h" ]); + +const equalXY = (t, n) => equal(t, n, [ "x", "y" ]); + +const equalTRBL = (t, n) => equal(t, n, [ "t", "r", "b", "l" ]); + +const noop = () => {}; + +const bind = (t, ...n) => t.bind(0, ...n); + +const selfClearTimeout = t => { + let n; + const o = t ? a : i; + const s = t ? u : l; + return [ e => { + s(n); + n = o((() => e()), isFunction(t) ? t() : t); + }, () => s(n) ]; +}; + +const debounce = (t, n) => { + const {_: o, p: s, v: e, S: c} = n || {}; + let r; + let _; + let d; + let f; + let p = noop; + const v = function invokeFunctionToDebounce(n) { + p(); + u(r); + f = r = _ = void 0; + p = noop; + t.apply(this, n); + }; + const mergeParms = t => c && _ ? c(_, t) : t; + const flush = () => { + if (p !== noop) { + v(mergeParms(d) || d); + } + }; + const h = function debouncedFn() { + const t = from(arguments); + const n = isFunction(o) ? o() : o; + const c = isNumber(n) && n >= 0; + if (c) { + const o = isFunction(s) ? s() : s; + const c = isNumber(o) && o >= 0; + const h = n > 0 ? a : i; + const g = n > 0 ? u : l; + const b = mergeParms(t); + const w = b || t; + const y = v.bind(0, w); + let S; + p(); + if (e && !f) { + y(); + f = true; + S = h((() => f = void 0), n); + } else { + S = h(y, n); + if (c && !r) { + r = a(flush, o); + } + } + p = () => g(S); + _ = d = w; + } else { + v(t); + } + }; + h.m = flush; + return h; +}; + +const hasOwnProperty = (t, n) => Object.prototype.hasOwnProperty.call(t, n); + +const keys = t => t ? Object.keys(t) : []; + +const assignDeep = (t, n, o, s, e, c, r) => { + const l = [ n, o, s, e, c, r ]; + if ((typeof t !== "object" || isNull(t)) && !isFunction(t)) { + t = {}; + } + each(l, (n => { + each(n, ((o, s) => { + const e = n[s]; + if (t === e) { + return true; + } + const c = isArray(e); + if (e && isPlainObject(e)) { + const n = t[s]; + let o = n; + if (c && !isArray(n)) { + o = []; + } else if (!c && !isPlainObject(n)) { + o = {}; + } + t[s] = assignDeep(o, e); + } else { + t[s] = c ? e.slice() : e; + } + })); + })); + return t; +}; + +const removeUndefinedProperties = (t, n) => each(assignDeep({}, t), ((t, n, o) => { + if (t === void 0) { + delete o[n]; + } else if (t && isPlainObject(t)) { + o[n] = removeUndefinedProperties(t); + } +})); + +const isEmptyObject = t => !keys(t).length; + +const capNumber = (t, n, e) => o(t, s(n, e)); + +const getDomTokensArray = t => deduplicateArray((isArray(t) ? t : (t || "").split(" ")).filter((t => t))); + +const getAttr = (t, n) => t && t.getAttribute(n); + +const hasAttr = (t, n) => t && t.hasAttribute(n); + +const setAttrs = (t, n, o) => { + each(getDomTokensArray(n), (n => { + t && t.setAttribute(n, String(o || "")); + })); +}; + +const removeAttrs = (t, n) => { + each(getDomTokensArray(n), (n => t && t.removeAttribute(n))); +}; + +const domTokenListAttr = (t, n) => { + const o = getDomTokensArray(getAttr(t, n)); + const s = bind(setAttrs, t, n); + const domTokenListOperation = (t, n) => { + const s = new Set(o); + each(getDomTokensArray(t), (t => { + s[n](t); + })); + return from(s).join(" "); + }; + return { + O: t => s(domTokenListOperation(t, "delete")), + $: t => s(domTokenListOperation(t, "add")), + C: t => { + const n = getDomTokensArray(t); + return n.reduce(((t, n) => t && o.includes(n)), n.length > 0); + } + }; +}; + +const removeAttrClass = (t, n, o) => { + domTokenListAttr(t, n).O(o); + return bind(addAttrClass, t, n, o); +}; + +const addAttrClass = (t, n, o) => { + domTokenListAttr(t, n).$(o); + return bind(removeAttrClass, t, n, o); +}; + +const addRemoveAttrClass = (t, n, o, s) => (s ? addAttrClass : removeAttrClass)(t, n, o); + +const hasAttrClass = (t, n, o) => domTokenListAttr(t, n).C(o); + +const createDomTokenListClass = t => domTokenListAttr(t, "class"); + +const removeClass = (t, n) => { + createDomTokenListClass(t).O(n); +}; + +const addClass = (t, n) => { + createDomTokenListClass(t).$(n); + return bind(removeClass, t, n); +}; + +const find = (t, n) => { + const o = n ? isElement(n) && n : document; + return o ? from(o.querySelectorAll(t)) : []; +}; + +const findFirst = (t, n) => { + const o = n ? isElement(n) && n : document; + return o && o.querySelector(t); +}; + +const is = (t, n) => isElement(t) && t.matches(n); + +const isBodyElement = t => is(t, "body"); + +const contents = t => t ? from(t.childNodes) : []; + +const parent = t => t && t.parentElement; + +const closest = (t, n) => isElement(t) && t.closest(n); + +const getFocusedElement = t => document.activeElement; + +const liesBetween = (t, n, o) => { + const s = closest(t, n); + const e = t && findFirst(o, s); + const c = closest(e, n) === s; + return s && e ? s === t || e === t || c && closest(closest(t, o), n) !== s : false; +}; + +const removeElements = t => { + each(createOrKeepArray(t), (t => { + const n = parent(t); + t && n && n.removeChild(t); + })); +}; + +const appendChildren = (t, n) => bind(removeElements, t && n && each(createOrKeepArray(n), (n => { + n && t.appendChild(n); +}))); + +let z; + +const getTrustedTypePolicy = () => z; + +const setTrustedTypePolicy = t => { + z = t; +}; + +const createDiv = t => { + const n = document.createElement("div"); + setAttrs(n, "class", t); + return n; +}; + +const createDOM = t => { + const n = createDiv(); + const o = getTrustedTypePolicy(); + const s = t.trim(); + n.innerHTML = o ? o.createHTML(s) : s; + return each(contents(n), (t => removeElements(t))); +}; + +const getCSSVal = (t, n) => t.getPropertyValue(n) || t[n] || ""; + +const validFiniteNumber = t => { + const n = t || 0; + return isFinite(n) ? n : 0; +}; + +const parseToZeroOrNumber = t => validFiniteNumber(parseFloat(t || "")); + +const roundCssNumber = t => Math.round(t * 1e4) / 1e4; + +const numberToCssPx = t => `${roundCssNumber(validFiniteNumber(t))}px`; + +function setStyles(t, n) { + t && n && each(n, ((n, o) => { + try { + const s = t.style; + const e = isNull(n) || isBoolean(n) ? "" : isNumber(n) ? numberToCssPx(n) : n; + if (o.indexOf("--") === 0) { + s.setProperty(o, e); + } else { + s[o] = e; + } + } catch (s) {} + })); +} + +function getStyles(t, o, s) { + const e = isString(o); + let c = e ? "" : {}; + if (t) { + const r = n.getComputedStyle(t, s) || t.style; + c = e ? getCSSVal(r, o) : from(o).reduce(((t, n) => { + t[n] = getCSSVal(r, n); + return t; + }), c); + } + return c; +} + +const topRightBottomLeft = (t, n, o) => { + const s = n ? `${n}-` : ""; + const e = o ? `-${o}` : ""; + const c = `${s}top${e}`; + const r = `${s}right${e}`; + const l = `${s}bottom${e}`; + const i = `${s}left${e}`; + const a = getStyles(t, [ c, r, l, i ]); + return { + t: parseToZeroOrNumber(a[c]), + r: parseToZeroOrNumber(a[r]), + b: parseToZeroOrNumber(a[l]), + l: parseToZeroOrNumber(a[i]) + }; +}; + +const getTrasformTranslateValue = (t, n) => `translate${isObject(t) ? `(${t.x},${t.y})` : `${n ? "X" : "Y"}(${t})`}`; + +const elementHasDimensions = t => !!(t.offsetWidth || t.offsetHeight || t.getClientRects().length); + +const I = { + w: 0, + h: 0 +}; + +const getElmWidthHeightProperty = (t, n) => n ? { + w: n[`${t}Width`], + h: n[`${t}Height`] +} : I; + +const getWindowSize = t => getElmWidthHeightProperty("inner", t || n); + +const A = bind(getElmWidthHeightProperty, "offset"); + +const D = bind(getElmWidthHeightProperty, "client"); + +const M = bind(getElmWidthHeightProperty, "scroll"); + +const getFractionalSize = t => { + const n = parseFloat(getStyles(t, $)) || 0; + const o = parseFloat(getStyles(t, C)) || 0; + return { + w: n - e(n), + h: o - e(o) + }; +}; + +const getBoundingClientRect = t => t.getBoundingClientRect(); + +const hasDimensions = t => !!t && elementHasDimensions(t); + +const domRectHasDimensions = t => !!(t && (t[C] || t[$])); + +const domRectAppeared = (t, n) => { + const o = domRectHasDimensions(t); + const s = domRectHasDimensions(n); + return !s && o; +}; + +const removeEventListener = (t, n, o, s) => { + each(getDomTokensArray(n), (n => { + t && t.removeEventListener(n, o, s); + })); +}; + +const addEventListener = (t, n, o, s) => { + var e; + const c = (e = s && s.H) != null ? e : true; + const r = s && s.I || false; + const l = s && s.A || false; + const i = { + passive: c, + capture: r + }; + return bind(runEachAndClear, getDomTokensArray(n).map((n => { + const s = l ? e => { + removeEventListener(t, n, s, r); + o && o(e); + } : o; + t && t.addEventListener(n, s, i); + return bind(removeEventListener, t, n, s, r); + }))); +}; + +const stopPropagation = t => t.stopPropagation(); + +const preventDefault = t => t.preventDefault(); + +const stopAndPrevent = t => stopPropagation(t) || preventDefault(t); + +const scrollElementTo = (t, n) => { + const {x: o, y: s} = isNumber(n) ? { + x: n, + y: n + } : n || {}; + isNumber(o) && (t.scrollLeft = o); + isNumber(s) && (t.scrollTop = s); +}; + +const getElementScroll = t => ({ + x: t.scrollLeft, + y: t.scrollTop +}); + +const getZeroScrollCoordinates = () => ({ + D: { + x: 0, + y: 0 + }, + M: { + x: 0, + y: 0 + } +}); + +const sanitizeScrollCoordinates = (t, n) => { + const {D: o, M: s} = t; + const {w: e, h: l} = n; + const sanitizeAxis = (t, n, o) => { + let s = r(t) * o; + let e = r(n) * o; + if (s === e) { + const o = c(t); + const r = c(n); + e = o > r ? 0 : e; + s = o < r ? 0 : s; + } + s = s === e ? 0 : s; + return [ s + 0, e + 0 ]; + }; + const [i, a] = sanitizeAxis(o.x, s.x, e); + const [u, _] = sanitizeAxis(o.y, s.y, l); + return { + D: { + x: i, + y: u + }, + M: { + x: a, + y: _ + } + }; +}; + +const isDefaultDirectionScrollCoordinates = ({D: t, M: n}) => { + const getAxis = (t, n) => t === 0 && t <= n; + return { + x: getAxis(t.x, n.x), + y: getAxis(t.y, n.y) + }; +}; + +const getScrollCoordinatesPercent = ({D: t, M: n}, o) => { + const getAxis = (t, n, o) => capNumber(0, 1, (t - o) / (t - n) || 0); + return { + x: getAxis(t.x, n.x, o.x), + y: getAxis(t.y, n.y, o.y) + }; +}; + +const focusElement = t => { + if (t && t.focus) { + t.focus({ + preventScroll: true + }); + } +}; + +const manageListener = (t, n) => { + each(createOrKeepArray(n), t); +}; + +const createEventListenerHub = t => { + const n = new Map; + const removeEvent = (t, o) => { + if (t) { + const s = n.get(t); + manageListener((t => { + if (s) { + s[t ? "delete" : "clear"](t); + } + }), o); + } else { + n.forEach((t => { + t.clear(); + })); + n.clear(); + } + }; + const addEvent = (t, o) => { + if (isString(t)) { + const s = n.get(t) || new Set; + n.set(t, s); + manageListener((t => { + isFunction(t) && s.add(t); + }), o); + return bind(removeEvent, t, o); + } + if (isBoolean(o) && o) { + removeEvent(); + } + const s = keys(t); + const e = []; + each(s, (n => { + const o = t[n]; + o && push(e, addEvent(n, o)); + })); + return bind(runEachAndClear, e); + }; + const triggerEvent = (t, o) => { + each(from(n.get(t)), (t => { + if (o && !isEmptyArray(o)) { + t.apply(0, o); + } else { + t(); + } + })); + }; + addEvent(t || {}); + return [ addEvent, removeEvent, triggerEvent ]; +}; + +const T = {}; + +const k = {}; + +const addPlugins = t => { + each(t, (t => each(t, ((n, o) => { + T[o] = t[o]; + })))); +}; + +const registerPluginModuleInstances = (t, n, o) => keys(t).map((s => { + const {static: e, instance: c} = t[s]; + const [r, l, i] = o || []; + const a = o ? c : e; + if (a) { + const t = o ? a(r, l, n) : a(n); + return (i || k)[s] = t; + } +})); + +const getStaticPluginModuleInstance = t => k[t]; + +const R = "__osOptionsValidationPlugin"; + +const V = `data-overlayscrollbars`; + +const L = "os-environment"; + +const U = `${L}-scrollbar-hidden`; + +const P = `${V}-initialize`; + +const N = "noClipping"; + +const q = `${V}-body`; + +const B = V; + +const F = "host"; + +const j = `${V}-viewport`; + +const X = m; + +const Y = O; + +const W = "arrange"; + +const J = "measuring"; + +const G = "scrolling"; + +const K = "scrollbarHidden"; + +const Q = "noContent"; + +const Z = `${V}-padding`; + +const tt = `${V}-content`; + +const nt = "os-size-observer"; + +const ot = `${nt}-appear`; + +const st = `${nt}-listener`; + +const et = `${st}-scroll`; + +const ct = `${st}-item`; + +const rt = `${ct}-final`; + +const lt = "os-trinsic-observer"; + +const it = "os-theme-none"; + +const at = "os-scrollbar"; + +const ut = `${at}-rtl`; + +const _t = `${at}-horizontal`; + +const dt = `${at}-vertical`; + +const ft = `${at}-track`; + +const pt = `${at}-handle`; + +const vt = `${at}-visible`; + +const ht = `${at}-cornerless`; + +const gt = `${at}-interaction`; + +const bt = `${at}-unusable`; + +const wt = `${at}-auto-hide`; + +const yt = `${wt}-hidden`; + +const St = `${at}-wheel`; + +const mt = `${ft}-interactive`; + +const Ot = `${pt}-interactive`; + +const $t = "__osSizeObserverPlugin"; + +const Ct = /* @__PURE__ */ (() => ({ + [$t]: { + static: () => (t, n, o) => { + const s = 3333333; + const e = "scroll"; + const c = createDOM(`<div class="${ct}" dir="ltr"><div class="${ct}"><div class="${rt}"></div></div><div class="${ct}"><div class="${rt}" style="width: 200%; height: 200%"></div></div></div>`); + const r = c[0]; + const a = r.lastChild; + const u = r.firstChild; + const _ = u == null ? void 0 : u.firstChild; + let d = A(r); + let f = d; + let p = false; + let v; + const reset = () => { + scrollElementTo(u, s); + scrollElementTo(a, s); + }; + const onResized = t => { + v = 0; + if (p) { + d = f; + n(t === true); + } + }; + const onScroll = t => { + f = A(r); + p = !t || !equalWH(f, d); + if (t) { + stopPropagation(t); + if (p && !v) { + l(v); + v = i(onResized); + } + } else { + onResized(t === false); + } + reset(); + }; + const h = [ appendChildren(t, c), addEventListener(u, e, onScroll), addEventListener(a, e, onScroll) ]; + addClass(t, et); + setStyles(_, { + [$]: s, + [C]: s + }); + i(reset); + return [ o ? bind(onScroll, false) : reset, h ]; + } + } +}))(); + +const getShowNativeOverlaidScrollbars = (t, n) => { + const {T: o} = n; + const [s, e] = t("showNativeOverlaidScrollbars"); + return [ s && o.x && o.y, e ]; +}; + +const overflowIsVisible = t => t.indexOf(x) === 0; + +const createViewportOverflowState = (t, n) => { + const getAxisOverflowStyle = (t, n, o, s) => { + const e = t === x ? H : t.replace(`${x}-`, ""); + const c = overflowIsVisible(t); + const r = overflowIsVisible(o); + if (!n && !s) { + return H; + } + if (c && r) { + return x; + } + if (c) { + const t = n ? x : H; + return n && s ? e : t; + } + const l = r && s ? x : H; + return n ? e : l; + }; + const o = { + x: getAxisOverflowStyle(n.x, t.x, n.y, t.y), + y: getAxisOverflowStyle(n.y, t.y, n.x, t.x) + }; + return { + k: o, + R: { + x: o.x === E, + y: o.y === E + } + }; +}; + +const xt = "__osScrollbarsHidingPlugin"; + +const Ht = /* @__PURE__ */ (() => ({ + [xt]: { + static: () => ({ + V: (t, n, o, s, e) => { + const {L: c, U: r} = t; + const {P: l, T: i, N: a} = s; + const u = !c && !l && (i.x || i.y); + const [_] = getShowNativeOverlaidScrollbars(e, s); + const readViewportOverflowState = () => { + const getStatePerAxis = t => { + const n = getStyles(r, t); + const o = n === E; + return [ n, o ]; + }; + const [t, n] = getStatePerAxis(m); + const [o, s] = getStatePerAxis(O); + return { + k: { + x: t, + y: o + }, + R: { + x: n, + y: s + } + }; + }; + const _getViewportOverflowHideOffset = t => { + const {R: n} = t; + const o = l || _ ? 0 : 42; + const getHideOffsetPerAxis = (t, n, s) => { + const e = t ? o : s; + const c = n && !l ? e : 0; + const r = t && !!o; + return [ c, r ]; + }; + const [s, e] = getHideOffsetPerAxis(i.x, n.x, a.x); + const [c, r] = getHideOffsetPerAxis(i.y, n.y, a.y); + return { + q: { + x: s, + y: c + }, + B: { + x: e, + y: r + } + }; + }; + const _hideNativeScrollbars = (t, {F: o}, s) => { + if (!c) { + const e = assignDeep({}, { + [y]: 0, + [S]: 0, + [w]: 0 + }); + const {q: c, B: r} = _getViewportOverflowHideOffset(t); + const {x: l, y: i} = r; + const {x: a, y: u} = c; + const {j: _} = n; + const d = o ? w : y; + const f = o ? g : h; + const p = _[d]; + const v = _[S]; + const m = _[f]; + const O = _[b]; + e[$] = `calc(100% + ${u + p * -1}px)`; + e[d] = -u + p; + e[S] = -a + v; + if (s) { + e[f] = m + (i ? u : 0); + e[b] = O + (l ? a : 0); + } + return e; + } + }; + const _arrangeViewport = (t, s, e) => { + if (u) { + const {j: c} = n; + const {q: l, B: i} = _getViewportOverflowHideOffset(t); + const {x: a, y: u} = i; + const {x: _, y: d} = l; + const {F: f} = o; + const p = f ? h : g; + const v = c[p]; + const b = c.paddingTop; + const w = s.w + e.w; + const y = s.h + e.h; + const S = { + w: d && u ? `${d + w - v}px` : "", + h: _ && a ? `${_ + y - b}px` : "" + }; + setStyles(r, { + "--os-vaw": S.w, + "--os-vah": S.h + }); + } + return u; + }; + const _undoViewportArrange = t => { + if (u) { + const s = t || readViewportOverflowState(); + const {j: e} = n; + const {B: c} = _getViewportOverflowHideOffset(s); + const {x: l, y: i} = c; + const a = {}; + const assignProps = t => each(t, (t => { + a[t] = e[t]; + })); + if (l) { + assignProps([ S, v, b ]); + } + if (i) { + assignProps([ w, y, g, h ]); + } + const _ = getStyles(r, keys(a)); + const d = removeAttrClass(r, j, W); + setStyles(r, a); + return [ () => { + setStyles(r, assignDeep({}, _, _hideNativeScrollbars(s, o, u))); + d(); + }, s ]; + } + return [ noop ]; + }; + return { + X: _getViewportOverflowHideOffset, + Y: _arrangeViewport, + W: _undoViewportArrange, + J: _hideNativeScrollbars + }; + } + }) + } +}))(); + +const Et = "__osClickScrollPlugin"; + +const zt = /* @__PURE__ */ (() => ({ + [Et]: { + static: () => (t, n, o, s) => { + let e = false; + let c = noop; + const r = 133; + const l = 222; + const [i, a] = selfClearTimeout(r); + const u = Math.sign(n); + const _ = o * u; + const d = _ / 2; + const easing = t => 1 - (1 - t) * (1 - t); + const easedEndPressAnimation = (n, o) => animateNumber(n, o, l, t, easing); + const linearPressAnimation = (o, s) => animateNumber(o, n - _, r * s, ((o, s, e) => { + t(o); + if (e) { + c = easedEndPressAnimation(o, n); + } + })); + const f = animateNumber(0, _, l, ((r, l, a) => { + t(r); + if (a) { + s(e); + if (!e) { + const t = n - r; + const s = Math.sign(t - d) === u; + s && i((() => { + const s = t - _; + const e = Math.sign(s) === u; + c = e ? linearPressAnimation(r, Math.abs(s) / o) : easedEndPressAnimation(r, n); + })); + } + } + }), easing); + return t => { + e = true; + if (t) { + f(); + } + a(); + c(); + }; + } + } +}))(); + +const opsStringify = t => JSON.stringify(t, ((t, n) => { + if (isFunction(n)) { + throw 0; + } + return n; +})); + +const getPropByPath = (t, n) => t ? `${n}`.split(".").reduce(((t, n) => t && hasOwnProperty(t, n) ? t[n] : void 0), t) : void 0; + +const It = { + paddingAbsolute: false, + showNativeOverlaidScrollbars: false, + update: { + elementEvents: [ [ "img", "load" ] ], + debounce: [ 0, 33 ], + attributes: null, + ignoreMutation: null + }, + overflow: { + x: "scroll", + y: "scroll" + }, + scrollbars: { + theme: "os-theme-dark", + visibility: "auto", + autoHide: "never", + autoHideDelay: 1300, + autoHideSuspend: false, + dragScroll: true, + clickScroll: false, + pointers: [ "mouse", "touch", "pen" ] + } +}; + +const getOptionsDiff = (t, n) => { + const o = {}; + const s = concat(keys(n), keys(t)); + each(s, (s => { + const e = t[s]; + const c = n[s]; + if (isObject(e) && isObject(c)) { + assignDeep(o[s] = {}, getOptionsDiff(e, c)); + if (isEmptyObject(o[s])) { + delete o[s]; + } + } else if (hasOwnProperty(n, s) && c !== e) { + let t = true; + if (isArray(e) || isArray(c)) { + try { + if (opsStringify(e) === opsStringify(c)) { + t = false; + } + } catch (r) {} + } + if (t) { + o[s] = c; + } + } + })); + return o; +}; + +const createOptionCheck = (t, n, o) => s => [ getPropByPath(t, s), o || getPropByPath(n, s) !== void 0 ]; + +let At; + +const getNonce = () => At; + +const setNonce = t => { + At = t; +}; + +let Dt; + +const createEnvironment = () => { + const getNativeScrollbarSize = (t, n, o) => { + appendChildren(document.body, t); + appendChildren(document.body, t); + const s = D(t); + const e = A(t); + const c = getFractionalSize(n); + o && removeElements(t); + return { + x: e.h - s.h + c.h, + y: e.w - s.w + c.w + }; + }; + const getNativeScrollbarsHiding = t => { + let n = false; + const o = addClass(t, U); + try { + n = getStyles(t, "scrollbar-width") === "none" || getStyles(t, "display", "::-webkit-scrollbar") === "none"; + } catch (s) {} + o(); + return n; + }; + const t = `.${L}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${L} div{width:200%;height:200%;margin:10px 0}.${U}{scrollbar-width:none!important}.${U}::-webkit-scrollbar,.${U}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`; + const o = createDOM(`<div class="${L}"><div></div><style>${t}</style></div>`); + const s = o[0]; + const e = s.firstChild; + const c = s.lastChild; + const r = getNonce(); + if (r) { + c.nonce = r; + } + const [l, , i] = createEventListenerHub(); + const [a, u] = createCache({ + o: getNativeScrollbarSize(s, e), + i: equalXY + }, bind(getNativeScrollbarSize, s, e, true)); + const [_] = u(); + const d = getNativeScrollbarsHiding(s); + const f = { + x: _.x === 0, + y: _.y === 0 + }; + const v = { + elements: { + host: null, + padding: !d, + viewport: t => d && isBodyElement(t) && t, + content: false + }, + scrollbars: { + slot: true + }, + cancel: { + nativeScrollbarsOverlaid: false, + body: null + } + }; + const h = assignDeep({}, It); + const g = bind(assignDeep, {}, h); + const b = bind(assignDeep, {}, v); + const w = { + N: _, + T: f, + P: d, + G: !!p, + K: bind(l, "r"), + Z: b, + tt: t => assignDeep(v, t) && b(), + nt: g, + ot: t => assignDeep(h, t) && g(), + st: assignDeep({}, v), + et: assignDeep({}, h) + }; + removeAttrs(s, "style"); + removeElements(s); + addEventListener(n, "resize", (() => { + i("r", []); + })); + if (isFunction(n.matchMedia) && !d && (!f.x || !f.y)) { + const addZoomListener = t => { + const o = n.matchMedia(`(resolution: ${n.devicePixelRatio}dppx)`); + addEventListener(o, "change", (() => { + t(); + addZoomListener(t); + }), { + A: true + }); + }; + addZoomListener((() => { + const [t, n] = a(); + assignDeep(w.N, t); + i("r", [ n ]); + })); + } + return w; +}; + +const getEnvironment = () => { + if (!Dt) { + Dt = createEnvironment(); + } + return Dt; +}; + +const createEventContentChange = (t, n, o) => { + let s = false; + const e = o ? new WeakMap : false; + const destroy = () => { + s = true; + }; + const updateElements = c => { + if (e && o) { + const r = o.map((n => { + const [o, s] = n || []; + const e = s && o ? (c || find)(o, t) : []; + return [ e, s ]; + })); + each(r, (o => each(o[0], (c => { + const r = o[1]; + const l = e.get(c) || []; + const i = t.contains(c); + if (i && r) { + const t = addEventListener(c, r, (o => { + if (s) { + t(); + e.delete(c); + } else { + n(o); + } + })); + e.set(c, push(l, t)); + } else { + runEachAndClear(l); + e.delete(c); + } + })))); + } + }; + updateElements(); + return [ destroy, updateElements ]; +}; + +const createDOMObserver = (t, n, o, s) => { + let e = false; + const {ct: c, rt: r, lt: l, it: i, ut: a, _t: u} = s || {}; + const d = debounce((() => e && o(true)), { + _: 33, + p: 99 + }); + const [f, p] = createEventContentChange(t, d, l); + const v = c || []; + const h = r || []; + const g = concat(v, h); + const observerCallback = (e, c) => { + if (!isEmptyArray(c)) { + const r = a || noop; + const l = u || noop; + const _ = []; + const d = []; + let f = false; + let v = false; + each(c, (o => { + const {attributeName: e, target: c, type: a, oldValue: u, addedNodes: p, removedNodes: g} = o; + const b = a === "attributes"; + const w = a === "childList"; + const y = t === c; + const S = b && e; + const m = S && getAttr(c, e || ""); + const O = isString(m) ? m : null; + const $ = S && u !== O; + const C = inArray(h, e) && $; + if (n && (w || !y)) { + const n = b && $; + const a = n && i && is(c, i); + const d = a ? !r(c, e, u, O) : !b || n; + const f = d && !l(o, !!a, t, s); + each(p, (t => push(_, t))); + each(g, (t => push(_, t))); + v = v || f; + } + if (!n && y && $ && !r(c, e, u, O)) { + push(d, e); + f = f || C; + } + })); + p((t => deduplicateArray(_).reduce(((n, o) => { + push(n, find(t, o)); + return is(o, t) ? push(n, o) : n; + }), []))); + if (n) { + !e && v && o(false); + return [ false ]; + } + if (!isEmptyArray(d) || f) { + const t = [ deduplicateArray(d), f ]; + !e && o.apply(0, t); + return t; + } + } + }; + const b = new _(bind(observerCallback, false)); + return [ () => { + b.observe(t, { + attributes: true, + attributeOldValue: true, + attributeFilter: g, + subtree: n, + childList: n, + characterData: n + }); + e = true; + return () => { + if (e) { + f(); + b.disconnect(); + e = false; + } + }; + }, () => { + if (e) { + d.m(); + return observerCallback(true, b.takeRecords()); + } + } ]; +}; + +const createSizeObserver = (t, n, o) => { + const {dt: s} = o || {}; + const e = getStaticPluginModuleInstance($t); + const [c] = createCache({ + o: false, + u: true + }); + return () => { + const o = []; + const r = createDOM(`<div class="${nt}"><div class="${st}"></div></div>`); + const l = r[0]; + const i = l.firstChild; + const onSizeChangedCallbackProxy = t => { + const o = t instanceof ResizeObserverEntry; + let s = false; + let e = false; + if (o) { + const [n, , o] = c(t.contentRect); + const r = domRectHasDimensions(n); + e = domRectAppeared(n, o); + s = !e && !r; + } else { + e = t === true; + } + if (!s) { + n({ + ft: true, + dt: e + }); + } + }; + if (f) { + const t = new f((t => onSizeChangedCallbackProxy(t.pop()))); + t.observe(i); + push(o, (() => { + t.disconnect(); + })); + } else if (e) { + const [t, n] = e(i, onSizeChangedCallbackProxy, s); + push(o, concat([ addClass(l, ot), addEventListener(l, "animationstart", t) ], n)); + } else { + return noop; + } + return bind(runEachAndClear, push(o, appendChildren(t, l))); + }; +}; + +const createTrinsicObserver = (t, n) => { + let o; + const isHeightIntrinsic = t => t.h === 0 || t.isIntersecting || t.intersectionRatio > 0; + const s = createDiv(lt); + const [e] = createCache({ + o: false + }); + const triggerOnTrinsicChangedCallback = (t, o) => { + if (t) { + const s = e(isHeightIntrinsic(t)); + const [, c] = s; + return c && !o && n(s) && [ s ]; + } + }; + const intersectionObserverCallback = (t, n) => triggerOnTrinsicChangedCallback(n.pop(), t); + return [ () => { + const n = []; + if (d) { + o = new d(bind(intersectionObserverCallback, false), { + root: t + }); + o.observe(s); + push(n, (() => { + o.disconnect(); + })); + } else { + const onSizeChanged = () => { + const t = A(s); + triggerOnTrinsicChangedCallback(t); + }; + push(n, createSizeObserver(s, onSizeChanged)()); + onSizeChanged(); + } + return bind(runEachAndClear, push(n, appendChildren(t, s))); + }, () => o && intersectionObserverCallback(true, o.takeRecords()) ]; +}; + +const createObserversSetup = (t, n, o, s) => { + let e; + let c; + let r; + let l; + let i; + let a; + const u = `[${B}]`; + const _ = `[${j}]`; + const d = [ "id", "class", "style", "open", "wrap", "cols", "rows" ]; + const {vt: p, ht: v, U: h, gt: g, bt: b, L: w, wt: y, yt: S, St: m, Ot: O} = t; + const getDirectionIsRTL = t => getStyles(t, "direction") === "rtl"; + const $ = { + $t: false, + F: getDirectionIsRTL(p) + }; + const C = getEnvironment(); + const x = getStaticPluginModuleInstance(xt); + const [H] = createCache({ + i: equalWH, + o: { + w: 0, + h: 0 + } + }, (() => { + const s = x && x.V(t, n, $, C, o).W; + const e = y && w; + const c = !e && hasAttrClass(v, B, N); + const r = !w && S(W); + const l = r && getElementScroll(g); + const i = l && O(); + const a = m(J, c); + const u = r && s && s()[0]; + const _ = M(h); + const d = getFractionalSize(h); + u && u(); + scrollElementTo(g, l); + i && i(); + c && a(); + return { + w: _.w + d.w, + h: _.h + d.h + }; + })); + const E = debounce(s, { + _: () => e, + p: () => c, + S(t, n) { + const [o] = t; + const [s] = n; + return [ concat(keys(o), keys(s)).reduce(((t, n) => { + t[n] = o[n] || s[n]; + return t; + }), {}) ]; + } + }); + const setDirection = t => { + const n = getDirectionIsRTL(p); + assignDeep(t, { + Ct: a !== n + }); + assignDeep($, { + F: n + }); + a = n; + }; + const onTrinsicChanged = (t, n) => { + const [o, e] = t; + const c = { + xt: e + }; + assignDeep($, { + $t: o + }); + !n && s(c); + return c; + }; + const onSizeChanged = ({ft: t, dt: n}) => { + const o = t && !n; + const e = !o && C.P ? E : s; + const c = { + ft: t || n, + dt: n + }; + setDirection(c); + e(c); + }; + const onContentMutation = (t, n) => { + const [, o] = H(); + const e = { + Ht: o + }; + setDirection(e); + const c = t ? s : E; + o && !n && c(e); + return e; + }; + const onHostMutation = (t, n, o) => { + const s = { + Et: n + }; + setDirection(s); + if (n && !o) { + E(s); + } + return s; + }; + const [z, I] = b ? createTrinsicObserver(v, onTrinsicChanged) : []; + const A = !w && createSizeObserver(v, onSizeChanged, { + dt: true + }); + const [D, T] = createDOMObserver(v, false, onHostMutation, { + rt: d, + ct: d + }); + const k = w && f && new f((t => { + const n = t[t.length - 1].contentRect; + onSizeChanged({ + ft: true, + dt: domRectAppeared(n, i) + }); + i = n; + })); + const R = debounce((() => { + const [, t] = H(); + s({ + Ht: t + }); + }), { + _: 222, + v: true + }); + return [ () => { + k && k.observe(v); + const t = A && A(); + const n = z && z(); + const o = D(); + const s = C.K((t => { + if (t) { + E({ + zt: t + }); + } else { + R(); + } + })); + return () => { + k && k.disconnect(); + t && t(); + n && n(); + l && l(); + o(); + s(); + }; + }, ({It: t, At: n, Dt: o}) => { + const s = {}; + const [i] = t("update.ignoreMutation"); + const [a, f] = t("update.attributes"); + const [p, v] = t("update.elementEvents"); + const [g, y] = t("update.debounce"); + const S = v || f; + const m = n || o; + const ignoreMutationFromOptions = t => isFunction(i) && i(t); + if (S) { + r && r(); + l && l(); + const [t, n] = createDOMObserver(b || h, true, onContentMutation, { + ct: concat(d, a || []), + lt: p, + it: u, + _t: (t, n) => { + const {target: o, attributeName: s} = t; + const e = !n && s && !w ? liesBetween(o, u, _) : false; + return e || !!closest(o, `.${at}`) || !!ignoreMutationFromOptions(t); + } + }); + l = t(); + r = n; + } + if (y) { + E.m(); + if (isArray(g)) { + const t = g[0]; + const n = g[1]; + e = isNumber(t) && t; + c = isNumber(n) && n; + } else if (isNumber(g)) { + e = g; + c = false; + } else { + e = false; + c = false; + } + } + if (m) { + const t = T(); + const n = I && I(); + const o = r && r(); + t && assignDeep(s, onHostMutation(t[0], t[1], m)); + n && assignDeep(s, onTrinsicChanged(n[0], m)); + o && assignDeep(s, onContentMutation(o[0], m)); + } + setDirection(s); + return s; + }, $ ]; +}; + +const resolveInitialization = (t, n) => isFunction(n) ? n.apply(0, t) : n; + +const staticInitializationElement = (t, n, o, s) => { + const e = isUndefined(s) ? o : s; + const c = resolveInitialization(t, e); + return c || n.apply(0, t); +}; + +const dynamicInitializationElement = (t, n, o, s) => { + const e = isUndefined(s) ? o : s; + const c = resolveInitialization(t, e); + return !!c && (isHTMLElement(c) ? c : n.apply(0, t)); +}; + +const cancelInitialization = (t, n) => { + const {nativeScrollbarsOverlaid: o, body: s} = n || {}; + const {T: e, P: c, Z: r} = getEnvironment(); + const {nativeScrollbarsOverlaid: l, body: i} = r().cancel; + const a = o != null ? o : l; + const u = isUndefined(s) ? i : s; + const _ = (e.x || e.y) && a; + const d = t && (isNull(u) ? !c : u); + return !!_ || !!d; +}; + +const createScrollbarsSetupElements = (t, n, o, s) => { + const e = "--os-viewport-percent"; + const c = "--os-scroll-percent"; + const r = "--os-scroll-direction"; + const {Z: l} = getEnvironment(); + const {scrollbars: i} = l(); + const {slot: a} = i; + const {vt: u, ht: _, U: d, Mt: f, gt: v, wt: h, L: g} = n; + const {scrollbars: b} = f ? {} : t; + const {slot: w} = b || {}; + const y = []; + const S = []; + const m = []; + const O = dynamicInitializationElement([ u, _, d ], (() => g && h ? u : _), a, w); + const initScrollTimeline = t => { + if (p) { + let n = null; + let s = []; + const e = new p({ + source: v, + axis: t + }); + const cancelAnimation = () => { + n && n.cancel(); + n = null; + }; + const _setScrollPercentAnimation = c => { + const {Tt: r} = o; + const l = isDefaultDirectionScrollCoordinates(r)[t]; + const i = t === "x"; + const a = [ getTrasformTranslateValue(0, i), getTrasformTranslateValue(`calc(100cq${i ? "w" : "h"} + -100%)`, i) ]; + const u = l ? a : a.reverse(); + if (s[0] === u[0] && s[1] === u[1]) { + return cancelAnimation; + } + cancelAnimation(); + s = u; + n = c.kt.animate({ + clear: [ "left" ], + transform: u + }, { + timeline: e + }); + return cancelAnimation; + }; + return { + Rt: _setScrollPercentAnimation + }; + } + }; + const $ = { + x: initScrollTimeline("x"), + y: initScrollTimeline("y") + }; + const getViewportPercent = () => { + const {Vt: t, Lt: n} = o; + const getAxisValue = (t, n) => capNumber(0, 1, t / (t + n) || 0); + return { + x: getAxisValue(n.x, t.x), + y: getAxisValue(n.y, t.y) + }; + }; + const scrollbarStructureAddRemoveClass = (t, n, o) => { + const s = o ? addClass : removeClass; + each(t, (t => { + s(t.Ut, n); + })); + }; + const scrollbarStyle = (t, n) => { + each(t, (t => { + const [o, s] = n(t); + setStyles(o, s); + })); + }; + const scrollbarsAddRemoveClass = (t, n, o) => { + const s = isBoolean(o); + const e = s ? o : true; + const c = s ? !o : true; + e && scrollbarStructureAddRemoveClass(S, t, n); + c && scrollbarStructureAddRemoveClass(m, t, n); + }; + const refreshScrollbarsHandleLength = () => { + const t = getViewportPercent(); + const createScrollbarStyleFn = t => n => [ n.Ut, { + [e]: roundCssNumber(t) + "" + } ]; + scrollbarStyle(S, createScrollbarStyleFn(t.x)); + scrollbarStyle(m, createScrollbarStyleFn(t.y)); + }; + const refreshScrollbarsHandleOffset = () => { + if (!p) { + const {Tt: t} = o; + const n = getScrollCoordinatesPercent(t, getElementScroll(v)); + const createScrollbarStyleFn = t => n => [ n.Ut, { + [c]: roundCssNumber(t) + "" + } ]; + scrollbarStyle(S, createScrollbarStyleFn(n.x)); + scrollbarStyle(m, createScrollbarStyleFn(n.y)); + } + }; + const refreshScrollbarsScrollCoordinates = () => { + const {Tt: t} = o; + const n = isDefaultDirectionScrollCoordinates(t); + const createScrollbarStyleFn = t => n => [ n.Ut, { + [r]: t ? "0" : "1" + } ]; + scrollbarStyle(S, createScrollbarStyleFn(n.x)); + scrollbarStyle(m, createScrollbarStyleFn(n.y)); + if (p) { + S.forEach($.x.Rt); + m.forEach($.y.Rt); + } + }; + const refreshScrollbarsScrollbarOffset = () => { + if (g && !h) { + const {Vt: t, Tt: n} = o; + const s = isDefaultDirectionScrollCoordinates(n); + const e = getScrollCoordinatesPercent(n, getElementScroll(v)); + const styleScrollbarPosition = n => { + const {Ut: o} = n; + const c = parent(o) === d && o; + const getTranslateValue = (t, n, o) => { + const s = n * t; + return numberToCssPx(o ? s : -s); + }; + return [ c, c && { + transform: getTrasformTranslateValue({ + x: getTranslateValue(e.x, t.x, s.x), + y: getTranslateValue(e.y, t.y, s.y) + }) + } ]; + }; + scrollbarStyle(S, styleScrollbarPosition); + scrollbarStyle(m, styleScrollbarPosition); + } + }; + const generateScrollbarDOM = t => { + const n = t ? "x" : "y"; + const o = t ? _t : dt; + const e = createDiv(`${at} ${o}`); + const c = createDiv(ft); + const r = createDiv(pt); + const l = { + Ut: e, + Pt: c, + kt: r + }; + const i = $[n]; + push(t ? S : m, l); + push(y, [ appendChildren(e, c), appendChildren(c, r), bind(removeElements, e), i && i.Rt(l), s(l, scrollbarsAddRemoveClass, t) ]); + return l; + }; + const C = bind(generateScrollbarDOM, true); + const x = bind(generateScrollbarDOM, false); + const appendElements = () => { + appendChildren(O, S[0].Ut); + appendChildren(O, m[0].Ut); + return bind(runEachAndClear, y); + }; + C(); + x(); + return [ { + Nt: refreshScrollbarsHandleLength, + qt: refreshScrollbarsHandleOffset, + Bt: refreshScrollbarsScrollCoordinates, + Ft: refreshScrollbarsScrollbarOffset, + jt: scrollbarsAddRemoveClass, + Xt: { + Yt: S, + Wt: C, + Jt: bind(scrollbarStyle, S) + }, + Gt: { + Yt: m, + Wt: x, + Jt: bind(scrollbarStyle, m) + } + }, appendElements ]; +}; + +const createScrollbarsSetupEvents = (t, n, o, s) => (r, l, i) => { + const {ht: u, U: _, L: d, gt: f, Kt: p, Ot: v} = n; + const {Ut: h, Pt: g, kt: b} = r; + const [w, y] = selfClearTimeout(333); + const [S, m] = selfClearTimeout(444); + const scrollOffsetElementScrollBy = t => { + isFunction(f.scrollBy) && f.scrollBy({ + behavior: "smooth", + left: t.x, + top: t.y + }); + }; + const createInteractiveScrollEvents = () => { + const n = "pointerup pointercancel lostpointercapture"; + const s = `client${i ? "X" : "Y"}`; + const r = i ? $ : C; + const l = i ? "left" : "top"; + const a = i ? "w" : "h"; + const u = i ? "x" : "y"; + const createRelativeHandleMove = (t, n) => s => { + const {Vt: e} = o; + const c = A(g)[a] - A(b)[a]; + const r = n * s / c; + const l = r * e[u]; + scrollElementTo(f, { + [u]: t + l + }); + }; + const _ = []; + return addEventListener(g, "pointerdown", (o => { + const i = closest(o.target, `.${pt}`) === b; + const d = i ? b : g; + const h = t.scrollbars; + const w = h[i ? "dragScroll" : "clickScroll"]; + const {button: y, isPrimary: O, pointerType: $} = o; + const {pointers: C} = h; + const x = y === 0 && O && w && (C || []).includes($); + if (x) { + runEachAndClear(_); + m(); + const t = !i && (o.shiftKey || w === "instant"); + const h = bind(getBoundingClientRect, b); + const y = bind(getBoundingClientRect, g); + const getHandleOffset = (t, n) => (t || h())[l] - (n || y())[l]; + const O = e(getBoundingClientRect(f)[r]) / A(f)[a] || 1; + const $ = createRelativeHandleMove(getElementScroll(f)[u], 1 / O); + const C = o[s]; + const x = h(); + const H = y(); + const E = x[r]; + const z = getHandleOffset(x, H) + E / 2; + const I = C - H[l]; + const D = i ? 0 : I - z; + const releasePointerCapture = t => { + runEachAndClear(k); + d.releasePointerCapture(t.pointerId); + }; + const M = i || t; + const T = v(); + const k = [ addEventListener(p, n, releasePointerCapture), addEventListener(p, "selectstart", (t => preventDefault(t)), { + H: false + }), addEventListener(g, n, releasePointerCapture), M && addEventListener(g, "pointermove", (t => $(D + (t[s] - C)))), M && (() => { + const t = getElementScroll(f); + T(); + const n = getElementScroll(f); + const o = { + x: n.x - t.x, + y: n.y - t.y + }; + if (c(o.x) > 3 || c(o.y) > 3) { + v(); + scrollElementTo(f, t); + scrollOffsetElementScrollBy(o); + S(T); + } + }) ]; + d.setPointerCapture(o.pointerId); + if (t) { + $(D); + } else if (!i) { + const t = getStaticPluginModuleInstance(Et); + if (t) { + const n = t($, D, E, (t => { + if (t) { + T(); + } else { + push(k, T); + } + })); + push(k, n); + push(_, bind(n, true)); + } + } + } + })); + }; + let O = true; + return bind(runEachAndClear, [ addEventListener(b, "pointermove pointerleave", s), addEventListener(h, "pointerenter", (() => { + l(gt, true); + })), addEventListener(h, "pointerleave pointercancel", (() => { + l(gt, false); + })), !d && addEventListener(h, "mousedown", (() => { + const t = getFocusedElement(); + if (hasAttr(t, j) || hasAttr(t, B) || t === document.body) { + a(bind(focusElement, _), 25); + } + })), addEventListener(h, "wheel", (t => { + const {deltaX: n, deltaY: o, deltaMode: s} = t; + if (O && s === 0 && parent(h) === u) { + scrollOffsetElementScrollBy({ + x: n, + y: o + }); + } + O = false; + l(St, true); + w((() => { + O = true; + l(St); + })); + preventDefault(t); + }), { + H: false, + I: true + }), addEventListener(h, "pointerdown", bind(addEventListener, p, "click", stopAndPrevent, { + A: true, + I: true, + H: false + }), { + I: true + }), createInteractiveScrollEvents(), y, m ]); +}; + +const createScrollbarsSetup = (t, n, o, s, e, c) => { + let r; + let l; + let i; + let a; + let u; + let _ = noop; + let d = 0; + const f = [ "mouse", "pen" ]; + const isHoverablePointerType = t => f.includes(t.pointerType); + const [p, v] = selfClearTimeout(); + const [h, g] = selfClearTimeout(100); + const [b, w] = selfClearTimeout(100); + const [y, S] = selfClearTimeout((() => d)); + const [m, O] = createScrollbarsSetupElements(t, e, s, createScrollbarsSetupEvents(n, e, s, (t => isHoverablePointerType(t) && manageScrollbarsAutoHideInstantInteraction()))); + const {ht: $, Qt: C, wt: H} = e; + const {jt: z, Nt: I, qt: A, Bt: D, Ft: M} = m; + const manageScrollbarsAutoHide = (t, n) => { + S(); + if (t) { + z(yt); + } else { + const t = bind(z, yt, true); + if (d > 0 && !n) { + y(t); + } else { + t(); + } + } + }; + const manageScrollbarsAutoHideInstantInteraction = () => { + if (i ? !r : !a) { + manageScrollbarsAutoHide(true); + h((() => { + manageScrollbarsAutoHide(false); + })); + } + }; + const manageAutoHideSuspension = t => { + z(wt, t, true); + z(wt, t, false); + }; + const onHostMouseEnter = t => { + if (isHoverablePointerType(t)) { + r = i; + i && manageScrollbarsAutoHide(true); + } + }; + const T = [ S, g, w, v, () => _(), addEventListener($, "pointerover", onHostMouseEnter, { + A: true + }), addEventListener($, "pointerenter", onHostMouseEnter), addEventListener($, "pointerleave", (t => { + if (isHoverablePointerType(t)) { + r = false; + i && manageScrollbarsAutoHide(false); + } + })), addEventListener($, "pointermove", (t => { + isHoverablePointerType(t) && l && manageScrollbarsAutoHideInstantInteraction(); + })), addEventListener(C, "scroll", (t => { + p((() => { + A(); + manageScrollbarsAutoHideInstantInteraction(); + })); + c(t); + M(); + })) ]; + return [ () => bind(runEachAndClear, push(T, O())), ({It: t, Dt: n, Zt: e, tn: c}) => { + const {nn: r, sn: f, en: p, cn: v} = c || {}; + const {Ct: h, dt: g} = e || {}; + const {F: w} = o; + const {T: y} = getEnvironment(); + const {k: S, rn: m} = s; + const [O, $] = t("showNativeOverlaidScrollbars"); + const [T, k] = t("scrollbars.theme"); + const [R, V] = t("scrollbars.visibility"); + const [L, U] = t("scrollbars.autoHide"); + const [P, N] = t("scrollbars.autoHideSuspend"); + const [q] = t("scrollbars.autoHideDelay"); + const [B, F] = t("scrollbars.dragScroll"); + const [j, X] = t("scrollbars.clickScroll"); + const [Y, W] = t("overflow"); + const J = g && !n; + const G = m.x || m.y; + const K = r || f || v || h || n; + const Q = p || V || W; + const Z = O && y.x && y.y; + const setScrollbarVisibility = (t, n, o) => { + const s = t.includes(E) && (R === x || R === "auto" && n === E); + z(vt, s, o); + return s; + }; + d = q; + if (J) { + if (P && G) { + manageAutoHideSuspension(false); + _(); + b((() => { + _ = addEventListener(C, "scroll", bind(manageAutoHideSuspension, true), { + A: true + }); + })); + } else { + manageAutoHideSuspension(true); + } + } + if ($) { + z(it, Z); + } + if (k) { + z(u); + z(T, true); + u = T; + } + if (N && !P) { + manageAutoHideSuspension(true); + } + if (U) { + l = L === "move"; + i = L === "leave"; + a = L === "never"; + manageScrollbarsAutoHide(a, true); + } + if (F) { + z(Ot, B); + } + if (X) { + z(mt, !!j); + } + if (Q) { + const t = setScrollbarVisibility(Y.x, S.x, true); + const n = setScrollbarVisibility(Y.y, S.y, false); + const o = t && n; + z(ht, !o); + } + if (K) { + A(); + I(); + M(); + v && D(); + z(bt, !m.x, true); + z(bt, !m.y, false); + z(ut, w && !H); + } + }, {}, m ]; +}; + +const createStructureSetupElements = t => { + const o = getEnvironment(); + const {Z: s, P: e} = o; + const {elements: c} = s(); + const {padding: r, viewport: l, content: i} = c; + const a = isHTMLElement(t); + const u = a ? {} : t; + const {elements: _} = u; + const {padding: d, viewport: f, content: p} = _ || {}; + const v = a ? t : u.target; + const h = isBodyElement(v); + const g = v.ownerDocument; + const b = g.documentElement; + const getDocumentWindow = () => g.defaultView || n; + const w = bind(staticInitializationElement, [ v ]); + const y = bind(dynamicInitializationElement, [ v ]); + const S = bind(createDiv, ""); + const $ = bind(w, S, l); + const C = bind(y, S, i); + const elementHasOverflow = t => { + const n = A(t); + const o = M(t); + const s = getStyles(t, m); + const e = getStyles(t, O); + return o.w - n.w > 0 && !overflowIsVisible(s) || o.h - n.h > 0 && !overflowIsVisible(e); + }; + const x = $(f); + const H = x === v; + const E = H && h; + const z = !H && C(p); + const I = !H && x === z; + const D = E ? b : x; + const T = E ? D : v; + const k = !H && y(S, r, d); + const R = !I && z; + const V = [ R, D, k, T ].map((t => isHTMLElement(t) && !parent(t) && t)); + const elementIsGenerated = t => t && inArray(V, t); + const L = !elementIsGenerated(D) && elementHasOverflow(D) ? D : v; + const U = E ? b : D; + const N = E ? g : D; + const X = { + vt: v, + ht: T, + U: D, + ln: k, + bt: R, + gt: U, + Qt: N, + an: h ? b : L, + Kt: g, + wt: h, + Mt: a, + L: H, + un: getDocumentWindow, + yt: t => hasAttrClass(D, j, t), + St: (t, n) => addRemoveAttrClass(D, j, t, n), + Ot: () => addRemoveAttrClass(U, j, G, true) + }; + const {vt: Y, ht: W, ln: J, U: Q, bt: nt} = X; + const ot = [ () => { + removeAttrs(W, [ B, P ]); + removeAttrs(Y, P); + if (h) { + removeAttrs(b, [ P, B ]); + } + } ]; + let st = contents([ nt, Q, J, W, Y ].find((t => t && !elementIsGenerated(t)))); + const et = E ? Y : nt || Q; + const ct = bind(runEachAndClear, ot); + const appendElements = () => { + const t = getDocumentWindow(); + const n = getFocusedElement(); + const unwrap = t => { + appendChildren(parent(t), contents(t)); + removeElements(t); + }; + const prepareWrapUnwrapFocus = t => addEventListener(t, "focusin focusout focus blur", stopAndPrevent, { + I: true, + H: false + }); + const o = "tabindex"; + const s = getAttr(Q, o); + const c = prepareWrapUnwrapFocus(n); + setAttrs(W, B, H ? "" : F); + setAttrs(J, Z, ""); + setAttrs(Q, j, ""); + setAttrs(nt, tt, ""); + if (!H) { + setAttrs(Q, o, s || "-1"); + h && setAttrs(b, q, ""); + } + appendChildren(et, st); + appendChildren(W, J); + appendChildren(J || W, !H && Q); + appendChildren(Q, nt); + push(ot, [ c, () => { + const t = getFocusedElement(); + const n = elementIsGenerated(Q); + const e = n && t === Q ? Y : t; + const c = prepareWrapUnwrapFocus(e); + removeAttrs(J, Z); + removeAttrs(nt, tt); + removeAttrs(Q, j); + h && removeAttrs(b, q); + s ? setAttrs(Q, o, s) : removeAttrs(Q, o); + elementIsGenerated(nt) && unwrap(nt); + n && unwrap(Q); + elementIsGenerated(J) && unwrap(J); + focusElement(e); + c(); + } ]); + if (e && !H) { + addAttrClass(Q, j, K); + push(ot, bind(removeAttrs, Q, j)); + } + focusElement(!H && h && n === Y && t.top === t ? Q : n); + c(); + st = 0; + return ct; + }; + return [ X, appendElements, ct ]; +}; + +const createTrinsicUpdateSegment = ({bt: t}) => ({Zt: n, _n: o, Dt: s}) => { + const {xt: e} = n || {}; + const {$t: c} = o; + const r = t && (e || s); + if (r) { + setStyles(t, { + [C]: c && "100%" + }); + } +}; + +const createPaddingUpdateSegment = ({ht: t, ln: n, U: o, L: s}, e) => { + const [c, r] = createCache({ + i: equalTRBL, + o: topRightBottomLeft() + }, bind(topRightBottomLeft, t, "padding", "")); + return ({It: t, Zt: l, _n: i, Dt: a}) => { + let [u, _] = r(a); + const {P: d} = getEnvironment(); + const {ft: f, Ht: p, Ct: m} = l || {}; + const {F: O} = i; + const [C, x] = t("paddingAbsolute"); + const H = a || p; + if (f || _ || H) { + [u, _] = c(a); + } + const E = !s && (x || m || _); + if (E) { + const t = !C || !n && !d; + const s = u.r + u.l; + const c = u.t + u.b; + const r = { + [y]: t && !O ? -s : 0, + [S]: t ? -c : 0, + [w]: t && O ? -s : 0, + top: t ? -u.t : 0, + right: t ? O ? -u.r : "auto" : 0, + left: t ? O ? "auto" : -u.l : 0, + [$]: t && `calc(100% + ${s}px)` + }; + const l = { + [v]: t ? u.t : 0, + [h]: t ? u.r : 0, + [b]: t ? u.b : 0, + [g]: t ? u.l : 0 + }; + setStyles(n || o, r); + setStyles(o, l); + assignDeep(e, { + ln: u, + dn: !t, + j: n ? l : assignDeep({}, r, l) + }); + } + return { + fn: E + }; + }; +}; + +const createOverflowUpdateSegment = (t, s) => { + const e = getEnvironment(); + const {ht: c, ln: r, U: l, L: a, Qt: u, gt: _, wt: d, St: f, un: p} = t; + const {P: v} = e; + const h = d && a; + const g = bind(o, 0); + const b = { + display: () => false, + direction: t => t !== "ltr", + flexDirection: t => t.endsWith("-reverse"), + writingMode: t => t !== "horizontal-tb" + }; + const w = keys(b); + const y = { + i: equalWH, + o: { + w: 0, + h: 0 + } + }; + const S = { + i: equalXY, + o: {} + }; + const setMeasuringMode = t => { + f(J, !h && t); + }; + const getMeasuredScrollCoordinates = t => { + const n = w.some((n => { + const o = t[n]; + return o && b[n](o); + })); + if (!n) { + return { + D: { + x: 0, + y: 0 + }, + M: { + x: 1, + y: 1 + } + }; + } + setMeasuringMode(true); + const o = getElementScroll(_); + const s = f(Q, true); + const e = addEventListener(u, E, (t => { + const n = getElementScroll(_); + if (t.isTrusted && n.x === o.x && n.y === o.y) { + stopPropagation(t); + } + }), { + I: true, + A: true + }); + scrollElementTo(_, { + x: 0, + y: 0 + }); + s(); + const c = getElementScroll(_); + const r = M(_); + scrollElementTo(_, { + x: r.w, + y: r.h + }); + const l = getElementScroll(_); + scrollElementTo(_, { + x: l.x - c.x < 1 && -r.w, + y: l.y - c.y < 1 && -r.h + }); + const a = getElementScroll(_); + scrollElementTo(_, o); + i((() => e())); + return { + D: c, + M: a + }; + }; + const getOverflowAmount = (t, o) => { + const s = n.devicePixelRatio % 1 !== 0 ? 1 : 0; + const e = { + w: g(t.w - o.w), + h: g(t.h - o.h) + }; + return { + w: e.w > s ? e.w : 0, + h: e.h > s ? e.h : 0 + }; + }; + const [m, O] = createCache(y, bind(getFractionalSize, l)); + const [$, C] = createCache(y, bind(M, l)); + const [z, I] = createCache(y); + const [A] = createCache(S); + const [T, k] = createCache(y); + const [R] = createCache(S); + const [V] = createCache({ + i: (t, n) => equal(t, n, w), + o: {} + }, (() => hasDimensions(l) ? getStyles(l, w) : {})); + const [L, U] = createCache({ + i: (t, n) => equalXY(t.D, n.D) && equalXY(t.M, n.M), + o: getZeroScrollCoordinates() + }); + const P = getStaticPluginModuleInstance(xt); + const createViewportOverflowStyleClassName = (t, n) => { + const o = n ? X : Y; + return `${o}${capitalizeFirstLetter(t)}`; + }; + const setViewportOverflowStyle = t => { + const createAllOverflowStyleClassNames = t => [ x, H, E ].map((n => createViewportOverflowStyleClassName(n, t))); + const n = createAllOverflowStyleClassNames(true).concat(createAllOverflowStyleClassNames()).join(" "); + f(n); + f(keys(t).map((n => createViewportOverflowStyleClassName(t[n], n === "x"))).join(" "), true); + }; + return ({It: n, Zt: o, _n: i, Dt: a}, {fn: u}) => { + const {ft: _, Ht: d, Ct: b, dt: w, zt: y} = o || {}; + const S = P && P.V(t, s, i, e, n); + const {Y: x, W: H, J: E} = S || {}; + const [M, q] = getShowNativeOverlaidScrollbars(n, e); + const [F, j] = n("overflow"); + const X = overflowIsVisible(F.x); + const Y = overflowIsVisible(F.y); + const W = true; + let J = O(a); + let G = C(a); + let Q = I(a); + let tt = k(a); + if (q && v) { + f(K, !M); + } + { + if (hasAttrClass(c, B, N)) { + setMeasuringMode(true); + } + const [t] = H ? H() : []; + const [n] = J = m(a); + const [o] = G = $(a); + const s = D(l); + const e = h && getWindowSize(p()); + const r = { + w: g(o.w + n.w), + h: g(o.h + n.h) + }; + const i = { + w: g((e ? e.w : s.w + g(s.w - o.w)) + n.w), + h: g((e ? e.h : s.h + g(s.h - o.h)) + n.h) + }; + t && t(); + tt = T(i); + Q = z(getOverflowAmount(r, i), a); + } + const [nt, ot] = tt; + const [st, et] = Q; + const [ct, rt] = G; + const [lt, it] = J; + const [at, ut] = A({ + x: st.w > 0, + y: st.h > 0 + }); + const _t = X && Y && (at.x || at.y) || X && at.x && !at.y || Y && at.y && !at.x; + const dt = u || b || y || it || rt || ot || et || j || q || W; + const ft = createViewportOverflowState(at, F); + const [pt, vt] = R(ft.k); + const [ht, gt] = V(a); + const bt = b || w || gt || ut || a; + const [wt, yt] = bt ? L(getMeasuredScrollCoordinates(ht), a) : U(); + if (dt) { + vt && setViewportOverflowStyle(ft.k); + if (E && x) { + setStyles(l, E(ft, i, x(ft, ct, lt))); + } + } + setMeasuringMode(false); + addRemoveAttrClass(c, B, N, _t); + addRemoveAttrClass(r, Z, N, _t); + assignDeep(s, { + k: pt, + Lt: { + x: nt.w, + y: nt.h + }, + Vt: { + x: st.w, + y: st.h + }, + rn: at, + Tt: sanitizeScrollCoordinates(wt, st) + }); + return { + en: vt, + nn: ot, + sn: et, + cn: yt || et, + pn: bt + }; + }; +}; + +const createStructureSetup = t => { + const [n, o, s] = createStructureSetupElements(t); + const e = { + ln: { + t: 0, + r: 0, + b: 0, + l: 0 + }, + dn: false, + j: { + [y]: 0, + [S]: 0, + [w]: 0, + [v]: 0, + [h]: 0, + [b]: 0, + [g]: 0 + }, + Lt: { + x: 0, + y: 0 + }, + Vt: { + x: 0, + y: 0 + }, + k: { + x: H, + y: H + }, + rn: { + x: false, + y: false + }, + Tt: getZeroScrollCoordinates() + }; + const {vt: c, gt: r, L: l, Ot: i} = n; + const {P: a, T: u} = getEnvironment(); + const _ = !a && (u.x || u.y); + const d = [ createTrinsicUpdateSegment(n), createPaddingUpdateSegment(n, e), createOverflowUpdateSegment(n, e) ]; + return [ o, t => { + const n = {}; + const o = _; + const s = o && getElementScroll(r); + const e = s && i(); + each(d, (o => { + assignDeep(n, o(t, n) || {}); + })); + scrollElementTo(r, s); + e && e(); + !l && scrollElementTo(c, 0); + return n; + }, e, n, s ]; +}; + +const createSetups = (t, n, o, s, e) => { + let c = false; + const r = createOptionCheck(n, {}); + const [l, i, a, u, _] = createStructureSetup(t); + const [d, f, p] = createObserversSetup(u, a, r, (t => { + update({}, t); + })); + const [v, h, , g] = createScrollbarsSetup(t, n, p, a, u, e); + const updateHintsAreTruthy = t => keys(t).some((n => !!t[n])); + const update = (t, e) => { + if (o()) { + return false; + } + const {vn: r, Dt: l, At: a, hn: u} = t; + const _ = r || {}; + const d = !!l || !c; + const v = { + It: createOptionCheck(n, _, d), + vn: _, + Dt: d + }; + if (u) { + h(v); + return false; + } + const g = e || f(assignDeep({}, v, { + At: a + })); + const b = i(assignDeep({}, v, { + _n: p, + Zt: g + })); + h(assignDeep({}, v, { + Zt: g, + tn: b + })); + const w = updateHintsAreTruthy(g); + const y = updateHintsAreTruthy(b); + const S = w || y || !isEmptyObject(_) || d; + c = true; + S && s(t, { + Zt: g, + tn: b + }); + return S; + }; + return [ () => { + const {an: t, gt: n, Ot: o} = u; + const s = getElementScroll(t); + const e = [ d(), l(), v() ]; + const c = o(); + scrollElementTo(n, s); + c(); + return bind(runEachAndClear, e); + }, update, () => ({ + gn: p, + bn: a + }), { + wn: u, + yn: g + }, _ ]; +}; + +const Mt = new WeakMap; + +const addInstance = (t, n) => { + Mt.set(t, n); +}; + +const removeInstance = t => { + Mt.delete(t); +}; + +const getInstance = t => Mt.get(t); + +const OverlayScrollbars = (t, n, o) => { + const {nt: s} = getEnvironment(); + const e = isHTMLElement(t); + const c = e ? t : t.target; + const r = getInstance(c); + if (n && !r) { + let r = false; + const l = []; + const i = {}; + const validateOptions = t => { + const n = removeUndefinedProperties(t); + const o = getStaticPluginModuleInstance(R); + return o ? o(n, true) : n; + }; + const a = assignDeep({}, s(), validateOptions(n)); + const [u, _, d] = createEventListenerHub(); + const [f, p, v] = createEventListenerHub(o); + const triggerEvent = (t, n) => { + v(t, n); + d(t, n); + }; + const [h, g, b, w, y] = createSetups(t, a, (() => r), (({vn: t, Dt: n}, {Zt: o, tn: s}) => { + const {ft: e, Ct: c, xt: r, Ht: l, Et: i, dt: a} = o; + const {nn: u, sn: _, en: d, cn: f} = s; + triggerEvent("updated", [ S, { + updateHints: { + sizeChanged: !!e, + directionChanged: !!c, + heightIntrinsicChanged: !!r, + overflowEdgeChanged: !!u, + overflowAmountChanged: !!_, + overflowStyleChanged: !!d, + scrollCoordinatesChanged: !!f, + contentMutation: !!l, + hostMutation: !!i, + appear: !!a + }, + changedOptions: t || {}, + force: !!n + } ]); + }), (t => triggerEvent("scroll", [ S, t ]))); + const destroy = t => { + removeInstance(c); + runEachAndClear(l); + r = true; + triggerEvent("destroyed", [ S, t ]); + _(); + p(); + }; + const S = { + options(t, n) { + if (t) { + const o = n ? s() : {}; + const e = getOptionsDiff(a, assignDeep(o, validateOptions(t))); + if (!isEmptyObject(e)) { + assignDeep(a, e); + g({ + vn: e + }); + } + } + return assignDeep({}, a); + }, + on: f, + off: (t, n) => { + t && n && p(t, n); + }, + state() { + const {gn: t, bn: n} = b(); + const {F: o} = t; + const {Lt: s, Vt: e, k: c, rn: l, ln: i, dn: a, Tt: u} = n; + return assignDeep({}, { + overflowEdge: s, + overflowAmount: e, + overflowStyle: c, + hasOverflow: l, + scrollCoordinates: { + start: u.D, + end: u.M + }, + padding: i, + paddingAbsolute: a, + directionRTL: o, + destroyed: r + }); + }, + elements() { + const {vt: t, ht: n, ln: o, U: s, bt: e, gt: c, Qt: r} = w.wn; + const {Xt: l, Gt: i} = w.yn; + const translateScrollbarStructure = t => { + const {kt: n, Pt: o, Ut: s} = t; + return { + scrollbar: s, + track: o, + handle: n + }; + }; + const translateScrollbarsSetupElement = t => { + const {Yt: n, Wt: o} = t; + const s = translateScrollbarStructure(n[0]); + return assignDeep({}, s, { + clone: () => { + const t = translateScrollbarStructure(o()); + g({ + hn: true + }); + return t; + } + }); + }; + return assignDeep({}, { + target: t, + host: n, + padding: o || s, + viewport: s, + content: e || s, + scrollOffsetElement: c, + scrollEventElement: r, + scrollbarHorizontal: translateScrollbarsSetupElement(l), + scrollbarVertical: translateScrollbarsSetupElement(i) + }); + }, + update: t => g({ + Dt: t, + At: true + }), + destroy: bind(destroy, false), + plugin: t => i[keys(t)[0]] + }; + push(l, [ y ]); + addInstance(c, S); + registerPluginModuleInstances(T, OverlayScrollbars, [ S, u, i ]); + if (cancelInitialization(w.wn.wt, !e && t.cancel)) { + destroy(true); + return S; + } + push(l, h()); + triggerEvent("initialized", [ S ]); + S.update(); + return S; + } + return r; +}; + +OverlayScrollbars.plugin = t => { + const n = isArray(t); + const o = n ? t : [ t ]; + const s = o.map((t => registerPluginModuleInstances(t, OverlayScrollbars)[0])); + addPlugins(o); + return n ? s : s[0]; +}; + +OverlayScrollbars.valid = t => { + const n = t && t.elements; + const o = isFunction(n) && n(); + return isPlainObject(o) && !!getInstance(o.target); +}; + +OverlayScrollbars.env = () => { + const {N: t, T: n, P: o, G: s, st: e, et: c, Z: r, tt: l, nt: i, ot: a} = getEnvironment(); + return assignDeep({}, { + scrollbarsSize: t, + scrollbarsOverlaid: n, + scrollbarsHiding: o, + scrollTimeline: s, + staticDefaultInitialization: e, + staticDefaultOptions: c, + getDefaultInitialization: r, + setDefaultInitialization: l, + getDefaultOptions: i, + setDefaultOptions: a + }); +}; + +OverlayScrollbars.nonce = setNonce; + +OverlayScrollbars.trustedTypePolicy = setTrustedTypePolicy; + +export { zt as ClickScrollPlugin, OverlayScrollbars, Ht as ScrollbarsHidingPlugin, Ct as SizeObserverPlugin }; +//# sourceMappingURL=overlayscrollbars.esm.js.map diff --git a/src/lib.rs b/src/lib.rs new file mode 100644 index 0000000..6f7a3ef --- /dev/null +++ b/src/lib.rs @@ -0,0 +1,25 @@ +mod overlay_scrollbars { + use js_sys::Object; + use wasm_bindgen::prelude::*; + use web_sys::Element; + + #[wasm_bindgen(module = "/overlayscrollbars.esm.js")] + extern "C" { + // fn OverlayScrollbars(element: Element, options: Object) -> Result<OverlayScrollbars, JsValue>; + + #[wasm_bindgen(js_name = OverlayScrollbars)] + pub type OverlayScrollbars; + + #[wasm_bindgen(js_name = OverlayScrollbars)] + pub fn OverlayScrollbars(element: Object, options: Object) -> OverlayScrollbars; + + // #[wasm_bindgen(method, getter)] + // fn number(this: &MyClass) -> u32; + // #[wasm_bindgen(method, setter)] + // fn set_number(this: &MyClass, number: u32) -> MyClass; + // #[wasm_bindgen(method)] + // fn render(this: &MyClass) -> String; + } +} + +pub use overlay_scrollbars::OverlayScrollbars; |