@drjoshcsimmons/scl 0.2.7 → 0.3.1

package/dist/index133.js

@@ -1,7 +1,136 @@
-var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  a as fullWidthClassName,
-  l as noScrollbarsClassName,
-  e as removedBarSizeVariable,
-  r as zeroRightClassName
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };

package/dist/index134.js

@@ -1,5 +1,67 @@
-import { createSidecarMedium as e } from "./index145.js";
-var a = e();
+import { __assign as d } from "./index121.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
 export {
-  a as effectCar
+  v as createSidecarMedium
 };

package/dist/index135.js

@@ -1,26 +1,71 @@
-import * as f from "react";
-import { assignRef as o } from "./index146.js";
-import { useCallbackRef as l } from "./index147.js";
-var s = typeof window < "u" ? f.useLayoutEffect : f.useEffect, c = /* @__PURE__ */ new WeakMap();
-function v(e, m) {
-  var t = l(null, function(n) {
-    return e.forEach(function(u) {
-      return o(u, n);
-    });
-  });
-  return s(function() {
-    var n = c.get(t);
-    if (n) {
-      var u = new Set(n), r = new Set(e), i = t.current;
-      u.forEach(function(a) {
-        r.has(a) || o(a, null);
-      }), r.forEach(function(a) {
-        u.has(a) || o(a, i);
-      });
-    }
-    c.set(t, e);
-  }, [e]), t;
-}
+import * as d from "react";
+import { styleSingleton as f } from "./index136.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index126.js";
+import { getGapWidth as m } from "./index144.js";
+var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
+  var r = n.left, i = n.top, s = n.right, c = n.gap;
+  return o === void 0 && (o = "margin"), `
+  .`.concat(p, ` {
+   overflow: hidden `).concat(t, `;
+   padding-right: `).concat(c, "px ").concat(t, `;
+  }
+  body[`).concat(e, `] {
+    overflow: hidden `).concat(t, `;
+    overscroll-behavior: contain;
+    `).concat([
+    a && "position: relative ".concat(t, ";"),
+    o === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(t, `;
+    `),
+    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(g, ` {
+    right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(l, ` {
+    margin-right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(g, " .").concat(g, ` {
+    right: 0 `).concat(t, `;
+  }
+  
+  .`).concat(l, " .").concat(l, ` {
+    margin-right: 0 `).concat(t, `;
+  }
+  
+  body[`).concat(e, `] {
+    `).concat(v, ": ").concat(c, `px;
+  }
+`);
+}, u = function() {
+  var n = parseInt(document.body.getAttribute(e) || "0", 10);
+  return isFinite(n) ? n : 0;
+}, x = function() {
+  d.useEffect(function() {
+    return document.body.setAttribute(e, (u() + 1).toString()), function() {
+      var n = u() - 1;
+      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
+    };
+  }, []);
+}, C = function(n) {
+  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
+  x();
+  var i = d.useMemo(function() {
+    return m(r);
+  }, [r]);
+  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
+};
 export {
-  v as useMergeRefs
+  C as RemoveScrollBar,
+  e as lockAttribute,
+  x as useLockAttribute
 };

package/dist/index136.js

@@ -1,115 +1,11 @@
-import { __spreadArray as N } from "./index128.js";
-import * as n from "react";
-import { RemoveScrollBar as W } from "./index141.js";
-import { styleSingleton as F } from "./index142.js";
-import { nonPassive as s } from "./index143.js";
-import { locationCouldBeScrolled as B, handleScroll as K } from "./index144.js";
-var k = function(e) {
-  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, M = function(e) {
-  return [e.deltaX, e.deltaY];
-}, X = function(e) {
-  return e && "current" in e ? e.current : e;
-}, O = function(e, c) {
-  return e[0] === c[0] && e[1] === c[1];
-}, Q = function(e) {
-  return `
-  .block-interactivity-`.concat(e, ` {pointer-events: none;}
-  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
-`);
-}, Z = 0, f = [];
-function J(e) {
-  var c = n.useRef([]), R = n.useRef([0, 0]), m = n.useRef(), h = n.useState(Z++)[0], g = n.useState(F)[0], S = n.useRef(e);
-  n.useEffect(function() {
-    S.current = e;
-  }, [e]), n.useEffect(function() {
-    if (e.inert) {
-      document.body.classList.add("block-interactivity-".concat(h));
-      var t = N([e.lockRef.current], (e.shards || []).map(X), !0).filter(Boolean);
-      return t.forEach(function(r) {
-        return r.classList.add("allow-interactivity-".concat(h));
-      }), function() {
-        document.body.classList.remove("block-interactivity-".concat(h)), t.forEach(function(r) {
-          return r.classList.remove("allow-interactivity-".concat(h));
-        });
-      };
-    }
-  }, [e.inert, e.lockRef.current, e.shards]);
-  var C = n.useCallback(function(t, r) {
-    if ("touches" in t && t.touches.length === 2 || t.type === "wheel" && t.ctrlKey)
-      return !S.current.allowPinchZoom;
-    var l = k(t), u = R.current, o = "deltaX" in t ? t.deltaX : u[0] - l[0], i = "deltaY" in t ? t.deltaY : u[1] - l[1], a, v = t.target, d = Math.abs(o) > Math.abs(i) ? "h" : "v";
-    if ("touches" in t && d === "h" && v.type === "range")
-      return !1;
-    var P = window.getSelection(), E = P && P.anchorNode, I = E ? E === v || E.contains(v) : !1;
-    if (I)
-      return !1;
-    var b = B(d, v);
-    if (!b)
-      return !0;
-    if (b ? a = d : (a = d === "v" ? "h" : "v", b = B(d, v)), !b)
-      return !1;
-    if (!m.current && "changedTouches" in t && (o || i) && (m.current = a), !a)
-      return !0;
-    var Y = m.current || a;
-    return K(Y, r, t, Y === "h" ? o : i);
-  }, []), y = n.useCallback(function(t) {
-    var r = t;
-    if (!(!f.length || f[f.length - 1] !== g)) {
-      var l = "deltaY" in r ? M(r) : k(r), u = c.current.filter(function(a) {
-        return a.name === r.type && (a.target === r.target || r.target === a.shadowParent) && O(a.delta, l);
-      })[0];
-      if (u && u.should) {
-        r.cancelable && r.preventDefault();
-        return;
-      }
-      if (!u) {
-        var o = (S.current.shards || []).map(X).filter(Boolean).filter(function(a) {
-          return a.contains(r.target);
-        }), i = o.length > 0 ? C(r, o[0]) : !S.current.noIsolation;
-        i && r.cancelable && r.preventDefault();
-      }
-    }
-  }, []), w = n.useCallback(function(t, r, l, u) {
-    var o = { name: t, delta: r, target: l, should: u, shadowParent: _(l) };
-    c.current.push(o), setTimeout(function() {
-      c.current = c.current.filter(function(i) {
-        return i !== o;
-      });
-    }, 1);
-  }, []), L = n.useCallback(function(t) {
-    R.current = k(t), m.current = void 0;
-  }, []), T = n.useCallback(function(t) {
-    w(t.type, M(t), t.target, C(t, e.lockRef.current));
-  }, []), D = n.useCallback(function(t) {
-    w(t.type, k(t), t.target, C(t, e.lockRef.current));
-  }, []);
-  n.useEffect(function() {
-    return f.push(g), e.setCallbacks({
-      onScrollCapture: T,
-      onWheelCapture: T,
-      onTouchMoveCapture: D
-    }), document.addEventListener("wheel", y, s), document.addEventListener("touchmove", y, s), document.addEventListener("touchstart", L, s), function() {
-      f = f.filter(function(t) {
-        return t !== g;
-      }), document.removeEventListener("wheel", y, s), document.removeEventListener("touchmove", y, s), document.removeEventListener("touchstart", L, s);
-    };
-  }, []);
-  var x = e.removeScrollBar, A = e.inert;
-  return n.createElement(
-    n.Fragment,
-    null,
-    A ? n.createElement(g, { styles: Q(h) }) : null,
-    x ? n.createElement(W, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
-  );
-}
-function _(e) {
-  for (var c = null; e !== null; )
-    e instanceof ShadowRoot && (c = e.host, e = e.host), e = e.parentNode;
-  return c;
-}
+import { styleHookSingleton as o } from "./index141.js";
+var s = function() {
+  var e = o(), n = function(t) {
+    var r = t.styles, l = t.dynamic;
+    return e(r, l), null;
+  };
+  return n;
+};
 export {
-  J as RemoveScrollSideCar,
-  M as getDeltaXY,
-  k as getTouchXY
+  s as styleSingleton
 };

package/dist/index137.js

@@ -1,18 +1,16 @@
-import { __rest as o, __assign as d } from "./index128.js";
-import * as n from "react";
-var i = function(r) {
-  var e = r.sideCar, a = o(r, ["sideCar"]);
-  if (!e)
-    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
-  var t = e.read();
-  if (!t)
-    throw new Error("Sidecar medium not found");
-  return n.createElement(t, d({}, a));
-};
-i.isSideCarExport = !0;
-function p(r, e) {
-  return r.useMedium(e), i;
-}
+var r = !1;
+if (typeof window < "u")
+  try {
+    var e = Object.defineProperty({}, "passive", {
+      get: function() {
+        return r = !0, !0;
+      }
+    });
+    window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
+  } catch {
+    r = !1;
+  }
+var a = r ? { passive: !1 } : !1;
 export {
-  p as exportSidecar
+  a as nonPassive
 };