handy-scroll 1.1.3 → 1.1.4

package/dist/handy-scroll.es6.js

@@ -1,5 +1,5 @@
 /*!
-handy-scroll v1.1.3
+handy-scroll v1.1.4
 https://amphiluke.github.io/handy-scroll/
 (c) 2023 Amphiluke
 */
@@ -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) {
@@ -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.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="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.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,5 +1,5 @@
 /*!
-handy-scroll v1.1.3
+handy-scroll v1.1.4
 https://amphiluke.github.io/handy-scroll/
 (c) 2023 Amphiluke
 */
@@ -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) {
@@ -268,7 +263,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.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={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.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "handy-scroll",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "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",
+    "@babel/core": "^7.23.0",
+    "@babel/preset-env": "^7.22.20",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-terser": "^0.4.3",
     "clean-css-cli": "^5.6.2",
-    "eslint": "^8.45.0",
+    "eslint": "^8.50.0",
     "husky": "8.0.3",
-    "less": "^4.1.3",
-    "rollup": "^3.26.3"
+    "less": "^4.2.0",
+    "rollup": "^3.29.4"
   }
 }

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) {

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;
             }