(function(o, i) {
    typeof exports == "object" && typeof module < "u" ? i(exports) : typeof define == "function" && define.amd ? define(["exports"], i) : (o = typeof globalThis < "u" ? globalThis : o || self,
    i(o.aat = {}))
}
)(this, function(o) {
    "use strict";
    function i(s, e, t) {
        return Math.min(Math.max(s, e), t)
    }
    function l({from: s, to: e, percentage: t, unit: n}) {
        return s + (e - s) * t + (n || "")
    }
    const a = {
        offsetBottom: 0,
        offsetTop: 0,
        offsetRight: 0,
        offsetLeft: 0,
        addWrapper: !1,
        wrapperClass: "",
        container: document.documentElement
    };
    class c {
        static Container(e=document.documentElement) {
            return new h(e)
        }
        static Element(e, t) {
            return new d(e,{
                ...a,
                ...t
            })
        }
        onScroll(e) {
            this._handler = e,
            this._onScroll()
        }
    }
    class h extends c {
        constructor(e) {
            super(),
            this._container = e,
            (e === document.documentElement ? window : e).addEventListener("scroll", this._onScroll.bind(this))
        }
        _onScroll() {
            const e = this._container.scrollTop
              , t = this._container.scrollHeight - this._container.clientHeight
              , n = i(e / t, 0, 1) || 0
              , r = this._container.scrollLeft
              , p = this._container.scrollWidth - this._container.clientWidth
              , _ = i(r / p, 0, 1) || 0;
            this._handler && typeof this._handler == "function" && requestAnimationFrame(()=>this._handler({
                percentageY: n,
                percentageX: _
            }))
        }
    }
    class d extends c {
        constructor(e, t) {
            super(),
            this._element = e,
            this._options = t,
            this._lastPercentageY = null,
            this._lastPercentageX = null,
            this._options.addWrapper && this._addWrapper(),
            (this._options.container === document.documentElement ? window : this._options.container).addEventListener("scroll", this._onScroll.bind(this)),
            requestAnimationFrame(()=>this._onScroll())
        }
        _addWrapper() {
            this._wrapper = document.createElement("div"),
            this._options.wrapperClass && this._wrapper.classList.add(this._options.wrapperClass),
            this._element.parentNode.insertBefore(this._wrapper, this._element),
            this._wrapper.appendChild(this._element)
        }
        get _containerClientHeight() {
            return this._options.container === window ? window.innerHeight : this._options.container.clientHeight
        }
        get _containerClientWidth() {
            return this._options.container === window ? window.innerWidth : this._options.container.clientWidth
        }
        get _elRectRelativeToContainer() {
            const t = (this._options.addWrapper ? this._wrapper : this._element).getBoundingClientRect();
            if (this._options.container === document.documentElement)
                return t;
            const n = this._options.container.getBoundingClientRect();
            return {
                width: t.width,
                height: t.width,
                left: t.left - n.left,
                top: t.top - n.top,
                right: t.right - n.right,
                bottom: t.bottom - n.bottom
            }
        }
        _calculatePercentageY() {
            const e = this._elRectRelativeToContainer
              , t = this._containerClientHeight - this._options.offsetBottom
              , n = this._options.offsetTop
              , r = t - n;
            return i((t - e.top) / r, 0, 1)
        }
        _calculatePercentageX() {
            const e = this._elRectRelativeToContainer
              , t = this._containerClientWidth - this._options.offsetRight
              , n = this._options.offsetLeft
              , r = t - n;
            return i((t - e.left) / r, 0, 1)
        }
        _onScroll() {
            const e = this._calculatePercentageY()
              , t = this._calculatePercentageX();
            this._handler && typeof this._handler == "function" && (this._lastPercentageY !== e || this._lastPercentageX !== t) && requestAnimationFrame(()=>this._handler({
                percentageY: e,
                percentageX: t
            })),
            this._lastPercentageY = e,
            this._lastPercentageX = t
        }
    }
    o.ScrollObserver = c,
    o.valueAtPercentage = l,
    Object.defineProperty(o, Symbol.toStringTag, {
        value: "Module"
    })
});