next 15.1.1-canary.11 → 15.1.1-canary.12

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/LeftRightDialogHeader/LeftRightDialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/LeftRightDialogHeader/LeftRightDialogHeader.tsx"],"sourcesContent":["import * as React from 'react'\nimport { CloseIcon } from '../../icons/CloseIcon'\n\nexport type LeftRightDialogHeaderProps = {\n  children?: React.ReactNode\n  className?: string\n  previous: (() => void) | null\n  next: (() => void) | null\n  close?: () => void\n}\n\nconst LeftRightDialogHeader: React.FC<LeftRightDialogHeaderProps> =\n  function LeftRightDialogHeader({\n    children,\n    className,\n    previous,\n    next,\n    close,\n  }) {\n    const buttonLeft = React.useRef<HTMLButtonElement | null>(null)\n    const buttonRight = React.useRef<HTMLButtonElement | null>(null)\n    const buttonClose = React.useRef<HTMLButtonElement | null>(null)\n\n    const [nav, setNav] = React.useState<HTMLElement | null>(null)\n    const onNav = React.useCallback((el: HTMLElement) => {\n      setNav(el)\n    }, [])\n\n    React.useEffect(() => {\n      if (nav == null) {\n        return\n      }\n\n      const root = nav.getRootNode()\n      const d = self.document\n\n      function handler(e: KeyboardEvent) {\n        if (e.key === 'ArrowLeft') {\n          e.preventDefault()\n          e.stopPropagation()\n          if (buttonLeft.current) {\n            buttonLeft.current.focus()\n          }\n          previous && previous()\n        } else if (e.key === 'ArrowRight') {\n          e.preventDefault()\n          e.stopPropagation()\n          if (buttonRight.current) {\n            buttonRight.current.focus()\n          }\n          next && next()\n        } else if (e.key === 'Escape') {\n          e.preventDefault()\n          e.stopPropagation()\n          if (root instanceof ShadowRoot) {\n            const a = root.activeElement\n            if (a && a !== buttonClose.current && a instanceof HTMLElement) {\n              a.blur()\n              return\n            }\n          }\n\n          close?.()\n        }\n      }\n\n      root.addEventListener('keydown', handler as EventListener)\n      if (root !== d) {\n        d.addEventListener('keydown', handler)\n      }\n      return function () {\n        root.removeEventListener('keydown', handler as EventListener)\n        if (root !== d) {\n          d.removeEventListener('keydown', handler)\n        }\n      }\n    }, [close, nav, next, previous])\n\n    // Unlock focus for browsers like Firefox, that break all user focus if the\n    // currently focused item becomes disabled.\n    React.useEffect(() => {\n      if (nav == null) {\n        return\n      }\n\n      const root = nav.getRootNode()\n      // Always true, but we do this for TypeScript:\n      if (root instanceof ShadowRoot) {\n        const a = root.activeElement\n\n        if (previous == null) {\n          if (buttonLeft.current && a === buttonLeft.current) {\n            buttonLeft.current.blur()\n          }\n        } else if (next == null) {\n          if (buttonRight.current && a === buttonRight.current) {\n            buttonRight.current.blur()\n          }\n        }\n      }\n    }, [nav, next, previous])\n\n    return (\n      <div data-nextjs-dialog-left-right className={className}>\n        <nav ref={onNav}>\n          <button\n            ref={buttonLeft}\n            type=\"button\"\n            disabled={previous == null ? true : undefined}\n            aria-disabled={previous == null ? true : undefined}\n            onClick={previous ?? undefined}\n          >\n            <svg\n              viewBox=\"0 0 14 14\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <title>previous</title>\n              <path\n                d=\"M6.99996 1.16666L1.16663 6.99999L6.99996 12.8333M12.8333 6.99999H1.99996H12.8333Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </button>\n          <button\n            ref={buttonRight}\n            type=\"button\"\n            disabled={next == null ? true : undefined}\n            aria-disabled={next == null ? true : undefined}\n            onClick={next ?? undefined}\n          >\n            <svg\n              viewBox=\"0 0 14 14\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <title>next</title>\n              <path\n                d=\"M6.99996 1.16666L12.8333 6.99999L6.99996 12.8333M1.16663 6.99999H12H1.16663Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </button>\n          {children}\n        </nav>\n        {close ? (\n          <button\n            data-nextjs-errors-dialog-left-right-close-button\n            ref={buttonClose}\n            type=\"button\"\n            onClick={close}\n            aria-label=\"Close\"\n          >\n            <span aria-hidden=\"true\">\n              <CloseIcon />\n            </span>\n          </button>\n        ) : null}\n      </div>\n    )\n  }\n\nexport { LeftRightDialogHeader }\n"],"names":["React","CloseIcon","LeftRightDialogHeader","children","className","previous","next","close","buttonLeft","useRef","buttonRight","buttonClose","nav","setNav","useState","onNav","useCallback","el","useEffect","root","getRootNode","d","self","document","handler","e","key","preventDefault","stopPropagation","current","focus","ShadowRoot","a","activeElement","HTMLElement","blur","addEventListener","removeEventListener","div","data-nextjs-dialog-left-right","ref","button","type","disabled","undefined","aria-disabled","onClick","svg","viewBox","fill","xmlns","title","path","stroke","strokeWidth","strokeLinecap","strokeLinejoin","data-nextjs-errors-dialog-left-right-close-button","aria-label","span","aria-hidden"],"mappings":";AAAA,YAAYA,WAAW,QAAO;AAC9B,SAASC,SAAS,QAAQ,wBAAuB;AAUjD,MAAMC,wBACJ,SAASA,sBAAsB,KAM9B;IAN8B,IAAA,EAC7BC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,KAAK,EACN,GAN8B;IAO7B,MAAMC,aAAaR,MAAMS,MAAM,CAA2B;IAC1D,MAAMC,cAAcV,MAAMS,MAAM,CAA2B;IAC3D,MAAME,cAAcX,MAAMS,MAAM,CAA2B;IAE3D,MAAM,CAACG,KAAKC,OAAO,GAAGb,MAAMc,QAAQ,CAAqB;IACzD,MAAMC,QAAQf,MAAMgB,WAAW,CAAC,CAACC;QAC/BJ,OAAOI;IACT,GAAG,EAAE;IAELjB,MAAMkB,SAAS,CAAC;QACd,IAAIN,OAAO,MAAM;YACf;QACF;QAEA,MAAMO,OAAOP,IAAIQ,WAAW;QAC5B,MAAMC,IAAIC,KAAKC,QAAQ;QAEvB,SAASC,QAAQC,CAAgB;YAC/B,IAAIA,EAAEC,GAAG,KAAK,aAAa;gBACzBD,EAAEE,cAAc;gBAChBF,EAAEG,eAAe;gBACjB,IAAIpB,WAAWqB,OAAO,EAAE;oBACtBrB,WAAWqB,OAAO,CAACC,KAAK;gBAC1B;gBACAzB,YAAYA;YACd,OAAO,IAAIoB,EAAEC,GAAG,KAAK,cAAc;gBACjCD,EAAEE,cAAc;gBAChBF,EAAEG,eAAe;gBACjB,IAAIlB,YAAYmB,OAAO,EAAE;oBACvBnB,YAAYmB,OAAO,CAACC,KAAK;gBAC3B;gBACAxB,QAAQA;YACV,OAAO,IAAImB,EAAEC,GAAG,KAAK,UAAU;gBAC7BD,EAAEE,cAAc;gBAChBF,EAAEG,eAAe;gBACjB,IAAIT,gBAAgBY,YAAY;oBAC9B,MAAMC,IAAIb,KAAKc,aAAa;oBAC5B,IAAID,KAAKA,MAAMrB,YAAYkB,OAAO,IAAIG,aAAaE,aAAa;wBAC9DF,EAAEG,IAAI;wBACN;oBACF;gBACF;gBAEA5B,yBAAAA;YACF;QACF;QAEAY,KAAKiB,gBAAgB,CAAC,WAAWZ;QACjC,IAAIL,SAASE,GAAG;YACdA,EAAEe,gBAAgB,CAAC,WAAWZ;QAChC;QACA,OAAO;YACLL,KAAKkB,mBAAmB,CAAC,WAAWb;YACpC,IAAIL,SAASE,GAAG;gBACdA,EAAEgB,mBAAmB,CAAC,WAAWb;YACnC;QACF;IACF,GAAG;QAACjB;QAAOK;QAAKN;QAAMD;KAAS;IAE/B,2EAA2E;IAC3E,2CAA2C;IAC3CL,MAAMkB,SAAS,CAAC;QACd,IAAIN,OAAO,MAAM;YACf;QACF;QAEA,MAAMO,OAAOP,IAAIQ,WAAW;QAC5B,8CAA8C;QAC9C,IAAID,gBAAgBY,YAAY;YAC9B,MAAMC,IAAIb,KAAKc,aAAa;YAE5B,IAAI5B,YAAY,MAAM;gBACpB,IAAIG,WAAWqB,OAAO,IAAIG,MAAMxB,WAAWqB,OAAO,EAAE;oBAClDrB,WAAWqB,OAAO,CAACM,IAAI;gBACzB;YACF,OAAO,IAAI7B,QAAQ,MAAM;gBACvB,IAAII,YAAYmB,OAAO,IAAIG,MAAMtB,YAAYmB,OAAO,EAAE;oBACpDnB,YAAYmB,OAAO,CAACM,IAAI;gBAC1B;YACF;QACF;IACF,GAAG;QAACvB;QAAKN;QAAMD;KAAS;IAExB,qBACE,MAACiC;QAAIC,+BAA6B;QAACnC,WAAWA;;0BAC5C,MAACQ;gBAAI4B,KAAKzB;;kCACR,KAAC0B;wBACCD,KAAKhC;wBACLkC,MAAK;wBACLC,UAAUtC,YAAY,OAAO,OAAOuC;wBACpCC,iBAAexC,YAAY,OAAO,OAAOuC;wBACzCE,SAASzC,mBAAAA,WAAYuC;kCAErB,cAAA,MAACG;4BACCC,SAAQ;4BACRC,MAAK;4BACLC,OAAM;;8CAEN,KAACC;8CAAM;;8CACP,KAACC;oCACC/B,GAAE;oCACFgC,QAAO;oCACPC,aAAY;oCACZC,eAAc;oCACdC,gBAAe;;;;;kCAIrB,KAACf;wBACCD,KAAK9B;wBACLgC,MAAK;wBACLC,UAAUrC,QAAQ,OAAO,OAAOsC;wBAChCC,iBAAevC,QAAQ,OAAO,OAAOsC;wBACrCE,SAASxC,eAAAA,OAAQsC;kCAEjB,cAAA,MAACG;4BACCC,SAAQ;4BACRC,MAAK;4BACLC,OAAM;;8CAEN,KAACC;8CAAM;;8CACP,KAACC;oCACC/B,GAAE;oCACFgC,QAAO;oCACPC,aAAY;oCACZC,eAAc;oCACdC,gBAAe;;;;;oBAIpBrD;;;YAEFI,sBACC,KAACkC;gBACCgB,mDAAiD;gBACjDjB,KAAK7B;gBACL+B,MAAK;gBACLI,SAASvC;gBACTmD,cAAW;0BAEX,cAAA,KAACC;oBAAKC,eAAY;8BAChB,cAAA,KAAC3D;;iBAGH;;;AAGV;AAEF,SAASC,qBAAqB,GAAE"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/LeftRightDialogHeader/index.js

@@ -0,0 +1,4 @@
+export { LeftRightDialogHeader } from './LeftRightDialogHeader';
+export { styles } from './styles';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/LeftRightDialogHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/LeftRightDialogHeader/index.ts"],"sourcesContent":["export { LeftRightDialogHeader } from './LeftRightDialogHeader'\nexport { styles } from './styles'\n"],"names":["LeftRightDialogHeader","styles"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,0BAAyB;AAC/D,SAASC,MAAM,QAAQ,WAAU"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/LeftRightDialogHeader/styles.js

@@ -0,0 +1,15 @@
+import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
+function _templateObject() {
+    const data = _tagged_template_literal_loose([
+        "\n  [data-nextjs-dialog-left-right] {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    align-items: center;\n    justify-content: space-between;\n  }\n  [data-nextjs-dialog-left-right] > nav {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    margin-right: var(--size-gap);\n  }\n  [data-nextjs-dialog-left-right] > nav > button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: calc(var(--size-gap-double) + var(--size-gap));\n    height: calc(var(--size-gap-double) + var(--size-gap));\n    font-size: 0;\n    border: none;\n    background-color: rgba(255, 85, 85, 0.1);\n    color: var(--color-ansi-red);\n    cursor: pointer;\n    transition: background-color 0.25s ease;\n  }\n  [data-nextjs-dialog-left-right] > nav > button > svg {\n    width: auto;\n    height: calc(var(--size-gap) + var(--size-gap-half));\n  }\n  [data-nextjs-dialog-left-right] > nav > button:hover {\n    background-color: rgba(255, 85, 85, 0.2);\n  }\n  [data-nextjs-dialog-left-right] > nav > button:disabled {\n    background-color: rgba(255, 85, 85, 0.1);\n    color: rgba(255, 85, 85, 0.4);\n    cursor: not-allowed;\n  }\n\n  [data-nextjs-dialog-left-right] > nav > button:first-of-type {\n    border-radius: var(--size-gap-half) 0 0 var(--size-gap-half);\n    margin-right: 1px;\n  }\n  [data-nextjs-dialog-left-right] > nav > button:last-of-type {\n    border-radius: 0 var(--size-gap-half) var(--size-gap-half) 0;\n  }\n\n  [data-nextjs-dialog-left-right] > button:last-of-type {\n    border: 0;\n    padding: 0;\n\n    background-color: transparent;\n    appearance: none;\n\n    opacity: 0.4;\n    transition: opacity 0.25s ease;\n\n    color: var(--color-font);\n  }\n  [data-nextjs-dialog-left-right] > button:last-of-type:hover {\n    opacity: 0.7;\n  }\n"
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+import { noop as css } from '../../helpers/noop-template';
+const styles = css(_templateObject());
+export { styles };
+
+//# sourceMappingURL=styles.js.map

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/LeftRightDialogHeader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/LeftRightDialogHeader/styles.ts"],"sourcesContent":["import { noop as css } from '../../helpers/noop-template'\n\nconst styles = css`\n  [data-nextjs-dialog-left-right] {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    align-items: center;\n    justify-content: space-between;\n  }\n  [data-nextjs-dialog-left-right] > nav {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    margin-right: var(--size-gap);\n  }\n  [data-nextjs-dialog-left-right] > nav > button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: calc(var(--size-gap-double) + var(--size-gap));\n    height: calc(var(--size-gap-double) + var(--size-gap));\n    font-size: 0;\n    border: none;\n    background-color: rgba(255, 85, 85, 0.1);\n    color: var(--color-ansi-red);\n    cursor: pointer;\n    transition: background-color 0.25s ease;\n  }\n  [data-nextjs-dialog-left-right] > nav > button > svg {\n    width: auto;\n    height: calc(var(--size-gap) + var(--size-gap-half));\n  }\n  [data-nextjs-dialog-left-right] > nav > button:hover {\n    background-color: rgba(255, 85, 85, 0.2);\n  }\n  [data-nextjs-dialog-left-right] > nav > button:disabled {\n    background-color: rgba(255, 85, 85, 0.1);\n    color: rgba(255, 85, 85, 0.4);\n    cursor: not-allowed;\n  }\n\n  [data-nextjs-dialog-left-right] > nav > button:first-of-type {\n    border-radius: var(--size-gap-half) 0 0 var(--size-gap-half);\n    margin-right: 1px;\n  }\n  [data-nextjs-dialog-left-right] > nav > button:last-of-type {\n    border-radius: 0 var(--size-gap-half) var(--size-gap-half) 0;\n  }\n\n  [data-nextjs-dialog-left-right] > button:last-of-type {\n    border: 0;\n    padding: 0;\n\n    background-color: transparent;\n    appearance: none;\n\n    opacity: 0.4;\n    transition: opacity 0.25s ease;\n\n    color: var(--color-font);\n  }\n  [data-nextjs-dialog-left-right] > button:last-of-type:hover {\n    opacity: 0.7;\n  }\n`\n\nexport { styles }\n"],"names":["noop","css","styles"],"mappings":";;;;;;;;;;AAAA,SAASA,QAAQC,GAAG,QAAQ,8BAA6B;AAEzD,MAAMC,SAASD;AAkEf,SAASC,MAAM,GAAE"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/Overlay/Overlay.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import allyTrap from './maintain--tab-focus';
+import * as React from 'react';
+import { lock, unlock } from './body-locker';
+const Overlay = function Overlay(param) {
+    let { className, children, fixed } = param;
+    React.useEffect(()=>{
+        lock();
+        return ()=>{
+            unlock();
+        };
+    }, []);
+    const [overlay, setOverlay] = React.useState(null);
+    const onOverlay = React.useCallback((el)=>{
+        setOverlay(el);
+    }, []);
+    React.useEffect(()=>{
+        if (overlay == null) {
+            return;
+        }
+        const handle2 = allyTrap({
+            context: overlay
+        });
+        return ()=>{
+            handle2.disengage();
+        };
+    }, [
+        overlay
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        "data-nextjs-dialog-overlay": true,
+        className: className,
+        ref: onOverlay,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                "data-nextjs-dialog-backdrop": true,
+                "data-nextjs-dialog-backdrop-fixed": fixed ? true : undefined
+            }),
+            children
+        ]
+    });
+};
+export { Overlay };
+
+//# sourceMappingURL=Overlay.js.map

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Overlay/Overlay.tsx"],"sourcesContent":["import allyTrap from './maintain--tab-focus'\nimport * as React from 'react'\nimport { lock, unlock } from './body-locker'\n\nexport type OverlayProps = {\n  children?: React.ReactNode\n  className?: string\n  fixed?: boolean\n}\n\nconst Overlay: React.FC<OverlayProps> = function Overlay({\n  className,\n  children,\n  fixed,\n}) {\n  React.useEffect(() => {\n    lock()\n    return () => {\n      unlock()\n    }\n  }, [])\n\n  const [overlay, setOverlay] = React.useState<HTMLDivElement | null>(null)\n  const onOverlay = React.useCallback((el: HTMLDivElement) => {\n    setOverlay(el)\n  }, [])\n\n  React.useEffect(() => {\n    if (overlay == null) {\n      return\n    }\n\n    const handle2 = allyTrap({ context: overlay })\n    return () => {\n      handle2.disengage()\n    }\n  }, [overlay])\n\n  return (\n    <div data-nextjs-dialog-overlay className={className} ref={onOverlay}>\n      <div\n        data-nextjs-dialog-backdrop\n        data-nextjs-dialog-backdrop-fixed={fixed ? true : undefined}\n      />\n      {children}\n    </div>\n  )\n}\n\nexport { Overlay }\n"],"names":["allyTrap","React","lock","unlock","Overlay","className","children","fixed","useEffect","overlay","setOverlay","useState","onOverlay","useCallback","el","handle2","context","disengage","div","data-nextjs-dialog-overlay","ref","data-nextjs-dialog-backdrop","data-nextjs-dialog-backdrop-fixed","undefined"],"mappings":";AAAA,OAAOA,cAAc,wBAAuB;AAC5C,YAAYC,WAAW,QAAO;AAC9B,SAASC,IAAI,EAAEC,MAAM,QAAQ,gBAAe;AAQ5C,MAAMC,UAAkC,SAASA,QAAQ,KAIxD;IAJwD,IAAA,EACvDC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACN,GAJwD;IAKvDN,MAAMO,SAAS,CAAC;QACdN;QACA,OAAO;YACLC;QACF;IACF,GAAG,EAAE;IAEL,MAAM,CAACM,SAASC,WAAW,GAAGT,MAAMU,QAAQ,CAAwB;IACpE,MAAMC,YAAYX,MAAMY,WAAW,CAAC,CAACC;QACnCJ,WAAWI;IACb,GAAG,EAAE;IAELb,MAAMO,SAAS,CAAC;QACd,IAAIC,WAAW,MAAM;YACnB;QACF;QAEA,MAAMM,UAAUf,SAAS;YAAEgB,SAASP;QAAQ;QAC5C,OAAO;YACLM,QAAQE,SAAS;QACnB;IACF,GAAG;QAACR;KAAQ;IAEZ,qBACE,MAACS;QAAIC,4BAA0B;QAACd,WAAWA;QAAWe,KAAKR;;0BACzD,KAACM;gBACCG,6BAA2B;gBAC3BC,qCAAmCf,QAAQ,OAAOgB;;YAEnDjB;;;AAGP;AAEA,SAASF,OAAO,GAAE"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/Overlay/body-locker.js

@@ -0,0 +1,34 @@
+let previousBodyPaddingRight;
+let previousBodyOverflowSetting;
+let activeLocks = 0;
+export function lock() {
+    setTimeout(()=>{
+        if (activeLocks++ > 0) {
+            return;
+        }
+        const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
+        if (scrollBarGap > 0) {
+            previousBodyPaddingRight = document.body.style.paddingRight;
+            document.body.style.paddingRight = "" + scrollBarGap + "px";
+        }
+        previousBodyOverflowSetting = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+    });
+}
+export function unlock() {
+    setTimeout(()=>{
+        if (activeLocks === 0 || --activeLocks !== 0) {
+            return;
+        }
+        if (previousBodyPaddingRight !== undefined) {
+            document.body.style.paddingRight = previousBodyPaddingRight;
+            previousBodyPaddingRight = undefined;
+        }
+        if (previousBodyOverflowSetting !== undefined) {
+            document.body.style.overflow = previousBodyOverflowSetting;
+            previousBodyOverflowSetting = undefined;
+        }
+    });
+}
+
+//# sourceMappingURL=body-locker.js.map

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/Overlay/body-locker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Overlay/body-locker.ts"],"sourcesContent":["let previousBodyPaddingRight: string | undefined\nlet previousBodyOverflowSetting: string | undefined\n\nlet activeLocks = 0\n\nexport function lock() {\n  setTimeout(() => {\n    if (activeLocks++ > 0) {\n      return\n    }\n\n    const scrollBarGap =\n      window.innerWidth - document.documentElement.clientWidth\n\n    if (scrollBarGap > 0) {\n      previousBodyPaddingRight = document.body.style.paddingRight\n      document.body.style.paddingRight = `${scrollBarGap}px`\n    }\n\n    previousBodyOverflowSetting = document.body.style.overflow\n    document.body.style.overflow = 'hidden'\n  })\n}\n\nexport function unlock() {\n  setTimeout(() => {\n    if (activeLocks === 0 || --activeLocks !== 0) {\n      return\n    }\n\n    if (previousBodyPaddingRight !== undefined) {\n      document.body.style.paddingRight = previousBodyPaddingRight\n      previousBodyPaddingRight = undefined\n    }\n\n    if (previousBodyOverflowSetting !== undefined) {\n      document.body.style.overflow = previousBodyOverflowSetting\n      previousBodyOverflowSetting = undefined\n    }\n  })\n}\n"],"names":["previousBodyPaddingRight","previousBodyOverflowSetting","activeLocks","lock","setTimeout","scrollBarGap","window","innerWidth","document","documentElement","clientWidth","body","style","paddingRight","overflow","unlock","undefined"],"mappings":"AAAA,IAAIA;AACJ,IAAIC;AAEJ,IAAIC,cAAc;AAElB,OAAO,SAASC;IACdC,WAAW;QACT,IAAIF,gBAAgB,GAAG;YACrB;QACF;QAEA,MAAMG,eACJC,OAAOC,UAAU,GAAGC,SAASC,eAAe,CAACC,WAAW;QAE1D,IAAIL,eAAe,GAAG;YACpBL,2BAA2BQ,SAASG,IAAI,CAACC,KAAK,CAACC,YAAY;YAC3DL,SAASG,IAAI,CAACC,KAAK,CAACC,YAAY,GAAG,AAAC,KAAER,eAAa;QACrD;QAEAJ,8BAA8BO,SAASG,IAAI,CAACC,KAAK,CAACE,QAAQ;QAC1DN,SAASG,IAAI,CAACC,KAAK,CAACE,QAAQ,GAAG;IACjC;AACF;AAEA,OAAO,SAASC;IACdX,WAAW;QACT,IAAIF,gBAAgB,KAAK,EAAEA,gBAAgB,GAAG;YAC5C;QACF;QAEA,IAAIF,6BAA6BgB,WAAW;YAC1CR,SAASG,IAAI,CAACC,KAAK,CAACC,YAAY,GAAGb;YACnCA,2BAA2BgB;QAC7B;QAEA,IAAIf,gCAAgCe,WAAW;YAC7CR,SAASG,IAAI,CAACC,KAAK,CAACE,QAAQ,GAAGb;YAC/BA,8BAA8Be;QAChC;IACF;AACF"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/Overlay/index.js

@@ -0,0 +1,3 @@
+export { Overlay } from './Overlay';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/Overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Overlay/index.tsx"],"sourcesContent":["export { Overlay } from './Overlay'\n"],"names":["Overlay"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAW"}