handy-scroll 1.1.4 → 2.0.0

package/dist/handy-scroll.es6.js

@@ -1,279 +0,0 @@
-/*!
-handy-scroll v1.1.4
-https://amphiluke.github.io/handy-scroll/
-(c) 2023 Amphiluke
-*/
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-    typeof define === 'function' && define.amd ? define(factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.handyScroll = factory());
-})(this, (function () { 'use strict';
-
-    let slice = Array.prototype.slice;
-
-    let dom = {
-        // Precaution to avoid reference errors when imported for SSR (issue #13)
-        isDOMAvailable: typeof document === "object" && !!document.documentElement,
-
-        ready(handler) {
-            if (document.readyState === "loading") {
-                document.addEventListener("DOMContentLoaded", () => void handler(), {once: true});
-            } else {
-                handler();
-            }
-        },
-
-        $(ref) {
-            if (typeof ref === "string") { // ref is a selector
-                return document.body.querySelector(ref);
-            }
-            return ref; // ref is already an element
-        },
-
-        $$(ref) {
-            if (Array.isArray(ref)) { // ref is an array of elements
-                return ref;
-            }
-            if (ref.nodeType === Node.ELEMENT_NODE) { // ref is an element
-                return [ref];
-            }
-            if (typeof ref === "string") { // ref is a selector
-                return slice.call(document.body.querySelectorAll(ref));
-            }
-            return slice.call(ref); // ref is an array-like object (NodeList or HTMLCollection)
-        }
-    };
-
-    let handyScrollProto = {
-        init(container) {
-            let instance = this;
-            let scrollBodies = dom.$$(".handy-scroll-body")
-                .filter(node => node.contains(container));
-            if (scrollBodies.length) {
-                instance.scrollBody = scrollBodies[0];
-            }
-            instance.container = container;
-            instance.visible = true;
-            instance.initWidget();
-            instance.update(); // recalculate scrollbar parameters and set its visibility
-            instance.addEventHandlers();
-            // Set skipSync flags to their initial values (because update() above calls syncWidget())
-            instance.skipSyncContainer = instance.skipSyncWidget = false;
-        },
-
-        initWidget() {
-            let instance = this;
-            let widget = instance.widget = document.createElement("div");
-            widget.classList.add("handy-scroll");
-            let strut = document.createElement("div");
-            strut.style.width = `${instance.container.scrollWidth}px`;
-            widget.appendChild(strut);
-            instance.container.appendChild(widget);
-        },
-
-        addEventHandlers() {
-            let instance = this;
-            let eventHandlers = instance.eventHandlers = [
-                {
-                    el: instance.scrollBody || window,
-                    handlers: {
-                        scroll() {
-                            instance.checkVisibility();
-                        },
-                        resize() {
-                            instance.update();
-                        }
-                    }
-                },
-                {
-                    el: instance.widget,
-                    handlers: {
-                        scroll() {
-                            if (instance.visible && !instance.skipSyncContainer) {
-                                instance.syncContainer();
-                            }
-                            // Resume widget->container syncing after the widget scrolling has finished
-                            // (it might be temporally disabled by the container while syncing the widget)
-                            instance.skipSyncContainer = false;
-                        }
-                    }
-                },
-                {
-                    el: instance.container,
-                    handlers: {
-                        scroll() {
-                            if (!instance.skipSyncWidget) {
-                                instance.syncWidget();
-                            }
-                            // Resume container->widget syncing after the container scrolling has finished
-                            // (it might be temporally disabled by the widget while syncing the container)
-                            instance.skipSyncWidget = false;
-                        },
-                        focusin() {
-                            setTimeout(() => {
-                                // The widget might be destroyed before the timer is triggered (issue #14)
-                                if (instance.widget) {
-                                    instance.syncWidget();
-                                }
-                            }, 0);
-                        }
-                    }
-                }
-            ];
-            eventHandlers.forEach(({el, handlers}) => {
-                Object.keys(handlers).forEach(event => el.addEventListener(event, handlers[event], false));
-            });
-        },
-
-        checkVisibility() {
-            let instance = this;
-            let {widget, container, scrollBody} = instance;
-            let mustHide = (widget.scrollWidth <= widget.offsetWidth);
-            if (!mustHide) {
-                let containerRect = container.getBoundingClientRect();
-                let maxVisibleY = scrollBody ?
-                    scrollBody.getBoundingClientRect().bottom :
-                    window.innerHeight || document.documentElement.clientHeight;
-                mustHide = ((containerRect.bottom <= maxVisibleY) || (containerRect.top > maxVisibleY));
-            }
-            if (instance.visible === mustHide) {
-                instance.visible = !mustHide;
-                // We cannot simply hide the scrollbar since its scrollLeft property will not update in that case
-                widget.classList.toggle("handy-scroll-hidden");
-            }
-        },
-
-        syncContainer() {
-            let instance = this;
-            let {scrollLeft} = instance.widget;
-            if (instance.container.scrollLeft !== scrollLeft) {
-                // Prevents container’s “scroll” event handler from syncing back again widget scroll position
-                instance.skipSyncWidget = true;
-                // Note that this makes container’s “scroll” event handlers execute
-                instance.container.scrollLeft = scrollLeft;
-            }
-        },
-
-        syncWidget() {
-            let instance = this;
-            let {scrollLeft} = instance.container;
-            if (instance.widget.scrollLeft !== scrollLeft) {
-                // Prevents widget’s “scroll” event handler from syncing back again container scroll position
-                instance.skipSyncContainer = true;
-                // Note that this makes widget’s “scroll” event handlers execute
-                instance.widget.scrollLeft = scrollLeft;
-            }
-        },
-
-        // Recalculate scroll width and container boundaries
-        update() {
-            let instance = this;
-            let {widget, container, scrollBody} = instance;
-            let {clientWidth, scrollWidth} = container;
-            widget.style.width = `${clientWidth}px`;
-            if (!scrollBody) {
-                widget.style.left = `${container.getBoundingClientRect().left}px`;
-            }
-            widget.firstElementChild.style.width = `${scrollWidth}px`;
-            // Fit widget height to the native scroll bar height if needed
-            if (scrollWidth > clientWidth) {
-                widget.style.height = `${widget.offsetHeight - widget.clientHeight + 1}px`; // +1px JIC
-            }
-            instance.syncWidget();
-            instance.checkVisibility(); // fixes issue Amphiluke/floating-scroll#2
-        },
-
-        // Remove a scrollbar and all related event handlers
-        destroy() {
-            let instance = this;
-            instance.eventHandlers.forEach(({el, handlers}) => {
-                Object.keys(handlers).forEach(event => el.removeEventListener(event, handlers[event], false));
-            });
-            instance.widget.parentNode.removeChild(instance.widget);
-            instance.eventHandlers = instance.widget = instance.container = instance.scrollBody = null;
-        }
-    };
-
-    let instances = []; // if it were not for IE, it would be better to use Map (container -> instance)
-
-    let handyScroll = {
-        /**
-         * Mount widgets in the given containers
-         * @param {HTMLElement|NodeList|HTMLCollection|HTMLElement[]|String} containerRef - Widget container reference (either an element, or a list of elements, or a selector)
-         */
-        mount(containerRef) {
-            dom.$$(containerRef).forEach(container => {
-                if (handyScroll.mounted(container)) {
-                    return;
-                }
-                let instance = Object.create(handyScrollProto);
-                instances.push(instance);
-                instance.init(container);
-            });
-        },
-
-        /**
-         * Check if a widget is already mounted in the given container
-         * @param {HTMLElement|String} containerRef - Widget container reference (either an element, or a selector)
-         * @returns {Boolean}
-         */
-        mounted(containerRef) {
-            let container = dom.$(containerRef);
-            return instances.some(instance => instance.container === container);
-        },
-
-        /**
-         * Update widget parameters and position
-         * @param {HTMLElement|NodeList|HTMLCollection|HTMLElement[]|String} containerRef - Widget container reference (either an element, or a list of elements, or a selector)
-         */
-        update(containerRef) {
-            dom.$$(containerRef).forEach(container => {
-                instances.some(instance => {
-                    if (instance.container === container) {
-                        instance.update();
-                        return true;
-                    }
-                    return false;
-                });
-            });
-        },
-
-        /**
-         * Destroy widgets mounted in the given containers
-         * @param {HTMLElement|NodeList|HTMLCollection|HTMLElement[]|String} containerRef - Widget container reference (either an element, or a list of elements, or a selector)
-         */
-        destroy(containerRef) {
-            dom.$$(containerRef).forEach(container => {
-                instances.some((instance, index) => {
-                    if (instance.container === container) {
-                        instances.splice(index, 1)[0].destroy();
-                        return true;
-                    }
-                    return false;
-                });
-            });
-        },
-
-        /**
-         * Destroy handyScroll widgets whose containers are not in the document anymore
-         */
-        destroyDetached() {
-            instances = instances.filter(instance => {
-                if (!document.body.contains(instance.container)) {
-                    instance.destroy();
-                    return false;
-                }
-                return true;
-            });
-        }
-    };
-
-    if (dom.isDOMAvailable) {
-        dom.ready(() => {
-            handyScroll.mount("[data-handy-scroll]");
-        });
-    }
-
-    return handyScroll;
-
-}));

