bippy 0.3.2 → 0.3.4

package/dist/experiments/shrinkwrap.js

@@ -1,370 +0,0 @@
-import '../chunk-E67XFKKG.js';
-import { getFiberFromHostInstance, instrument, traverseFiber, isHostFiber } from '../chunk-SI6Y374H.js';
-import '../chunk-EPG3GO3H.js';
-
-/**
- * @license bippy
- *
- * Copyright (c) Aiden Bai, Million Software, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// src/experiments/shrinkwrap.ts
-var getDpr = () => {
-  return Math.min(window.devicePixelRatio || 1, 2);
-};
-var CANVAS_HTML_STR = `<canvas style="position:fixed;top:0;left:0;pointer-events:none;z-index:2147483646" aria-hidden="true"></canvas>`;
-var COLORS = [
-  [255, 0, 0],
-  [0, 255, 0],
-  [0, 0, 255],
-  [255, 165, 0],
-  [128, 0, 128],
-  [0, 128, 128],
-  [255, 105, 180],
-  [75, 0, 130],
-  [255, 69, 0],
-  [46, 139, 87],
-  [220, 20, 60],
-  [70, 130, 180]
-];
-var interactiveElements = [
-  "a",
-  "button",
-  "details",
-  "embed",
-  "input",
-  "label",
-  "menu",
-  "menuitem",
-  "object",
-  "select",
-  "textarea",
-  "summary"
-];
-var interactiveRoles = [
-  "button",
-  "menu",
-  "menuitem",
-  "link",
-  "checkbox",
-  "radio",
-  "slider",
-  "tab",
-  "tabpanel",
-  "textbox",
-  "combobox",
-  "grid",
-  "listbox",
-  "option",
-  "progressbar",
-  "scrollbar",
-  "searchbox",
-  "switch",
-  "tree",
-  "treeitem",
-  "spinbutton",
-  "tooltip",
-  "a-button-inner",
-  "a-dropdown-button",
-  "click",
-  "menuitemcheckbox",
-  "menuitemradio",
-  "a-button-text",
-  "button-text",
-  "button-icon",
-  "button-icon-only",
-  "button-text-icon-only",
-  "dropdown",
-  "combobox"
-];
-var interactiveEvents = [
-  "click",
-  "mousedown",
-  "mouseup",
-  "touchstart",
-  "touchend",
-  "keydown",
-  "keyup",
-  "focus",
-  "blur"
-];
-var isScrollable = (element) => {
-  const isScrollable2 = element.hasAttribute("aria-scrollable") || element.hasAttribute("scrollable") || "style" in element && (element.style.overflow === "auto" || element.style.overflow === "scroll" || element.style.overflowY === "auto" || element.style.overflowY === "scroll" || element.style.overflowX === "auto" || element.style.overflowX === "scroll");
-  return isScrollable2;
-};
-var isInteractive = (element) => {
-  const fiber = getFiberFromHostInstance(element);
-  if (fiber?.stateNode instanceof Element) {
-    for (const propName of Object.keys(fiber.memoizedProps || {})) {
-      if (!propName.startsWith("on")) continue;
-      const event = propName.slice(2).toLowerCase().replace(/capture$/, "");
-      if (!interactiveEvents.includes(event)) continue;
-      if (fiber.memoizedProps[propName]) {
-        return true;
-      }
-    }
-  }
-  for (const event of interactiveEvents) {
-    const dotOnHandler = element[`on${event}`];
-    const explicitOnHandler = element.hasAttribute(`on${event}`);
-    const ngClick = element.hasAttribute(`ng-${event}`);
-    const atClick = element.hasAttribute(`@${event}`);
-    const vOnClick = element.hasAttribute(`v-on:${event}`);
-    if (dotOnHandler || explicitOnHandler || ngClick || atClick || vOnClick) {
-      return true;
-    }
-  }
-  const tagName = element.tagName.toLowerCase();
-  const role = element.getAttribute("role");
-  const ariaRole = element.getAttribute("aria-role");
-  const tabIndex = element.getAttribute("tabindex");
-  const hasInteractiveRole = interactiveElements.includes(tagName) || role && interactiveRoles.includes(role) || ariaRole && interactiveRoles.includes(ariaRole) || tabIndex !== null && tabIndex !== "-1";
-  const hasAriaProps = element.hasAttribute("aria-expanded") || element.hasAttribute("aria-pressed") || element.hasAttribute("aria-selected") || element.hasAttribute("aria-checked");
-  const isFormRelated = "form" in element && element.form !== void 0 || element.hasAttribute("contenteditable");
-  const isDraggable = "draggable" in element && element.draggable || element.getAttribute("draggable") === "true";
-  return hasInteractiveRole || isFormRelated || isDraggable || hasAriaProps;
-};
-var isElementVisible = (element) => {
-  const style = window.getComputedStyle(element);
-  return element.offsetWidth > 0 && element.offsetHeight > 0 && style.visibility !== "hidden" && style.display !== "none";
-};
-var isTopElement = (element) => {
-  const doc = element.ownerDocument;
-  if (doc !== window.document) {
-    return true;
-  }
-  const shadowRoot = element.getRootNode();
-  if (shadowRoot instanceof ShadowRoot) {
-    const rect2 = element.getBoundingClientRect();
-    const point = {
-      x: rect2.left + rect2.width / 2,
-      y: rect2.top + rect2.height / 2
-    };
-    try {
-      const topEl = shadowRoot.elementFromPoint(point.x, point.y);
-      if (!topEl) return false;
-      let current = topEl;
-      while (current && current !== shadowRoot) {
-        if (current === element) return true;
-        current = current.parentElement;
-      }
-      return false;
-    } catch {
-      return true;
-    }
-  }
-  const rect = element.getBoundingClientRect();
-  const scrollX = window.scrollX;
-  const scrollY = window.scrollY;
-  const viewportTop = scrollY;
-  const viewportLeft = scrollX;
-  const viewportBottom = window.innerHeight + scrollY;
-  const viewportRight = window.innerWidth + scrollX;
-  const absTop = rect.top + scrollY;
-  const absLeft = rect.left + scrollX;
-  const absBottom = rect.bottom + scrollY;
-  const absRight = rect.right + scrollX;
-  if (absBottom < viewportTop || absTop > viewportBottom || absRight < viewportLeft || absLeft > viewportRight) {
-    return false;
-  }
-  try {
-    const centerX = rect.left + rect.width / 2;
-    const centerY = rect.top + rect.height / 2;
-    const point = {
-      x: centerX,
-      y: centerY
-    };
-    if (point.x < 0 || point.x >= window.innerWidth || point.y < 0 || point.y >= window.innerHeight) {
-      return true;
-    }
-    const topEl = document.elementFromPoint(point.x, point.y);
-    if (!topEl) return false;
-    let current = topEl;
-    while (current && current !== document.documentElement) {
-      if (current === element) return true;
-      current = current.parentElement;
-    }
-    return false;
-  } catch {
-    return true;
-  }
-};
-var createShrinkwrap = () => {
-  const draw = async (elements) => {
-    if (!ctx) return;
-    const rectMap = await getRectMap(elements);
-    clear();
-    const drawnLabelBounds = [];
-    let visibleCount = 0;
-    const visibleIndices = /* @__PURE__ */ new Map();
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const COVERAGE_THRESHOLD = 0.97;
-    for (let i = 0, len = elements.length; i < len; i++) {
-      const element = elements[i];
-      const rect = rectMap.get(element);
-      if (!rect) continue;
-      const { width: width2, height: height2 } = rect;
-      const x = rect.x;
-      const y = rect.y;
-      if (width2 / viewportWidth > COVERAGE_THRESHOLD && height2 / viewportHeight > COVERAGE_THRESHOLD)
-        continue;
-      const text = `${visibleCount + 1}`;
-      const textSize = 16;
-      ctx.textRendering = "optimizeSpeed";
-      ctx.font = `${textSize}px monospace`;
-      const { width: textWidth } = ctx.measureText(text);
-      let labelY = y - textSize - 4;
-      if (labelY < 0) {
-        labelY = 0;
-      }
-      const labelBounds = {
-        x,
-        y: labelY,
-        width: textWidth + 4,
-        height: textSize + 4
-      };
-      const hasCollision = drawnLabelBounds.some(
-        (bound) => labelBounds.x < bound.x + bound.width && labelBounds.x + labelBounds.width > bound.x && labelBounds.y < bound.y + bound.height && labelBounds.y + labelBounds.height > bound.y
-      );
-      if (!hasCollision) {
-        drawnLabelBounds.push(labelBounds);
-        visibleCount++;
-        visibleIndices.set(element, visibleCount);
-        ctx.beginPath();
-        ctx.rect(x, y, width2, height2);
-        const color = COLORS[i % COLORS.length].join(",");
-        ctx.fillStyle = `rgba(${color},0.1)`;
-        ctx.strokeStyle = `rgba(${color})`;
-        ctx.fill();
-        ctx.stroke();
-        ctx.fillStyle = `rgba(${color})`;
-        ctx.fillRect(x, labelY, textWidth + 4, textSize + 4);
-        ctx.fillStyle = "rgba(255,255,255)";
-        ctx.fillText(text, x + 2, labelY + textSize);
-      }
-    }
-    return visibleIndices;
-  };
-  const clear = () => {
-    if (!ctx) return;
-    ctx.clearRect(0, 0, canvas.width / dpr, canvas.height / dpr);
-  };
-  const host = document.createElement("div");
-  host.setAttribute("data-react-scan", "true");
-  const root = host.attachShadow({ mode: "open" });
-  root.innerHTML = CANVAS_HTML_STR;
-  const canvas = root.firstChild;
-  let dpr = Math.min(window.devicePixelRatio || 1, 2);
-  const { innerWidth, innerHeight } = window;
-  canvas.style.width = `${innerWidth}px`;
-  canvas.style.height = `${innerHeight}px`;
-  const width = innerWidth * dpr;
-  const height = innerHeight * dpr;
-  canvas.width = width;
-  canvas.height = height;
-  const ctx = canvas.getContext("2d", { alpha: true });
-  if (ctx) {
-    ctx.scale(dpr, dpr);
-  }
-  root.appendChild(canvas);
-  document.documentElement.appendChild(host);
-  let isResizeScheduled = false;
-  const resizeHandler = () => {
-    if (!isResizeScheduled) {
-      isResizeScheduled = true;
-      setTimeout(() => {
-        const width2 = window.innerWidth;
-        const height2 = window.innerHeight;
-        dpr = getDpr();
-        canvas.style.width = `${width2}px`;
-        canvas.style.height = `${height2}px`;
-        canvas.width = width2 * dpr;
-        canvas.height = height2 * dpr;
-        if (ctx) {
-          ctx.resetTransform();
-          ctx.scale(dpr, dpr);
-        }
-        shrinkwrap.trackInteractive();
-        isResizeScheduled = false;
-      });
-    }
-  };
-  let isScrollScheduled = false;
-  const scrollHandler = () => {
-    if (isScrollScheduled) return;
-    isScrollScheduled = true;
-    setTimeout(() => {
-      requestAnimationFrame(() => {
-        shrinkwrap.trackInteractive();
-      });
-      isScrollScheduled = false;
-    }, 8);
-  };
-  const fiberRoots = /* @__PURE__ */ new Set();
-  const shrinkwrap = {
-    draw(elements) {
-      draw(elements).then((visibleIndices) => {
-        if (!visibleIndices) return;
-        const elementMap = {};
-        visibleIndices.forEach((index, element) => {
-          elementMap[index] = element;
-        });
-        window.shrinkwrap = {
-          elementMap
-        };
-      });
-    },
-    trackInteractive() {
-      instrument({
-        onCommitFiberRoot(_, root2) {
-          fiberRoots.add(root2);
-          const elements = [];
-          for (const fiberRoot of fiberRoots) {
-            traverseFiber(fiberRoot.current, (fiber) => {
-              if (isHostFiber(fiber) && isInteractive(fiber.stateNode) && isElementVisible(fiber.stateNode) && isTopElement(fiber.stateNode)) {
-                elements.push(fiber.stateNode);
-              }
-            });
-          }
-          shrinkwrap.draw(elements);
-        }
-      });
-    },
-    cleanup() {
-      fiberRoots.clear();
-      window.removeEventListener("scroll", scrollHandler);
-      window.removeEventListener("resize", resizeHandler);
-      document.documentElement.removeChild(host);
-    }
-  };
-  window.addEventListener("scroll", scrollHandler);
-  window.addEventListener("resize", resizeHandler);
-  return shrinkwrap;
-};
-var getRectMap = (elements) => {
-  return new Promise((resolve) => {
-    const rects = /* @__PURE__ */ new Map();
-    const observer = new IntersectionObserver((entries) => {
-      for (let i = 0, len = entries.length; i < len; i++) {
-        const entry = entries[i];
-        const element = entry.target;
-        const rect = entry.boundingClientRect;
-        if (entry.isIntersecting && rect.width && rect.height) {
-          rects.set(element, rect);
-        }
-      }
-      observer.disconnect();
-      resolve(rects);
-    });
-    for (let i = 0, len = elements.length; i < len; i++) {
-      const element = elements[i];
-      observer.observe(element);
-    }
-  });
-};
-
-export { createShrinkwrap, getRectMap, isInteractive, isScrollable };

