@lemoncat7/dsh-theme-xiaohei 0.4.5 → 0.5.0

package/lib/sidebar-heixiu-escape.js

@@ -1,340 +0,0 @@
-const POINTER_ALERT_RADIUS_PX = 92;
-const ESCAPE_DESTINATION_CANDIDATES = 32;
-const ESCAPE_MIN_POINTER_DISTANCE_PX = 138;
-const ESCAPE_MIN_TRAVEL_PX = 96;
-const ESCAPE_ENTER_MS = 460;
-const ESCAPE_EXIT_MS = 540;
-const ESCAPE_COOLDOWN_MS = 1900;
-const ESCAPE_EDGE_PADDING_PX = 10;
-export const XIAOHEI_SIDEBAR_ESCAPE_CSS = `
-.xiaohei-sidebar-escape-layer {
-  position: absolute;
-  inset: 0;
-  z-index: 5;
-  overflow: hidden;
-  contain: layout paint style;
-  pointer-events: none;
-}
-
-.xiaohei-sidebar-escape-portal {
-  position: absolute;
-  left: var(--xiaohei-sidebar-portal-x, 50%);
-  top: var(--xiaohei-sidebar-portal-y, 50%);
-  display: block;
-  width: 2rem;
-  height: 2.8rem;
-  border-radius: 48% 52% 45% 55% / 54% 46% 55% 45%;
-  opacity: 0;
-  background:
-    radial-gradient(ellipse at 46% 50%, #010304 0%, #020608 57%, #0a2528 70%, rgb(77 194 171 / 40%) 77%, transparent 83%);
-  box-shadow:
-    inset 0 0 0.55rem rgb(0 0 0 / 94%),
-    0 0 0.65rem rgb(76 201 177 / 16%);
-  transform: translate3d(-50%, -50%, 0) rotate(var(--xiaohei-sidebar-portal-angle, 0deg)) scale3d(.06, .16, 1);
-  transform-origin: center;
-  will-change: transform, opacity;
-}
-
-.xiaohei-sidebar-escape-portal::after {
-  position: absolute;
-  inset: 14% 19%;
-  display: block;
-  content: '';
-  border-radius: inherit;
-  background: #000102;
-  box-shadow: inset 0.15rem 0 0.36rem rgb(18 68 67 / 42%);
-}
-
-.xiaohei-sidebar-escape-layer[data-xiaohei-sidebar-escape-phase='enter']
-  .xiaohei-sidebar-escape-portal--entry,
-.xiaohei-sidebar-escape-layer[data-xiaohei-sidebar-escape-phase='exit']
-  .xiaohei-sidebar-escape-portal--exit {
-  animation: xiaohei-sidebar-escape-portal-open 520ms cubic-bezier(.2, .76, .24, 1) both;
-}
-
-.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase]::before {
-  opacity: 0;
-}
-
-.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase]
-  .xiaohei-scene__heixiu-body {
-  position: absolute;
-  inset: 0;
-  display: block;
-  transition: none;
-  transform-origin: center;
-  will-change: transform, opacity;
-}
-
-.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase='enter']
-  .xiaohei-scene__heixiu-body {
-  animation: xiaohei-sidebar-heixiu-enter ${ESCAPE_ENTER_MS}ms cubic-bezier(.42, 0, .72, .38) both;
-}
-
-.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase='exit']
-  .xiaohei-scene__heixiu-body {
-  animation: xiaohei-sidebar-heixiu-exit ${ESCAPE_EXIT_MS}ms cubic-bezier(.18, .76, .24, 1) both;
-}
-
-@keyframes xiaohei-sidebar-escape-portal-open {
-  0% {
-    opacity: 0;
-    transform: translate3d(-50%, -50%, 0) rotate(var(--xiaohei-sidebar-portal-angle, 0deg)) scale3d(.06, .16, 1);
-  }
-  20%, 72% {
-    opacity: .94;
-    transform: translate3d(-50%, -50%, 0) rotate(var(--xiaohei-sidebar-portal-angle, 0deg)) scale3d(1, 1, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translate3d(-50%, -50%, 0) rotate(var(--xiaohei-sidebar-portal-angle, 0deg)) scale3d(.06, .16, 1);
-  }
-}
-
-@keyframes xiaohei-sidebar-heixiu-enter {
-  0%, 15% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; }
-  70% { opacity: .82; }
-  100% {
-    transform: translate3d(var(--xiaohei-sidebar-escape-in-x), var(--xiaohei-sidebar-escape-in-y), 0) scale(.08);
-    opacity: 0;
-  }
-}
-
-@keyframes xiaohei-sidebar-heixiu-exit {
-  0%, 16% {
-    transform: translate3d(var(--xiaohei-sidebar-escape-out-x), var(--xiaohei-sidebar-escape-out-y), 0) scale(.08);
-    opacity: 0;
-  }
-  38% { opacity: .72; }
-  100% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; }
-}
-
-html[data-xiaohei-appearance='light'] .xiaohei-sidebar-escape-portal {
-  background:
-    radial-gradient(ellipse at 46% 50%, #010304 0%, #030708 58%, #123231 70%, rgb(46 142 121 / 34%) 77%, transparent 83%);
-  box-shadow:
-    inset 0 0 0.55rem rgb(0 0 0 / 94%),
-    0 0 0.58rem rgb(44 139 118 / 18%);
-}
-
-@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse), (forced-colors: active) {
-  .xiaohei-sidebar-escape-layer { display: none; }
-
-  .xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase]
-    .xiaohei-scene__heixiu-body {
-    animation: none;
-    will-change: auto;
-  }
-}
-`;
-/** True when the pointer is close enough for the sidebar companion to flee. */
-export function isXiaoheiSidebarPointerNear(pointer, creatureCenter) {
-    return Math.hypot(pointer.x - creatureCenter.x, pointer.y - creatureCenter.y) <= POINTER_ALERT_RADIUS_PX;
-}
-/** Choose a low-obstruction endpoint that is meaningfully away from the pointer. */
-export function chooseXiaoheiSidebarEscapeDestination(space, pointer, current, random = Math.random) {
-    const minX = ESCAPE_EDGE_PADDING_PX;
-    const maxX = Math.max(minX, space.width - space.creatureWidth - ESCAPE_EDGE_PADDING_PX);
-    const minY = Math.min(64, Math.max(ESCAPE_EDGE_PADDING_PX, space.height - space.creatureHeight));
-    const maxY = Math.max(minY, space.height - space.creatureHeight - 62);
-    const candidates = [
-        { x: minX, y: minY },
-        { x: maxX, y: minY },
-        { x: minX, y: maxY },
-        { x: maxX, y: maxY },
-    ];
-    for (let index = 0; index < ESCAPE_DESTINATION_CANDIDATES; index += 1) {
-        candidates.push({
-            x: minX + random() * (maxX - minX),
-            y: minY + random() * (maxY - minY),
-        });
-    }
-    const centerOffset = { x: space.creatureWidth / 2, y: space.creatureHeight / 2 };
-    const score = (candidate) => {
-        const pointerDistance = Math.hypot(candidate.x + centerOffset.x - pointer.x, candidate.y + centerOffset.y - pointer.y);
-        const travel = Math.hypot(candidate.x - current.x, candidate.y - current.y);
-        const obstruction = escapeDestinationObstruction(candidate, space);
-        const pointerPenalty = pointerDistance < ESCAPE_MIN_POINTER_DISTANCE_PX
-            ? (ESCAPE_MIN_POINTER_DISTANCE_PX - pointerDistance) * 7
-            : 0;
-        const travelPenalty = travel < ESCAPE_MIN_TRAVEL_PX
-            ? (ESCAPE_MIN_TRAVEL_PX - travel) * 4
-            : 0;
-        return pointerDistance * 2.7 + travel * .25 - obstruction * .12 - pointerPenalty - travelPenalty;
-    };
-    return candidates.reduce((best, candidate) => score(candidate) > score(best) ? candidate : best);
-}
-/** Own pointer proximity and the enter/exit portal sequence; roaming owns position. */
-export function createXiaoheiSidebarEscapeController(options) {
-    const { doc } = options;
-    const win = doc.defaultView;
-    if (win === null)
-        return { cancel: () => { }, dispose: () => { }, isRunning: () => false };
-    let disposed = false;
-    let running = false;
-    let frameId = 0;
-    let phaseTimer = 0;
-    let cooldownUntil = 0;
-    let pointer;
-    let layer;
-    let activeCreature;
-    let destination;
-    const clearPhaseTimer = () => {
-        win.clearTimeout(phaseTimer);
-        phaseTimer = 0;
-    };
-    const removeVisuals = () => {
-        layer?.remove();
-        layer = undefined;
-        if (activeCreature !== undefined) {
-            activeCreature.removeAttribute('data-xiaohei-sidebar-escape-phase');
-            activeCreature.style.removeProperty('--xiaohei-sidebar-escape-in-x');
-            activeCreature.style.removeProperty('--xiaohei-sidebar-escape-in-y');
-            activeCreature.style.removeProperty('--xiaohei-sidebar-escape-out-x');
-            activeCreature.style.removeProperty('--xiaohei-sidebar-escape-out-y');
-        }
-        activeCreature = undefined;
-    };
-    const finish = (notify) => {
-        clearPhaseTimer();
-        const completedDestination = destination;
-        destination = undefined;
-        running = false;
-        removeVisuals();
-        if (notify && completedDestination !== undefined)
-            options.onComplete(completedDestination);
-    };
-    const startEscape = (target, point) => {
-        const hostRect = target.host.getBoundingClientRect();
-        const creatureRect = target.creature.getBoundingClientRect();
-        const current = {
-            x: creatureRect.left - hostRect.left,
-            y: creatureRect.top - hostRect.top,
-        };
-        const localPointer = { x: point.x - hostRect.left, y: point.y - hostRect.top };
-        const nextDestination = chooseXiaoheiSidebarEscapeDestination(target.space, localPointer, current);
-        const currentCenter = {
-            x: current.x + target.space.creatureWidth / 2,
-            y: current.y + target.space.creatureHeight / 2,
-        };
-        const nextCenter = {
-            x: nextDestination.x + target.space.creatureWidth / 2,
-            y: nextDestination.y + target.space.creatureHeight / 2,
-        };
-        const entryDirection = unitVector(currentCenter.x - localPointer.x, currentCenter.y - localPointer.y);
-        const exitDirection = unitVector(nextCenter.x - localPointer.x, nextCenter.y - localPointer.y);
-        const entryShift = { x: entryDirection.x * 12, y: entryDirection.y * 12 };
-        const exitShift = { x: -exitDirection.x * 10, y: -exitDirection.y * 10 };
-        running = true;
-        cooldownUntil = win.performance.now() + ESCAPE_ENTER_MS + ESCAPE_EXIT_MS + ESCAPE_COOLDOWN_MS;
-        destination = nextDestination;
-        activeCreature = target.creature;
-        options.onFreeze(current);
-        layer = createEscapeLayer(doc, {
-            entry: {
-                x: currentCenter.x + entryShift.x,
-                y: currentCenter.y + entryShift.y,
-                angle: Math.atan2(entryDirection.y, entryDirection.x) * 180 / Math.PI,
-            },
-            exit: {
-                x: nextCenter.x + exitShift.x,
-                y: nextCenter.y + exitShift.y,
-                angle: Math.atan2(exitDirection.y, exitDirection.x) * 180 / Math.PI,
-            },
-        });
-        target.host.append(layer);
-        target.creature.style.setProperty('--xiaohei-sidebar-escape-in-x', `${entryShift.x.toFixed(2)}px`);
-        target.creature.style.setProperty('--xiaohei-sidebar-escape-in-y', `${entryShift.y.toFixed(2)}px`);
-        target.creature.style.setProperty('--xiaohei-sidebar-escape-out-x', `${exitShift.x.toFixed(2)}px`);
-        target.creature.style.setProperty('--xiaohei-sidebar-escape-out-y', `${exitShift.y.toFixed(2)}px`);
-        target.creature.setAttribute('data-xiaohei-sidebar-escape-phase', 'enter');
-        layer.setAttribute('data-xiaohei-sidebar-escape-phase', 'enter');
-        phaseTimer = win.setTimeout(() => {
-            phaseTimer = 0;
-            if (disposed || !running || destination === undefined || layer === undefined || activeCreature === undefined)
-                return;
-            options.onTeleport(destination);
-            activeCreature.setAttribute('data-xiaohei-sidebar-escape-phase', 'exit');
-            layer.setAttribute('data-xiaohei-sidebar-escape-phase', 'exit');
-            phaseTimer = win.setTimeout(() => finish(true), ESCAPE_EXIT_MS);
-        }, ESCAPE_ENTER_MS);
-    };
-    const inspectPointer = () => {
-        frameId = 0;
-        if (disposed || running || pointer === undefined || options.isDisabled())
-            return;
-        if (win.performance.now() < cooldownUntil)
-            return;
-        const target = options.resolveTarget();
-        if (target === undefined)
-            return;
-        const rect = target.creature.getBoundingClientRect();
-        if (rect.width <= 0 || rect.height <= 0)
-            return;
-        const center = { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };
-        if (isXiaoheiSidebarPointerNear(pointer, center))
-            startEscape(target, pointer);
-    };
-    const queueInspection = () => {
-        if (disposed || frameId !== 0)
-            return;
-        frameId = win.requestAnimationFrame(inspectPointer);
-    };
-    const onPointerMove = (event) => {
-        pointer = event.pointerType === 'touch' ? undefined : { x: event.clientX, y: event.clientY };
-        queueInspection();
-    };
-    const clearPointer = () => {
-        pointer = undefined;
-    };
-    doc.addEventListener('pointermove', onPointerMove, { passive: true });
-    doc.addEventListener('pointerleave', clearPointer);
-    win.addEventListener('blur', clearPointer);
-    return {
-        cancel: () => finish(false),
-        dispose: () => {
-            disposed = true;
-            if (frameId !== 0)
-                win.cancelAnimationFrame(frameId);
-            doc.removeEventListener('pointermove', onPointerMove);
-            doc.removeEventListener('pointerleave', clearPointer);
-            win.removeEventListener('blur', clearPointer);
-            finish(false);
-        },
-        isRunning: () => running,
-    };
-}
-function createEscapeLayer(doc, portals) {
-    const layer = doc.createElement('div');
-    layer.className = 'xiaohei-sidebar-escape-layer';
-    layer.setAttribute('aria-hidden', 'true');
-    layer.append(createPortal(doc, 'entry', portals.entry), createPortal(doc, 'exit', portals.exit));
-    return layer;
-}
-function createPortal(doc, kind, point) {
-    const portal = doc.createElement('span');
-    portal.className = `xiaohei-sidebar-escape-portal xiaohei-sidebar-escape-portal--${kind}`;
-    portal.style.setProperty('--xiaohei-sidebar-portal-x', `${point.x.toFixed(1)}px`);
-    portal.style.setProperty('--xiaohei-sidebar-portal-y', `${point.y.toFixed(1)}px`);
-    portal.style.setProperty('--xiaohei-sidebar-portal-angle', `${point.angle.toFixed(1)}deg`);
-    return portal;
-}
-function escapeDestinationObstruction(point, space) {
-    const creature = {
-        left: point.x,
-        top: point.y,
-        right: point.x + space.creatureWidth,
-        bottom: point.y + space.creatureHeight,
-    };
-    return space.controls.reduce((total, control) => total + overlapArea(creature, control), 0);
-}
-function overlapArea(left, right) {
-    const width = Math.max(0, Math.min(left.right, right.right) - Math.max(left.left, right.left));
-    const height = Math.max(0, Math.min(left.bottom, right.bottom) - Math.max(left.top, right.top));
-    return width * height;
-}
-function unitVector(x, y) {
-    const length = Math.hypot(x, y);
-    return length <= .001 ? { x: 1, y: 0 } : { x: x / length, y: y / length };
-}
-//# sourceMappingURL=sidebar-heixiu-escape.js.map