package/dist/handy-scroll.es6.min.js

@@ -1,6 +0,0 @@
-/*!
-handy-scroll v1.1.4
-https://amphiluke.github.io/handy-scroll/
-(c) 2023 Amphiluke
-*/
-!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).handyScroll=t()}(this,(function(){"use strict";let e=Array.prototype.slice,t={isDOMAvailable:"object"==typeof document&&!!document.documentElement,ready(e){"loading"===document.readyState?document.addEventListener("DOMContentLoaded",(()=>{e()}),{once:!0}):e()},$:e=>"string"==typeof e?document.body.querySelector(e):e,$$:t=>Array.isArray(t)?t:t.nodeType===Node.ELEMENT_NODE?[t]:"string"==typeof t?e.call(document.body.querySelectorAll(t)):e.call(t)},n={init(e){let n=this,i=t.$$(".handy-scroll-body").filter((t=>t.contains(e)));i.length&&(n.scrollBody=i[0]),n.container=e,n.visible=!0,n.initWidget(),n.update(),n.addEventHandlers(),n.skipSyncContainer=n.skipSyncWidget=!1},initWidget(){let e=this,t=e.widget=document.createElement("div");t.classList.add("handy-scroll");let n=document.createElement("div");n.style.width=`${e.container.scrollWidth}px`,t.appendChild(n),e.container.appendChild(t)},addEventHandlers(){let e=this;(e.eventHandlers=[{el:e.scrollBody||window,handlers:{scroll(){e.checkVisibility()},resize(){e.update()}}},{el:e.widget,handlers:{scroll(){e.visible&&!e.skipSyncContainer&&e.syncContainer(),e.skipSyncContainer=!1}}},{el:e.container,handlers:{scroll(){e.skipSyncWidget||e.syncWidget(),e.skipSyncWidget=!1},focusin(){setTimeout((()=>{e.widget&&e.syncWidget()}),0)}}}]).forEach((({el:e,handlers:t})=>{Object.keys(t).forEach((n=>e.addEventListener(n,t[n],!1)))}))},checkVisibility(){let e=this,{widget:t,container:n,scrollBody:i}=e,l=t.scrollWidth<=t.offsetWidth;if(!l){let e=n.getBoundingClientRect(),t=i?i.getBoundingClientRect().bottom:window.innerHeight||document.documentElement.clientHeight;l=e.bottom<=t||e.top>t}e.visible===l&&(e.visible=!l,t.classList.toggle("handy-scroll-hidden"))},syncContainer(){let e=this,{scrollLeft:t}=e.widget;e.container.scrollLeft!==t&&(e.skipSyncWidget=!0,e.container.scrollLeft=t)},syncWidget(){let e=this,{scrollLeft:t}=e.container;e.widget.scrollLeft!==t&&(e.skipSyncContainer=!0,e.widget.scrollLeft=t)},update(){let e=this,{widget:t,container:n,scrollBody:i}=e,{clientWidth:l,scrollWidth:o}=n;t.style.width=`${l}px`,i||(t.style.left=`${n.getBoundingClientRect().left}px`),t.firstElementChild.style.width=`${o}px`,o>l&&(t.style.height=t.offsetHeight-t.clientHeight+1+"px"),e.syncWidget(),e.checkVisibility()},destroy(){let e=this;e.eventHandlers.forEach((({el:e,handlers:t})=>{Object.keys(t).forEach((n=>e.removeEventListener(n,t[n],!1)))})),e.widget.parentNode.removeChild(e.widget),e.eventHandlers=e.widget=e.container=e.scrollBody=null}},i=[],l={mount(e){t.$$(e).forEach((e=>{if(l.mounted(e))return;let t=Object.create(n);i.push(t),t.init(e)}))},mounted(e){let n=t.$(e);return i.some((e=>e.container===n))},update(e){t.$$(e).forEach((e=>{i.some((t=>t.container===e&&(t.update(),!0)))}))},destroy(e){t.$$(e).forEach((e=>{i.some(((t,n)=>t.container===e&&(i.splice(n,1)[0].destroy(),!0)))}))},destroyDetached(){i=i.filter((e=>!!document.body.contains(e.container)||(e.destroy(),!1)))}};return t.isDOMAvailable&&t.ready((()=>{l.mount("[data-handy-scroll]")})),l}));