package/dist/shrinkwrap.global.js

@@ -1,9 +0,0 @@
-var Bippy=function(t){"use strict";
-/**
- * @license bippy
- *
- * Copyright (c) Aiden Bai, Million Software, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var e="bippy-0.3.2",n=Object.defineProperty,o=Object.prototype.hasOwnProperty,i=()=>{},r=t=>{try{Function.prototype.toString.call(t).indexOf("^_^")>-1&&setTimeout((()=>{throw new Error("React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://reactjs.org/link/perf-use-production-build")}))}catch{}},s=!1,c=void 0,a=(t=h())=>!!s||("function"==typeof t.inject&&(c=t.inject.toString()),Boolean(c?.includes("(injected)"))),l=new Set,u=t=>{const o=new Map;let s=0;const c={checkDCE:r,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:o,onCommitFiberRoot:i,onCommitFiberUnmount:i,onPostCommitFiberRoot:i,inject(t){const e=++s;return o.set(e,t),c._instrumentationIsActive||(c._instrumentationIsActive=!0,l.forEach((t=>t()))),e},_instrumentationSource:e,_instrumentationIsActive:!1};try{n(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__",{get:()=>c,set(e){if(e&&"object"==typeof e){const n=c.renderers;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=e,n.size>0&&(n.forEach(((t,n)=>{e.renderers.set(n,t)})),d(t))}},configurable:!0,enumerable:!0});const e=window.hasOwnProperty;let o=!1;n(window,"hasOwnProperty",{value:function(){return o||"__REACT_DEVTOOLS_GLOBAL_HOOK__"!==arguments[0]?e.apply(this,arguments):(globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=void 0,o=!0,-0)},configurable:!0,writable:!0})}catch{d(t)}return c},d=t=>{t&&l.add(t);try{const n=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!n)return;if(!n._instrumentationSource){if(n.checkDCE=r,n.supportsFiber=!0,n.supportsFlight=!0,n.hasUnsupportedRendererAttached=!1,n._instrumentationSource=e,n._instrumentationIsActive=!1,n.renderers.size)return n._instrumentationIsActive=!0,void l.forEach((t=>t()));const t=n.inject;if(a(n)&&!((t=h())=>"getFiberRoots"in t)()){s=!0;n.inject({scheduleRefresh(){}})&&(n._instrumentationIsActive=!0)}n.inject=e=>{const o=t(e);return n._instrumentationIsActive=!0,l.forEach((t=>t())),o}}(n.renderers.size||n._instrumentationIsActive||a())&&t?.()}catch{}},h=t=>o.call(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__")?(d(t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__):u(t),m=t=>{switch(t.tag){case 5:case 26:case 27:return!0;default:return"string"==typeof t.type}},b=(t,e,n=!1)=>{if(!t)return null;if(!0===e(t))return t;let o=n?t.return:t.child;for(;o;){const t=b(o,e,n);if(t)return t;o=n?null:o.sibling}return null},f=[[255,0,0],[0,255,0],[0,0,255],[255,165,0],[128,0,128],[0,128,128],[255,105,180],[75,0,130],[255,69,0],[46,139,87],[220,20,60],[70,130,180]],w=["a","button","details","embed","input","label","menu","menuitem","object","select","textarea","summary"],p=["button","menu","menuitem","link","checkbox","radio","slider","tab","tabpanel","textbox","combobox","grid","listbox","option","progressbar","scrollbar","searchbox","switch","tree","treeitem","spinbutton","tooltip","a-button-inner","a-dropdown-button","click","menuitemcheckbox","menuitemradio","a-button-text","button-text","button-icon","button-icon-only","button-text-icon-only","dropdown","combobox"],g=["click","mousedown","mouseup","touchstart","touchend","keydown","keyup","focus","blur"],_=t=>{const e=(t=>{const e=h();for(const n of e.renderers.values())try{const e=n.findFiberByHostInstance?.(t);if(e)return e}catch{}if("object"==typeof t&&null!=t){if("_reactRootContainer"in t)return t._reactRootContainer?._internalRoot?.current?.child;for(const e in t)if(e.startsWith("__reactInternalInstance$")||e.startsWith("__reactFiber"))return t[e]||null}return null})(t);if(e?.stateNode instanceof Element)for(const t of Object.keys(e.memoizedProps||{})){if(!t.startsWith("on"))continue;const n=t.slice(2).toLowerCase().replace(/capture$/,"");if(g.includes(n)&&e.memoizedProps[t])return!0}for(const e of g){const n=t[`on${e}`],o=t.hasAttribute(`on${e}`),i=t.hasAttribute(`ng-${e}`),r=t.hasAttribute(`@${e}`),s=t.hasAttribute(`v-on:${e}`);if(n||o||i||r||s)return!0}const n=t.tagName.toLowerCase(),o=t.getAttribute("role"),i=t.getAttribute("aria-role"),r=t.getAttribute("tabindex"),s=w.includes(n)||o&&p.includes(o)||i&&p.includes(i)||null!==r&&"-1"!==r,c=t.hasAttribute("aria-expanded")||t.hasAttribute("aria-pressed")||t.hasAttribute("aria-selected")||t.hasAttribute("aria-checked"),a="form"in t&&void 0!==t.form||t.hasAttribute("contenteditable"),l="draggable"in t&&t.draggable||"true"===t.getAttribute("draggable");return s||a||l||c},y=t=>{const e=window.getComputedStyle(t);return t.offsetWidth>0&&t.offsetHeight>0&&"hidden"!==e.visibility&&"none"!==e.display},v=t=>{if(t.ownerDocument!==window.document)return!0;const e=t.getRootNode();if(e instanceof ShadowRoot){const n=t.getBoundingClientRect(),o={x:n.left+n.width/2,y:n.top+n.height/2};try{const n=e.elementFromPoint(o.x,o.y);if(!n)return!1;let i=n;for(;i&&i!==e;){if(i===t)return!0;i=i.parentElement}return!1}catch{return!0}}const n=t.getBoundingClientRect(),o=window.scrollX,i=window.scrollY,r=i,s=o,c=window.innerHeight+i,a=window.innerWidth+o,l=n.top+i,u=n.left+o,d=n.bottom+i,h=n.right+o;if(d<r||l>c||h<s||u>a)return!1;try{const e=n.left+n.width/2,o={x:e,y:n.top+n.height/2};if(o.x<0||o.x>=window.innerWidth||o.y<0||o.y>=window.innerHeight)return!0;const i=document.elementFromPoint(o.x,o.y);if(!i)return!1;let r=i;for(;r&&r!==document.documentElement;){if(r===t)return!0;r=r.parentElement}return!1}catch{return!0}},O=t=>new Promise((e=>{const n=new Map,o=new IntersectionObserver((t=>{for(let e=0,o=t.length;e<o;e++){const o=t[e],i=o.target,r=o.boundingClientRect;o.isIntersecting&&r.width&&r.height&&n.set(i,r)}o.disconnect(),e(n)}));for(let e=0,n=t.length;e<n;e++){const n=t[e];o.observe(n)}}));return t.createShrinkwrap=()=>{const t=()=>{u&&u.clearRect(0,0,i.width/r,i.height/r)},n=document.createElement("div");n.setAttribute("data-react-scan","true");const o=n.attachShadow({mode:"open"});o.innerHTML='<canvas style="position:fixed;top:0;left:0;pointer-events:none;z-index:2147483646" aria-hidden="true"></canvas>';const i=o.firstChild;let r=Math.min(window.devicePixelRatio||1,2);const{innerWidth:s,innerHeight:c}=window;i.style.width=`${s}px`,i.style.height=`${c}px`;const a=s*r,l=c*r;i.width=a,i.height=l;const u=i.getContext("2d",{alpha:!0});u&&u.scale(r,r),o.appendChild(i),document.documentElement.appendChild(n);let d=!1;const w=()=>{d||(d=!0,setTimeout((()=>{const t=window.innerWidth,e=window.innerHeight;r=Math.min(window.devicePixelRatio||1,2),i.style.width=`${t}px`,i.style.height=`${e}px`,i.width=t*r,i.height=e*r,u&&(u.resetTransform(),u.scale(r,r)),x.trackInteractive(),d=!1})))};let p=!1;const g=()=>{p||(p=!0,setTimeout((()=>{requestAnimationFrame((()=>{x.trackInteractive()})),p=!1}),8))},A=new Set,x={draw(e){(async e=>{if(!u)return;const n=await O(e);t();const o=[];let i=0;const r=new Map,s=window.innerWidth,c=window.innerHeight;for(let t=0,a=e.length;t<a;t++){const a=e[t],l=n.get(a);if(!l)continue;const{width:d,height:h}=l,m=l.x,b=l.y;if(d/s>.97&&h/c>.97)continue;const w=`${i+1}`,p=16;u.textRendering="optimizeSpeed",u.font=`${p}px monospace`;const{width:g}=u.measureText(w);let _=b-p-4;_<0&&(_=0);const y={x:m,y:_,width:g+4,height:p+4};if(!o.some((t=>y.x<t.x+t.width&&y.x+y.width>t.x&&y.y<t.y+t.height&&y.y+y.height>t.y))){o.push(y),i++,r.set(a,i),u.beginPath(),u.rect(m,b,d,h);const e=f[t%f.length].join(",");u.fillStyle=`rgba(${e},0.1)`,u.strokeStyle=`rgba(${e})`,u.fill(),u.stroke(),u.fillStyle=`rgba(${e})`,u.fillRect(m,_,g+4,p+4),u.fillStyle="rgba(255,255,255)",u.fillText(w,m+2,_+p)}}return r})(e).then((t=>{if(!t)return;const e={};t.forEach(((t,n)=>{e[t]=n})),window.shrinkwrap={elementMap:e}}))},trackInteractive(){var t;t={onCommitFiberRoot(t,e){A.add(e);const n=[];for(const t of A)b(t.current,(t=>{m(t)&&_(t.stateNode)&&y(t.stateNode)&&v(t.stateNode)&&n.push(t.stateNode)}));x.draw(n)}},h((()=>{const n=h();t.onActive?.(),n._instrumentationSource=t.name??e;const o=n.onCommitFiberRoot;t.onCommitFiberRoot&&(n.onCommitFiberRoot=(e,n,i)=>{o&&o(e,n,i),t.onCommitFiberRoot?.(e,n,i)});const i=n.onCommitFiberUnmount;t.onCommitFiberUnmount&&(n.onCommitFiberUnmount=(e,n)=>{i&&i(e,n),t.onCommitFiberUnmount?.(e,n)});const r=n.onPostCommitFiberRoot;t.onPostCommitFiberRoot&&(n.onPostCommitFiberRoot=(e,n)=>{r&&r(e,n),t.onPostCommitFiberRoot?.(e,n)})}))},cleanup(){A.clear(),window.removeEventListener("scroll",g),window.removeEventListener("resize",w),document.documentElement.removeChild(n)}};return window.addEventListener("scroll",g),window.addEventListener("resize",w),x},t.getRectMap=O,t.isInteractive=_,t.isScrollable=t=>t.hasAttribute("aria-scrollable")||t.hasAttribute("scrollable")||"style"in t&&("auto"===t.style.overflow||"scroll"===t.style.overflow||"auto"===t.style.overflowY||"scroll"===t.style.overflowY||"auto"===t.style.overflowX||"scroll"===t.style.overflowX),t}({});