package/lib/sidebar-heixiu-roaming.d.ts

@@ -1,27 +0,0 @@
-export declare const XIAOHEI_SIDEBAR_ROAMING_STYLE_ID = "dsh-theme-xiaohei/sidebar-heixiu-roaming-style";
-interface Point {
-    x: number;
-    y: number;
-}
-interface Box {
-    left: number;
-    top: number;
-    right: number;
-    bottom: number;
-}
-export interface XiaoheiSidebarRoamingSpace {
-    width: number;
-    height: number;
-    creatureWidth: number;
-    creatureHeight: number;
-    controls: readonly Box[];
-}
-export declare const XIAOHEI_SIDEBAR_ROAMING_CSS = "\n.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-roaming='true'] {\n  left: 0;\n  right: auto;\n  top: 0;\n  animation: none;\n  transform: translate3d(\n    var(--xiaohei-sidebar-heixiu-x, 7.15rem),\n    var(--xiaohei-sidebar-heixiu-y, 8.05rem),\n    0\n  );\n  transition: transform var(--xiaohei-sidebar-heixiu-duration, 0ms) cubic-bezier(0.22, 0.72, 0.24, 1);\n  pointer-events: none;\n  will-change: transform;\n}\n\n.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-roaming-paused='true'] {\n  transition-duration: 0ms;\n  will-change: auto;\n}\n\n@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {\n  .xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-roaming='true'] {\n    transform: translate3d(7.15rem, 8.05rem, 0);\n    transition: none;\n    will-change: auto;\n  }\n}\n";
-/** Pick a low-obstruction destination while retaining organic variation. */
-export declare function chooseXiaoheiSidebarDestination(space: XiaoheiSidebarRoamingSpace, current: Point | undefined, random?: () => number): Point;
-/** Longer trips get more time so the companion never darts across controls. */
-export declare function resolveXiaoheiSidebarRoamDuration(from: Point, to: Point): number;
-/** Let the sidebar companion wander without owning scene construction. */
-export declare function installXiaoheiSidebarHeixiuRoaming(doc?: Document | undefined): () => void;
-export {};
-//# sourceMappingURL=sidebar-heixiu-roaming.d.ts.map