package/dist/handy-scroll.js

@@ -1,282 +0,0 @@
-/*!
-handy-scroll v1.1.4
-https://amphiluke.github.io/handy-scroll/
-(c) 2023 Amphiluke
-*/
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-    typeof define === 'function' && define.amd ? define(factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.handyScroll = factory());
-})(this, (function () { 'use strict';
-
-    var slice = Array.prototype.slice;
-    var dom = {
-      // Precaution to avoid reference errors when imported for SSR (issue #13)
-      isDOMAvailable: typeof document === "object" && !!document.documentElement,
-      ready: function ready(handler) {
-        if (document.readyState === "loading") {
-          document.addEventListener("DOMContentLoaded", function () {
-            return void handler();
-          }, {
-            once: true
-          });
-        } else {
-          handler();
-        }
-      },
-      $: function $(ref) {
-        if (typeof ref === "string") {
-          // ref is a selector
-          return document.body.querySelector(ref);
-        }
-        return ref; // ref is already an element
-      },
-      $$: function $$(ref) {
-        if (Array.isArray(ref)) {
-          // ref is an array of elements
-          return ref;
-        }
-        if (ref.nodeType === Node.ELEMENT_NODE) {
-          // ref is an element
-          return [ref];
-        }
-        if (typeof ref === "string") {
-          // ref is a selector
-          return slice.call(document.body.querySelectorAll(ref));
-        }
-        return slice.call(ref); // ref is an array-like object (NodeList or HTMLCollection)
-      }
-    };
-
-    var handyScrollProto = {
-      init: function init(container) {
-        var instance = this;
-        var scrollBodies = dom.$$(".handy-scroll-body").filter(function (node) {
-          return node.contains(container);
-        });
-        if (scrollBodies.length) {
-          instance.scrollBody = scrollBodies[0];
-        }
-        instance.container = container;
-        instance.visible = true;
-        instance.initWidget();
-        instance.update(); // recalculate scrollbar parameters and set its visibility
-        instance.addEventHandlers();
-        // Set skipSync flags to their initial values (because update() above calls syncWidget())
-        instance.skipSyncContainer = instance.skipSyncWidget = false;
-      },
-      initWidget: function initWidget() {
-        var instance = this;
-        var widget = instance.widget = document.createElement("div");
-        widget.classList.add("handy-scroll");
-        var strut = document.createElement("div");
-        strut.style.width = instance.container.scrollWidth + "px";
-        widget.appendChild(strut);
-        instance.container.appendChild(widget);
-      },
-      addEventHandlers: function addEventHandlers() {
-        var instance = this;
-        var eventHandlers = instance.eventHandlers = [{
-          el: instance.scrollBody || window,
-          handlers: {
-            scroll: function scroll() {
-              instance.checkVisibility();
-            },
-            resize: function resize() {
-              instance.update();
-            }
-          }
-        }, {
-          el: instance.widget,
-          handlers: {
-            scroll: function scroll() {
-              if (instance.visible && !instance.skipSyncContainer) {
-                instance.syncContainer();
-              }
-              // Resume widget->container syncing after the widget scrolling has finished
-              // (it might be temporally disabled by the container while syncing the widget)
-              instance.skipSyncContainer = false;
-            }
-          }
-        }, {
-          el: instance.container,
-          handlers: {
-            scroll: function scroll() {
-              if (!instance.skipSyncWidget) {
-                instance.syncWidget();
-              }
-              // Resume container->widget syncing after the container scrolling has finished
-              // (it might be temporally disabled by the widget while syncing the container)
-              instance.skipSyncWidget = false;
-            },
-            focusin: function focusin() {
-              setTimeout(function () {
-                // The widget might be destroyed before the timer is triggered (issue #14)
-                if (instance.widget) {
-                  instance.syncWidget();
-                }
-              }, 0);
-            }
-          }
-        }];
-        eventHandlers.forEach(function (_ref) {
-          var el = _ref.el,
-            handlers = _ref.handlers;
-          Object.keys(handlers).forEach(function (event) {
-            return el.addEventListener(event, handlers[event], false);
-          });
-        });
-      },
-      checkVisibility: function checkVisibility() {
-        var instance = this;
-        var widget = instance.widget,
-          container = instance.container,
-          scrollBody = instance.scrollBody;
-        var mustHide = widget.scrollWidth <= widget.offsetWidth;
-        if (!mustHide) {
-          var containerRect = container.getBoundingClientRect();
-          var maxVisibleY = scrollBody ? scrollBody.getBoundingClientRect().bottom : window.innerHeight || document.documentElement.clientHeight;
-          mustHide = containerRect.bottom <= maxVisibleY || containerRect.top > maxVisibleY;
-        }
-        if (instance.visible === mustHide) {
-          instance.visible = !mustHide;
-          // We cannot simply hide the scrollbar since its scrollLeft property will not update in that case
-          widget.classList.toggle("handy-scroll-hidden");
-        }
-      },
-      syncContainer: function syncContainer() {
-        var instance = this;
-        var scrollLeft = instance.widget.scrollLeft;
-        if (instance.container.scrollLeft !== scrollLeft) {
-          // Prevents container’s “scroll” event handler from syncing back again widget scroll position
-          instance.skipSyncWidget = true;
-          // Note that this makes container’s “scroll” event handlers execute
-          instance.container.scrollLeft = scrollLeft;
-        }
-      },
-      syncWidget: function syncWidget() {
-        var instance = this;
-        var scrollLeft = instance.container.scrollLeft;
-        if (instance.widget.scrollLeft !== scrollLeft) {
-          // Prevents widget’s “scroll” event handler from syncing back again container scroll position
-          instance.skipSyncContainer = true;
-          // Note that this makes widget’s “scroll” event handlers execute
-          instance.widget.scrollLeft = scrollLeft;
-        }
-      },
-      // Recalculate scroll width and container boundaries
-      update: function update() {
-        var instance = this;
-        var widget = instance.widget,
-          container = instance.container,
-          scrollBody = instance.scrollBody;
-        var clientWidth = container.clientWidth,
-          scrollWidth = container.scrollWidth;
-        widget.style.width = clientWidth + "px";
-        if (!scrollBody) {
-          widget.style.left = container.getBoundingClientRect().left + "px";
-        }
-        widget.firstElementChild.style.width = scrollWidth + "px";
-        // Fit widget height to the native scroll bar height if needed
-        if (scrollWidth > clientWidth) {
-          widget.style.height = widget.offsetHeight - widget.clientHeight + 1 + "px"; // +1px JIC
-        }
-
-        instance.syncWidget();
-        instance.checkVisibility(); // fixes issue Amphiluke/floating-scroll#2
-      },
-      // Remove a scrollbar and all related event handlers
-      destroy: function destroy() {
-        var instance = this;
-        instance.eventHandlers.forEach(function (_ref2) {
-          var el = _ref2.el,
-            handlers = _ref2.handlers;
-          Object.keys(handlers).forEach(function (event) {
-            return el.removeEventListener(event, handlers[event], false);
-          });
-        });
-        instance.widget.parentNode.removeChild(instance.widget);
-        instance.eventHandlers = instance.widget = instance.container = instance.scrollBody = null;
-      }
-    };
-
-    var instances = []; // if it were not for IE, it would be better to use Map (container -> instance)
-
-    var handyScroll = {
-      /**
-       * Mount widgets in the given containers
-       * @param {HTMLElement|NodeList|HTMLCollection|HTMLElement[]|String} containerRef - Widget container reference (either an element, or a list of elements, or a selector)
-       */
-      mount: function mount(containerRef) {
-        dom.$$(containerRef).forEach(function (container) {
-          if (handyScroll.mounted(container)) {
-            return;
-          }
-          var instance = Object.create(handyScrollProto);
-          instances.push(instance);
-          instance.init(container);
-        });
-      },
-      /**
-       * Check if a widget is already mounted in the given container
-       * @param {HTMLElement|String} containerRef - Widget container reference (either an element, or a selector)
-       * @returns {Boolean}
-       */
-      mounted: function mounted(containerRef) {
-        var container = dom.$(containerRef);
-        return instances.some(function (instance) {
-          return instance.container === container;
-        });
-      },
-      /**
-       * Update widget parameters and position
-       * @param {HTMLElement|NodeList|HTMLCollection|HTMLElement[]|String} containerRef - Widget container reference (either an element, or a list of elements, or a selector)
-       */
-      update: function update(containerRef) {
-        dom.$$(containerRef).forEach(function (container) {
-          instances.some(function (instance) {
-            if (instance.container === container) {
-              instance.update();
-              return true;
-            }
-            return false;
-          });
-        });
-      },
-      /**
-       * Destroy widgets mounted in the given containers
-       * @param {HTMLElement|NodeList|HTMLCollection|HTMLElement[]|String} containerRef - Widget container reference (either an element, or a list of elements, or a selector)
-       */
-      destroy: function destroy(containerRef) {
-        dom.$$(containerRef).forEach(function (container) {
-          instances.some(function (instance, index) {
-            if (instance.container === container) {
-              instances.splice(index, 1)[0].destroy();
-              return true;
-            }
-            return false;
-          });
-        });
-      },
-      /**
-       * Destroy handyScroll widgets whose containers are not in the document anymore
-       */
-      destroyDetached: function destroyDetached() {
-        instances = instances.filter(function (instance) {
-          if (!document.body.contains(instance.container)) {
-            instance.destroy();
-            return false;
-          }
-          return true;
-        });
-      }
-    };
-    if (dom.isDOMAvailable) {
-      dom.ready(function () {
-        handyScroll.mount("[data-handy-scroll]");
-      });
-    }
-
-    return handyScroll;
-
-}));

