@surdeddd/bottom-sheet 0.12.0 → 0.13.0

package/dist/debug.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+// src/debug/index.ts
+var PANEL_GAP = 8;
+var PANEL_WIDTH = 232;
+var panelCount = 0;
+var anchorStyles = (position, offset) => {
+  const main = `${PANEL_GAP + offset}px`;
+  const cross = `${PANEL_GAP}px`;
+  switch (position) {
+    case "top-left":
+      return { top: main, left: cross };
+    case "bottom-left":
+      return { bottom: main, left: cross };
+    case "bottom-right":
+      return { bottom: main, right: cross };
+    default:
+      return { top: main, right: cross };
+  }
+};
+function attachDebugOverlay(engine, opts = {}) {
+  if (typeof document === "undefined") {
+    return () => {
+    };
+  }
+  const index = panelCount;
+  panelCount += 1;
+  const position = opts.position ?? "top-right";
+  const compact = opts.compact ?? false;
+  const panel = document.createElement("div");
+  panel.setAttribute("data-bs-debug", "");
+  Object.assign(panel.style, {
+    position: "fixed",
+    zIndex: "2147483647",
+    width: `${PANEL_WIDTH}px`,
+    padding: "8px 10px",
+    borderRadius: "8px",
+    background: "rgba(12, 12, 16, 0.88)",
+    color: "#9fef9f",
+    font: "11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace",
+    pointerEvents: "auto",
+    whiteSpace: "pre",
+    boxShadow: "0 2px 12px rgba(0,0,0,0.4)"
+  });
+  Object.assign(panel.style, anchorStyles(position, index * 132));
+  const header = document.createElement("div");
+  header.style.color = "#fff";
+  header.style.fontWeight = "700";
+  header.textContent = `bs-debug #${index + 1}`;
+  const live = document.createElement("div");
+  const snapList = document.createElement("div");
+  snapList.style.color = "#8ab8ff";
+  panel.append(header, live);
+  if (!compact) panel.append(snapList);
+  document.body.appendChild(panel);
+  let rafId = null;
+  let destroyed = false;
+  const renderLive = () => {
+    const s = engine.state;
+    live.textContent = `active  ${s.activeId}
+size    ${s.size.toFixed(1)}px
+progress ${s.progress.toFixed(2)}
+flags   ${s.isDragging ? "drag " : ""}${s.isAnimating ? "anim " : ""}${engine.isTop() ? "top" : ""}`;
+  };
+  const renderSnaps = () => {
+    if (compact) return;
+    const active = engine.state.activeId;
+    snapList.textContent = engine.getResolvedSnaps().map((p) => `${p.id === active ? "\u25B8" : " "} ${p.id}: ${Math.round(p.size)}px`).join("\n");
+  };
+  const scheduleLive = () => {
+    if (destroyed || rafId !== null) return;
+    rafId = requestAnimationFrame(() => {
+      rafId = null;
+      if (destroyed) return;
+      renderLive();
+    });
+  };
+  const renderAll = () => {
+    if (destroyed) return;
+    renderLive();
+    renderSnaps();
+  };
+  const subs = [
+    engine.on("progress", scheduleLive),
+    engine.on("drag", scheduleLive),
+    engine.on("dragstart", renderAll),
+    engine.on("dragend", renderAll),
+    engine.on("snap", renderAll),
+    engine.on("open", renderAll),
+    engine.on("close", renderAll),
+    engine.on("opened", renderAll),
+    engine.on("closed", renderAll)
+  ];
+  renderAll();
+  return () => {
+    if (destroyed) return;
+    destroyed = true;
+    for (const off of subs) off();
+    if (rafId !== null && typeof cancelAnimationFrame !== "undefined") {
+      cancelAnimationFrame(rafId);
+    }
+    panel.remove();
+    panelCount = Math.max(0, panelCount - 1);
+  };
+}
+
+exports.attachDebugOverlay = attachDebugOverlay;
+//# sourceMappingURL=debug.cjs.map
+//# sourceMappingURL=debug.cjs.map

package/dist/debug.d.cts

@@ -0,0 +1,22 @@
+import { E as EngineState, d as SheetEventMap } from './BottomSheetCore-CsIjyq7C.cjs';
+import './transform-jVfAikE9.cjs';
+
+type DebugOverlayPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+type DebugOverlayOptions = {
+    position?: DebugOverlayPosition;
+    compact?: boolean;
+};
+type DebuggableEngine = {
+    state: EngineState & {
+        activeId: string;
+    };
+    on<K extends keyof SheetEventMap>(event: K, fn: (payload: SheetEventMap[K]) => void): () => void;
+    getResolvedSnaps(): readonly {
+        id: string;
+        size: number;
+    }[];
+    isTop(): boolean;
+};
+declare function attachDebugOverlay(engine: DebuggableEngine, opts?: DebugOverlayOptions): () => void;
+
+export { type DebugOverlayOptions, type DebugOverlayPosition, type DebuggableEngine, attachDebugOverlay };

