@substrate-system/scroll-lock/dist/index.cjs

Prevent scrolling

"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var index_exports = {};
__export(index_exports, {
  lockBodyScrolling: () => lockBodyScrolling,
  unlockBodyScrolling: () => unlockBodyScrolling
});
module.exports = __toCommonJS(index_exports);
const locks = /* @__PURE__ */ new Set();
function getScrollbarWidth() {
  const documentWidth = document.documentElement.clientWidth;
  return Math.abs(window.innerWidth - documentWidth);
}
__name(getScrollbarWidth, "getScrollbarWidth");
function getExistingBodyPadding() {
  const padding = Number(
    getComputedStyle(document.body).paddingRight.replace(/px/, "")
  );
  if (isNaN(padding) || !padding) {
    return 0;
  }
  return padding;
}
__name(getExistingBodyPadding, "getExistingBodyPadding");
function lockBodyScrolling(lockingEl) {
  locks.add(lockingEl);
  if (!document.documentElement.classList.contains("scroll-lock")) {
    const scrollbarWidth = getScrollbarWidth() + getExistingBodyPadding();
    let scrollbarGutterProperty = getComputedStyle(document.documentElement).scrollbarGutter;
    if (!scrollbarGutterProperty || scrollbarGutterProperty === "auto") {
      scrollbarGutterProperty = "stable";
    }
    if (scrollbarWidth < 2) {
      scrollbarGutterProperty = "";
    }
    document.documentElement.style.setProperty(
      "--scroll-lock-gutter",
      scrollbarGutterProperty
    );
    document.documentElement.classList.add("scroll-lock");
    document.documentElement.style.setProperty(
      "--scroll-lock-size",
      `${scrollbarWidth}px`
    );
  }
}
__name(lockBodyScrolling, "lockBodyScrolling");
function unlockBodyScrolling(lockingEl) {
  locks.delete(lockingEl);
  if (locks.size === 0) {
    document.documentElement.classList.remove("scroll-lock");
    document.documentElement.style.removeProperty("--scroll-lock-size");
  }
}
__name(unlockBodyScrolling, "unlockBodyScrolling");
//# sourceMappingURL=index.cjs.map