package/dist/handy-scroll.min.js

@@ -1,6 +0,0 @@
-/*!
-handy-scroll v1.1.4
-https://amphiluke.github.io/handy-scroll/
-(c) 2023 Amphiluke
-*/
-!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(t="undefined"!=typeof globalThis?globalThis:t||self).handyScroll=n()}(this,(function(){"use strict";var t=Array.prototype.slice,n="object"==typeof document&&!!document.documentElement,e=function(t){return"string"==typeof t?document.body.querySelector(t):t},i=function(n){return Array.isArray(n)?n:n.nodeType===Node.ELEMENT_NODE?[n]:"string"==typeof n?t.call(document.body.querySelectorAll(n)):t.call(n)},o={init:function(t){var n=this,e=i(".handy-scroll-body").filter((function(n){return n.contains(t)}));e.length&&(n.scrollBody=e[0]),n.container=t,n.visible=!0,n.initWidget(),n.update(),n.addEventHandlers(),n.skipSyncContainer=n.skipSyncWidget=!1},initWidget:function(){var t=this,n=t.widget=document.createElement("div");n.classList.add("handy-scroll");var e=document.createElement("div");e.style.width=t.container.scrollWidth+"px",n.appendChild(e),t.container.appendChild(n)},addEventHandlers:function(){var t=this;(t.eventHandlers=[{el:t.scrollBody||window,handlers:{scroll:function(){t.checkVisibility()},resize:function(){t.update()}}},{el:t.widget,handlers:{scroll:function(){t.visible&&!t.skipSyncContainer&&t.syncContainer(),t.skipSyncContainer=!1}}},{el:t.container,handlers:{scroll:function(){t.skipSyncWidget||t.syncWidget(),t.skipSyncWidget=!1},focusin:function(){setTimeout((function(){t.widget&&t.syncWidget()}),0)}}}]).forEach((function(t){var n=t.el,e=t.handlers;Object.keys(e).forEach((function(t){return n.addEventListener(t,e[t],!1)}))}))},checkVisibility:function(){var t=this,n=t.widget,e=t.container,i=t.scrollBody,o=n.scrollWidth<=n.offsetWidth;if(!o){var c=e.getBoundingClientRect(),r=i?i.getBoundingClientRect().bottom:window.innerHeight||document.documentElement.clientHeight;o=c.bottom<=r||c.top>r}t.visible===o&&(t.visible=!o,n.classList.toggle("handy-scroll-hidden"))},syncContainer:function(){var t=this,n=t.widget.scrollLeft;t.container.scrollLeft!==n&&(t.skipSyncWidget=!0,t.container.scrollLeft=n)},syncWidget:function(){var t=this,n=t.container.scrollLeft;t.widget.scrollLeft!==n&&(t.skipSyncContainer=!0,t.widget.scrollLeft=n)},update:function(){var t=this,n=t.widget,e=t.container,i=t.scrollBody,o=e.clientWidth,c=e.scrollWidth;n.style.width=o+"px",i||(n.style.left=e.getBoundingClientRect().left+"px"),n.firstElementChild.style.width=c+"px",c>o&&(n.style.height=n.offsetHeight-n.clientHeight+1+"px"),t.syncWidget(),t.checkVisibility()},destroy:function(){var t=this;t.eventHandlers.forEach((function(t){var n=t.el,e=t.handlers;Object.keys(e).forEach((function(t){return n.removeEventListener(t,e[t],!1)}))})),t.widget.parentNode.removeChild(t.widget),t.eventHandlers=t.widget=t.container=t.scrollBody=null}},c=[],r={mount:function(t){i(t).forEach((function(t){if(!r.mounted(t)){var n=Object.create(o);c.push(n),n.init(t)}}))},mounted:function(t){var n=e(t);return c.some((function(t){return t.container===n}))},update:function(t){i(t).forEach((function(t){c.some((function(n){return n.container===t&&(n.update(),!0)}))}))},destroy:function(t){i(t).forEach((function(t){c.some((function(n,e){return n.container===t&&(c.splice(e,1)[0].destroy(),!0)}))}))},destroyDetached:function(){c=c.filter((function(t){return!!document.body.contains(t.container)||(t.destroy(),!1)}))}};return n&&function(t){"loading"===document.readyState?document.addEventListener("DOMContentLoaded",(function(){t()}),{once:!0}):t()}((function(){r.mount("[data-handy-scroll]")})),r}));

package/src/dom.js

@@ -1,36 +0,0 @@
-let slice = Array.prototype.slice;
-
-let dom = {
-    // Precaution to avoid reference errors when imported for SSR (issue #13)
-    isDOMAvailable: typeof document === "object" && !!document.documentElement,
-
-    ready(handler) {
-        if (document.readyState === "loading") {
-            document.addEventListener("DOMContentLoaded", () => void handler(), {once: true});
-        } else {
-            handler();
-        }
-    },
-
-    $(ref) {
-        if (typeof ref === "string") { // ref is a selector
-            return document.body.querySelector(ref);
-        }
-        return ref; // ref is already an element
-    },
-
-    $$(ref) {
-        if (Array.isArray(ref)) { // ref is an array of elements
-            return ref;
-        }
-        if (ref.nodeType === Node.ELEMENT_NODE) { // ref is an element
-            return [ref];
-        }
-        if (typeof ref === "string") { // ref is a selector
-            return slice.call(document.body.querySelectorAll(ref));
-        }
-        return slice.call(ref); // ref is an array-like object (NodeList or HTMLCollection)
-    }
-};
-
-export default dom;