package/lib/sidebar-heixiu-roaming.js

@@ -1,310 +0,0 @@
-import { createXiaoheiSidebarEscapeController, XIAOHEI_SIDEBAR_ESCAPE_CSS, } from './sidebar-heixiu-escape.js';
-import { subscribeXiaoheiHostDom } from './host-dom.js';
-import { XIAOHEI_HOST_SELECTORS } from './host-contract.js';
-export const XIAOHEI_SIDEBAR_ROAMING_STYLE_ID = 'dsh-theme-xiaohei/sidebar-heixiu-roaming-style';
-const SIDEBAR_HEIXIU_SELECTOR = '.xiaohei-scene__heixiu--sidebar';
-const INTERACTIVE_SELECTOR = [
-    'button',
-    'a[href]',
-    "[role='treeitem']",
-    "[role='menuitem']",
-    "[tabindex]:not([tabindex='-1'])",
-].join(',');
-const EDGE_PADDING_PX = 10;
-const TOP_RESERVE_PX = 64;
-const BOTTOM_RESERVE_PX = 62;
-const CONTROL_PADDING_PX = 7;
-const DESTINATION_CANDIDATES = 28;
-const MIN_TRAVEL_PX = 42;
-const INITIAL_PAUSE_MS = 1800;
-const MIN_PAUSE_MS = 2600;
-const PAUSE_RANGE_MS = 3800;
-export const XIAOHEI_SIDEBAR_ROAMING_CSS = `
-.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-roaming='true'] {
-  left: 0;
-  right: auto;
-  top: 0;
-  animation: none;
-  transform: translate3d(
-    var(--xiaohei-sidebar-heixiu-x, 7.15rem),
-    var(--xiaohei-sidebar-heixiu-y, 8.05rem),
-    0
-  );
-  transition: transform var(--xiaohei-sidebar-heixiu-duration, 0ms) cubic-bezier(0.22, 0.72, 0.24, 1);
-  pointer-events: none;
-  will-change: transform;
-}
-
-.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-roaming-paused='true'] {
-  transition-duration: 0ms;
-  will-change: auto;
-}
-
-@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {
-  .xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-roaming='true'] {
-    transform: translate3d(7.15rem, 8.05rem, 0);
-    transition: none;
-    will-change: auto;
-  }
-}
-`;
-/** Pick a low-obstruction destination while retaining organic variation. */
-export function chooseXiaoheiSidebarDestination(space, current, random = Math.random) {
-    const minX = EDGE_PADDING_PX;
-    const maxX = Math.max(minX, space.width - space.creatureWidth - EDGE_PADDING_PX);
-    const minY = Math.min(TOP_RESERVE_PX, Math.max(EDGE_PADDING_PX, space.height - space.creatureHeight));
-    const maxY = Math.max(minY, space.height - space.creatureHeight - BOTTOM_RESERVE_PX);
-    const candidates = [];
-    for (let index = 0; index < DESTINATION_CANDIDATES; index += 1) {
-        const point = {
-            x: minX + random() * (maxX - minX),
-            y: minY + random() * (maxY - minY),
-        };
-        const travel = current === undefined ? Number.POSITIVE_INFINITY : Math.hypot(point.x - current.x, point.y - current.y);
-        if (travel < MIN_TRAVEL_PX && index < DESTINATION_CANDIDATES - 1)
-            continue;
-        candidates.push({ point, obstruction: destinationObstruction(point, space) });
-    }
-    candidates.sort((left, right) => left.obstruction - right.obstruction);
-    const bestScore = candidates[0]?.obstruction;
-    const best = candidates.filter(candidate => candidate.obstruction === bestScore);
-    return best[Math.min(best.length - 1, Math.floor(random() * best.length))]?.point ?? { x: minX, y: minY };
-}
-/** Longer trips get more time so the companion never darts across controls. */
-export function resolveXiaoheiSidebarRoamDuration(from, to) {
-    const distance = Math.hypot(to.x - from.x, to.y - from.y);
-    return Math.round(Math.min(5200, Math.max(2400, 2100 + distance * 8.5)));
-}
-/** Let the sidebar companion wander without owning scene construction. */
-export function installXiaoheiSidebarHeixiuRoaming(doc = typeof document === 'undefined' ? undefined : document) {
-    if (doc?.head === undefined || doc.body === undefined || doc.defaultView === null)
-        return () => { };
-    const win = doc.defaultView;
-    const reducedMotion = win.matchMedia('(prefers-reduced-motion: reduce)');
-    const coarsePointer = win.matchMedia('(hover: none) and (pointer: coarse)');
-    let disposed = false;
-    let creature;
-    let host;
-    let current;
-    let roamTimer = 0;
-    let attachQueued = false;
-    let observedHost;
-    doc.getElementById(XIAOHEI_SIDEBAR_ROAMING_STYLE_ID)?.remove();
-    const style = doc.createElement('style');
-    style.id = XIAOHEI_SIDEBAR_ROAMING_STYLE_ID;
-    style.textContent = `${XIAOHEI_SIDEBAR_ROAMING_CSS}\n${XIAOHEI_SIDEBAR_ESCAPE_CSS}`;
-    doc.head.append(style);
-    const behaviorDisabled = () => (reducedMotion.matches
-        || coarsePointer.matches
-        || doc.visibilityState === 'hidden'
-        || host === undefined
-        || host.className.includes('_collapsed')
-        || host.getBoundingClientRect().width < 80);
-    const clearTimer = () => {
-        win.clearTimeout(roamTimer);
-        roamTimer = 0;
-    };
-    const pause = () => {
-        clearTimer();
-        creature?.setAttribute('data-xiaohei-sidebar-roaming-paused', 'true');
-    };
-    const measureSpace = () => {
-        if (host === undefined || creature === undefined)
-            return undefined;
-        const hostRect = host.getBoundingClientRect();
-        const creatureRect = creature.getBoundingClientRect();
-        if (hostRect.width <= 0 || hostRect.height <= 0)
-            return undefined;
-        const controls = Array.from(host.querySelectorAll(INTERACTIVE_SELECTOR))
-            .filter(element => !creature?.contains(element))
-            .map(element => element.getBoundingClientRect())
-            .filter(rect => rect.width > 0 && rect.height > 0)
-            .map(rect => ({
-            left: rect.left - hostRect.left - CONTROL_PADDING_PX,
-            top: rect.top - hostRect.top - CONTROL_PADDING_PX,
-            right: rect.right - hostRect.left + CONTROL_PADDING_PX,
-            bottom: rect.bottom - hostRect.top + CONTROL_PADDING_PX,
-        }));
-        return {
-            width: hostRect.width,
-            height: hostRect.height,
-            creatureWidth: creatureRect.width || 40,
-            creatureHeight: creatureRect.height || 40,
-            controls,
-        };
-    };
-    const freezeAt = (position) => {
-        clearTimer();
-        current = position;
-        creature?.setAttribute('data-xiaohei-sidebar-roaming-paused', 'true');
-        creature?.style.setProperty('--xiaohei-sidebar-heixiu-duration', '0ms');
-        creature?.style.setProperty('--xiaohei-sidebar-heixiu-x', `${position.x.toFixed(1)}px`);
-        creature?.style.setProperty('--xiaohei-sidebar-heixiu-y', `${position.y.toFixed(1)}px`);
-    };
-    const teleportTo = (destination) => {
-        current = destination;
-        creature?.style.setProperty('--xiaohei-sidebar-heixiu-duration', '0ms');
-        creature?.style.setProperty('--xiaohei-sidebar-heixiu-x', `${destination.x.toFixed(1)}px`);
-        creature?.style.setProperty('--xiaohei-sidebar-heixiu-y', `${destination.y.toFixed(1)}px`);
-    };
-    const escapeController = createXiaoheiSidebarEscapeController({
-        doc,
-        isDisabled: behaviorDisabled,
-        resolveTarget: () => {
-            const space = measureSpace();
-            return creature === undefined || host === undefined || space === undefined
-                ? undefined
-                : { creature, host, space };
-        },
-        onFreeze: freezeAt,
-        onTeleport: teleportTo,
-        onComplete: () => {
-            if (behaviorDisabled())
-                pause();
-            else {
-                creature?.removeAttribute('data-xiaohei-sidebar-roaming-paused');
-                scheduleRoam(1400);
-            }
-        },
-    });
-    const scheduleRoam = (delay = MIN_PAUSE_MS + Math.round(Math.random() * PAUSE_RANGE_MS)) => {
-        clearTimer();
-        if (disposed || behaviorDisabled()) {
-            pause();
-            return;
-        }
-        creature?.removeAttribute('data-xiaohei-sidebar-roaming-paused');
-        roamTimer = win.setTimeout(roam, delay);
-    };
-    const roam = () => {
-        roamTimer = 0;
-        if (disposed || behaviorDisabled() || creature === undefined) {
-            pause();
-            return;
-        }
-        const space = measureSpace();
-        if (space === undefined) {
-            scheduleRoam();
-            return;
-        }
-        const destination = chooseXiaoheiSidebarDestination(space, current);
-        const start = current ?? destination;
-        const duration = current === undefined ? 0 : resolveXiaoheiSidebarRoamDuration(start, destination);
-        creature.style.setProperty('--xiaohei-sidebar-heixiu-duration', `${duration}ms`);
-        creature.style.setProperty('--xiaohei-sidebar-heixiu-x', `${destination.x.toFixed(1)}px`);
-        creature.style.setProperty('--xiaohei-sidebar-heixiu-y', `${destination.y.toFixed(1)}px`);
-        current = destination;
-        scheduleRoam(duration + MIN_PAUSE_MS + Math.round(Math.random() * PAUSE_RANGE_MS));
-    };
-    const bind = () => {
-        attachQueued = false;
-        if (disposed)
-            return;
-        const nextCreature = doc.querySelector(SIDEBAR_HEIXIU_SELECTOR) ?? undefined;
-        const nextHost = doc.querySelector(XIAOHEI_HOST_SELECTORS.sidebar)?.firstElementChild;
-        const nextHostElement = nextHost instanceof win.HTMLElement ? nextHost : undefined;
-        if (nextCreature === creature && nextHostElement === host)
-            return;
-        escapeController.cancel();
-        if (creature !== undefined) {
-            creature.removeAttribute('data-xiaohei-sidebar-roaming');
-            creature.removeAttribute('data-xiaohei-sidebar-roaming-paused');
-            creature.style.removeProperty('--xiaohei-sidebar-heixiu-duration');
-            creature.style.removeProperty('--xiaohei-sidebar-heixiu-x');
-            creature.style.removeProperty('--xiaohei-sidebar-heixiu-y');
-        }
-        clearTimer();
-        creature = nextCreature;
-        host = nextHostElement;
-        current = undefined;
-        observeHostState();
-        if (creature === undefined || host === undefined)
-            return;
-        const hostRect = host.getBoundingClientRect();
-        const creatureRect = creature.getBoundingClientRect();
-        current = {
-            x: creatureRect.left - hostRect.left,
-            y: creatureRect.top - hostRect.top,
-        };
-        creature.style.setProperty('--xiaohei-sidebar-heixiu-duration', '0ms');
-        creature.style.setProperty('--xiaohei-sidebar-heixiu-x', `${current.x.toFixed(1)}px`);
-        creature.style.setProperty('--xiaohei-sidebar-heixiu-y', `${current.y.toFixed(1)}px`);
-        creature.setAttribute('data-xiaohei-sidebar-roaming', 'true');
-        scheduleRoam(INITIAL_PAUSE_MS);
-    };
-    const queueBind = () => {
-        if (attachQueued || disposed)
-            return;
-        attachQueued = true;
-        queueMicrotask(bind);
-    };
-    const resumeOrPause = () => {
-        if (escapeController.isRunning()) {
-            if (behaviorDisabled()) {
-                escapeController.cancel();
-                pause();
-            }
-            return;
-        }
-        if (behaviorDisabled())
-            pause();
-        else
-            scheduleRoam(600);
-    };
-    const hostStateObserver = new win.MutationObserver(resumeOrPause);
-    const hostResizeObserver = typeof win.ResizeObserver === 'function'
-        ? new win.ResizeObserver(resumeOrPause)
-        : undefined;
-    const observeHostState = () => {
-        if (host === observedHost)
-            return;
-        hostStateObserver.disconnect();
-        hostResizeObserver?.disconnect();
-        observedHost = host;
-        if (host === undefined)
-            return;
-        hostStateObserver.observe(host, { attributes: true, attributeFilter: ['class'] });
-        hostResizeObserver?.observe(host);
-    };
-    bind();
-    const unsubscribeHostDom = subscribeXiaoheiHostDom(doc, queueBind);
-    doc.addEventListener('visibilitychange', resumeOrPause);
-    win.addEventListener('resize', resumeOrPause, { passive: true });
-    reducedMotion.addEventListener('change', resumeOrPause);
-    coarsePointer.addEventListener('change', resumeOrPause);
-    return () => {
-        disposed = true;
-        escapeController.dispose();
-        clearTimer();
-        unsubscribeHostDom();
-        hostStateObserver.disconnect();
-        hostResizeObserver?.disconnect();
-        doc.removeEventListener('visibilitychange', resumeOrPause);
-        win.removeEventListener('resize', resumeOrPause);
-        reducedMotion.removeEventListener('change', resumeOrPause);
-        coarsePointer.removeEventListener('change', resumeOrPause);
-        if (creature !== undefined) {
-            creature.removeAttribute('data-xiaohei-sidebar-roaming');
-            creature.removeAttribute('data-xiaohei-sidebar-roaming-paused');
-            creature.style.removeProperty('--xiaohei-sidebar-heixiu-duration');
-            creature.style.removeProperty('--xiaohei-sidebar-heixiu-x');
-            creature.style.removeProperty('--xiaohei-sidebar-heixiu-y');
-        }
-        style.remove();
-    };
-}
-function destinationObstruction(point, space) {
-    const creature = {
-        left: point.x,
-        top: point.y,
-        right: point.x + space.creatureWidth,
-        bottom: point.y + space.creatureHeight,
-    };
-    return space.controls.reduce((total, control) => total + overlapArea(creature, control), 0);
-}
-function overlapArea(left, right) {
-    const width = Math.max(0, Math.min(left.right, right.right) - Math.max(left.left, right.left));
-    const height = Math.max(0, Math.min(left.bottom, right.bottom) - Math.max(left.top, right.top));
-    return width * height;
-}
-//# sourceMappingURL=sidebar-heixiu-roaming.js.map

package/lib/sidebar-reveal.d.ts

@@ -1,8 +0,0 @@
-/** Synchronize native wide content with the visible column, without changing
- * Host layout/state or adding a competing animation timer. */
-export declare function createSidebarReveal(doc: Document): {
-    setColumn(column: HTMLElement | undefined): void;
-    resize(nextWidth: number): void;
-    dispose(): void;
-};
-//# sourceMappingURL=sidebar-reveal.d.ts.map