@editora/ui-core 0.1.9 → 0.1.10

package/dist/scroll-area.esm.js

@@ -0,0 +1,478 @@
+import { E as _ } from "./ElementBase-909688f3.mjs";
+const p = `
+  :host {
+    display: block;
+    max-height: 240px;
+    min-height: 0;
+    position: relative;
+    color-scheme: light dark;
+
+    --ui-scroll-radius: 12px;
+    --ui-scroll-pad: 0px;
+    --ui-scroll-track-size: 10px;
+    --ui-scroll-track-bg: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 18%, transparent);
+    --ui-scroll-thumb-bg: color-mix(in srgb, var(--ui-color-border, #94a3b8) 64%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, var(--ui-color-border, #64748b) 84%, transparent);
+    --ui-scroll-bg: transparent;
+    --ui-scroll-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-scroll-shadow:
+      none;
+  }
+
+  .shell {
+    position: relative;
+    inline-size: 100%;
+    block-size: 100%;
+    max-height: inherit;
+    border: 1px solid var(--ui-scroll-border);
+    border-radius: var(--ui-scroll-radius);
+    background: var(--ui-scroll-bg);
+    overflow: hidden;
+    box-shadow: var(--ui-scroll-shadow);
+  }
+
+  .scroll-area {
+    position: relative;
+    inline-size: 100%;
+    block-size: 100%;
+    max-height: inherit;
+    min-height: 0;
+    overflow: auto;
+    border-radius: inherit;
+    padding: var(--ui-scroll-pad);
+    scrollbar-width: none;
+    outline: none;
+    overscroll-behavior: contain;
+  }
+
+  .scroll-area::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
+  .scroll-content {
+    min-width: 100%;
+    min-height: 100%;
+    box-sizing: border-box;
+  }
+
+  .shadow {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    opacity: 0;
+    transition: opacity 180ms ease;
+  }
+
+  .shadow.top,
+  .shadow.bottom {
+    left: 0;
+    right: 0;
+    height: 14px;
+  }
+
+  .shadow.left,
+  .shadow.right {
+    top: 0;
+    bottom: 0;
+    width: 14px;
+  }
+
+  .shadow.top {
+    top: 0;
+    background: linear-gradient(180deg, rgba(15, 23, 42, 0.16), transparent);
+  }
+
+  .shadow.bottom {
+    bottom: 0;
+    background: linear-gradient(0deg, rgba(15, 23, 42, 0.16), transparent);
+  }
+
+  .shadow.left {
+    left: 0;
+    background: linear-gradient(90deg, rgba(15, 23, 42, 0.16), transparent);
+  }
+
+  .shadow.right {
+    right: 0;
+    background: linear-gradient(270deg, rgba(15, 23, 42, 0.16), transparent);
+  }
+
+  .scrollbar {
+    position: absolute;
+    z-index: 3;
+    border-radius: 999px;
+    background: var(--ui-scroll-track-bg);
+    opacity: 0;
+    transition: opacity 180ms ease, background-color 140ms ease;
+    pointer-events: none;
+  }
+
+  .shell[data-scrolling="true"] .scrollbar,
+  .shell:hover .scrollbar,
+  .shell:focus-within .scrollbar {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  .scrollbar.vertical {
+    top: 8px;
+    bottom: 8px;
+    right: 6px;
+    width: var(--ui-scroll-track-size);
+  }
+
+  .scrollbar.horizontal {
+    left: 8px;
+    right: 8px;
+    bottom: 6px;
+    height: var(--ui-scroll-track-size);
+  }
+
+  .thumb {
+    position: absolute;
+    border-radius: inherit;
+    background: var(--ui-scroll-thumb-bg);
+    cursor: grab;
+    transition: background-color 120ms ease;
+  }
+
+  .thumb:hover,
+  .thumb[data-dragging="true"] {
+    background: var(--ui-scroll-thumb-hover);
+  }
+
+  .scrollbar.vertical .thumb {
+    left: 1px;
+    width: calc(100% - 2px);
+    min-height: 24px;
+  }
+
+  .scrollbar.horizontal .thumb {
+    top: 1px;
+    height: calc(100% - 2px);
+    min-width: 24px;
+  }
+
+  :host([size="sm"]) {
+    --ui-scroll-radius: 10px;
+    --ui-scroll-track-size: 8px;
+  }
+
+  :host([size="lg"]) {
+    --ui-scroll-radius: 14px;
+    --ui-scroll-track-size: 12px;
+  }
+
+  :host([variant="soft"]) {
+    --ui-scroll-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, #f8fafc 8%);
+    --ui-scroll-shadow: 0 1px 3px rgba(2, 6, 23, 0.05);
+  }
+
+  :host([variant="inset"]) {
+    --ui-scroll-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 86%, #eef2ff 14%);
+    --ui-scroll-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 58%, transparent);
+    --ui-scroll-shadow: inset 0 1px 1px rgba(2, 6, 23, 0.08);
+    --ui-scroll-pad: 2px;
+  }
+
+  :host([variant="contrast"]) {
+    --ui-scroll-bg: #0f172a;
+    --ui-scroll-border: #334155;
+    --ui-scroll-track-bg: rgba(148, 163, 184, 0.22);
+    --ui-scroll-thumb-bg: rgba(226, 232, 240, 0.64);
+    --ui-scroll-thumb-hover: rgba(226, 232, 240, 0.86);
+    --ui-scroll-shadow: none;
+  }
+
+  :host([variant="minimal"]) {
+    --ui-scroll-bg: transparent;
+    --ui-scroll-border: transparent;
+    --ui-scroll-shadow: none;
+  }
+
+  :host([tone="brand"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #2563eb 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #2563eb 72%, transparent);
+  }
+
+  :host([tone="info"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #0ea5e9 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #0284c7 72%, transparent);
+  }
+
+  :host([tone="success"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #16a34a 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #15803d 72%, transparent);
+  }
+
+  :host([tone="warning"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #d97706 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #b45309 72%, transparent);
+  }
+
+  :host([tone="danger"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #dc2626 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #b91c1c 72%, transparent);
+  }
+
+  :host([orientation="horizontal"]) .scrollbar.vertical,
+  :host([orientation="horizontal"]) .shadow.top,
+  :host([orientation="horizontal"]) .shadow.bottom {
+    display: none;
+  }
+
+  :host([orientation="vertical"]) .scrollbar.horizontal,
+  :host([orientation="vertical"]) .shadow.left,
+  :host([orientation="vertical"]) .shadow.right {
+    display: none;
+  }
+
+  :host([headless]) .shell {
+    display: none !important;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .shadow,
+    .scrollbar,
+    .thumb {
+      transition: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    .shell {
+      border-width: 2px;
+      box-shadow: none;
+    }
+
+    .scrollbar {
+      background: color-mix(in srgb, var(--ui-scroll-track-bg) 70%, transparent);
+    }
+
+    .thumb {
+      border: 1px solid color-mix(in srgb, var(--ui-scroll-thumb-hover) 72%, transparent);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .shell {
+      border-color: CanvasText;
+      background: Canvas;
+      box-shadow: none;
+    }
+
+    .scrollbar {
+      background: Canvas;
+      border: 1px solid CanvasText;
+    }
+
+    .thumb {
+      background: Highlight;
+    }
+  }
+`;
+function v(i) {
+  return i === "both" || i === "horizontal" ? i : "vertical";
+}
+function g(i) {
+  return i === "sm" || i === "lg" ? i : "md";
+}
+function f(i) {
+  return i === "soft" || i === "inset" || i === "contrast" || i === "minimal" ? i : "default";
+}
+function w(i) {
+  return i === "brand" || i === "info" || i === "success" || i === "warning" || i === "danger" ? i : "neutral";
+}
+function m(i, t) {
+  if (i == null)
+    return t;
+  const r = i.toLowerCase();
+  return r !== "false" && r !== "0";
+}
+class E extends _ {
+  constructor() {
+    super(), this._domReady = !1, this._headless = !1, this._orientation = "vertical", this._autoHide = !0, this._showShadows = !0, this._shellEl = null, this._viewportEl = null, this._contentEl = null, this._vTrackEl = null, this._hTrackEl = null, this._vThumbEl = null, this._hThumbEl = null, this._shadowTopEl = null, this._shadowBottomEl = null, this._shadowLeftEl = null, this._shadowRightEl = null, this._resizeObserver = null, this._mutationObserver = null, this._raf = 0, this._hideTimer = 0, this._dragAxis = null, this._dragStart = 0, this._dragScrollStart = 0, this._atStartY = !1, this._atEndY = !1, this._atStartX = !1, this._atEndX = !1, this._onViewportScroll = () => {
+      const t = this._viewportEl;
+      if (!t)
+        return;
+      const r = Math.max(0, t.scrollHeight - t.clientHeight), e = Math.max(0, t.scrollWidth - t.clientWidth);
+      this.dispatchEvent(
+        new CustomEvent("scroll", {
+          detail: {
+            scrollTop: t.scrollTop,
+            scrollLeft: t.scrollLeft,
+            maxScrollTop: r,
+            maxScrollLeft: e,
+            progressY: r > 0 ? t.scrollTop / r : 0,
+            progressX: e > 0 ? t.scrollLeft / e : 0
+          },
+          bubbles: !0,
+          composed: !0
+        })
+      ), this._showScrollbarsTemporarily(), this._scheduleMetrics();
+    }, this._onThumbPointerDownY = (t) => {
+      const r = t;
+      !this._viewportEl || !this._vThumbEl || (r.preventDefault(), this._dragAxis = "y", this._dragStart = r.clientY, this._dragScrollStart = this._viewportEl.scrollTop, this._vThumbEl.dataset.dragging = "true", this._attachDrag());
+    }, this._onThumbPointerDownX = (t) => {
+      const r = t;
+      !this._viewportEl || !this._hThumbEl || (r.preventDefault(), this._dragAxis = "x", this._dragStart = r.clientX, this._dragScrollStart = this._viewportEl.scrollLeft, this._hThumbEl.dataset.dragging = "true", this._attachDrag());
+    }, this._onPointerMove = (t) => {
+      const r = this._viewportEl;
+      if (!(!r || !this._dragAxis)) {
+        if (this._dragAxis === "y" && this._vTrackEl && this._vThumbEl) {
+          const e = Math.max(1, this._vTrackEl.clientHeight), s = Math.max(1, this._vThumbEl.clientHeight), o = Math.max(1, e - s), l = Math.max(1, r.scrollHeight - r.clientHeight), a = t.clientY - this._dragStart;
+          r.scrollTop = this._dragScrollStart + a / o * l;
+          return;
+        }
+        if (this._dragAxis === "x" && this._hTrackEl && this._hThumbEl) {
+          const e = Math.max(1, this._hTrackEl.clientWidth), s = Math.max(1, this._hThumbEl.clientWidth), o = Math.max(1, e - s), l = Math.max(1, r.scrollWidth - r.clientWidth), a = t.clientX - this._dragStart;
+          r.scrollLeft = this._dragScrollStart + a / o * l;
+        }
+      }
+    }, this._onPointerUp = () => {
+      this._detachDrag();
+    };
+  }
+  static get observedAttributes() {
+    return ["orientation", "size", "variant", "tone", "auto-hide", "shadows", "headless"];
+  }
+  connectedCallback() {
+    this._syncFromAttributes(), super.connectedCallback(), this._observe(), this._scheduleMetrics();
+  }
+  disconnectedCallback() {
+    this._unobserve(), this._detachDrag(), this._raf && cancelAnimationFrame(this._raf), this._hideTimer && window.clearTimeout(this._hideTimer), super.disconnectedCallback();
+  }
+  attributeChangedCallback(t, r, e) {
+    r !== e && (this._syncFromAttributes(), this._syncDomState(), this._scheduleMetrics());
+  }
+  get viewport() {
+    return this._viewportEl;
+  }
+  scrollToTop(t = "smooth") {
+    var r;
+    (r = this._viewportEl) == null || r.scrollTo({ top: 0, behavior: t });
+  }
+  scrollToBottom(t = "smooth") {
+    const r = this._viewportEl;
+    r && r.scrollTo({ top: r.scrollHeight, behavior: t });
+  }
+  scrollToLeft(t = "smooth") {
+    var r;
+    (r = this._viewportEl) == null || r.scrollTo({ left: 0, behavior: t });
+  }
+  scrollToRight(t = "smooth") {
+    const r = this._viewportEl;
+    r && r.scrollTo({ left: r.scrollWidth, behavior: t });
+  }
+  scrollToIndex(t, r = "smooth") {
+    const e = this._contentEl;
+    if (!e)
+      return;
+    const o = Array.from(e.children)[t];
+    o && typeof o.scrollIntoView == "function" && o.scrollIntoView({ block: "nearest", inline: "nearest", behavior: r });
+  }
+  _syncFromAttributes() {
+    this._headless = this.hasAttribute("headless"), this._orientation = v(this.getAttribute("orientation")), this._autoHide = m(this.getAttribute("auto-hide"), !0), this._showShadows = m(this.getAttribute("shadows"), !0);
+  }
+  _syncDomState() {
+    const t = this._shellEl, r = this._viewportEl;
+    if (!t || !r)
+      return;
+    const e = g(this.getAttribute("size")), s = f(this.getAttribute("variant")), o = w(this.getAttribute("tone"));
+    t.dataset.size = e, t.dataset.variant = s, t.dataset.tone = o, t.dataset.orientation = this._orientation;
+    const l = this.getAttribute("aria-label") || "Scrollable area";
+    r.setAttribute("aria-label", l);
+  }
+  _ensureDom() {
+    this._domReady || (this.setContent(`
+      <style>${p}</style>
+      <div class="shell" part="shell" data-scrolling="false">
+        <div class="shadow top" part="shadow-top"></div>
+        <div class="shadow bottom" part="shadow-bottom"></div>
+        <div class="shadow left" part="shadow-left"></div>
+        <div class="shadow right" part="shadow-right"></div>
+
+        <div class="scroll-area" part="viewport" role="region" tabindex="0" aria-label="Scrollable area">
+          <div class="scroll-content" part="content"><slot></slot></div>
+        </div>
+
+        <div class="scrollbar vertical" part="scrollbar scrollbar-vertical">
+          <div class="thumb" part="thumb thumb-vertical"></div>
+        </div>
+
+        <div class="scrollbar horizontal" part="scrollbar scrollbar-horizontal">
+          <div class="thumb" part="thumb thumb-horizontal"></div>
+        </div>
+      </div>
+    `), this._shellEl = this.root.querySelector(".shell"), this._viewportEl = this.root.querySelector(".scroll-area"), this._contentEl = this.root.querySelector(".scroll-content"), this._vTrackEl = this.root.querySelector(".scrollbar.vertical"), this._hTrackEl = this.root.querySelector(".scrollbar.horizontal"), this._vThumbEl = this.root.querySelector(".scrollbar.vertical .thumb"), this._hThumbEl = this.root.querySelector(".scrollbar.horizontal .thumb"), this._shadowTopEl = this.root.querySelector(".shadow.top"), this._shadowBottomEl = this.root.querySelector(".shadow.bottom"), this._shadowLeftEl = this.root.querySelector(".shadow.left"), this._shadowRightEl = this.root.querySelector(".shadow.right"), this._domReady = !0);
+  }
+  _attachDomListeners() {
+    this._viewportEl && (this._viewportEl.removeEventListener("scroll", this._onViewportScroll), this._viewportEl.addEventListener("scroll", this._onViewportScroll)), this._vThumbEl && (this._vThumbEl.removeEventListener("pointerdown", this._onThumbPointerDownY), this._vThumbEl.addEventListener("pointerdown", this._onThumbPointerDownY)), this._hThumbEl && (this._hThumbEl.removeEventListener("pointerdown", this._onThumbPointerDownX), this._hThumbEl.addEventListener("pointerdown", this._onThumbPointerDownX));
+  }
+  _observe() {
+    typeof ResizeObserver < "u" && (this._resizeObserver || (this._resizeObserver = new ResizeObserver(() => this._scheduleMetrics())), this._viewportEl && this._resizeObserver.observe(this._viewportEl), this._contentEl && this._resizeObserver.observe(this._contentEl), this._resizeObserver.observe(this)), typeof MutationObserver < "u" && this._contentEl && (this._mutationObserver || (this._mutationObserver = new MutationObserver(() => this._scheduleMetrics())), this._mutationObserver.observe(this._contentEl, { childList: !0, subtree: !0, characterData: !0 }));
+  }
+  _unobserve() {
+    var t, r, e, s;
+    this._viewportEl && this._viewportEl.removeEventListener("scroll", this._onViewportScroll), (t = this._vThumbEl) == null || t.removeEventListener("pointerdown", this._onThumbPointerDownY), (r = this._hThumbEl) == null || r.removeEventListener("pointerdown", this._onThumbPointerDownX), (e = this._resizeObserver) == null || e.disconnect(), (s = this._mutationObserver) == null || s.disconnect(), this._resizeObserver = null, this._mutationObserver = null;
+  }
+  _scheduleMetrics() {
+    this._raf || (this._raf = requestAnimationFrame(() => {
+      this._raf = 0, this._updateMetrics();
+    }));
+  }
+  _showScrollbarsTemporarily() {
+    if (this._shellEl) {
+      if (!this._autoHide) {
+        this._shellEl.dataset.scrolling = "true";
+        return;
+      }
+      this._shellEl.dataset.scrolling = "true", this._hideTimer && window.clearTimeout(this._hideTimer), this._hideTimer = window.setTimeout(() => {
+        this._shellEl && (this._shellEl.dataset.scrolling = "false");
+      }, 860);
+    }
+  }
+  _updateMetrics() {
+    const t = this._viewportEl, r = this._vTrackEl, e = this._hTrackEl, s = this._vThumbEl, o = this._hThumbEl;
+    if (!t || !r || !e || !s || !o)
+      return;
+    const l = this._orientation !== "horizontal" && t.scrollHeight > t.clientHeight + 1, a = this._orientation !== "vertical" && t.scrollWidth > t.clientWidth + 1;
+    r.style.display = l ? "" : "none", e.style.display = a ? "" : "none";
+    const n = Math.max(1, t.scrollHeight - t.clientHeight), d = Math.max(1, t.scrollWidth - t.clientWidth);
+    if (l) {
+      const h = Math.max(1, r.clientHeight), c = Math.max(24, t.clientHeight / t.scrollHeight * h), u = Math.max(0, h - c), b = t.scrollTop / n * u;
+      s.style.height = `${c}px`, s.style.transform = `translateY(${b}px)`;
+    }
+    if (a) {
+      const h = Math.max(1, e.clientWidth), c = Math.max(24, t.clientWidth / t.scrollWidth * h), u = Math.max(0, h - c), b = t.scrollLeft / d * u;
+      o.style.width = `${c}px`, o.style.transform = `translateX(${b}px)`;
+    }
+    this._updateShadows(t, n, d), this._emitEdgeEvents(t, n, d);
+  }
+  _updateShadows(t, r, e) {
+    const s = this._showShadows, o = s && t.scrollTop > 1, l = s && t.scrollTop < r - 1, a = s && t.scrollLeft > 1, n = s && t.scrollLeft < e - 1;
+    this._shadowTopEl && (this._shadowTopEl.style.opacity = o ? "1" : "0"), this._shadowBottomEl && (this._shadowBottomEl.style.opacity = l ? "1" : "0"), this._shadowLeftEl && (this._shadowLeftEl.style.opacity = a ? "1" : "0"), this._shadowRightEl && (this._shadowRightEl.style.opacity = n ? "1" : "0");
+  }
+  _emitEdgeEvents(t, r, e) {
+    const s = t.scrollTop <= 0, o = t.scrollTop >= r - 1, l = t.scrollLeft <= 0, a = t.scrollLeft >= e - 1;
+    s && !this._atStartY && this.dispatchEvent(new CustomEvent("reach-start", { bubbles: !0, composed: !0 })), o && !this._atEndY && this.dispatchEvent(new CustomEvent("reach-end", { bubbles: !0, composed: !0 })), l && !this._atStartX && this.dispatchEvent(new CustomEvent("reach-start-x", { bubbles: !0, composed: !0 })), a && !this._atEndX && this.dispatchEvent(new CustomEvent("reach-end-x", { bubbles: !0, composed: !0 })), this._atStartY = s, this._atEndY = o, this._atStartX = l, this._atEndX = a;
+  }
+  _attachDrag() {
+    window.addEventListener("pointermove", this._onPointerMove), window.addEventListener("pointerup", this._onPointerUp);
+  }
+  _detachDrag() {
+    window.removeEventListener("pointermove", this._onPointerMove), window.removeEventListener("pointerup", this._onPointerUp), this._vThumbEl && (this._vThumbEl.dataset.dragging = "false"), this._hThumbEl && (this._hThumbEl.dataset.dragging = "false"), this._dragAxis = null;
+  }
+  render() {
+    this._ensureDom(), !(!this._shellEl || !this._viewportEl) && (this._attachDomListeners(), this._syncDomState(), this._observe(), this._scheduleMetrics());
+  }
+  shouldRenderOnAttributeChange(t, r, e) {
+    return !1;
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-scroll-area") && customElements.define("ui-scroll-area", E);
+export {
+  E as UIScrollArea
+};

package/dist/scroll-lock-48793569.js

@@ -0,0 +1 @@
+"use strict";const r="__editora_ui_scroll_lock_state__";function c(){return typeof window<"u"&&typeof document<"u"}function d(){const t=globalThis,e=t[r];if(e)return e;const o={count:0,bodyOverflow:"",htmlOverflow:"",bodyPaddingRight:""};return t[r]=o,o}function s(){if(!c())return()=>{};const t=d();if(t.count+=1,t.count===1){const o=document.body,n=document.documentElement;t.bodyOverflow=o.style.overflow,t.htmlOverflow=n.style.overflow,t.bodyPaddingRight=o.style.paddingRight;const l=Math.max(0,window.innerWidth-n.clientWidth);if(l>0){const u=parseFloat(window.getComputedStyle(o).paddingRight||"0")||0;o.style.paddingRight=`${u+l}px`}o.style.overflow="hidden",n.style.overflow="hidden"}let e=!1;return()=>{e||(e=!0,i())}}function i(){if(!c())return;const t=d();if(t.count<=0||(t.count-=1,t.count>0))return;const e=document.body,o=document.documentElement;e.style.overflow=t.bodyOverflow,o.style.overflow=t.htmlOverflow,e.style.paddingRight=t.bodyPaddingRight}function f(){return d().count}exports.acquireBodyScrollLock=s;exports.getBodyScrollLockCount=f;exports.releaseBodyScrollLock=i;

package/dist/scroll-lock-9de6d328.mjs

@@ -0,0 +1,53 @@
+const l = "__editora_ui_scroll_lock_state__";
+function i() {
+  return typeof window < "u" && typeof document < "u";
+}
+function d() {
+  const t = globalThis, e = t[l];
+  if (e)
+    return e;
+  const o = {
+    count: 0,
+    bodyOverflow: "",
+    htmlOverflow: "",
+    bodyPaddingRight: ""
+  };
+  return t[l] = o, o;
+}
+function u() {
+  if (!i())
+    return () => {
+    };
+  const t = d();
+  if (t.count += 1, t.count === 1) {
+    const o = document.body, n = document.documentElement;
+    t.bodyOverflow = o.style.overflow, t.htmlOverflow = n.style.overflow, t.bodyPaddingRight = o.style.paddingRight;
+    const r = Math.max(0, window.innerWidth - n.clientWidth);
+    if (r > 0) {
+      const c = parseFloat(window.getComputedStyle(o).paddingRight || "0") || 0;
+      o.style.paddingRight = `${c + r}px`;
+    }
+    o.style.overflow = "hidden", n.style.overflow = "hidden";
+  }
+  let e = !1;
+  return () => {
+    e || (e = !0, s());
+  };
+}
+function s() {
+  if (!i())
+    return;
+  const t = d();
+  if (t.count <= 0 || (t.count -= 1, t.count > 0))
+    return;
+  const e = document.body, o = document.documentElement;
+  e.style.overflow = t.bodyOverflow, o.style.overflow = t.htmlOverflow, e.style.paddingRight = t.bodyPaddingRight;
+}
+function f() {
+  return d().count;
+}
+export {
+  u as a,
+  f as g,
+  s as r
+};