package/dist/debug.d.ts

@@ -0,0 +1,22 @@
+import { E as EngineState, d as SheetEventMap } from './BottomSheetCore-D16lsa6g.js';
+import './transform-jVfAikE9.js';
+
+type DebugOverlayPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+type DebugOverlayOptions = {
+    position?: DebugOverlayPosition;
+    compact?: boolean;
+};
+type DebuggableEngine = {
+    state: EngineState & {
+        activeId: string;
+    };
+    on<K extends keyof SheetEventMap>(event: K, fn: (payload: SheetEventMap[K]) => void): () => void;
+    getResolvedSnaps(): readonly {
+        id: string;
+        size: number;
+    }[];
+    isTop(): boolean;
+};
+declare function attachDebugOverlay(engine: DebuggableEngine, opts?: DebugOverlayOptions): () => void;
+
+export { type DebugOverlayOptions, type DebugOverlayPosition, type DebuggableEngine, attachDebugOverlay };

package/dist/debug.js

@@ -0,0 +1,107 @@
+// src/debug/index.ts
+var PANEL_GAP = 8;
+var PANEL_WIDTH = 232;
+var panelCount = 0;
+var anchorStyles = (position, offset) => {
+  const main = `${PANEL_GAP + offset}px`;
+  const cross = `${PANEL_GAP}px`;
+  switch (position) {
+    case "top-left":
+      return { top: main, left: cross };
+    case "bottom-left":
+      return { bottom: main, left: cross };
+    case "bottom-right":
+      return { bottom: main, right: cross };
+    default:
+      return { top: main, right: cross };
+  }
+};
+function attachDebugOverlay(engine, opts = {}) {
+  if (typeof document === "undefined") {
+    return () => {
+    };
+  }
+  const index = panelCount;
+  panelCount += 1;
+  const position = opts.position ?? "top-right";
+  const compact = opts.compact ?? false;
+  const panel = document.createElement("div");
+  panel.setAttribute("data-bs-debug", "");
+  Object.assign(panel.style, {
+    position: "fixed",
+    zIndex: "2147483647",
+    width: `${PANEL_WIDTH}px`,
+    padding: "8px 10px",
+    borderRadius: "8px",
+    background: "rgba(12, 12, 16, 0.88)",
+    color: "#9fef9f",
+    font: "11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace",
+    pointerEvents: "auto",
+    whiteSpace: "pre",
+    boxShadow: "0 2px 12px rgba(0,0,0,0.4)"
+  });
+  Object.assign(panel.style, anchorStyles(position, index * 132));
+  const header = document.createElement("div");
+  header.style.color = "#fff";
+  header.style.fontWeight = "700";
+  header.textContent = `bs-debug #${index + 1}`;
+  const live = document.createElement("div");
+  const snapList = document.createElement("div");
+  snapList.style.color = "#8ab8ff";
+  panel.append(header, live);
+  if (!compact) panel.append(snapList);
+  document.body.appendChild(panel);
+  let rafId = null;
+  let destroyed = false;
+  const renderLive = () => {
+    const s = engine.state;
+    live.textContent = `active  ${s.activeId}
+size    ${s.size.toFixed(1)}px
+progress ${s.progress.toFixed(2)}
+flags   ${s.isDragging ? "drag " : ""}${s.isAnimating ? "anim " : ""}${engine.isTop() ? "top" : ""}`;
+  };
+  const renderSnaps = () => {
+    if (compact) return;
+    const active = engine.state.activeId;
+    snapList.textContent = engine.getResolvedSnaps().map((p) => `${p.id === active ? "\u25B8" : " "} ${p.id}: ${Math.round(p.size)}px`).join("\n");
+  };
+  const scheduleLive = () => {
+    if (destroyed || rafId !== null) return;
+    rafId = requestAnimationFrame(() => {
+      rafId = null;
+      if (destroyed) return;
+      renderLive();
+    });
+  };
+  const renderAll = () => {
+    if (destroyed) return;
+    renderLive();
+    renderSnaps();
+  };
+  const subs = [
+    engine.on("progress", scheduleLive),
+    engine.on("drag", scheduleLive),
+    engine.on("dragstart", renderAll),
+    engine.on("dragend", renderAll),
+    engine.on("snap", renderAll),
+    engine.on("open", renderAll),
+    engine.on("close", renderAll),
+    engine.on("opened", renderAll),
+    engine.on("closed", renderAll)
+  ];
+  renderAll();
+  return () => {
+    if (destroyed) return;
+    destroyed = true;
+    for (const off of subs) off();
+    if (rafId !== null && typeof cancelAnimationFrame !== "undefined") {
+      cancelAnimationFrame(rafId);
+    }
+    panel.remove();
+    panelCount = Math.max(0, panelCount - 1);
+  };
+}
+
+export { attachDebugOverlay };
+//# sourceMappingURL=debug.js.map
+//# sourceMappingURL=debug.js.map