Merge remote-tracking branch 'origin/repo-rename-for-npm-registry' into master

Author: memob0x

.gitignore

@@ -1,4 +1,4 @@
 node_modules
 *.log
 error_log
-/dist/*
+/dist

.npmrc

@@ -1,16 +1,16 @@
 # ScrollPadlock
 
-![Node.js CI](https://github.com/memob0x/body-scroll-lock/workflows/Node.js%20CI/badge.svg)
+![Node.js CI](https://github.com/memob0x/scroll-padlock/workflows/Node.js%20CI/badge.svg)
 
 A small "CSS helper" script (~4K gzipped) which relies on **CSS variables** in order to programmatically **prevent the ability to scroll** for any scrollable element avoiding "contents jump".
 
 🙅 Without this library:
 
-![without scrollbar gap compensation](docs/without-gap-compensation.gif?raw=true)
+![without scrollbar gap compensation](https://github.com/[username]/[reponame]/blob/[branch]/docs/without-gap-compensation.gif?raw=true)
 
 💁 With this library:
 
-![with scrollbar gap compensation](docs/with-gap-compensation.gif?raw=true)
+![with scrollbar gap compensation](https://github.com/[username]/[reponame]/blob/[branch]/docs/with-gap-compensation.gif?raw=true)
 
 ## TL;TR: a body scroll overview
 
@@ -30,7 +30,7 @@ to make things worse that technique just **doesn't work** on **iOS safari**: whe
 This library is downloadable via **npm**, which means you can enter the following command directly in your terminal:
 
 ```console
-$ npm install @memob0x/body-scroll-lock
+$ npm install scroll-padlock
 ```
 
 This library is entirely written in [standard ECMAScript](https://tc39.es/), this means that you can safely include **src/padlock.mjs** module in your es6 project without affecting your final bundle size.
@@ -181,7 +181,7 @@ html.scroll-padlock--locked aside {
 
 There are some edge cases in which iOS doesn't play nice: when the page is scrolled the **system bars** become smaller, at that point when the keyboard tray is triggered they become larger again; that can cause visual artifacts as you can see the following gif.
 
-![ios bug](docs/ios-bug.gif?raw=true)
+![ios bug](https://github.com/[username]/[reponame]/blob/[branch]/docs/ios-bug.gif?raw=true)
 
 That's because the element on focus is an input element and iOS forces a scroll to that element (to enhance the accessibility) on an area which would be shortly resized because of the system bars getting bigger. Pretty weird, huh?
 
@@ -197,16 +197,16 @@ document.documentElement.addEventListener("scrollpadlockresize", () => {
 
 As you can see in the following gif, things are finally back in place.
 
-![ios bug](docs/ios-fix.gif?raw=true)
+![ios bug](https://github.com/[username]/[reponame]/blob/[branch]/docs/ios-fix.gif?raw=true)
 
 ## Support
 
 All [modern browsers](https://teamtreehouse.com/community/what-is-a-modern-browser) have been tested, but here's a list of dependencies that might be needed in order to support older ones:
-* 💥DOM API "[matches](https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill)" method ([polyfill](https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill))
-* 💥[WeakMap](https://caniuse.com/mdn-javascript_builtins_weakmap)
+* 💥 DOM API "[matches](https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill)" method ([polyfill](https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill))
+* 💥 [WeakMap](https://caniuse.com/mdn-javascript_builtins_weakmap)
 * [CustomEvent](https://caniuse.com/customevent) ([polyfill](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill)), only if library [events](#events) are being used
 * [CSS variables](https://caniuse.com/css-variables), only for scrollbar gaps compensation (since old browsers support _overflow: hidden;_), still the JS API and events can be used to reach a workaround
 
 ## Demo
 
-Have a look at this [demo](https://memob0x.github.io/body-scroll-lock/demo/) to check if this is what you're looking for. 🤞
+Have a look at this [demo](https://memob0x.github.io/scroll-padlock/demo/) to check if this is what you're looking for. 🤞

README.md

@@ -1,12 +1,5 @@
-## v1.0
-* [✓] library: class based system (initializable to any scrollable element)
-* [✓] library: provide missing jsdocs
-* [✓] tests: complete unit tests (TODO notes across test modules)
-* [✓] build: provide separate .min files
-* [✓] docs: README.md specs update (also remember to add WeakMap to the required polyfills)
-* [ - ] demo: make it standalone using node_modules and such (now it's location-dependant), use Vue and its router in order to supply multiple examples
+# next minor
 
-## v1.1
 * [ - ] library: optional CSS classes / remove CSS classes and make properties more reactive + provide more events
 * [ - ] general: ditch prettier, adopt eslint
 * [ - ] general: npm run lint command

ROADMAP.md

@@ -100,7 +100,7 @@ const buildBundle = async options => {
         ]
     });
 
-    ["amd", "iife", "system", "es", "cjs"].forEach(type => {
+    ["amd", "iife", "system", "es", "cjs", "umd"].forEach(type => {
         // non-minified version
         bundles.push(bundlify(type, false));
 

build.mjs

@@ -146,23 +146,6 @@ html.scroll-padlock--locked {
       opacity: 1;
       visibility: visible; }
 
-.scroller {
-  border: 2px solid black; }
-  .scroller__scrollable {
-    overflow: auto;
-    max-width: 100%;
-    max-height: 100%; }
-    .scroller__scrollable.scroll-padlock--locked {
-      overflow: hidden;
-      max-width: calc(100% - var(--scroll-padlock-vertical-scrollbar-gap));
-      padding-bottom: var(--scroll-padlock-horizontal-scrollbar-gap); }
-  .scroller__header {
-    position: sticky;
-    top: 0;
-    left: 0;
-    padding: 10px;
-    background: white; }
-
 .console {
   flex-wrap: wrap;
   white-space: pre-wrap;
@@ -180,6 +163,23 @@ html.scroll-padlock--locked {
       .console__list__item:before, .console__list__item--placeholder:before {
         content: "$: "; }
 
+.scroller {
+  border: 2px solid black; }
+  .scroller__scrollable {
+    overflow: auto;
+    max-width: 100%;
+    max-height: 100%; }
+    .scroller__scrollable.scroll-padlock--locked {
+      overflow: hidden;
+      max-width: calc(100% - var(--scroll-padlock-vertical-scrollbar-gap));
+      padding-bottom: var(--scroll-padlock-horizontal-scrollbar-gap); }
+  .scroller__header {
+    position: sticky;
+    top: 0;
+    left: 0;
+    padding: 10px;
+    background: white; }
+
 .search {
   display: flex;
   flex-direction: column;

demo/dist/main.css

@@ -1,15 +1,12 @@
 {
-    "name": "@memob0x/body-scroll-lock",
-    "version": "1.0.0",
+    "name": "scroll-padlock",
+    "author": "Daniele Fioroni",
+    "description": "Locks elements scroll handling scrollbar gaps and iOS Safari with CSS variables",
+    "main": "dist/umd/scroll-padlock.min.js",
+    "module": "dist/es/scroll-padlock.js",
+    "version": "1.1.1",
     "license": "MIT",
-    "repository": {
-        "type": "git",
-        "url": "ssh://git@github.com:memob0x/body-scroll-lock.git",
-        "directory": "@memob0x/body-scroll-lock"
-    },
-    "publishConfig": {
-        "registry": "https://npm.pkg.github.com/memob0x"
-    },
+    "repository": "https://github.com/memob0x/scroll-padlock.git",
     "scripts": {
         "build": "node ./build.mjs",
         "start": "node ./start.mjs",