handy-scroll 1.1.3 → 1.1.5

package/README.md

@@ -6,10 +6,9 @@ Handy dependency-free floating scrollbar widget
 
 handy-scroll is a dependency-free module which can be used to solve the problem of scrolling some lengthy containers horizontally when those containers don’t fit into the viewport. The widget is just a scrollbar which is attached at the bottom of the container’s visible area. It doesn’t get out of sight when the page is scrolled, thereby making horizontal scrolling of the container much handier.
 
-:bulb: **Tips:**
-
-* If you are rather looking for a jQuery plugin with the same functionality, please check out the sibling project [floating-scroll](https://github.com/Amphiluke/floating-scroll) instead.
-* Developing a Vue-based app? Consider using the [vue-handy-scroll](https://github.com/Amphiluke/vue-handy-scroll) component.
+> [!TIP]
+> * If you are rather looking for a jQuery plugin with the same functionality, please check out the sibling project [floating-scroll](https://github.com/Amphiluke/floating-scroll) instead.
+> * Developing a Vue.js-based app? Consider using the [vue-handy-scroll](https://github.com/Amphiluke/vue-handy-scroll) component.
 
 ## Usage
 

package/dist/handy-scroll.es6.js

@@ -1,7 +1,7 @@
 /*!
-handy-scroll v1.1.3
+handy-scroll v1.1.5
 https://amphiluke.github.io/handy-scroll/
-(c) 2023 Amphiluke
+(c) 2024 Amphiluke
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -11,19 +11,13 @@ https://amphiluke.github.io/handy-scroll/
 
     let slice = Array.prototype.slice;
 
-    // Precaution to avoid reference errors when imported for SSR (issue #13)
-    let isDOMAvailable = typeof document === "object" && !!document.documentElement;
-
     let dom = {
-        isDOMAvailable,
-
-        doc: isDOMAvailable ? document : null,
-        html: isDOMAvailable ? document.documentElement : null,
-        body: isDOMAvailable ? document.body : null,
+        // Precaution to avoid reference errors when imported for SSR (issue #13)
+        isDOMAvailable: typeof document === "object" && !!document.documentElement,
 
         ready(handler) {
-            if (dom.doc.readyState === "loading") {
-                dom.doc.addEventListener("DOMContentLoaded", () => void handler(), {once: true});
+            if (document.readyState === "loading") {
+                document.addEventListener("DOMContentLoaded", () => void handler(), {once: true});
             } else {
                 handler();
             }
@@ -31,7 +25,7 @@ https://amphiluke.github.io/handy-scroll/
 
         $(ref) {
             if (typeof ref === "string") { // ref is a selector
-                return dom.body.querySelector(ref);
+                return document.body.querySelector(ref);
             }
             return ref; // ref is already an element
         },
@@ -44,7 +38,7 @@ https://amphiluke.github.io/handy-scroll/
                 return [ref];
             }
             if (typeof ref === "string") { // ref is a selector
-                return slice.call(dom.body.querySelectorAll(ref));
+                return slice.call(document.body.querySelectorAll(ref));
             }
             return slice.call(ref); // ref is an array-like object (NodeList or HTMLCollection)
         }
@@ -69,9 +63,9 @@ https://amphiluke.github.io/handy-scroll/
 
         initWidget() {
             let instance = this;
-            let widget = instance.widget = dom.doc.createElement("div");
+            let widget = instance.widget = document.createElement("div");
             widget.classList.add("handy-scroll");
-            let strut = dom.doc.createElement("div");
+            let strut = document.createElement("div");
             strut.style.width = `${instance.container.scrollWidth}px`;
             widget.appendChild(strut);
             instance.container.appendChild(widget);
@@ -139,7 +133,7 @@ https://amphiluke.github.io/handy-scroll/
                 let containerRect = container.getBoundingClientRect();
                 let maxVisibleY = scrollBody ?
                     scrollBody.getBoundingClientRect().bottom :
-                    window.innerHeight || dom.html.clientHeight;
+                    window.innerHeight || document.documentElement.clientHeight;
                 mustHide = ((containerRect.bottom <= maxVisibleY) || (containerRect.top > maxVisibleY));
             }
             if (instance.visible === mustHide) {
@@ -195,7 +189,7 @@ https://amphiluke.github.io/handy-scroll/
             instance.eventHandlers.forEach(({el, handlers}) => {
                 Object.keys(handlers).forEach(event => el.removeEventListener(event, handlers[event], false));
             });
-            instance.widget.parentNode.removeChild(instance.widget);
+            instance.widget.remove();
             instance.eventHandlers = instance.widget = instance.container = instance.scrollBody = null;
         }
     };
@@ -265,7 +259,7 @@ https://amphiluke.github.io/handy-scroll/
          */
         destroyDetached() {
             instances = instances.filter(instance => {
-                if (!dom.body.contains(instance.container)) {
+                if (!document.body.contains(instance.container)) {
                     instance.destroy();
                     return false;
                 }

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

@@ -1,6 +1,6 @@
 /*!
-handy-scroll v1.1.3
+handy-scroll v1.1.5
 https://amphiluke.github.io/handy-scroll/
-(c) 2023 Amphiluke
+(c) 2024 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="object"==typeof document&&!!document.documentElement,i={isDOMAvailable:t,doc:t?document:null,html:t?document.documentElement:null,body:t?document.body:null,ready(e){"loading"===i.doc.readyState?i.doc.addEventListener("DOMContentLoaded",(()=>{e()}),{once:!0}):e()},$:e=>"string"==typeof e?i.body.querySelector(e):e,$$:t=>Array.isArray(t)?t:t.nodeType===Node.ELEMENT_NODE?[t]:"string"==typeof t?e.call(i.body.querySelectorAll(t)):e.call(t)},n={init(e){let t=this,n=i.$$(".handy-scroll-body").filter((t=>t.contains(e)));n.length&&(t.scrollBody=n[0]),t.container=e,t.visible=!0,t.initWidget(),t.update(),t.addEventHandlers(),t.skipSyncContainer=t.skipSyncWidget=!1},initWidget(){let e=this,t=e.widget=i.doc.createElement("div");t.classList.add("handy-scroll");let n=i.doc.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((i=>e.addEventListener(i,t[i],!1)))}))},checkVisibility(){let e=this,{widget:t,container:n,scrollBody:l}=e,o=t.scrollWidth<=t.offsetWidth;if(!o){let e=n.getBoundingClientRect(),t=l?l.getBoundingClientRect().bottom:window.innerHeight||i.html.clientHeight;o=e.bottom<=t||e.top>t}e.visible===o&&(e.visible=!o,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:i,scrollBody:n}=e,{clientWidth:l,scrollWidth:o}=i;t.style.width=`${l}px`,n||(t.style.left=`${i.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((i=>e.removeEventListener(i,t[i],!1)))})),e.widget.parentNode.removeChild(e.widget),e.eventHandlers=e.widget=e.container=e.scrollBody=null}},l=[],o={mount(e){i.$$(e).forEach((e=>{if(o.mounted(e))return;let t=Object.create(n);l.push(t),t.init(e)}))},mounted(e){let t=i.$(e);return l.some((e=>e.container===t))},update(e){i.$$(e).forEach((e=>{l.some((t=>t.container===e&&(t.update(),!0)))}))},destroy(e){i.$$(e).forEach((e=>{l.some(((t,i)=>t.container===e&&(l.splice(i,1)[0].destroy(),!0)))}))},destroyDetached(){l=l.filter((e=>!!i.body.contains(e.container)||(e.destroy(),!1)))}};return i.isDOMAvailable&&i.ready((()=>{o.mount("[data-handy-scroll]")})),o}));
+!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.remove(),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,7 +1,7 @@
 /*!
-handy-scroll v1.1.3
+handy-scroll v1.1.5
 https://amphiluke.github.io/handy-scroll/
-(c) 2023 Amphiluke
+(c) 2024 Amphiluke
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -10,17 +10,12 @@ https://amphiluke.github.io/handy-scroll/
 })(this, (function () { 'use strict';
 
     var slice = Array.prototype.slice;
-
-    // Precaution to avoid reference errors when imported for SSR (issue #13)
-    var isDOMAvailable = typeof document === "object" && !!document.documentElement;
     var dom = {
-      isDOMAvailable: isDOMAvailable,
-      doc: isDOMAvailable ? document : null,
-      html: isDOMAvailable ? document.documentElement : null,
-      body: isDOMAvailable ? document.body : null,
+      // Precaution to avoid reference errors when imported for SSR (issue #13)
+      isDOMAvailable: typeof document === "object" && !!document.documentElement,
       ready: function ready(handler) {
-        if (dom.doc.readyState === "loading") {
-          dom.doc.addEventListener("DOMContentLoaded", function () {
+        if (document.readyState === "loading") {
+          document.addEventListener("DOMContentLoaded", function () {
             return void handler();
           }, {
             once: true
@@ -32,7 +27,7 @@ https://amphiluke.github.io/handy-scroll/
       $: function $(ref) {
         if (typeof ref === "string") {
           // ref is a selector
-          return dom.body.querySelector(ref);
+          return document.body.querySelector(ref);
         }
         return ref; // ref is already an element
       },
@@ -47,7 +42,7 @@ https://amphiluke.github.io/handy-scroll/
         }
         if (typeof ref === "string") {
           // ref is a selector
-          return slice.call(dom.body.querySelectorAll(ref));
+          return slice.call(document.body.querySelectorAll(ref));
         }
         return slice.call(ref); // ref is an array-like object (NodeList or HTMLCollection)
       }
@@ -72,9 +67,9 @@ https://amphiluke.github.io/handy-scroll/
       },
       initWidget: function initWidget() {
         var instance = this;
-        var widget = instance.widget = dom.doc.createElement("div");
+        var widget = instance.widget = document.createElement("div");
         widget.classList.add("handy-scroll");
-        var strut = dom.doc.createElement("div");
+        var strut = document.createElement("div");
         strut.style.width = instance.container.scrollWidth + "px";
         widget.appendChild(strut);
         instance.container.appendChild(widget);
@@ -140,7 +135,7 @@ https://amphiluke.github.io/handy-scroll/
         var mustHide = widget.scrollWidth <= widget.offsetWidth;
         if (!mustHide) {
           var containerRect = container.getBoundingClientRect();
-          var maxVisibleY = scrollBody ? scrollBody.getBoundingClientRect().bottom : window.innerHeight || dom.html.clientHeight;
+          var maxVisibleY = scrollBody ? scrollBody.getBoundingClientRect().bottom : window.innerHeight || document.documentElement.clientHeight;
           mustHide = containerRect.bottom <= maxVisibleY || containerRect.top > maxVisibleY;
         }
         if (instance.visible === mustHide) {
@@ -186,7 +181,6 @@ https://amphiluke.github.io/handy-scroll/
         if (scrollWidth > clientWidth) {
           widget.style.height = widget.offsetHeight - widget.clientHeight + 1 + "px"; // +1px JIC
         }
-
         instance.syncWidget();
         instance.checkVisibility(); // fixes issue Amphiluke/floating-scroll#2
       },
@@ -200,7 +194,7 @@ https://amphiluke.github.io/handy-scroll/
             return el.removeEventListener(event, handlers[event], false);
           });
         });
-        instance.widget.parentNode.removeChild(instance.widget);
+        instance.widget.remove();
         instance.eventHandlers = instance.widget = instance.container = instance.scrollBody = null;
       }
     };
@@ -268,7 +262,7 @@ https://amphiluke.github.io/handy-scroll/
        */
       destroyDetached: function destroyDetached() {
         instances = instances.filter(function (instance) {
-          if (!dom.body.contains(instance.container)) {
+          if (!document.body.contains(instance.container)) {
             instance.destroy();
             return false;
           }

package/dist/handy-scroll.min.js

@@ -1,6 +1,6 @@
 /*!
-handy-scroll v1.1.3
+handy-scroll v1.1.5
 https://amphiluke.github.io/handy-scroll/
-(c) 2023 Amphiluke
+(c) 2024 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={isDOMAvailable:n,doc:n?document:null,html:n?document.documentElement:null,body:n?document.body:null,ready:function(t){"loading"===e.doc.readyState?e.doc.addEventListener("DOMContentLoaded",(function(){t()}),{once:!0}):t()},$:function(t){return"string"==typeof t?e.body.querySelector(t):t},$$:function(n){return Array.isArray(n)?n:n.nodeType===Node.ELEMENT_NODE?[n]:"string"==typeof n?t.call(e.body.querySelectorAll(n)):t.call(n)}},i={init:function(t){var n=this,i=e.$$(".handy-scroll-body").filter((function(n){return n.contains(t)}));i.length&&(n.scrollBody=i[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=e.doc.createElement("div");n.classList.add("handy-scroll");var i=e.doc.createElement("div");i.style.width=t.container.scrollWidth+"px",n.appendChild(i),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,i=t.container,o=t.scrollBody,c=n.scrollWidth<=n.offsetWidth;if(!c){var r=i.getBoundingClientRect(),l=o?o.getBoundingClientRect().bottom:window.innerHeight||e.html.clientHeight;c=r.bottom<=l||r.top>l}t.visible===c&&(t.visible=!c,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}},o=[],c={mount:function(t){e.$$(t).forEach((function(t){if(!c.mounted(t)){var n=Object.create(i);o.push(n),n.init(t)}}))},mounted:function(t){var n=e.$(t);return o.some((function(t){return t.container===n}))},update:function(t){e.$$(t).forEach((function(t){o.some((function(n){return n.container===t&&(n.update(),!0)}))}))},destroy:function(t){e.$$(t).forEach((function(t){o.some((function(n,e){return n.container===t&&(o.splice(e,1)[0].destroy(),!0)}))}))},destroyDetached:function(){o=o.filter((function(t){return!!e.body.contains(t.container)||(t.destroy(),!1)}))}};return e.isDOMAvailable&&e.ready((function(){c.mount("[data-handy-scroll]")})),c}));
+!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.remove(),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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "handy-scroll",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "Handy dependency-free floating scrollbar widget",
   "main": "./dist/handy-scroll.min.js",
   "module": "./src/handy-scroll.js",
@@ -41,14 +41,14 @@
   },
   "homepage": "https://amphiluke.github.io/handy-scroll/",
   "devDependencies": {
-    "@babel/core": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-terser": "^0.4.3",
-    "clean-css-cli": "^5.6.2",
-    "eslint": "^8.45.0",
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-terser": "^0.4.4",
+    "clean-css-cli": "^5.6.3",
+    "eslint": "^8.56.0",
     "husky": "8.0.3",
-    "less": "^4.1.3",
-    "rollup": "^3.26.3"
+    "less": "^4.2.0",
+    "rollup": "^4.9.5"
   }
 }

package/src/dom.js

@@ -1,18 +1,12 @@
 let slice = Array.prototype.slice;
 
-// Precaution to avoid reference errors when imported for SSR (issue #13)
-let isDOMAvailable = typeof document === "object" && !!document.documentElement;
-
 let dom = {
-    isDOMAvailable,
-
-    doc: isDOMAvailable ? document : null,
-    html: isDOMAvailable ? document.documentElement : null,
-    body: isDOMAvailable ? document.body : null,
+    // Precaution to avoid reference errors when imported for SSR (issue #13)
+    isDOMAvailable: typeof document === "object" && !!document.documentElement,
 
     ready(handler) {
-        if (dom.doc.readyState === "loading") {
-            dom.doc.addEventListener("DOMContentLoaded", () => void handler(), {once: true});
+        if (document.readyState === "loading") {
+            document.addEventListener("DOMContentLoaded", () => void handler(), {once: true});
         } else {
             handler();
         }
@@ -20,7 +14,7 @@ let dom = {
 
     $(ref) {
         if (typeof ref === "string") { // ref is a selector
-            return dom.body.querySelector(ref);
+            return document.body.querySelector(ref);
         }
         return ref; // ref is already an element
     },
@@ -33,7 +27,7 @@ let dom = {
             return [ref];
         }
         if (typeof ref === "string") { // ref is a selector
-            return slice.call(dom.body.querySelectorAll(ref));
+            return slice.call(document.body.querySelectorAll(ref));
         }
         return slice.call(ref); // ref is an array-like object (NodeList or HTMLCollection)
     }

package/src/handy-scroll-proto.js

@@ -19,9 +19,9 @@ let handyScrollProto = {
 
     initWidget() {
         let instance = this;
-        let widget = instance.widget = dom.doc.createElement("div");
+        let widget = instance.widget = document.createElement("div");
         widget.classList.add("handy-scroll");
-        let strut = dom.doc.createElement("div");
+        let strut = document.createElement("div");
         strut.style.width = `${instance.container.scrollWidth}px`;
         widget.appendChild(strut);
         instance.container.appendChild(widget);
@@ -89,7 +89,7 @@ let handyScrollProto = {
             let containerRect = container.getBoundingClientRect();
             let maxVisibleY = scrollBody ?
                 scrollBody.getBoundingClientRect().bottom :
-                window.innerHeight || dom.html.clientHeight;
+                window.innerHeight || document.documentElement.clientHeight;
             mustHide = ((containerRect.bottom <= maxVisibleY) || (containerRect.top > maxVisibleY));
         }
         if (instance.visible === mustHide) {
@@ -145,7 +145,7 @@ let handyScrollProto = {
         instance.eventHandlers.forEach(({el, handlers}) => {
             Object.keys(handlers).forEach(event => el.removeEventListener(event, handlers[event], false));
         });
-        instance.widget.parentNode.removeChild(instance.widget);
+        instance.widget.remove();
         instance.eventHandlers = instance.widget = instance.container = instance.scrollBody = null;
     }
 };

package/src/handy-scroll.js

@@ -66,7 +66,7 @@ let handyScroll = {
      */
     destroyDetached() {
         instances = instances.filter(instance => {
-            if (!dom.body.contains(instance.container)) {
+            if (!document.body.contains(instance.container)) {
                 instance.destroy();
                 return false;
             }