@reimujs/aos 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 D-Sketon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/LICENSE-aos

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Michał Sajnóg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,88 @@
+# aos.js
+
+Animate on scroll library.
+
+Rewrite [aos](https://github.com/michalsnik/aos) using typescript.
+
+## Installation
+
+```bash
+npm install @reimujs/aos --save
+```
+
+or
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/@reimujs/aos/dist/aos.css"
+/>
+<script src="https://cdn.jsdelivr.net/npm/@reimujs/aos/dist/aos.umd.js"></script>
+```
+
+## Usage
+
+Just same as aos@next. For more information, please visit [aos-how-to-use-it](https://github.com/michalsnik/aos?tab=readme-ov-file#-how-to-use-it).
+
+```typescript
+import AOS from "@reimujs/aos";
+
+AOS.init({
+  // Global settings:
+  disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
+  startEvent: "DOMContentLoaded", // name of the event dispatched on the document, that AOS should initialize on
+  initClassName: "aos-init", // class applied after initialization
+  animatedClassName: "aos-animate", // class applied on animation
+  useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
+  disableMutationObserver: false, // disables automatic mutations' detections (advanced)
+  debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
+  throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)
+
+  // Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
+  offset: 120, // offset (in px) from the original trigger point
+  delay: 0, // values from 0 to 3000, with step 50ms
+  duration: 400, // values from 0 to 3000, with step 50ms
+  easing: "ease", // default easing for AOS animations
+  once: false, // whether animation should happen only once - while scrolling down
+  mirror: false, // whether elements should animate out while scrolling past them
+  anchorPlacement: "top-bottom", // defines which position of the element regarding to window/container should trigger the animation
+
+  // Additional setting:
+  container: window, // AOS Container, accepts CSS Selector (e.g. ".my-awesome-container") or HTMLElement
+});
+```
+
+## Difference
+
+So what's the difference between aos and @reimujs/aos?
+
+
+- Typescript friendly
+- Smaller package size (from 14.7KB + 26.1KB to 6.74KB + 24.5KB)
+- Only support modern browsers
+- Support additional settings
+- Support additional API
+
+### Additional settings
+
+#### container
+
+merge from [aos#223](https://github.com/michalsnik/aos/issues/223), you can set the container of AOS, accepts CSS Selector (e.g. ".my-awesome-container") or HTMLElement.
+
+```typescript
+container: window, // AOS Container, accepts CSS Selector (e.g. ".my-awesome-container") or HTMLElement
+```
+
+### Additional API
+
+#### AOS.destroy()
+
+```typescript
+function destroy(): void;
+```
+
+Remove all event listeners and disconnect MutationObserver.
+
+
+## License
+MIT

package/dist/aos.cjs.js

@@ -0,0 +1,348 @@
+'use strict';
+
+var esToolkit = require('es-toolkit');
+
+const phoneRe = /iphone|ipod|android.*mobile|windows phone|blackberry|opera mini|mobile|phone/i;
+const tabletRe = /ipad|android(?!.*mobile)|tablet|kindle/i;
+function ua() {
+    return navigator.userAgent;
+}
+class Detector {
+    userAgent = ua();
+    phone() {
+        return phoneRe.test(this.userAgent);
+    }
+    mobile() {
+        return phoneRe.test(this.userAgent) || tabletRe.test(this.userAgent);
+    }
+    tablet() {
+        return tabletRe.test(this.userAgent);
+    }
+}
+var detect = new Detector();
+
+const resolveContainer = (container) => {
+    if (container instanceof Element || container === window)
+        return container;
+    return typeof container === "string"
+        ? document.querySelector(container)
+        : null;
+};
+const getElementHeight = (container) => {
+    return container === window
+        ? container.innerHeight
+        : container.clientHeight;
+};
+const getElementOffset = (container) => {
+    return container === window
+        ? container.pageYOffset
+        : container.scrollTop;
+};
+
+const updateClasses = (node, classes, action = "add") => classes?.forEach((className) => node.classList[action](className));
+const fireEvent = (eventName, data) => document.dispatchEvent(new CustomEvent(eventName, {
+    detail: data,
+}));
+const toggleClasses = (el, isVisible) => {
+    if (el.animated === isVisible)
+        return;
+    const { options, node } = el;
+    const eventName = isVisible ? "aos:in" : "aos:out";
+    const action = isVisible ? "add" : "remove";
+    updateClasses(node, options.animatedClassNames, action);
+    fireEvent(eventName, node);
+    if (options.id) {
+        fireEvent(`${eventName}:${options.id}`, node);
+    }
+    el.animated = isVisible;
+};
+const applyClasses = (el, top) => {
+    const { options, position } = el;
+    if (options.mirror && top >= position.out && !options.once) {
+        toggleClasses(el, false);
+    }
+    else if (top >= position.in) {
+        toggleClasses(el, true);
+    }
+    else if (el.animated && !options.once) {
+        toggleClasses(el, false);
+    }
+};
+var handleScroll = (elements, container) => {
+    elements.forEach((el) => applyClasses(el, getElementOffset(container)));
+};
+
+var getInlineOption = (el, key, fallback) => {
+    const attr = el.getAttribute(`data-aos-${key}`);
+    if (attr === "true")
+        return true;
+    if (attr === "false")
+        return false;
+    return attr || fallback;
+};
+
+const getOffset = function (el, container) {
+    let left = 0;
+    let top = 0;
+    while (el) {
+        left += el.offsetLeft - (el.tagName != "BODY" ? el.scrollLeft : 0);
+        top += el.offsetTop - (el.tagName != "BODY" ? el.scrollTop : 0);
+        el =
+            el.offsetParent === container ? null : el.offsetParent;
+    }
+    return {
+        top,
+        left,
+    };
+};
+const getPositionIn = (el, defaultOffset, defaultAnchorPlacement, container) => {
+    const containerHeight = getElementHeight(container);
+    const anchor = getInlineOption(el, "anchor");
+    const inlineAnchorPlacement = getInlineOption(el, "anchor-placement");
+    const additionalOffset = Number(getInlineOption(el, "offset", inlineAnchorPlacement ? 0 : defaultOffset));
+    const anchorPlacement = inlineAnchorPlacement || defaultAnchorPlacement;
+    let finalEl = el;
+    if (anchor) {
+        const queryResult = (container === window ? document : container).querySelector(anchor);
+        if (queryResult)
+            finalEl = queryResult;
+    }
+    let triggerPoint = getOffset(finalEl, container).top - containerHeight;
+    switch (anchorPlacement) {
+        case "top-bottom":
+            // Default offset
+            break;
+        case "center-bottom":
+            triggerPoint += finalEl.offsetHeight / 2;
+            break;
+        case "bottom-bottom":
+            triggerPoint += finalEl.offsetHeight;
+            break;
+        case "top-center":
+            triggerPoint += containerHeight / 2;
+            break;
+        case "center-center":
+            triggerPoint += containerHeight / 2 + finalEl.offsetHeight / 2;
+            break;
+        case "bottom-center":
+            triggerPoint += containerHeight / 2 + finalEl.offsetHeight;
+            break;
+        case "top-top":
+            triggerPoint += containerHeight;
+            break;
+        case "bottom-top":
+            triggerPoint += containerHeight + finalEl.offsetHeight;
+            break;
+        case "center-top":
+            triggerPoint += containerHeight + finalEl.offsetHeight / 2;
+            break;
+    }
+    return triggerPoint + additionalOffset;
+};
+const getPositionOut = (el, defaultOffset, container) => {
+    const anchor = getInlineOption(el, "anchor");
+    const additionalOffset = getInlineOption(el, "offset", defaultOffset);
+    let finalEl = el;
+    if (anchor) {
+        const queryResult = (container === window ? document : container).querySelector(anchor);
+        if (queryResult)
+            finalEl = queryResult;
+    }
+    const elementOffsetTop = getOffset(finalEl, container).top;
+    return elementOffsetTop + finalEl.offsetHeight - additionalOffset;
+};
+
+function prepare(elements, options, container) {
+    elements.forEach((element) => {
+        const { node } = element;
+        const mirror = getInlineOption(node, "mirror", options.mirror);
+        const once = getInlineOption(node, "once", options.once);
+        const id = getInlineOption(node, "id");
+        const customClassNames = options.useClassNames
+            ? node.getAttribute("data-aos")?.split(" ") || []
+            : [];
+        const animatedClassNames = [
+            options.animatedClassName,
+            ...customClassNames,
+        ].filter((className) => typeof className === "string");
+        if (options.initClassName) {
+            node.classList.add(options.initClassName);
+        }
+        element.position = {
+            in: getPositionIn(node, options.offset, options.anchorPlacement, container),
+            out: mirror && getPositionOut(node, options.offset, container),
+        };
+        element.options = {
+            once,
+            mirror,
+            animatedClassNames,
+            id,
+        };
+    });
+    return elements;
+}
+
+const containsAOSNode = (nodes) => {
+    return [...nodes].some((node) => {
+        return (node.dataset?.aos || (node.children && containsAOSNode(node.children)));
+    });
+};
+const observe = (fn) => {
+    const observer = new MutationObserver((mutations) => {
+        if (mutations?.some(({ addedNodes, removedNodes }) => containsAOSNode([...addedNodes, ...removedNodes]))) {
+            fn();
+        }
+    });
+    observer.observe(document.documentElement, {
+        childList: true,
+        subtree: true,
+    });
+    return observer;
+};
+
+const defaultOptions = {
+    offset: 120,
+    delay: 0,
+    easing: "ease",
+    duration: 400,
+    disable: false,
+    once: false,
+    mirror: false,
+    anchorPlacement: "top-bottom",
+    startEvent: "DOMContentLoaded",
+    animatedClassName: "aos-animate",
+    initClassName: "aos-init",
+    useClassNames: false,
+    disableMutationObserver: false,
+    throttleDelay: 99,
+    debounceDelay: 50,
+    container: window,
+};
+class Aos {
+    elements = [];
+    initialized = false;
+    options = defaultOptions;
+    container = null;
+    observer = null;
+    scrollHandler = null;
+    resizeHandler = null;
+    startHandler = null;
+    static getElements(container) {
+        return [
+            ...(container === window ? document : container).querySelectorAll("[data-aos]"),
+        ].map((node) => ({
+            node,
+        }));
+    }
+    static isDisabled(optionDisable) {
+        return (optionDisable === true ||
+            (optionDisable === "mobile" && detect.mobile()) ||
+            (optionDisable === "phone" && detect.phone()) ||
+            (optionDisable === "tablet" && detect.tablet()) ||
+            (typeof optionDisable === "function" && optionDisable() === true));
+    }
+    initializeScroll() {
+        const { container } = this;
+        this.elements = prepare(this.elements, this.options, container);
+        handleScroll(this.elements, this.container);
+        this.scrollHandler = esToolkit.throttle(() => {
+            handleScroll(this.elements, container);
+        }, this.options.throttleDelay);
+        container.addEventListener("scroll", this.scrollHandler, {
+            passive: true,
+        });
+        return this.elements;
+    }
+    init(options = {}) {
+        this.destroy();
+        this.options = { ...defaultOptions, ...options };
+        const container = resolveContainer(this.options.container);
+        if (!container) {
+            throw `AOS - cannot find the container element. The container option must be an HTMLElement or a CSS Selector.`;
+        }
+        this.elements = Aos.getElements(container);
+        this.container = container;
+        if (Aos.isDisabled(this.options.disable)) {
+            return this.disable();
+        }
+        if (!this.options.disableMutationObserver) {
+            this.observer = observe(this.refreshHard.bind(this));
+        }
+        document.body.setAttribute("data-aos-easing", this.options.easing);
+        document.body.setAttribute("data-aos-duration", this.options.duration);
+        document.body.setAttribute("data-aos-delay", this.options.delay);
+        this.startHandler = {
+            handler: this.refresh.bind(this),
+            type: "document",
+        };
+        if (!["DOMContentLoaded", "load"].includes(this.options.startEvent)) {
+            document.addEventListener(this.options.startEvent, this.startHandler.handler);
+        }
+        else {
+            window.addEventListener("load", this.startHandler.handler);
+            this.startHandler.type = "window";
+        }
+        if (this.options.startEvent === "DOMContentLoaded" &&
+            ["complete", "interactive"].indexOf(document.readyState) > -1) {
+            this.refresh(true);
+        }
+        this.resizeHandler = esToolkit.debounce(this.refresh.bind(this), this.options.debounceDelay);
+        window.addEventListener("resize", this.resizeHandler);
+        window.addEventListener("orientationchange", this.resizeHandler);
+    }
+    refresh(initialize = false) {
+        if (initialize) {
+            this.initialized = true;
+        }
+        if (this.initialized) {
+            this.initializeScroll();
+        }
+    }
+    refreshHard() {
+        this.elements = Aos.getElements(this.container);
+        if (Aos.isDisabled(this.options.disable)) {
+            return this.disable();
+        }
+        this.refresh();
+    }
+    disable() {
+        this.elements.forEach(({ node }) => {
+            node.removeAttribute("data-aos");
+            node.removeAttribute("data-aos-easing");
+            node.removeAttribute("data-aos-duration");
+            node.removeAttribute("data-aos-delay");
+            if (this.options.initClassName) {
+                node.classList.remove(this.options.initClassName);
+            }
+            if (this.options.animatedClassName) {
+                node.classList.remove(this.options.animatedClassName);
+            }
+        });
+    }
+    destroy() {
+        this.observer?.disconnect();
+        this.observer = null;
+        if (this.startHandler) {
+            const { handler, type } = this.startHandler;
+            if (type === "document") {
+                document.removeEventListener(this.options.startEvent, handler);
+            }
+            else {
+                window.removeEventListener("load", handler);
+            }
+            this.startHandler = null;
+        }
+        if (this.scrollHandler) {
+            window.removeEventListener("scroll", this.scrollHandler);
+            this.scrollHandler = null;
+        }
+        if (this.resizeHandler) {
+            window.removeEventListener("resize", this.resizeHandler);
+            window.removeEventListener("orientationchange", this.resizeHandler);
+            this.resizeHandler = null;
+        }
+    }
+}
+var index = new Aos();
+
+module.exports = index;

package/dist/aos.css

@@ -0,0 +1 @@
+body[data-aos-duration="50"] [data-aos],[data-aos][data-aos-duration="50"]{transition-duration:50ms}body[data-aos-delay="50"] [data-aos],[data-aos][data-aos-delay="50"]{transition-delay:0s}body[data-aos-delay="50"] [data-aos].aos-animate,[data-aos][data-aos-delay="50"].aos-animate{transition-delay:50ms}body[data-aos-duration="100"] [data-aos],[data-aos][data-aos-duration="100"]{transition-duration:100ms}body[data-aos-delay="100"] [data-aos],[data-aos][data-aos-delay="100"]{transition-delay:0s}body[data-aos-delay="100"] [data-aos].aos-animate,[data-aos][data-aos-delay="100"].aos-animate{transition-delay:100ms}body[data-aos-duration="150"] [data-aos],[data-aos][data-aos-duration="150"]{transition-duration:150ms}body[data-aos-delay="150"] [data-aos],[data-aos][data-aos-delay="150"]{transition-delay:0s}body[data-aos-delay="150"] [data-aos].aos-animate,[data-aos][data-aos-delay="150"].aos-animate{transition-delay:150ms}body[data-aos-duration="200"] [data-aos],[data-aos][data-aos-duration="200"]{transition-duration:200ms}body[data-aos-delay="200"] [data-aos],[data-aos][data-aos-delay="200"]{transition-delay:0s}body[data-aos-delay="200"] [data-aos].aos-animate,[data-aos][data-aos-delay="200"].aos-animate{transition-delay:200ms}body[data-aos-duration="250"] [data-aos],[data-aos][data-aos-duration="250"]{transition-duration:250ms}body[data-aos-delay="250"] [data-aos],[data-aos][data-aos-delay="250"]{transition-delay:0s}body[data-aos-delay="250"] [data-aos].aos-animate,[data-aos][data-aos-delay="250"].aos-animate{transition-delay:250ms}body[data-aos-duration="300"] [data-aos],[data-aos][data-aos-duration="300"]{transition-duration:300ms}body[data-aos-delay="300"] [data-aos],[data-aos][data-aos-delay="300"]{transition-delay:0s}body[data-aos-delay="300"] [data-aos].aos-animate,[data-aos][data-aos-delay="300"].aos-animate{transition-delay:300ms}body[data-aos-duration="350"] [data-aos],[data-aos][data-aos-duration="350"]{transition-duration:350ms}body[data-aos-delay="350"] [data-aos],[data-aos][data-aos-delay="350"]{transition-delay:0s}body[data-aos-delay="350"] [data-aos].aos-animate,[data-aos][data-aos-delay="350"].aos-animate{transition-delay:350ms}body[data-aos-duration="400"] [data-aos],[data-aos][data-aos-duration="400"]{transition-duration:400ms}body[data-aos-delay="400"] [data-aos],[data-aos][data-aos-delay="400"]{transition-delay:0s}body[data-aos-delay="400"] [data-aos].aos-animate,[data-aos][data-aos-delay="400"].aos-animate{transition-delay:400ms}body[data-aos-duration="450"] [data-aos],[data-aos][data-aos-duration="450"]{transition-duration:450ms}body[data-aos-delay="450"] [data-aos],[data-aos][data-aos-delay="450"]{transition-delay:0s}body[data-aos-delay="450"] [data-aos].aos-animate,[data-aos][data-aos-delay="450"].aos-animate{transition-delay:450ms}body[data-aos-duration="500"] [data-aos],[data-aos][data-aos-duration="500"]{transition-duration:500ms}body[data-aos-delay="500"] [data-aos],[data-aos][data-aos-delay="500"]{transition-delay:0s}body[data-aos-delay="500"] [data-aos].aos-animate,[data-aos][data-aos-delay="500"].aos-animate{transition-delay:500ms}body[data-aos-duration="550"] [data-aos],[data-aos][data-aos-duration="550"]{transition-duration:550ms}body[data-aos-delay="550"] [data-aos],[data-aos][data-aos-delay="550"]{transition-delay:0s}body[data-aos-delay="550"] [data-aos].aos-animate,[data-aos][data-aos-delay="550"].aos-animate{transition-delay:550ms}body[data-aos-duration="600"] [data-aos],[data-aos][data-aos-duration="600"]{transition-duration:600ms}body[data-aos-delay="600"] [data-aos],[data-aos][data-aos-delay="600"]{transition-delay:0s}body[data-aos-delay="600"] [data-aos].aos-animate,[data-aos][data-aos-delay="600"].aos-animate{transition-delay:600ms}body[data-aos-duration="650"] [data-aos],[data-aos][data-aos-duration="650"]{transition-duration:650ms}body[data-aos-delay="650"] [data-aos],[data-aos][data-aos-delay="650"]{transition-delay:0s}body[data-aos-delay="650"] [data-aos].aos-animate,[data-aos][data-aos-delay="650"].aos-animate{transition-delay:650ms}body[data-aos-duration="700"] [data-aos],[data-aos][data-aos-duration="700"]{transition-duration:700ms}body[data-aos-delay="700"] [data-aos],[data-aos][data-aos-delay="700"]{transition-delay:0s}body[data-aos-delay="700"] [data-aos].aos-animate,[data-aos][data-aos-delay="700"].aos-animate{transition-delay:700ms}body[data-aos-duration="750"] [data-aos],[data-aos][data-aos-duration="750"]{transition-duration:750ms}body[data-aos-delay="750"] [data-aos],[data-aos][data-aos-delay="750"]{transition-delay:0s}body[data-aos-delay="750"] [data-aos].aos-animate,[data-aos][data-aos-delay="750"].aos-animate{transition-delay:750ms}body[data-aos-duration="800"] [data-aos],[data-aos][data-aos-duration="800"]{transition-duration:800ms}body[data-aos-delay="800"] [data-aos],[data-aos][data-aos-delay="800"]{transition-delay:0s}body[data-aos-delay="800"] [data-aos].aos-animate,[data-aos][data-aos-delay="800"].aos-animate{transition-delay:800ms}body[data-aos-duration="850"] [data-aos],[data-aos][data-aos-duration="850"]{transition-duration:850ms}body[data-aos-delay="850"] [data-aos],[data-aos][data-aos-delay="850"]{transition-delay:0s}body[data-aos-delay="850"] [data-aos].aos-animate,[data-aos][data-aos-delay="850"].aos-animate{transition-delay:850ms}body[data-aos-duration="900"] [data-aos],[data-aos][data-aos-duration="900"]{transition-duration:900ms}body[data-aos-delay="900"] [data-aos],[data-aos][data-aos-delay="900"]{transition-delay:0s}body[data-aos-delay="900"] [data-aos].aos-animate,[data-aos][data-aos-delay="900"].aos-animate{transition-delay:900ms}body[data-aos-duration="950"] [data-aos],[data-aos][data-aos-duration="950"]{transition-duration:950ms}body[data-aos-delay="950"] [data-aos],[data-aos][data-aos-delay="950"]{transition-delay:0s}body[data-aos-delay="950"] [data-aos].aos-animate,[data-aos][data-aos-delay="950"].aos-animate{transition-delay:950ms}body[data-aos-duration="1000"] [data-aos],[data-aos][data-aos-duration="1000"]{transition-duration:1000ms}body[data-aos-delay="1000"] [data-aos],[data-aos][data-aos-delay="1000"]{transition-delay:0s}body[data-aos-delay="1000"] [data-aos].aos-animate,[data-aos][data-aos-delay="1000"].aos-animate{transition-delay:1000ms}body[data-aos-duration="1050"] [data-aos],[data-aos][data-aos-duration="1050"]{transition-duration:1050ms}body[data-aos-delay="1050"] [data-aos],[data-aos][data-aos-delay="1050"]{transition-delay:0s}body[data-aos-delay="1050"] [data-aos].aos-animate,[data-aos][data-aos-delay="1050"].aos-animate{transition-delay:1050ms}body[data-aos-duration="1100"] [data-aos],[data-aos][data-aos-duration="1100"]{transition-duration:1100ms}body[data-aos-delay="1100"] [data-aos],[data-aos][data-aos-delay="1100"]{transition-delay:0s}body[data-aos-delay="1100"] [data-aos].aos-animate,[data-aos][data-aos-delay="1100"].aos-animate{transition-delay:1100ms}body[data-aos-duration="1150"] [data-aos],[data-aos][data-aos-duration="1150"]{transition-duration:1150ms}body[data-aos-delay="1150"] [data-aos],[data-aos][data-aos-delay="1150"]{transition-delay:0s}body[data-aos-delay="1150"] [data-aos].aos-animate,[data-aos][data-aos-delay="1150"].aos-animate{transition-delay:1150ms}body[data-aos-duration="1200"] [data-aos],[data-aos][data-aos-duration="1200"]{transition-duration:1200ms}body[data-aos-delay="1200"] [data-aos],[data-aos][data-aos-delay="1200"]{transition-delay:0s}body[data-aos-delay="1200"] [data-aos].aos-animate,[data-aos][data-aos-delay="1200"].aos-animate{transition-delay:1200ms}body[data-aos-duration="1250"] [data-aos],[data-aos][data-aos-duration="1250"]{transition-duration:1250ms}body[data-aos-delay="1250"] [data-aos],[data-aos][data-aos-delay="1250"]{transition-delay:0s}body[data-aos-delay="1250"] [data-aos].aos-animate,[data-aos][data-aos-delay="1250"].aos-animate{transition-delay:1250ms}body[data-aos-duration="1300"] [data-aos],[data-aos][data-aos-duration="1300"]{transition-duration:1300ms}body[data-aos-delay="1300"] [data-aos],[data-aos][data-aos-delay="1300"]{transition-delay:0s}body[data-aos-delay="1300"] [data-aos].aos-animate,[data-aos][data-aos-delay="1300"].aos-animate{transition-delay:1300ms}body[data-aos-duration="1350"] [data-aos],[data-aos][data-aos-duration="1350"]{transition-duration:1350ms}body[data-aos-delay="1350"] [data-aos],[data-aos][data-aos-delay="1350"]{transition-delay:0s}body[data-aos-delay="1350"] [data-aos].aos-animate,[data-aos][data-aos-delay="1350"].aos-animate{transition-delay:1350ms}body[data-aos-duration="1400"] [data-aos],[data-aos][data-aos-duration="1400"]{transition-duration:1400ms}body[data-aos-delay="1400"] [data-aos],[data-aos][data-aos-delay="1400"]{transition-delay:0s}body[data-aos-delay="1400"] [data-aos].aos-animate,[data-aos][data-aos-delay="1400"].aos-animate{transition-delay:1400ms}body[data-aos-duration="1450"] [data-aos],[data-aos][data-aos-duration="1450"]{transition-duration:1450ms}body[data-aos-delay="1450"] [data-aos],[data-aos][data-aos-delay="1450"]{transition-delay:0s}body[data-aos-delay="1450"] [data-aos].aos-animate,[data-aos][data-aos-delay="1450"].aos-animate{transition-delay:1450ms}body[data-aos-duration="1500"] [data-aos],[data-aos][data-aos-duration="1500"]{transition-duration:1500ms}body[data-aos-delay="1500"] [data-aos],[data-aos][data-aos-delay="1500"]{transition-delay:0s}body[data-aos-delay="1500"] [data-aos].aos-animate,[data-aos][data-aos-delay="1500"].aos-animate{transition-delay:1500ms}body[data-aos-duration="1550"] [data-aos],[data-aos][data-aos-duration="1550"]{transition-duration:1550ms}body[data-aos-delay="1550"] [data-aos],[data-aos][data-aos-delay="1550"]{transition-delay:0s}body[data-aos-delay="1550"] [data-aos].aos-animate,[data-aos][data-aos-delay="1550"].aos-animate{transition-delay:1550ms}body[data-aos-duration="1600"] [data-aos],[data-aos][data-aos-duration="1600"]{transition-duration:1600ms}body[data-aos-delay="1600"] [data-aos],[data-aos][data-aos-delay="1600"]{transition-delay:0s}body[data-aos-delay="1600"] [data-aos].aos-animate,[data-aos][data-aos-delay="1600"].aos-animate{transition-delay:1600ms}body[data-aos-duration="1650"] [data-aos],[data-aos][data-aos-duration="1650"]{transition-duration:1650ms}body[data-aos-delay="1650"] [data-aos],[data-aos][data-aos-delay="1650"]{transition-delay:0s}body[data-aos-delay="1650"] [data-aos].aos-animate,[data-aos][data-aos-delay="1650"].aos-animate{transition-delay:1650ms}body[data-aos-duration="1700"] [data-aos],[data-aos][data-aos-duration="1700"]{transition-duration:1700ms}body[data-aos-delay="1700"] [data-aos],[data-aos][data-aos-delay="1700"]{transition-delay:0s}body[data-aos-delay="1700"] [data-aos].aos-animate,[data-aos][data-aos-delay="1700"].aos-animate{transition-delay:1700ms}body[data-aos-duration="1750"] [data-aos],[data-aos][data-aos-duration="1750"]{transition-duration:1750ms}body[data-aos-delay="1750"] [data-aos],[data-aos][data-aos-delay="1750"]{transition-delay:0s}body[data-aos-delay="1750"] [data-aos].aos-animate,[data-aos][data-aos-delay="1750"].aos-animate{transition-delay:1750ms}body[data-aos-duration="1800"] [data-aos],[data-aos][data-aos-duration="1800"]{transition-duration:1800ms}body[data-aos-delay="1800"] [data-aos],[data-aos][data-aos-delay="1800"]{transition-delay:0s}body[data-aos-delay="1800"] [data-aos].aos-animate,[data-aos][data-aos-delay="1800"].aos-animate{transition-delay:1800ms}body[data-aos-duration="1850"] [data-aos],[data-aos][data-aos-duration="1850"]{transition-duration:1850ms}body[data-aos-delay="1850"] [data-aos],[data-aos][data-aos-delay="1850"]{transition-delay:0s}body[data-aos-delay="1850"] [data-aos].aos-animate,[data-aos][data-aos-delay="1850"].aos-animate{transition-delay:1850ms}body[data-aos-duration="1900"] [data-aos],[data-aos][data-aos-duration="1900"]{transition-duration:1900ms}body[data-aos-delay="1900"] [data-aos],[data-aos][data-aos-delay="1900"]{transition-delay:0s}body[data-aos-delay="1900"] [data-aos].aos-animate,[data-aos][data-aos-delay="1900"].aos-animate{transition-delay:1900ms}body[data-aos-duration="1950"] [data-aos],[data-aos][data-aos-duration="1950"]{transition-duration:1950ms}body[data-aos-delay="1950"] [data-aos],[data-aos][data-aos-delay="1950"]{transition-delay:0s}body[data-aos-delay="1950"] [data-aos].aos-animate,[data-aos][data-aos-delay="1950"].aos-animate{transition-delay:1950ms}body[data-aos-duration="2000"] [data-aos],[data-aos][data-aos-duration="2000"]{transition-duration:2000ms}body[data-aos-delay="2000"] [data-aos],[data-aos][data-aos-delay="2000"]{transition-delay:0s}body[data-aos-delay="2000"] [data-aos].aos-animate,[data-aos][data-aos-delay="2000"].aos-animate{transition-delay:2000ms}body[data-aos-duration="2050"] [data-aos],[data-aos][data-aos-duration="2050"]{transition-duration:2050ms}body[data-aos-delay="2050"] [data-aos],[data-aos][data-aos-delay="2050"]{transition-delay:0s}body[data-aos-delay="2050"] [data-aos].aos-animate,[data-aos][data-aos-delay="2050"].aos-animate{transition-delay:2050ms}body[data-aos-duration="2100"] [data-aos],[data-aos][data-aos-duration="2100"]{transition-duration:2100ms}body[data-aos-delay="2100"] [data-aos],[data-aos][data-aos-delay="2100"]{transition-delay:0s}body[data-aos-delay="2100"] [data-aos].aos-animate,[data-aos][data-aos-delay="2100"].aos-animate{transition-delay:2100ms}body[data-aos-duration="2150"] [data-aos],[data-aos][data-aos-duration="2150"]{transition-duration:2150ms}body[data-aos-delay="2150"] [data-aos],[data-aos][data-aos-delay="2150"]{transition-delay:0s}body[data-aos-delay="2150"] [data-aos].aos-animate,[data-aos][data-aos-delay="2150"].aos-animate{transition-delay:2150ms}body[data-aos-duration="2200"] [data-aos],[data-aos][data-aos-duration="2200"]{transition-duration:2200ms}body[data-aos-delay="2200"] [data-aos],[data-aos][data-aos-delay="2200"]{transition-delay:0s}body[data-aos-delay="2200"] [data-aos].aos-animate,[data-aos][data-aos-delay="2200"].aos-animate{transition-delay:2200ms}body[data-aos-duration="2250"] [data-aos],[data-aos][data-aos-duration="2250"]{transition-duration:2250ms}body[data-aos-delay="2250"] [data-aos],[data-aos][data-aos-delay="2250"]{transition-delay:0s}body[data-aos-delay="2250"] [data-aos].aos-animate,[data-aos][data-aos-delay="2250"].aos-animate{transition-delay:2250ms}body[data-aos-duration="2300"] [data-aos],[data-aos][data-aos-duration="2300"]{transition-duration:2300ms}body[data-aos-delay="2300"] [data-aos],[data-aos][data-aos-delay="2300"]{transition-delay:0s}body[data-aos-delay="2300"] [data-aos].aos-animate,[data-aos][data-aos-delay="2300"].aos-animate{transition-delay:2300ms}body[data-aos-duration="2350"] [data-aos],[data-aos][data-aos-duration="2350"]{transition-duration:2350ms}body[data-aos-delay="2350"] [data-aos],[data-aos][data-aos-delay="2350"]{transition-delay:0s}body[data-aos-delay="2350"] [data-aos].aos-animate,[data-aos][data-aos-delay="2350"].aos-animate{transition-delay:2350ms}body[data-aos-duration="2400"] [data-aos],[data-aos][data-aos-duration="2400"]{transition-duration:2400ms}body[data-aos-delay="2400"] [data-aos],[data-aos][data-aos-delay="2400"]{transition-delay:0s}body[data-aos-delay="2400"] [data-aos].aos-animate,[data-aos][data-aos-delay="2400"].aos-animate{transition-delay:2400ms}body[data-aos-duration="2450"] [data-aos],[data-aos][data-aos-duration="2450"]{transition-duration:2450ms}body[data-aos-delay="2450"] [data-aos],[data-aos][data-aos-delay="2450"]{transition-delay:0s}body[data-aos-delay="2450"] [data-aos].aos-animate,[data-aos][data-aos-delay="2450"].aos-animate{transition-delay:2450ms}body[data-aos-duration="2500"] [data-aos],[data-aos][data-aos-duration="2500"]{transition-duration:2500ms}body[data-aos-delay="2500"] [data-aos],[data-aos][data-aos-delay="2500"]{transition-delay:0s}body[data-aos-delay="2500"] [data-aos].aos-animate,[data-aos][data-aos-delay="2500"].aos-animate{transition-delay:2500ms}body[data-aos-duration="2550"] [data-aos],[data-aos][data-aos-duration="2550"]{transition-duration:2550ms}body[data-aos-delay="2550"] [data-aos],[data-aos][data-aos-delay="2550"]{transition-delay:0s}body[data-aos-delay="2550"] [data-aos].aos-animate,[data-aos][data-aos-delay="2550"].aos-animate{transition-delay:2550ms}body[data-aos-duration="2600"] [data-aos],[data-aos][data-aos-duration="2600"]{transition-duration:2600ms}body[data-aos-delay="2600"] [data-aos],[data-aos][data-aos-delay="2600"]{transition-delay:0s}body[data-aos-delay="2600"] [data-aos].aos-animate,[data-aos][data-aos-delay="2600"].aos-animate{transition-delay:2600ms}body[data-aos-duration="2650"] [data-aos],[data-aos][data-aos-duration="2650"]{transition-duration:2650ms}body[data-aos-delay="2650"] [data-aos],[data-aos][data-aos-delay="2650"]{transition-delay:0s}body[data-aos-delay="2650"] [data-aos].aos-animate,[data-aos][data-aos-delay="2650"].aos-animate{transition-delay:2650ms}body[data-aos-duration="2700"] [data-aos],[data-aos][data-aos-duration="2700"]{transition-duration:2700ms}body[data-aos-delay="2700"] [data-aos],[data-aos][data-aos-delay="2700"]{transition-delay:0s}body[data-aos-delay="2700"] [data-aos].aos-animate,[data-aos][data-aos-delay="2700"].aos-animate{transition-delay:2700ms}body[data-aos-duration="2750"] [data-aos],[data-aos][data-aos-duration="2750"]{transition-duration:2750ms}body[data-aos-delay="2750"] [data-aos],[data-aos][data-aos-delay="2750"]{transition-delay:0s}body[data-aos-delay="2750"] [data-aos].aos-animate,[data-aos][data-aos-delay="2750"].aos-animate{transition-delay:2750ms}body[data-aos-duration="2800"] [data-aos],[data-aos][data-aos-duration="2800"]{transition-duration:2800ms}body[data-aos-delay="2800"] [data-aos],[data-aos][data-aos-delay="2800"]{transition-delay:0s}body[data-aos-delay="2800"] [data-aos].aos-animate,[data-aos][data-aos-delay="2800"].aos-animate{transition-delay:2800ms}body[data-aos-duration="2850"] [data-aos],[data-aos][data-aos-duration="2850"]{transition-duration:2850ms}body[data-aos-delay="2850"] [data-aos],[data-aos][data-aos-delay="2850"]{transition-delay:0s}body[data-aos-delay="2850"] [data-aos].aos-animate,[data-aos][data-aos-delay="2850"].aos-animate{transition-delay:2850ms}body[data-aos-duration="2900"] [data-aos],[data-aos][data-aos-duration="2900"]{transition-duration:2900ms}body[data-aos-delay="2900"] [data-aos],[data-aos][data-aos-delay="2900"]{transition-delay:0s}body[data-aos-delay="2900"] [data-aos].aos-animate,[data-aos][data-aos-delay="2900"].aos-animate{transition-delay:2900ms}body[data-aos-duration="2950"] [data-aos],[data-aos][data-aos-duration="2950"]{transition-duration:2950ms}body[data-aos-delay="2950"] [data-aos],[data-aos][data-aos-delay="2950"]{transition-delay:0s}body[data-aos-delay="2950"] [data-aos].aos-animate,[data-aos][data-aos-delay="2950"].aos-animate{transition-delay:2950ms}body[data-aos-duration="3000"] [data-aos],[data-aos][data-aos-duration="3000"]{transition-duration:3000ms}body[data-aos-delay="3000"] [data-aos],[data-aos][data-aos-delay="3000"]{transition-delay:0s}body[data-aos-delay="3000"] [data-aos].aos-animate,[data-aos][data-aos-delay="3000"].aos-animate{transition-delay:3000ms}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}body[data-aos-easing=linear] [data-aos],[data-aos][data-aos-easing=linear]{transition-timing-function:cubic-bezier(0.25, 0.25, 0.75, 0.75)}body[data-aos-easing=ease] [data-aos],[data-aos][data-aos-easing=ease]{transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}body[data-aos-easing=ease-in] [data-aos],[data-aos][data-aos-easing=ease-in]{transition-timing-function:cubic-bezier(0.42, 0, 1, 1)}body[data-aos-easing=ease-out] [data-aos],[data-aos][data-aos-easing=ease-out]{transition-timing-function:cubic-bezier(0, 0, 0.58, 1)}body[data-aos-easing=ease-in-out] [data-aos],[data-aos][data-aos-easing=ease-in-out]{transition-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}body[data-aos-easing=ease-in-back] [data-aos],[data-aos][data-aos-easing=ease-in-back]{transition-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045)}body[data-aos-easing=ease-out-back] [data-aos],[data-aos][data-aos-easing=ease-out-back]{transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}body[data-aos-easing=ease-in-out-back] [data-aos],[data-aos][data-aos-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}body[data-aos-easing=ease-in-sine] [data-aos],[data-aos][data-aos-easing=ease-in-sine]{transition-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715)}body[data-aos-easing=ease-out-sine] [data-aos],[data-aos][data-aos-easing=ease-out-sine]{transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}body[data-aos-easing=ease-in-out-sine] [data-aos],[data-aos][data-aos-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}body[data-aos-easing=ease-in-quad] [data-aos],[data-aos][data-aos-easing=ease-in-quad]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-quad] [data-aos],[data-aos][data-aos-easing=ease-out-quad]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-quad] [data-aos],[data-aos][data-aos-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}body[data-aos-easing=ease-in-cubic] [data-aos],[data-aos][data-aos-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-cubic] [data-aos],[data-aos][data-aos-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-cubic] [data-aos],[data-aos][data-aos-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}body[data-aos-easing=ease-in-quart] [data-aos],[data-aos][data-aos-easing=ease-in-quart]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-quart] [data-aos],[data-aos][data-aos-easing=ease-out-quart]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-quart] [data-aos],[data-aos][data-aos-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}@media screen{html:not(.no-js) [data-aos^=fade]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=fade].aos-animate{opacity:1;transform:none}html:not(.no-js) [data-aos=fade-up]{transform:translate3d(0, 100px, 0)}html:not(.no-js) [data-aos=fade-down]{transform:translate3d(0, -100px, 0)}html:not(.no-js) [data-aos=fade-right]{transform:translate3d(-100px, 0, 0)}html:not(.no-js) [data-aos=fade-left]{transform:translate3d(100px, 0, 0)}html:not(.no-js) [data-aos=fade-up-right]{transform:translate3d(-100px, 100px, 0)}html:not(.no-js) [data-aos=fade-up-left]{transform:translate3d(100px, 100px, 0)}html:not(.no-js) [data-aos=fade-down-right]{transform:translate3d(-100px, -100px, 0)}html:not(.no-js) [data-aos=fade-down-left]{transform:translate3d(100px, -100px, 0)}html:not(.no-js) [data-aos^=zoom]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=zoom].aos-animate{opacity:1;transform:translate3d(0, 0, 0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{transform:scale(0.6)}html:not(.no-js) [data-aos=zoom-in-up]{transform:translate3d(0, 100px, 0) scale(0.6)}html:not(.no-js) [data-aos=zoom-in-down]{transform:translate3d(0, -100px, 0) scale(0.6)}html:not(.no-js) [data-aos=zoom-in-right]{transform:translate3d(-100px, 0, 0) scale(0.6)}html:not(.no-js) [data-aos=zoom-in-left]{transform:translate3d(100px, 0, 0) scale(0.6)}html:not(.no-js) [data-aos=zoom-out]{transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{transform:translate3d(0, 100px, 0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{transform:translate3d(0, -100px, 0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{transform:translate3d(-100px, 0, 0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{transform:translate3d(100px, 0, 0) scale(1.2)}html:not(.no-js) [data-aos^=slide]{transition-property:transform;visibility:hidden}html:not(.no-js) [data-aos^=slide].aos-animate{visibility:visible;transform:translate3d(0, 0, 0)}html:not(.no-js) [data-aos=slide-up]{transform:translate3d(0, 100%, 0)}html:not(.no-js) [data-aos=slide-down]{transform:translate3d(0, -100%, 0)}html:not(.no-js) [data-aos=slide-right]{transform:translate3d(-100%, 0, 0)}html:not(.no-js) [data-aos=slide-left]{transform:translate3d(100%, 0, 0)}html:not(.no-js) [data-aos^=flip]{backface-visibility:hidden;transition-property:transform}html:not(.no-js) [data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}}

package/dist/aos.esm.js

@@ -0,0 +1,346 @@
+import { throttle, debounce } from 'es-toolkit';
+
+const phoneRe = /iphone|ipod|android.*mobile|windows phone|blackberry|opera mini|mobile|phone/i;
+const tabletRe = /ipad|android(?!.*mobile)|tablet|kindle/i;
+function ua() {
+    return navigator.userAgent;
+}
+class Detector {
+    userAgent = ua();
+    phone() {
+        return phoneRe.test(this.userAgent);
+    }
+    mobile() {
+        return phoneRe.test(this.userAgent) || tabletRe.test(this.userAgent);
+    }
+    tablet() {
+        return tabletRe.test(this.userAgent);
+    }
+}
+var detect = new Detector();
+
+const resolveContainer = (container) => {
+    if (container instanceof Element || container === window)
+        return container;
+    return typeof container === "string"
+        ? document.querySelector(container)
+        : null;
+};
+const getElementHeight = (container) => {
+    return container === window
+        ? container.innerHeight
+        : container.clientHeight;
+};
+const getElementOffset = (container) => {
+    return container === window
+        ? container.pageYOffset
+        : container.scrollTop;
+};
+
+const updateClasses = (node, classes, action = "add") => classes?.forEach((className) => node.classList[action](className));
+const fireEvent = (eventName, data) => document.dispatchEvent(new CustomEvent(eventName, {
+    detail: data,
+}));
+const toggleClasses = (el, isVisible) => {
+    if (el.animated === isVisible)
+        return;
+    const { options, node } = el;
+    const eventName = isVisible ? "aos:in" : "aos:out";
+    const action = isVisible ? "add" : "remove";
+    updateClasses(node, options.animatedClassNames, action);
+    fireEvent(eventName, node);
+    if (options.id) {
+        fireEvent(`${eventName}:${options.id}`, node);
+    }
+    el.animated = isVisible;
+};
+const applyClasses = (el, top) => {
+    const { options, position } = el;
+    if (options.mirror && top >= position.out && !options.once) {
+        toggleClasses(el, false);
+    }
+    else if (top >= position.in) {
+        toggleClasses(el, true);
+    }
+    else if (el.animated && !options.once) {
+        toggleClasses(el, false);
+    }
+};
+var handleScroll = (elements, container) => {
+    elements.forEach((el) => applyClasses(el, getElementOffset(container)));
+};
+
+var getInlineOption = (el, key, fallback) => {
+    const attr = el.getAttribute(`data-aos-${key}`);
+    if (attr === "true")
+        return true;
+    if (attr === "false")
+        return false;
+    return attr || fallback;
+};
+
+const getOffset = function (el, container) {
+    let left = 0;
+    let top = 0;
+    while (el) {
+        left += el.offsetLeft - (el.tagName != "BODY" ? el.scrollLeft : 0);
+        top += el.offsetTop - (el.tagName != "BODY" ? el.scrollTop : 0);
+        el =
+            el.offsetParent === container ? null : el.offsetParent;
+    }
+    return {
+        top,
+        left,
+    };
+};
+const getPositionIn = (el, defaultOffset, defaultAnchorPlacement, container) => {
+    const containerHeight = getElementHeight(container);
+    const anchor = getInlineOption(el, "anchor");
+    const inlineAnchorPlacement = getInlineOption(el, "anchor-placement");
+    const additionalOffset = Number(getInlineOption(el, "offset", inlineAnchorPlacement ? 0 : defaultOffset));
+    const anchorPlacement = inlineAnchorPlacement || defaultAnchorPlacement;
+    let finalEl = el;
+    if (anchor) {
+        const queryResult = (container === window ? document : container).querySelector(anchor);
+        if (queryResult)
+            finalEl = queryResult;
+    }
+    let triggerPoint = getOffset(finalEl, container).top - containerHeight;
+    switch (anchorPlacement) {
+        case "top-bottom":
+            // Default offset
+            break;
+        case "center-bottom":
+            triggerPoint += finalEl.offsetHeight / 2;
+            break;
+        case "bottom-bottom":
+            triggerPoint += finalEl.offsetHeight;
+            break;
+        case "top-center":
+            triggerPoint += containerHeight / 2;
+            break;
+        case "center-center":
+            triggerPoint += containerHeight / 2 + finalEl.offsetHeight / 2;
+            break;
+        case "bottom-center":
+            triggerPoint += containerHeight / 2 + finalEl.offsetHeight;
+            break;
+        case "top-top":
+            triggerPoint += containerHeight;
+            break;
+        case "bottom-top":
+            triggerPoint += containerHeight + finalEl.offsetHeight;
+            break;
+        case "center-top":
+            triggerPoint += containerHeight + finalEl.offsetHeight / 2;
+            break;
+    }
+    return triggerPoint + additionalOffset;
+};
+const getPositionOut = (el, defaultOffset, container) => {
+    const anchor = getInlineOption(el, "anchor");
+    const additionalOffset = getInlineOption(el, "offset", defaultOffset);
+    let finalEl = el;
+    if (anchor) {
+        const queryResult = (container === window ? document : container).querySelector(anchor);
+        if (queryResult)
+            finalEl = queryResult;
+    }
+    const elementOffsetTop = getOffset(finalEl, container).top;
+    return elementOffsetTop + finalEl.offsetHeight - additionalOffset;
+};
+
+function prepare(elements, options, container) {
+    elements.forEach((element) => {
+        const { node } = element;
+        const mirror = getInlineOption(node, "mirror", options.mirror);
+        const once = getInlineOption(node, "once", options.once);
+        const id = getInlineOption(node, "id");
+        const customClassNames = options.useClassNames
+            ? node.getAttribute("data-aos")?.split(" ") || []
+            : [];
+        const animatedClassNames = [
+            options.animatedClassName,
+            ...customClassNames,
+        ].filter((className) => typeof className === "string");
+        if (options.initClassName) {
+            node.classList.add(options.initClassName);
+        }
+        element.position = {
+            in: getPositionIn(node, options.offset, options.anchorPlacement, container),
+            out: mirror && getPositionOut(node, options.offset, container),
+        };
+        element.options = {
+            once,
+            mirror,
+            animatedClassNames,
+            id,
+        };
+    });
+    return elements;
+}
+
+const containsAOSNode = (nodes) => {
+    return [...nodes].some((node) => {
+        return (node.dataset?.aos || (node.children && containsAOSNode(node.children)));
+    });
+};
+const observe = (fn) => {
+    const observer = new MutationObserver((mutations) => {
+        if (mutations?.some(({ addedNodes, removedNodes }) => containsAOSNode([...addedNodes, ...removedNodes]))) {
+            fn();
+        }
+    });
+    observer.observe(document.documentElement, {
+        childList: true,
+        subtree: true,
+    });
+    return observer;
+};
+
+const defaultOptions = {
+    offset: 120,
+    delay: 0,
+    easing: "ease",
+    duration: 400,
+    disable: false,
+    once: false,
+    mirror: false,
+    anchorPlacement: "top-bottom",
+    startEvent: "DOMContentLoaded",
+    animatedClassName: "aos-animate",
+    initClassName: "aos-init",
+    useClassNames: false,
+    disableMutationObserver: false,
+    throttleDelay: 99,
+    debounceDelay: 50,
+    container: window,
+};
+class Aos {
+    elements = [];
+    initialized = false;
+    options = defaultOptions;
+    container = null;
+    observer = null;
+    scrollHandler = null;
+    resizeHandler = null;
+    startHandler = null;
+    static getElements(container) {
+        return [
+            ...(container === window ? document : container).querySelectorAll("[data-aos]"),
+        ].map((node) => ({
+            node,
+        }));
+    }
+    static isDisabled(optionDisable) {
+        return (optionDisable === true ||
+            (optionDisable === "mobile" && detect.mobile()) ||
+            (optionDisable === "phone" && detect.phone()) ||
+            (optionDisable === "tablet" && detect.tablet()) ||
+            (typeof optionDisable === "function" && optionDisable() === true));
+    }
+    initializeScroll() {
+        const { container } = this;
+        this.elements = prepare(this.elements, this.options, container);
+        handleScroll(this.elements, this.container);
+        this.scrollHandler = throttle(() => {
+            handleScroll(this.elements, container);
+        }, this.options.throttleDelay);
+        container.addEventListener("scroll", this.scrollHandler, {
+            passive: true,
+        });
+        return this.elements;
+    }
+    init(options = {}) {
+        this.destroy();
+        this.options = { ...defaultOptions, ...options };
+        const container = resolveContainer(this.options.container);
+        if (!container) {
+            throw `AOS - cannot find the container element. The container option must be an HTMLElement or a CSS Selector.`;
+        }
+        this.elements = Aos.getElements(container);
+        this.container = container;
+        if (Aos.isDisabled(this.options.disable)) {
+            return this.disable();
+        }
+        if (!this.options.disableMutationObserver) {
+            this.observer = observe(this.refreshHard.bind(this));
+        }
+        document.body.setAttribute("data-aos-easing", this.options.easing);
+        document.body.setAttribute("data-aos-duration", this.options.duration);
+        document.body.setAttribute("data-aos-delay", this.options.delay);
+        this.startHandler = {
+            handler: this.refresh.bind(this),
+            type: "document",
+        };
+        if (!["DOMContentLoaded", "load"].includes(this.options.startEvent)) {
+            document.addEventListener(this.options.startEvent, this.startHandler.handler);
+        }
+        else {
+            window.addEventListener("load", this.startHandler.handler);
+            this.startHandler.type = "window";
+        }
+        if (this.options.startEvent === "DOMContentLoaded" &&
+            ["complete", "interactive"].indexOf(document.readyState) > -1) {
+            this.refresh(true);
+        }
+        this.resizeHandler = debounce(this.refresh.bind(this), this.options.debounceDelay);
+        window.addEventListener("resize", this.resizeHandler);
+        window.addEventListener("orientationchange", this.resizeHandler);
+    }
+    refresh(initialize = false) {
+        if (initialize) {
+            this.initialized = true;
+        }
+        if (this.initialized) {
+            this.initializeScroll();
+        }
+    }
+    refreshHard() {
+        this.elements = Aos.getElements(this.container);
+        if (Aos.isDisabled(this.options.disable)) {
+            return this.disable();
+        }
+        this.refresh();
+    }
+    disable() {
+        this.elements.forEach(({ node }) => {
+            node.removeAttribute("data-aos");
+            node.removeAttribute("data-aos-easing");
+            node.removeAttribute("data-aos-duration");
+            node.removeAttribute("data-aos-delay");
+            if (this.options.initClassName) {
+                node.classList.remove(this.options.initClassName);
+            }
+            if (this.options.animatedClassName) {
+                node.classList.remove(this.options.animatedClassName);
+            }
+        });
+    }
+    destroy() {
+        this.observer?.disconnect();
+        this.observer = null;
+        if (this.startHandler) {
+            const { handler, type } = this.startHandler;
+            if (type === "document") {
+                document.removeEventListener(this.options.startEvent, handler);
+            }
+            else {
+                window.removeEventListener("load", handler);
+            }
+            this.startHandler = null;
+        }
+        if (this.scrollHandler) {
+            window.removeEventListener("scroll", this.scrollHandler);
+            this.scrollHandler = null;
+        }
+        if (this.resizeHandler) {
+            window.removeEventListener("resize", this.resizeHandler);
+            window.removeEventListener("orientationchange", this.resizeHandler);
+            this.resizeHandler = null;
+        }
+    }
+}
+var index = new Aos();
+
+export { index as default };

package/dist/aos.umd.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).AOS=t()}(this,(function(){"use strict";function e(e,t,{signal:n,edges:s}={}){let i,o=null;const a=null!=s&&s.includes("leading"),r=null==s||s.includes("trailing"),l=()=>{null!==o&&(e.apply(i,o),i=void 0,o=null)};let d=null;const c=()=>{null!=d&&clearTimeout(d),d=setTimeout((()=>{d=null,r&&l(),u()}),t)},h=()=>{null!==d&&(clearTimeout(d),d=null)},u=()=>{h(),i=void 0,o=null},m=function(...e){if(n?.aborted)return;i=this,o=e;const t=null==d;c(),a&&t&&l()};return m.schedule=c,m.cancel=u,m.flush=()=>{h(),l()},n?.addEventListener("abort",u,{once:!0}),m}const t=/iphone|ipod|android.*mobile|windows phone|blackberry|opera mini|mobile|phone/i,n=/ipad|android(?!.*mobile)|tablet|kindle/i;var s=new class{userAgent=function(){return navigator.userAgent}();phone(){return t.test(this.userAgent)}mobile(){return t.test(this.userAgent)||n.test(this.userAgent)}tablet(){return n.test(this.userAgent)}};const i=(e,t)=>document.dispatchEvent(new CustomEvent(e,{detail:t})),o=(e,t)=>{if(e.animated===t)return;const{options:n,node:s}=e,o=t?"aos:in":"aos:out",a=t?"add":"remove";((e,t,n="add")=>{t?.forEach((t=>e.classList[n](t)))})(s,n.animatedClassNames,a),i(o,s),n.id&&i(`${o}:${n.id}`,s),e.animated=t};var a=(e,t)=>{e.forEach((e=>((e,t)=>{const{options:n,position:s}=e;n.mirror&&t>=s.out&&!n.once?o(e,!1):t>=s.in?o(e,!0):e.animated&&!n.once&&o(e,!1)})(e,(e=>e===window?e.pageYOffset:e.scrollTop)(t))))},r=(e,t,n)=>{const s=e.getAttribute(`data-aos-${t}`);return"true"===s||"false"!==s&&(s||n)};const l=function(e,t){let n=0,s=0;for(;e;)n+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),s+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent===t?null:e.offsetParent;return{top:s,left:n}},d=(e,t,n,s)=>{const i=(e=>e===window?e.innerHeight:e.clientHeight)(s),o=r(e,"anchor"),a=r(e,"anchor-placement"),d=Number(r(e,"offset",a?0:t)),c=a||n;let h=e;if(o){const e=(s===window?document:s).querySelector(o);e&&(h=e)}let u=l(h,s).top-i;switch(c){case"top-bottom":break;case"center-bottom":u+=h.offsetHeight/2;break;case"bottom-bottom":u+=h.offsetHeight;break;case"top-center":u+=i/2;break;case"center-center":u+=i/2+h.offsetHeight/2;break;case"bottom-center":u+=i/2+h.offsetHeight;break;case"top-top":u+=i;break;case"bottom-top":u+=i+h.offsetHeight;break;case"center-top":u+=i+h.offsetHeight/2}return u+d},c=(e,t,n)=>{const s=r(e,"anchor"),i=r(e,"offset",t);let o=e;if(s){const e=(n===window?document:n).querySelector(s);e&&(o=e)}return l(o,n).top+o.offsetHeight-i};const h=e=>[...e].some((e=>e.dataset?.aos||e.children&&h(e.children))),u={offset:120,delay:0,easing:"ease",duration:400,disable:!1,once:!1,mirror:!1,anchorPlacement:"top-bottom",startEvent:"DOMContentLoaded",animatedClassName:"aos-animate",initClassName:"aos-init",useClassNames:!1,disableMutationObserver:!1,throttleDelay:99,debounceDelay:50,container:window};class m{elements=[];initialized=!1;options=u;container=null;observer=null;scrollHandler=null;resizeHandler=null;startHandler=null;static getElements(e){return[...(e===window?document:e).querySelectorAll("[data-aos]")].map((e=>({node:e})))}static isDisabled(e){return!0===e||"mobile"===e&&s.mobile()||"phone"===e&&s.phone()||"tablet"===e&&s.tablet()||"function"==typeof e&&!0===e()}initializeScroll(){const{container:t}=this;return this.elements=function(e,t,n){return e.forEach((e=>{const{node:s}=e,i=r(s,"mirror",t.mirror),o=r(s,"once",t.once),a=r(s,"id"),l=t.useClassNames&&s.getAttribute("data-aos")?.split(" ")||[],h=[t.animatedClassName,...l].filter((e=>"string"==typeof e));t.initClassName&&s.classList.add(t.initClassName),e.position={in:d(s,t.offset,t.anchorPlacement,n),out:i&&c(s,t.offset,n)},e.options={once:o,mirror:i,animatedClassNames:h,id:a}})),e}(this.elements,this.options,t),a(this.elements,this.container),this.scrollHandler=function(t,n,{signal:s,edges:i=["leading","trailing"]}={}){let o=null;const a=e(t,n,{signal:s,edges:i}),r=function(...e){null==o?o=Date.now():Date.now()-o>=n&&(o=Date.now(),a.cancel(),a(...e)),a(...e)};return r.cancel=a.cancel,r.flush=a.flush,r}((()=>{a(this.elements,t)}),this.options.throttleDelay),t.addEventListener("scroll",this.scrollHandler,{passive:!0}),this.elements}init(t={}){this.destroy(),this.options={...u,...t};const n=(e=>e instanceof Element||e===window?e:"string"==typeof e?document.querySelector(e):null)(this.options.container);if(!n)throw"AOS - cannot find the container element. The container option must be an HTMLElement or a CSS Selector.";if(this.elements=m.getElements(n),this.container=n,m.isDisabled(this.options.disable))return this.disable();this.options.disableMutationObserver||(this.observer=(e=>{const t=new MutationObserver((t=>{t?.some((({addedNodes:e,removedNodes:t})=>h([...e,...t])))&&e()}));return t.observe(document.documentElement,{childList:!0,subtree:!0}),t})(this.refreshHard.bind(this))),document.body.setAttribute("data-aos-easing",this.options.easing),document.body.setAttribute("data-aos-duration",this.options.duration),document.body.setAttribute("data-aos-delay",this.options.delay),this.startHandler={handler:this.refresh.bind(this),type:"document"},["DOMContentLoaded","load"].includes(this.options.startEvent)?(window.addEventListener("load",this.startHandler.handler),this.startHandler.type="window"):document.addEventListener(this.options.startEvent,this.startHandler.handler),"DOMContentLoaded"===this.options.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1&&this.refresh(!0),this.resizeHandler=e(this.refresh.bind(this),this.options.debounceDelay),window.addEventListener("resize",this.resizeHandler),window.addEventListener("orientationchange",this.resizeHandler)}refresh(e=!1){e&&(this.initialized=!0),this.initialized&&this.initializeScroll()}refreshHard(){if(this.elements=m.getElements(this.container),m.isDisabled(this.options.disable))return this.disable();this.refresh()}disable(){this.elements.forEach((({node:e})=>{e.removeAttribute("data-aos"),e.removeAttribute("data-aos-easing"),e.removeAttribute("data-aos-duration"),e.removeAttribute("data-aos-delay"),this.options.initClassName&&e.classList.remove(this.options.initClassName),this.options.animatedClassName&&e.classList.remove(this.options.animatedClassName)}))}destroy(){if(this.observer?.disconnect(),this.observer=null,this.startHandler){const{handler:e,type:t}=this.startHandler;"document"===t?document.removeEventListener(this.options.startEvent,e):window.removeEventListener("load",e),this.startHandler=null}this.scrollHandler&&(window.removeEventListener("scroll",this.scrollHandler),this.scrollHandler=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),window.removeEventListener("orientationchange",this.resizeHandler),this.resizeHandler=null)}}return new m}));

package/dist/container.d.ts

@@ -0,0 +1,3 @@
+export declare const resolveContainer: (container: Window | Element | string) => Window | Element;
+export declare const getElementHeight: (container: Window | Element) => number;
+export declare const getElementOffset: (container: Window | Element) => number;

package/dist/detector.d.ts

@@ -0,0 +1,8 @@
+declare class Detector {
+    userAgent: string;
+    phone(): boolean;
+    mobile(): boolean;
+    tablet(): boolean;
+}
+declare const _default: Detector;
+export default _default;

package/dist/getInlineOption.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (el: Element, key: string, fallback?: any) => any;
+export default _default;

package/dist/handleScroll.d.ts

@@ -0,0 +1,3 @@
+import type { ElementNode } from ".";
+declare const _default: (elements: ElementNode[], container: Window | Element) => void;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,55 @@
+export interface Options {
+    offset: number;
+    delay: number;
+    easing: string;
+    duration: number;
+    disable: boolean | "mobile" | "phone" | "tablet" | (() => boolean);
+    once: boolean;
+    mirror: boolean;
+    anchorPlacement: string;
+    startEvent: string;
+    animatedClassName: string;
+    initClassName: string;
+    useClassNames: boolean;
+    disableMutationObserver: boolean;
+    throttleDelay: number;
+    debounceDelay: number;
+    container: Window | Element | string;
+}
+export interface ElementNode {
+    node: HTMLElement;
+    position?: {
+        in: number;
+        out?: number;
+    };
+    options?: {
+        once: boolean;
+        mirror: boolean;
+        animatedClassNames: string[];
+        id: string;
+    };
+    animated?: boolean;
+}
+declare class Aos {
+    elements: ElementNode[];
+    initialized: boolean;
+    options: Options;
+    container: Window | Element | null;
+    observer: MutationObserver | null;
+    scrollHandler: (...args: any[]) => void | null;
+    resizeHandler: (...args: any[]) => void | null;
+    startHandler: {
+        handler: (...args: any[]) => void;
+        type: "document" | "window";
+    } | null;
+    static getElements(container: Window | Element): ElementNode[];
+    static isDisabled(optionDisable: boolean | "mobile" | "phone" | "tablet" | (() => boolean)): boolean;
+    initializeScroll(): ElementNode[];
+    init(options?: Partial<Options>): void;
+    refresh(initialize?: boolean): void;
+    refreshHard(): void;
+    disable(): void;
+    destroy(): void;
+}
+declare const _default: Aos;
+export default _default;

package/dist/observer.d.ts

@@ -0,0 +1,2 @@
+declare const observe: (fn: () => void) => MutationObserver;
+export default observe;

package/dist/offsetCalculator.d.ts

@@ -0,0 +1,2 @@
+export declare const getPositionIn: (el: HTMLElement, defaultOffset: number, defaultAnchorPlacement: string, container: Window | Element) => number;
+export declare const getPositionOut: (el: HTMLElement, defaultOffset: number, container: Window | Element) => number;

package/dist/prepare.d.ts

@@ -0,0 +1,2 @@
+import type { Options, ElementNode } from ".";
+export default function prepare(elements: ElementNode[], options: Options, container: Window | Element): ElementNode[];

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@reimujs/aos",
+  "version": "0.0.1",
+  "main": "dist/aos.cjs.js",
+  "module": "dist/aos.esm.js",
+  "browser": "dist/aos.umd.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rollup -c",
+    "build:umd": "rollup -c umd.config.mjs"
+  },
+  "author": "D-Sketon",
+  "license": "MIT",
+  "description": "Animate on scroll library",
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.0",
+    "rollup": "^4.24.0",
+    "rollup-plugin-scss": "^3.0.0",
+    "sass": "^1.79.4",
+    "tslib": "^2.7.0",
+    "typescript": "^5.6.2"
+  },
+  "dependencies": {
+    "es-toolkit": "^1.23.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/D-Sketon/aos.js.git"
+  },
+  "bugs": {
+    "url": "https://github.com/D-Sketon/aos.js/issues"
+  },
+  "homepage": "https://github.com/D-Sketon/aos.js#readme"
+}